.byBox{
    position: relative;
    margin-top: 90px;
}
.byBan{
    position: relative;
    padding: 12% 0 5%;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}
.byTop{
    width: 100%;
    display: flex;
    justify-content: space-between;
   
    align-items: center;}
.byTime{
    width: 300px;
    height: 300px;
    display: flex;
   justify-content: center;
   align-items: center;
    position: relative;
}
.byTImg{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.byTImg::after{
    background: #333;
    content: "";
    height: 13%;
    left: calc(50% + 2px);
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 2px;
    z-index: 2;
}
.byTime span{
    font-size: 28px;
    /* font-weight: 600; */
    text-transform: uppercase;
font-family: "Montserrat";
}
.byTImg img{
    width: 100%;
    height: 100%;
}

.byTit span{
    font-size: 120px;
    font-family: "Montserrat";
    line-height: 1;
    display: inline-block;
}
.TitHd span{
    overflow: hidden;
    position: relative;
    color: transparent;
    display: inline-block;
}
.TitHd span:after, .TitHd span:before {
    content: attr(data-char);
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: inherit;
    transition: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
}
.TitHd span:after{
    color: #333;
    top: auto;
    top: 0;
    -webkit-transform: translateX(-105%);
    -ms-transform: translateX(-105%);
    transform: translateX(-105%);
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    -moz-transform: translateX(-105%);
    -o-transform: translateX(-105%);
}
.TitHd span:before {
    -webkit-transform: translateX(-105%);
    -ms-transform: translateX(-105%);
    transform: translateX(-105%);
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
}
.appHd.TitHd span:after,.appHd.TitHd:hover span:before{
    visibility: visible;
}
.appHd.TitHd span:after{
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.appHd.TitHd:hover span:before {
    color: #333;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    /* background-image:-webkit-linear-gradient(right,#1fa7f8,#5841d3); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; */
}
.appHd.TitHd:hover span:after{
    -webkit-transform: translateX(105%);
    -ms-transform: translateX(105%);
    transform: translateX(105%);
}

/* .byTit span{
    margin-top: 10px;
    font-size: 120px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #000;
    display: inline-block;
    font-family: "Salt";
} */

.byTcon{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 50px 0 150px;
}
.byTcon p{
    font-size: 100px;
    font-weight: 600;
    color: transparent;
    -webkit-text-stroke: 0.8px rgba(0,0,0);
    text-transform: uppercase;
}
.byTcR{
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #333;
    width: calc(100% - 550px);
    position: relative;
    transform: rotate3d(0 0 10);
    -webkit-transform: rotate3d(0 0 10);
    -moz-transform: rotate3d(0 0 10);
    -ms-transform: rotate3d(0 0 10);
    -o-transform: rotate3d(0 0 10);
    background-image: linear-gradient(90deg,#666,#000);
}
.byTcR::after{
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    position: absolute;
    left: 50%;
    top: 50%;
    border: 1px solid #aaa;
    content: '';
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.byTcR svg{
    width: 50px;
    height: 50px;
}
.byTcR svg path{
    fill: #eee;
}
.byTcR span{
    font-size: 60px;
    line-height: 1;
    font-weight: 600;
    color: #eee;
    margin-left: 50px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.byTBtn{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.byTBtn p{
    font-size: 36px;
    font-weight: 600;
    color: #666;
    line-height: 1;
}
.byTList{
    display: flex;
    margin-left: 100px;
}
.byTItem{
    width: 80px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid #999;
    font-size: 32px;
    font-weight: 600;
    color: #333;
    margin: 0 -5px;
    font-family: "Montserrat";
}
/* .byBan::before{
    width: 90%;
    position: absolute;
    left: 10%;
    top: 0;
    background: #ccc;
    height: 1px;
    content: '';
}
.byBan::after{
    width: 100%;
    position: absolute;
    left: 0%;
    bottom: 0;
    background: #ccc;
    height: 1px;
    content: '';
} */
.byBanV video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 70vh;
    height: 70vh;
    object-fit: cover;
    overflow: hidden;
    animation: dou 5s linear infinite;
    -webkit-animation: dou 5s linear infinite;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    --dx: calc(var(--size) - var(--x));
    --dy: calc(var(--size) - var(--y));
    --x: 87.85;
    --y: 106.75;
    --size: 185;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.byBanV img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}
@keyframes dou {
    0% {
        border-radius: 50%;
        --dx: calc(var(--size) - var(--x));
        --dy: calc(var(--size) - var(--y));
        --x: 112.35;
        --y: 75.95;
        --size: 185;
    }
    25% {
        border-radius: calc(var(--x) / var(--size) * 100%) calc(var(--dx) / var(--size) * 100%) calc(var(--dx) / var(--size) * 100%) calc(var(--x) / var(--size) * 100%) / calc(var(--y) / var(--size) * 100%) calc(var(--y) / var(--size) * 100%) calc(var(--dy) / var(--size) * 100%) calc(var(--dy) / var(--size) * 100%);
        --dx: calc(var(--size) - var(--x));
        --dy: calc(var(--size) - var(--y));
        --x: 112.35;
        --y: 75.95;
        --size: 185;
    }
50% {
    border-radius: 50%;
    --dx: calc(var(--size) - var(--x));
    --dy: calc(var(--size) - var(--y));
    --x: 102.55;
    --y: 86.45;
    --size: 185;
}
75% {
    border-radius: calc(var(--x) / var(--size) * 100%) calc(var(--dx) / var(--size) * 100%) calc(var(--dx) / var(--size) * 100%) calc(var(--x) / var(--size) * 100%) / calc(var(--y) / var(--size) * 100%) calc(var(--y) / var(--size) * 100%) calc(var(--dy) / var(--size) * 100%) calc(var(--dy) / var(--size) * 100%);
    --dx: calc(var(--size) - var(--x));
    --dy: calc(var(--size) - var(--y));
    --x: 102.55;
    --y: 86.45;
        --size: 185;
}

    100% {
        border-radius: 50%;
        --dx: calc(var(--size) - var(--x));
        --dy: calc(var(--size) - var(--y));
        --x: 112.35;
        --y: 75.95;
        --size: 185;
       
    }
}
@keyframes wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.byBTit{
    font-size: 180px;
    font-weight: 600;
    text-transform: uppercase;
    color: #333;
        /* background-image: linear-gradient(90deg,#1fa7f8,#5841d3); */
}
.byVBox{
    width: 220px;
    height: 220px;
    position:sticky;
    /*top: 5%;
    */
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
}
.byVBox .bg{
    width: 130%;
    height: 130%;
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: .7;
    transform: translate(-50%,-50%) rotate(0);
    -webkit-transform: translate(-50%,-50%) rotate(0);
    -moz-transform: translate(-50%,-50%) rotate(0);
    -ms-transform: translate(-50%,-50%) rotate(0);
    -o-transform: translate(-50%,-50%) rotate(0);
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s;
    -ms-transition: all 0.48s;
    -o-transition: all 0.48s;
}
.byVBox .VidBox{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.byVBox .VidBox::after{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: rgba(0,0,0,.1);
}
.byVBox .VidBox video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.byVIcon{
    width: 30%;
    height: 30%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fb3e2d;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
   
}
.byVIcon svg{
    width: 40%;
    height: 40%;
}
.byVIcon path{
    fill: #fff;
}

.byIBox{
    width: 200px;
    height: 200px;
    position: absolute;
    top: -100px;
    right: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-image: linear-gradient(90deg,#1fa7f8,#5841d3);
    padding: 15px;
    display: none;
}
.byIBox img{
    width: 100%;
    height: 100%;
    opacity: .6;
    animation: xz 10s linear infinite;
    -webkit-animation: xz2 10s linear infinite;
}











.NewFList{
    display: flex;
    align-items: center;
}
.NewFList a{
    font-size: 16px;
    line-height: 1;
    display: block;
    transition: all 0.48s;
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s;
    -ms-transition: all 0.48s;
    -o-transition: all 0.48s;
    position: relative;
    margin-right: 50px;
    padding: 22px;
}
.NewFList a::after{
    content: '';
    width: 0%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #333;
    transition: all 0.48s;
    /* background-image: linear-gradient(90deg,#1fa7f8,#5841d3); */
}
.NewFList a.act,.NewFList a:hover{
    font-weight: 600;
}
.NewFList a.act::after,.NewFList a:hover::after{
    width: 100%;
}
.NewList{
    position: relative;
}
.NewList2{
    display: none;
}
.NewList1{
    display: block;
}
.NewItem{
    position: relative;
    border-bottom: 1px solid #ccc;
    padding: 50px 0;
}
.NewItem::after {
    width: 100%;
    height: 10%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    background: #000;
    opacity: 0;
    transition: all 0.48s;
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s;
    -ms-transition: all 0.48s;
    -o-transition: all 0.48s;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.NewItem a{
    padding: 50px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    transition: all 0.48s;
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s;
    -ms-transition: all 0.48s;
    -o-transition: all 0.48s;
}

.NewItem .time{
    width: 180px;
}
.NewItem .time span{
    font-size: 20px;
    line-height: 1;
    border-bottom: 1px solid #000;
    transition: all 0.48s;
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s;
    -ms-transition: all 0.48s;
    -o-transition: all 0.48s;
}

.NewItem .tit{
    width: calc(100% - 400px);
    font-size: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.48s;
}
.NewBList{
    width: 180px;
    display: flex;
    align-items: center;
}
.NewBList p{
    border: 1px solid #000;
    color: #000;
    padding: 12px 25px;
    line-height: 1;
    margin: 0 5px;
    font-size: 15px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    transition: all 0.48s;
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s;
    -ms-transition: all 0.48s;
    -o-transition: all 0.48s;
}
.NewItem .Tbox{
    width: calc(100% - 200px);
    position: relative;
    display: flex;
    align-items: center;
}

.NewImg{
    width: 450px;
    height: 240px;
    position: absolute;
    left: -100px;
    top: -50px;
    opacity: 0;
}
.NewImg img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}
.NewItem:hover .NewImg{
    opacity: .3;
}

.NewItem .inBIBox{
    width: 40px;
    height: 40px;
}
.NewItem .inBIcon svg path{
    fill: #000;
    opacity: .6;
}
.NewItem:hover .inBIcon{
    transform: translate3d(100%, -100%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}

.NewItem:hover .NewBList p{
    background-image: linear-gradient(90deg,#1fa7f8,#5841d3);
    color: #fff;
    border: none;
}
.NewItem:hover::after {
    height: 100%;
    opacity: 1;
}
.NewItem:hover .time span{
    color: #fff;
    border-bottom: 1px solid #eee;
}
.NewItem:hover .tit{
    color: #fff;
}
.NewItem:hover .inBIcon svg path{
    fill: #fff;
}





/* 案例 */
.CaseList{
    padding-top: 5%;
}
.CaseRow{
    display: flex;
    position: relative;
}
.CaseRow1{
    align-items: flex-end;
}
.CaseRow2{
    align-items: center;
    justify-content: end;
}
.CaseRow3{
    align-items: flex-start;
}
.CaseRow4{
    align-items: center;
    justify-content: flex-start;
}
.CaItem{
    margin-right: 8%;
    margin-bottom: 5%;
    position: relative;
}
.CaItem1{
    width: 50%;
}
.CaItem2{
    width: 42%;
}
.CaItem3{
    width: 65%;
    margin-right: 8%;
}
.CaItem4{
    width: 65%;
    margin-left: 8%;
}
.CaItem:nth-child(2n){
    margin-right: 0;
}
.CaItem a{
    position: relative;
    cursor: none;
    overflow: hidden;
    display: block;
}

.CaItem .imgBox{
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}
.CaItem1 .imgBox{
    padding-top: 100%;
}
.CaItem2 .imgBox{
    padding-top: 70%;
}
.CaItem3 .imgBox{
    padding-top: 70%;
}
.CaItem4 .imgBox{
    padding-top: 70%;
}
.CaItem .imgBox::after{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.8));
    content: '';
    opacity: 0.5;
    transition: all 0.48s;
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s;
    -ms-transition: all 0.48s;
    -o-transition: all 0.48s;
}
.CaItem .imgBox img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    transition: all 0.8s 0.4s;
    -webkit-transition: all 0.8s 0.4s;
    -moz-transition: all 0.8s 0.4s;
    -ms-transition: all 0.8s 0.4s;
    -o-transition: all 0.8s 0.4s;
    border-radius: 16px;
}
.CaItem .imgBox img.appimg{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    
}
.CaItem1 .abImg .img1{
    display: block;
}
.CaItem1 .abImg .img2{
    display: none;
}
.CaItem2 .abImg .img1{
    display: none;
}
.CaItem2 .abImg .img2{
    display: block;
}
.CaItem3 .abImg .img1{
    display: none;
}
.CaItem3 .abImg .img2{
    display: block;
}
.CaItem4 .abImg .img1{
    display: none;
}
.CaItem4 .abImg .img2{
    display: block;
}
.CaItem:hover .inSbtn{
    opacity: 1;
}
.CaseTime{
    font-size: 24px;
    font-family: "Montserrat";
    position: absolute;
    left: 0;
    padding: 30px;
    top: 0;
    color: #fff;
    width: 100%;
}
.CaseTbox{
    width: 100%;
    padding: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.CaseTbox p{
    font-size: 28px;
    line-height: 1;
    color: #fff;
    font-weight: 600;
}
.CaseTbox .inCIbox {
    margin-top: 20px;
}
.CaseTbox .inCIbox span{
    background: #fff;
    color: #333;
}









/* 联系 */
.conABox{
   height: 100vh;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   position: fixed;
   width: 100%;
  
}
.conNum{
    position: relative;
}
.conNum a{
    display: block;
}
.conNum span{
    line-height: 1;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    position: relative;
    font-family: "Montserrat";
    /* font-family: "AtypDisplay"; */
}
.conNum .yx{
    position: relative;
    margin-top: 20px;
}
.conNum .tel span,.conNum .tel i{
    font-size: 88px;
    line-height: 1;
}
.conNum .tel i{
    font-weight: 600;
    color: #000;
}
.conNum .yx i{
    font-weight: 600;
    color: #000;
}
.conNum .yx span,.conNum .yx i{
    font-size: 72px;
    line-height: 1;
}
.conNum .yx span::after{
    width: 100%;
    height: 6px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: -25px;
    content: '';
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
}
.conNum .yx:hover::after{
    width: 0%;
    left: auto;
    right: 0;
}
.conABon{
    width: 90%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: absolute;
    bottom: 50px;
}
.conABon .FBItem .Tbox{
    position: absolute;
    top: -130px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    left: 100%;
    opacity: 1;
}
/* .conABon .FBItem:hover .Tbox{
    opacity: 1;
} */
.conText{
    position: relative;
    margin: 50px 0;
    display: flex;
}
.conText span{
    font-size: 20px;
    width: 120px;
    text-transform: uppercase;
    font-family: "Montserrat";
    font-weight: 600;
}
.conText p{
    font-size: 20px;
    line-height: 1.5;
    font-weight: 600;
    position: relative;
    font-family: "Montserrat";
}
.conXBox{
    position: relative;
    margin: 5% 0;
}
.conXTop{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}
/* .conXTbox{
    margin-top: 50px;
} */
.conXTbox form{
    padding: 80px 50px;
    background: #f7f8f9;
    border-radius: 30px;
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    background: rgba(255, 255, 255, .6);
    backdrop-filter: blur(4px);
}
.conXList{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.conXItem{
    width: 48%;
    position: relative;
    border-bottom: 1px solid rgba(31,31,31,.2);
    margin-bottom: 20px;
}
.conXItem span{
    display: none;
}
.conXItem.tx ::placeholder{
    color: #c41024
}
.conXItem.tx::before{
    background: #c41024
}
.conXItem.tx span{
    display: block;
    position: absolute;
    left: 0;
    bottom: -25px;
    font-size: 12px;
    color: #c41024;
}
.conXItem.tx{
    border-bottom: 1px solid rgb(196, 16, 36,.2);
}
.conXItem:nth-child(1),.conXItem:nth-child(2){
    border-top: 1px solid rgba(31,31,31,.2);
}
.conXItem i{
    font-size: 24px;
    color: #c41024;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.conXItem::before{
    background: #ccc;
    border-radius: 50%;
    content: "";
    height: 1rem;
    margin-top: -0.5rem;
   
    position: absolute;
    right: 0;
    top: 2.5rem;
    transition: opacity .35s cubic-bezier(.3,.86,.36,.95);
    width: 1rem;
    -webkit-transition: opacity .35s cubic-bezier(.3,.86,.36,.95);
    -moz-transition: opacity .35s cubic-bezier(.3,.86,.36,.95);
    -ms-transition: opacity .35s cubic-bezier(.3,.86,.36,.95);
    -o-transition: opacity .35s cubic-bezier(.3,.86,.36,.95);
}
.conXItem:hover::before{
   background: #000;
}
.conXItem::after{
    background: #1f1f1f;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: 100% 100%;
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    width: 100%;
}
.conXItem:hover::after {
    transform: scaleX(1);
    transform-origin: 0 0;
}
.conXItem input{
    width: 100%;
    height: 70px;
    font-size: 18px;
    font-weight: 500;
    background: transparent;
    padding: 0 20px;
}
.conXItem textarea{
    width: 100%;
    height: 80px;
    font-size: 18px;
    font-weight: 500;
    background: transparent;
    padding: 20px;
}
.conXItem:last-child{
    width: 100%;
}
.conXBtn{
    margin: 0 auto;
    margin-top: 50px;
    width: 400px;
}
.conXBtn input{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 999;
}
.conXText{
    /* position: absolute;
    left: 0;
    top: calc(100% - 12px); */
    width: 100%;
    padding: 0 0 20px 0;
    z-index: 6;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.conXText span{
    content: '';
    font-size: 16px;
    line-height: 1;
    display: block;
    margin-bottom: 10px;
    padding: 10px 30px;
    margin-right: 10px;
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    transition: all 0.48s;
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s;
    -ms-transition: all 0.48s;
    -o-transition: all 0.48s;
}
.conXText span:hover{
    background-image: linear-gradient(90deg,#1fa7f8,#5841d3);
    color: #fff;
    border-color:  transparent;
}
.conXText span.act{
    background-image: linear-gradient(90deg,#1fa7f8,#5841d3);
    color: #fff;
    border-color:  transparent;
}
.conXbz{
    font-size: 24px;
    margin-top: 20px;
    font-weight: 400;
}




/* .conXLab:hover span {
    -webkit-animation: UpInitial .3s forwards,UpInitial .3s .3s forwards;
    animation: UpInitial .3s forwards,UpInitial .3s .3s forwards;
} */
@keyframes UpInitial 
{
    0% {
        transform: translate3d(0,100%,0) scaleX(1);
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0) scaleX(1);
        -moz-transform: translate3d(0,100%,0) scaleX(1);
        -ms-transform: translate3d(0,100%,0) scaleX(1);
        -o-transform: translate3d(0,100%,0) scaleX(1);
}
    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

.conIBox{
    margin-top: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.conIBox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.conIvideo{
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 90Vh;
    overflow: hidden;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.conIBox video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.48s;
    transform:  translateY(0);
    -webkit-transform:  translateY(0);
    -moz-transform:  translateY(0);
    -ms-transform:  translateY(0);
    -o-transform:  translateY(0);
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s;
    -ms-transition: all 0.48s;
    -o-transition: all 0.48s;
}
.conBox{
    overflow: hidden;
}








.abABox{
   position: relative;
   padding: 5% 0 0;
   overflow: hidden;
}

.abAImg {
    width: 86%;
    margin: 0 auto;
    padding-top: 50%;
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.abABg{
    width: 100%;
}
/* .abASticky{
    position: sticky;
    top: 100px; 
} */
.abAImg img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}
.abASticky::after{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .2);
    content: '';
}
.abAImg video{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.abATbox{
    display: flex;
    justify-content: space-between;
    position: relative;
    /* align-items: center; */
    /* margin-top: 8%; */
    padding: 5% 0;
}
.abALeft{
    width: 40%;
}
.abARig{
    width: 55%;
}
.abATitF span{
    display: block;
    font-size: 36px;
    line-height: 1.5;
}
.abATit span{
    font-size: 96px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: transparent;
    font-family: "Montserrat";
}
.abARText {
    font-size: 22px;
    display: block;
    margin: 50px 0 8%;
}

.abFBox{
    padding: 5%;
    border-radius: 30px;
    background: #fff;
    /* overflow: hidden; */
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    margin-top: 5%;
    background: rgba(255, 255, 255, .6);
    backdrop-filter: blur(4px);

}
.abFTop{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
     margin-bottom: 8%;
}
.abFTop .ByXTit span{
    color: #fff;
}
.abFText{
    width: 65%;
    font-size: 20px;
    color: #fff;
}
.abFBon{
    display: flex;
    justify-content: space-between;
   
}
.abFLeft{
    width: 30%;
}
.abFList{
    position:sticky;
    top: 150px;
    border-top:1px solid rgba(0,0,0,.2);
}
.abFItem{
    padding: 40px 0;
    font-size: 42px;
    font-weight: 600;
    line-height: 1;
    position: relative;
     border-bottom:1px solid rgba(0,0,0,.2);
}
.abFItem.act{
    color: #5841d3;
}
.abFItem.act::before{
    background: #5841d3;
}
.abFItem::before{
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    background: #333;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.abFRig{
    width: 65%;
}
.abFRImg{
    width: 100%;
    padding-top: 65%;
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.abFRImg img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}
.abFRTit{
    font-size: 42px;
    line-height: 1;
    margin-bottom: 30px;
    font-weight: 600;
}
.abFRText{
    font-size: 18px;
}

.abFRItem{
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    padding: 8% 0;
}
.abFRItem:last-child{
    padding-bottom: 0;
    border-bottom: none;
}
.abFRItem:nth-child(1){
    padding-top: 0;
}
.abFRTbox{
    padding: 50px 0 0;
}














.abHBox{
    margin-top: 5%;
}
.abHItem{
    position: relative;
}
.abHList2{
    display: none;
    margin-top: 5%;
}
.abHList{
    margin-top: 5%;
}
.abHItem:nth-child(1) .inner{
    border-top: 1px solid #aaa;
}
.abHItem .inner{
    padding: 50px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #aaa;
    position: relative;
    z-index: 2;

}
.abHItem::after{
    width: 100%;
    height: 10%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    background: #000;
    opacity: 0;
    transition: all 0.48s;
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s;
    -ms-transition: all 0.48s;
    -o-transition: all 0.48s;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.abHDItem .inner{
    padding: 50px 0;
    border-bottom: 1px solid #aaa;
    position: relative;
    z-index: 2;
    display: block;
}
.abHDItem{
    position: relative;
}
.abHDTop{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.abHLeft{
    width: 25%;
}
.abHTit{
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
}

.abHBList{
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.abHBList p{
    font-size: 12px;
    padding: 5px 8px;
    line-height: 1;
    border: 1px solid #000;
    color: #000;
    margin-right: 10px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.abHTime span{
    font-size: 20px;
/* font-family: "Salt"; */
    font-weight: 500;
}
.abHCon{
    width: 55%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.abHimg{
    width: 80px;
    height: 80px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.abHimg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.abHText{
    width: calc(100% - 300px);
}
.abHText span{
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.abHItem:hover:after{
    opacity: 1;
    height: 100%;
}
.abHItem:hover span,.abHItem:hover .abHTit{
    color: #fff;
}
.abHItem:hover p{
    color: #fff;
    border: 1px solid #fff;
}
.abHItem:hover .NewBtn{
    background: #fff;
    border: none;
}
.abHItem .inBIBox{
    width: 40px;
    height: 40px;
    opacity: .8;
}
.abHItem .inBIcon svg path{
    fill: #000;
}
.abHItem:hover .inBIcon{
    transform: translate3d(100%, -100%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    -webkit-transform: translate3d(100%, -100%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    -moz-transform: translate3d(100%, -100%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    -ms-transform: translate3d(100%, -100%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    -o-transform: translate3d(100%, -100%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}
.abHItem:hover .inBIcon svg path{
    fill: #fff;
}
.abHTop{
    display: flex;
    justify-content: center;
}



.CaItem{
    display: inline-block;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}







/* 案例详情 */


.cdTop{
    display: flex;
    justify-content: space-between;
    margin-top: 70px;
}
.cdTLeft{
    width: 10%;
}
.cdTLBox{
    position: sticky;
    top: 200px;
}
.cdCRTop{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cdCRLeft{
    width: 65%;
}
.cdTTit p{
    font-size: 42px;
    line-height: 1.5;
    font-weight: 600;
    margin: 15px 0 0;
}
.cdTtime{
    display: flex;
    align-items: center;
}
.cdTtime p{
    font-size: 20px;
    display: block;
    font-weight: 600;
}
.cdTtime span{
    font-size: 18px;
}
.cdTbon{
    margin: 50px 0 70px;
}
.cdTbon span{
    font-size: 20px;
    /* display: block; */
    font-weight: 600;
}
.cdTbon a{
    font-size: 18px;
    text-decoration: underline;
}
.cdTbon p{
    display: inline-block;
    font-size: 18px;
    
}
.cdTTit span{
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Montserrat";
    display: block;
    line-height: 1;
}
.cdTRig{
    width: 90%;
    position: relative;
    overflow: hidden;
}
 .cdTImg{
    margin: 0 auto;
    width: 90%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-top: 45%;
    border-radius: 20px;
    overflow: hidden;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
   
}

  
 .cdTImg div{
    overflow: hidden;
}

.cdTImg img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    animation: Imgfd 1s;
    -webkit-animation: Imgfd 1s;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
@keyframes Imgfd {
    from {width: 80%;opacity: 0;}
    to {width: 100%;opacity: 1;}
  }
.cdTbtn{
    margin-bottom: 20px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #aaa;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.cdTjt{
    width: 50%;
    height: 50%;
}
.cdTjt svg{
    width: 100%;
    height: 100%;
    opacity: .6;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.cdTjt svg path{
    fill: #333;
}
.cdCon{
    display: flex;
    padding: 5% 0;
    justify-content: space-between;
}
.cdCLeft{
    width: 25%;
}
.cdCTit{
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 50px;
}
.cdCRText{
    font-size: 18px;
    margin-top: 30px;
}
.cdCRList{
    margin-top: 50px;
    border-top: 1px solid #ccc;
}
.cdCRItem{
    padding: 20px;
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: center;
}
.cdCRItem a,.cdCRItem span{
    font-size: 16px;
}
.cdCRItem p{
    font-size: 20px;
    /* font-weight: 600; */
}
.cdBtn{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: linear-gradient(90deg,#1fa7f8,#5841d3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
}
.cdBtn svg{
    width: 30px;
    height: 30px;
    opacity: .8;
}
.cdBtn svg path{
    fill: #fff;
}
.cdList .swiper-slide:hover .cdBtn{
    opacity: 1;
}
.cdList_next{
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 2;
}
.cdList_prev{
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 2;
}
.cdList_prev:hover .cdBtn{
    opacity: 1;
}
.cdList_next:hover .cdBtn{
    opacity: 1;
}
.cdList_prev.swiper-button-disabled{
    opacity: 0;
}
.cdList_next.swiper-button-disabled{
    opacity: 0;
}


.cdList{
    position: relative;
    overflow: hidden;
}
.cdTit{
    font-size: 130px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    font-family: "Montserrat";
}
.cdList .swiper-container{
width: 100%;  
margin: 5% 0 0;
overflow: hidden;
position: relative;
}

.cdList .swiper-slide{
   padding: 0 4%;
    }

.cdLBtn{
    width: 250px;
    margin: 0 auto;
}

.cdItem{
    width: 100%;
    padding-top: 60%;
    position: relative;
}
.cdItem img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}
.cdFBox{
    position: relative;
    border-bottom: 1px solid #ccc;
}
.cdFList{
    width: 500px;
    margin: 5% auto 0;
    position: relative;
}
.cdFList .swiper-slide {
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}
.cdFImg{
    padding-top: 90%;
    position: relative;
   
}
.cdFImg img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}
.cdFBtn{
    position: absolute;
    top: 50%;
    z-index: 6;
    opacity: .7;
    transition: all 0.48s;
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s;
    -ms-transition: all 0.48s;
    -o-transition: all 0.48s;
}
.cdFBtn:hover{
    opacity: 1;
}
.cdFBtn svg{
    width: 100px;
    height: 100px;
}
.cdFBtn svg path{
    fill: #000;
}
.cdFSwiper_prev{
    left: -200px;
}
.cdFSwiper_next{
    right: -200px;
}
.cdFSwiper_prev svg{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.cdFSwiper_disabled.cdFSwiper_prev{
    opacity: 0;
}
.cdFSwiper_disabled.cdFSwiper_next{
    opacity: 0;
}
.cdTSwiper{
    margin-top: 50px;
    width: 100%;
    width: 600px;
}
.cdTSwiper .swiper-slide{
    display: flex;
    justify-content: center;
    align-items: center;
}
.cdTSwiper p{
    padding: 20px 50px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    border-radius: 50%;
    font-family: "Montserrat";
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.cdTSwiper .swiper-slide-thumb-active p{
    border: 1px solid #000;
}


/* 新闻详情 */
.newsDet_flex{
    display: flex;
    justify-content: space-between;
}
.newsDet_left{
    width: calc(100% - 350px);
    padding-right: 50px;
    border-right: 1px solid #ccc;
}
.newsDet_Top{
    padding-bottom: 50px;
    border-bottom: 1px solid #ccc;
}
.newsDet_Tit{
    font-size: 30px;
    font-weight: 100;
    letter-spacing: 2px;
    /*text-align: center;*/
    margin-bottom: 30px;
}
.newsDet_Text{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.newsDet_Text p:first-child{
    margin-left: 0;
}
.newsDet_Text p{
    font-size: 12px;
    line-height: 1;
    margin: 0 20px;
    font-weight: 500;
}
.newsDet_Text span{
    font-size: 12px;
    line-height: 1;
}
.newsDet_con {
    border-bottom: 1px solid #ccc;
    padding: 40px 10px 28px;
}
.newsDet_con p {
    margin: 18px 0;
    font-size: 16px;
    line-height: 2;
    color: #666;
}
.newsDet_con img {
    width: 100%;
    margin: 20px auto 28px;
}
.newsDet_bon{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 50px 0 0;
}
.newsDet_bItem{
    width: 30%;
    font-size: 16px;
}
.newsDet_bItem:last-child p{
    text-align: end;
}
.newsDet_bItem p{
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: underline;
    transition: all 0.48s;
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s;
    -ms-transition: all 0.48s;
    -o-transition: all 0.48s;
}
.newsDet_btn{
    padding: 20px 30px;
    font-size: 16px;
    border: 1px solid #666;
    line-height: 1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.48s;
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s;
    -ms-transition: all 0.48s;
    -o-transition: all 0.48s;
}
.newsDet_bItem:hover p{
    color: #1fa7f8;
}
.newsDet_btn:hover{
    color: #fff;
    border: 1px solid #1fa7f8;
    background-image: linear-gradient(90deg,#1fa7f8,#5841d3);
}
.newsDet_rig{
    width: 300px;
}
.newsDet_rig h4{
    font-size: 20px;
    border-bottom: 1px solid #ddd; 
    padding-bottom: 30px;
    line-height: 1;
}
.newsDet_Tui{
    position: relative;
}
.newsDet_Titem{
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}
.newsDet_Titem span{
    font-size: 14px;
}
.newsDet_Titem p{
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}
.pagBox{
    margin-top: 50px;
    display: flex;
    justify-content: flex-end;
}
.pagList{
    display: flex;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, .05);
}
.pagList a{
    width: 60px;
    height: 60px;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    background: rgba(255, 255, 255, .05);
    border-right: 1px solid rgba(0, 0, 0, .05);
}
.pagList a img{
    width: 20px;
    height: 20px;
    object-fit: cover;
    opacity: .8;
}
.pagList a .img1{
    display: block;
}
.pagList a .img2{
    display: none;
}
.pagList a:last-child{
    border-right: none;
}
.pagList a:hover .img1,.pagList a.act .img1{
    display: none;
}
.pagList a:hover .img2,.pagList a.act .img2{
    display: block;
}
.pagList a.act,.pagList a:hover{
    background-image: linear-gradient(180deg,#1fa7f8,rgb(32, 169, 248,0));
    color: #fff;
}



/* 新闻 */
.StuBox{
    position: relative;
    padding-top: 5%;
}

.StuJTBox{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.StuJLeft{
    width: 47%;
}
.StuJBox{
    overflow: hidden;
    padding: 5%;
    background: #fff;
    border-radius: 30px;
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    background: rgba(255, 255, 255, .6);
    backdrop-filter: blur(4px);
}
.StuJTit{
    font-size: 36px;
    font-weight: 500;
    margin: 20px 0 20px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.StuJText{
    font-size: 20px;
    margin-top: 30px;
}
.StuJImg{
    width: 48%;
    padding-top: 30%;
    position: relative;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    overflow: hidden;
}
.StuJImg img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    transition: all 0.48s;
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s;
    -ms-transition: all 0.48s;
    -o-transition: all 0.48s;
}
.StuJImg:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.StuJTime{
    font-size: 17px;
    display: flex;
    align-items: center;
}
.StuJType{
    display: inline-block;
    background-image: linear-gradient(90deg,#1fa7f8,#5841d3);
    color: #fff;
    padding: 10px 20px;
    line-height: 1;
    margin: 0 5px;
    font-size: 16px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    transition: all 0.48s;
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s;
    -ms-transition: all 0.48s;
    -o-transition: all 0.48s;
}
.StuJTime svg{
    width: 18px;
    height: 18px;
    margin-right: 10px;
}
.StuJTime svg path{
    fill: #333;
}
.StuJBtn{
    width: 50%;
    margin-top: 50px;
}
.StuHBox{
    padding: 5% 0 0;
}
.StuHList{
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}
.StuHItem{
    width: calc(33.3% - 20px);
    margin-right: 30px;
    box-sizing: border-box;
    margin-bottom: 30px;
    border-radius: 30px;
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    padding: 30px;
    background: rgba(255, 255, 255, .6);
    backdrop-filter: blur(4px);
    transition: all 0.48s;
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s;
    -ms-transition: all 0.48s;
    -o-transition: all 0.48s;
}
.StuHItem:hover{
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}
.StuHItem:nth-child(3n){
    margin-right: 0;
}
.StuHImg{
    width: 100%;
    padding-top: 70%;
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.StuHImg img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    transition: all 0.48s;
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s;
    -ms-transition: all 0.48s;
    -o-transition: all 0.48s;
}
.StuHTBox{
    padding: 30px 10px 10px;
}
.StuHTit{
    font-size: 26px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    margin-bottom: 20px;
}
.StuHText{
    font-size: 16px;
    line-height: 30px;
    height: 60px;
}  
.StuHItem:hover .StuHImg img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.StuFBox{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 50px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}
.StuFList{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50px;
    padding: 20px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}
.StuFItem{
    font-size: 20px;
    font-weight: 500;
    padding: 0 20px;
    line-height: 1;
    border-right: 1px solid rgba(0, 0, 0, .2);
}
.StuFItem.act{
    color: #5841d3;
    font-weight: 600;
}
.StuFItem:last-child{
    border-right: none;
}
/* .StuFItem{
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 50px;
    background:rgba(255, 255, 255, .6);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    margin-right: 30px;
    backdrop-filter: blur(4px);
    cursor: pointer;
}
.StuFItem.act{
    background: linear-gradient(90deg,#1fa7f8,#5841d3);
}
.StuFItem.act span{
    color: #fff;
}
.StuFItem.act .StuFIcon{
    background:#fff;
}
.StuFItem.act .StuFIcon svg path{
    fill: #5841d3;
}
.StuFItem span{
    font-size: 18px;
    line-height: 1;
    color: #333;
    font-weight: 600;
    margin: 0 20px 0 30px;
}
.StuFIcon{
    width: 35px;
    height: 35px;
    background-image: linear-gradient(90deg,#1fa7f8,#5841d3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
} 
.StuFIcon svg{
    width: 60%;
    height: 60%;
}
.StuFIcon svg path{
    fill: #fff;
} */
.NewList{
    display: none;
}
.StuMorm{
    width: 300px;
    /* background: #000; */
    background-image: linear-gradient(90deg,#1fa7f8,#5841d3);
    padding: 18px 30px;
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    margin: 5% auto;
    font-family: "Montserrat";
    cursor: pointer;
}
.StuMorm svg{
    width: 25px;
    height: 25px;
    margin-left: 10px;
}
.StuMorm svg path{
    fill: #fff;
}



@media (min-width: 2200px){
    .conNum .yx span, .conNum .yx i {
        font-size: 100px;
        line-height: 1;
    }
    .byTit span{
        font-size: 150px;
    }
    .StuFItem {
        font-size: 24px;
    }
}
@media (max-width: 1920px){
    .abATitF span{
        font-size: 32px;
    }
    .abARText {
        font-size: 22px;
    }
    .StuFItem {
        font-size: 20px;
    }
    .byTit span{
        font-size: 110px;
    }
    .abAItem .num b{
        font-size: 66px;
    }
    .abAItem p {
        font-size: 36px;}
        .conNum .yx span, .conNum .yx i {
            font-size: 72px;
            line-height: 1;
        }
        .conText p {
            font-size: 18px;
        }
        .conXTit p {
            font-size: 42px;
        }
        .abAItem p {
            font-size: 28px;
        }
        .abAText {
            font-size: 18px;
        }
        .cdTit{
            font-size: 115px;
        }
}
@media (max-width: 1680px){
    .StuHTit{
        font-size: 24px;
    }
    .StuJTit {
        font-size: 32px;
    }
    .StuFItem {
        font-size: 18px;
    }
    .StuJBtn {
        width: 60%;
        margin-top: 50px;
    }
    .conXbz {
        font-size: 20px;
    }
    .StuJText {
        font-size: 18px;
    }
    .conXSvg span {
        font-size: 14px;
    }
    .conXTit p {
        font-size: 36px;
    }
    .conXLab span,.conXTbox p,.conXText textarea{
        font-size: 18px;
    }
    .conXTit{
        font-size: 32px;
    }
    .abAItem p {
        font-size: 24px;
    }
    .conNum .yx span,.conNum .yx i {
        font-size: 66px;
    }
    .abAText{
        font-size: 18px;
    }
  .abATitF span{
        font-size: 32px;
    }
    .abAItem {
        padding: 30px 0;
    }
    .byTime {
        width: 270px;
        height: 270px;
    }
    .abSTBox p{
        font-size: 52px;
    }
    .abSTBox .icon {
        width: 25px;
        height: 25px;
    }
    .abSTBox span{
        font-size: 17px;
    }
    .abSNum b {
        font-size: 125px;
    }
    
    .abAItem .num b i {
        font-size: 16px;
    }
    .cdTTit p {
        font-size: 36px;
    }
    .cdTbon span {
        font-size: 18px;
    }
    .cdTit {
        font-size: 100px;
    }
    .cdTSwiper p {
        padding: 15px 40px;
        font-size: 16px;
    }
    .cdCTit {
        font-size: 32px;
    }
    .cdBtn {
        width: 100px;
        height: 100px;
    }
    .newsDet_Tit {
        font-size: 28px;
    }
    .abAItem .num b{
        font-size: 60px;
    }
    .StuHItem{
        padding: 20px;
    }
    .StuHTit {
        font-size: 22px;
    }
}
@media (max-width: 1368px){
    .StuJTit {
        font-size: 28px;
    }
    .conXTbox form{
        padding: 50px;
    }
    .CaItem{
        margin-right: 5%;
    }
    .CaItem2 {
        width: 45%;
    }
    .CaseTbox p {
        font-size: 26px;
    }
    .abATit span {
        font-size: 80px;
    }
    .abARText {
        font-size: 20px;
    }
    .StuHTBox {
        padding: 30px 0 0px 0;
    }
    .StuJImg {
        padding-top: 40%;
    }
    .StuJBtn {
        width: 80%;
        margin-top: 50px;
    }
    .conXBtn {
        width: 350px;
    }
    .conXList {
        margin: 30px 0;
    }
    .conXItem input,.conXItem textarea {
        width: 100%;
        height: 70px;
        font-size: 16px;
    }
    .conXText span {
        content: '';
        font-size: 14px;
        line-height: 1;
        padding: 10px 25px;
    }
    .conXbz {
        font-size: 18px;
        margin-top: 15px;
    }
    .newsDet_rig {
        width: 260px;
    }
    .newsDet_left {
        width: calc(100% - 310px);
    }
   .abATitF span {
        font-size: 28px;
    }
    .abAItem .num b{
        font-size: 60px;
    }
    .abAText {
        font-size: 17px;
    }
    .conNum .tel span,.conNum .tel i {
        font-size: 72px;
    }
    .conNum .yx span,.conNum .yx i {
        font-size: 60px;
    }
    .conText p,.conText span {
        font-size: 18px;
    }
    .NewItem .Tbox {
        width: calc(100% - 100px);
    }   
    .NewItem .time span {
        font-size: 18px;
    } 
    .NewItem .time,.NewBList{
        width: 150px;
    }
    .NewItem .tit{
        width: calc(100% - 350px);
        font-size: 20px;
    }
    .NewImg {
        width: 400px;
        height: 200px;
    }
    .NewItem .inBIBox{
        width: 35px;
        height: 35px;
    }
    .NewBList p{
        font-size: 14px;
    }
    .conNum .tel span,.conNum .tel i {
        font-size: 66px;
    }
    .conNum .yx span,.conNum .yx i {
        font-size: 52px;
    }
    .abHBList p{
        margin-right: 5px;
    }
    .abHTit {
        font-size: 28px;}
        .abHimg {
            width: 70px;
            height: 70px;
        }   
        .abHItem .inBIBox{
            width: 35px;
            height: 35px;
        }  
        .abSNum b {
            font-size: 108px;
        }
        .abSTBox p {
            font-size: 48px;
        }
        .abAItem p {
            font-size: 22px;
        }
        .cdTTit span {
            font-size: 14px;
        }
        .cdTTit p {
            font-size: 32px;
        }
        .cdTbon a,.cdTbon p {
            font-size: 15px;
        }
        .cdList .swiper-slide {
            padding: 0 2%;
        }
        .cdTit {
            font-size: 80px;
        }
        .cdFBtn svg {
            width: 70px;
            height: 70px;
        }
        .cdBtn {
            width: 80px;
            height: 80px;
        }
        .newsDet_btn {
            padding: 15px 30px;
            font-size: 15px;
        }
        .newsDet_bItem,.newsDet_bItem p {
            font-size: 15px;
        }
        .cdCRText {
            font-size: 17px;
            margin-top: 20px;
        }
        .cdCRItem p {
            font-size: 18px;
        }
}
@media (max-width: 1200px){
    .cdFSwiper_next {
        right: -150px;
    }
    .cdFSwiper_prev {
        left: -150px;
    }
    .abATit span {
        font-size: 72px;
    }
    .abATitF span {
        font-size: 28px;
    }
    .abARText {
        font-size: 18px;
    }
    .StuJTit {
        font-size: 24px;
    }
    .StuHItem {
        width: calc(50% - 15px);
    }
    .StuHItem:nth-child(3n) {
        margin-right: 30px;
    }
    .StuHItem:nth-child(2n) {
        margin-right: 0;
    }
    .StuJText {
        font-size: 16px;
    }
    .ByXTit span {
        font-size: 42px;
    }
    .pagList a {
        width: 50px;
        height: 50px;
        font-size: 14px;
    }
    .newsDet_rig {
        width: 240px;
    }
    .newsDet_left {
        width: calc(100% - 290px);
    }
    .conXTit p {
        font-size: 32px;
    }
    
    .abATitF span {
        font-size: 24px;
    }
    .abAItem .num b i {
        font-size: 14px;
    }
    
    .conXTit {
        font-size: 28px;
        top: 90px;
    }
    .abAItem p {
        font-size: 18px;
    }
    .abAItem .num b {
        font-size: 56px;
    }
    .abAText {
        font-size: 16px;
    }
    .conXLab span, .conXTbox p,.conXText textarea {
        font-size: 16px;
    }
    .conXLab{
        margin-bottom: 15px;
    }
    .CaItem p,.inCTop .time {
        font-size: 24px;
    }
    .NewItem .Tbox {
        width: calc(100% - 80px);
    }   
    .NewItem .time span {
        font-size: 16px;
    } 
    .NewItem .time,.NewBList{
        width: 130px;
    }
    .NewItem .tit{
        font-size: 18px;
        width: calc(100% - 300px);
    }
    .NewBList p{
        font-size: 13px;
    }
    .byTit span {
        font-size: 86px;
    }
    .byTime {
        width: 230px;
        height: 230px;
    }
    .byTime span {
        font-size: 24px;}
        .abSTBox p {
            font-size: 42px;
        }
        .abSTBox span {
            font-size: 16px;
        }
        .abSNum b {
            font-size: 82px;
        }
        .abSBox .abSwiper {
            height: 360px;
        }
        .byTime {
            width: 210px;
            height: 210px;
        }
        .abHLeft {
            width: 30%;
        }
        .abHCon {
            width: 60%;
        }
        .abHItem .inBIBox {
            width: 30px;
            height: 30px;
        }
        .byVBox{
            width: 180px;
            height: 180px;
        }
        .abHText {
            width: calc(100% - 230px);
        }
        .abSItem{
            padding: 0;
        }
        .cdTop {
            flex-wrap: wrap;
        }
        .cdTLeft {
            width: 100%;
        }
        .cdTRig {
            width: 100%;
        }
        .cdTLeft .inBtnB{
            width: 300px;
        }
        .cdBtn svg{
            width: 50%;
            height: 50%;
        }
        .newsDet_Top {
            padding-bottom: 30px;
        }
        .NewItem{
            padding: 30px 0;
        }
}
@media (max-width: 1024px){
    .conABox{
        position: relative;
    }
    .conIBox{
        margin: 0;
    }
    .cdFSwiper_next {
        right: -100px;
    }
    .cdFSwiper_prev {
        left: -100px;
    }
    .abATit span {
        font-size: 60px;
    }
    .abARText {
        font-size: 17px;
    }
    .ByXTit span {
        font-size: 36px;
    }
    .conIvideo{
        height: 100%;
    }
    .newsDet_rig {
        display: none;
    }
    .newsDet_left {
        width: 100%;
        padding-right: 0;
        border: none;
    }
    .abFIcon {
        padding: 20px;
    }
    .abFBox{
        height: 60vh;
    }
    .abAText {
        font-size: 15px;
    }
    .CaItem p,.inCTop .time {
        font-size: 20px;
    }
    .inCIbox span{
        padding: 8px 15px;
    }
    .NewItem .inBIBox {
        width: 30px;
        height: 30px;
    }
    .NewItem{
        padding: 30px 0;
    }
    .NewImg {
        width: 350px;
        height: 180px;
    }
    .abHTit {
        font-size: 24px;
    }
    .abHimg {
        width: 60px;
        height: 60px;
    }
    .abHText {
        width: calc(100% - 200px);
    }
    .abSTBox p {
        font-size: 36px;
    }
    .abSNum b {
        font-size: 70px;
    }
    .abSNum i {
        font-size: 24px;
        margin-left: 5px;
    }
    .abSTBox span {
        margin-top: 15px;
        font-size: 15px;
    }
    .abSTBox .icon {
        width: 20px;
        height: 20px;
    }
    .abSTBox {
        width: 55%;
    }
    .abSleft {
        width: 40%;
    }
    
}
@media (max-width: 900px){
    .cdCRText {
        font-size: 16px;
        margin-top: 15px;
    }
    .abAImg {
        width: 90%;
        padding-top: 65%;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
}
.abALeft{
    width: 100%;
}
    .abATit span {
        font-size: 52px;
    }
    .abATbox {
        flex-direction: column;
        padding: 50px 0;
    }
    .abARText {
        margin: 20px 0 50px;
    }
    .abARig {
        width: 100%;
        margin-top: 20px;
    }
    .abARText {
        margin: 20px 0 50px;
    }
    .abATitF span {
        font-size: 24px;
    }
    .StuJBtn {
        margin-top: 50px;
        width: 300px;
    }
    .StuJTBox {
        flex-wrap: wrap;
    }
    .StuJImg {
        padding-top: 55%;
        margin-top: 50px;
        width: 100%;
    }
    .StuJLeft {
        width: 100%;
    }
    .conIBox{
        margin: 50px 0;
    }
    .conIvideo {
        height: 100%;
        padding-top: 65%;
        position: relative;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
}
    .conIBox video {
        position: absolute;
        left: 0;
        top: 0;
    }
    .conIBox img {
        position: absolute;
        left: 0;
        top: 0;
    }
    .conXList {
        margin: 0;
    }
    .ByXTit span {
        font-size: 32px;
    }
    .conXItem:nth-child(1), .conXItem:nth-child(2){
        border-top: none;
    }
    .conXItem {
        width: 100%;
    }
    .conXTop .FTBtn{
        display: none;
    }
    .NewFList a {
        font-size: 15px;
        margin-right: 30px;
        padding: 18px;
    }
    .cdBtn {
        width: 60px;
        height: 60px;
    }
    .cdTbon span {
        font-size: 16px;
    }
    .cdTTit p {
        font-size: 28px;
    }
    .cdTTit span {
        font-size: 12px;
    }
    .cdTit {
        font-size: 60px;
    }
    .cdCRItem {
        padding: 15px;
    }
    .cdCTit {
        font-size: 28px;
    }
    .inARTit {
        margin-bottom: 30px;
    }
    .abAText{
        margin-top: 30px;
    }
    .cdTbon {
        margin: 30px 0 50px;
    }
    .NewList1{
        display: none;
    }
    .NewList2{
        display: block;
    }
    .NewItem .time, .NewBList{
        width: auto;
    }
    .byTit span {
        font-size: 76px;
    }
    .abSItem{
        padding: 50px 0;
        border-bottom: 1px solid #ccc;
    }
    .abSNum b {
        font-size: 60px;
        text-shadow: 4px 4px 0 rgba(0, 0, 0, .2), 8px 8px 0 rgba(0, 0, 0, .05);
    }
    .abSTBox p {
        font-size: 32px;
    }
    .abSNum i {
        font-size: 20px;
    }
    .abSwiper{
        display: none;
    }
    .abHList{
        display: none;
    }
    .abHList2{
        display: block;
    }
    .conNum .tel span,.conNum .tel i {
        font-size: 56px;
    }
    .conNum .yx span,.conNum .yx i {
        font-size: 42px;
    }
    .conText p,.conText span {
        font-size: 18px;
    }
    .conABox .FBList {
        display: flex;
    }
    .NewItem{
        padding: 0;
    }
    .NewItem a{
        flex-wrap: wrap;
    }
    .NewItem .Tbox{
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .NewItem .tit{
        width: 100%;
        margin: 20px 0 30px;
    }
    .CaItem {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    .CaseRow{
        flex-wrap: wrap;
    }
    .CaItem .imgBox{
        padding-top: 50%;
    }
    .CaItem .inCTop {
        opacity: 1;
        padding: 50px 30px;
    }
    .CaItem p {
        opacity: 1;
        bottom: 50px;
    }
    .CaseTime{
        padding: 20px;
    }
    .CaseTbox{
        padding: 20px;
    }
    .conABon .FTBtn{
        display: none;
    }
    .abSItem{
        flex-wrap: wrap;
    }
    .abSleft {
        width: 100%;
    }
    .abSTBox {
        width: 100%;
        margin-top: 30px;
    }
    .abSTBox p{
        margin-top: 0;
    }
    .abSTBox .icon {
        display: none;
    }
    .abJVBox{
        height: 80vh;
    }
    .cdCRItem a, .cdCRItem span {
        font-size: 15px;
    }
    .newsDet_Tit {
        font-size: 24px;
    }
    .newsDet_Text {
        justify-content: left;
    }
    .newsDet_Tit{
        text-align: left;
    }
    .newsDet_bon {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        padding: 30px 0 0;
    }
    .newsDet_bItem{
        width: 100%;
    }
    .newsDet_btn {
        padding: 10px 25px;
        font-size: 14px;
        margin: 20px 0;
    }
    .conXTit p {
        font-size: 28px;
    }
    .newsDet_bItem:last-child p {
        text-align: left;
    }
    .newsDet_con{
        padding: 30px 0;
    }
    .conXTbox {
        margin-top: 30px;
    }
    .StuFBox {
        flex-direction: column;
        align-items: flex-start;
    }
    .StuHList {
        margin-top: 30px;
    }
    .StuHTit {
        font-size: 22px;
    }
    .abHBox {
        margin-top: 50px;
    }
}
@media (max-width: 786px){
    .conXTbox form {
        padding: 30px;
    }
    .cdCRLeft{
        width: 100%;
    }
    .cdCRTop .FTBtn{
        display: none;
    }
    .byTime{
        display: none;
    }
    .inCIbox span {
        display: block;
        font-size: 12px;
    }
    .abATit span {
        font-size: 48px;
    }
    .StuHItem {
        width: 100%;
        margin-right: 0 !important;
        padding: 20px;
        margin-bottom: 20px;
    }
    .StuJBox {
        padding: 20px;
    }
    .StuFItem {
        font-size: 16px;
    }
    .StuFBox { 
        padding: 30px 0;
    }
    
    .conXItem textarea{
        height: 120px;
    }
    .conXSvg span {
        font-size: 12px;
    }
    .byTime {
        width: 180px;
        height: 180px;
    }
    .byTime span {
        font-size: 20px;
    }
    .byTit span {
        font-size: 66px;
    }
    .conXLeft {
        width: 100%;
    }
    .conXBox .inner {
        flex-wrap: wrap;
    }
    .abHDItem .inner {
        padding: 30px 0;
    }
    .abHTit {
        font-size: 20px;
    }
    .abHimg {
        width: 50px;
        height: 50px;
    }
    .abHItem .inBIBox {
        width: 25px;
        height: 25px;
    }
    .abAText {
        font-size: 14px;
    }
    .abATitF span {
        font-size: 20px;
    }
    .conXbz {
        font-size: 16px;
        margin-top: 10px;
    }
    .conABon .FBItem .Tbox {
        position: absolute;
        top: -100px;
        left: 100%;
    }
    .conText span{
        width: 100px;
    }
    .conXText span {
        content: '';
        font-size: 13px;
        line-height: 1;
        padding: 8px 25px;
    }
}
@media (max-width: 680px){
    .cdFList{
        width: 65%;
    }
    .cdFList{
        width: 70%;
    }
    .CaItem .imgBox {
        padding-top: 65%;
    }
    .abATit span {
        font-size: 42px;
    }
    .abATitF span {
        font-size: 20px;
    }
    .abARText {
        font-size: 15px;
    }
    .StuHText {
        font-size: 14px;
    }
   
    .StuJTime {
        font-size: 15px;
    }
    .StuFList {
        padding: 18px;
        margin-top: 30px;
    }
    .StuHText {
        font-size: 15px;
        margin: 10px 0 20px;
    }
    .StuHTit {
        font-size: 20px;
    }
    .conABox {
        height: 70vh;
    }
    .abSTBox p {
        font-size: 28px;
    }
    .abSNum i {
        font-size: 16px;
    }
    .abSNum b {
        font-size: 52px;
    }
    .byTop {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        /* flex-wrap: wrap; */
        flex-direction: column;
       
    }
    .byTit span {
        font-size: 52px;
    }
    .byTime {
        width: 150px;
        height: 150px;
        margin-top: 50px;
    }
    .byTit{
        width: 100%;
    }
    .conNum .tel span,.conNum .tel i {
        font-size: 44px;
    }
    .conNum .yx span,.conNum .yx i {
        font-size: 32px;
    }
    .conText p,.conText span {
        font-size: 16px;
    }
    .conXTit {
        font-size: 24px;
    }
    .conXText textarea{
        padding: 20px;
    }
    .conXLab span, .conXTbox p,.conXText textarea {
        font-size: 15px;
    }
    .abFBox {
        height: 50vh;
    }
    .abAItem .num b {
        font-size: 48px;
    }
    .cdTSwiper p {
        padding: 12px 30px;
        font-size: 14px;
    }
    .cdFList {
        width: 350px;
    }
    .cdTSwiper{
        width: 400px;
    }
    .cdTit {
        font-size: 48px;
    }
    .cdCRItem a, .cdCRItem span {
        font-size: 14px;
    }
    .cdCRList {
        margin-top: 30px;
    }
    .cdCTit {
        margin-bottom: 15px;
    }
    .newsDet_Text p {
       margin: 0 20px 0 0;
       line-height: 1.8;
    }
    .newsDet_Text{
        flex-wrap: wrap;
    }
    .StuJTit {
        font-size: 22px;
    }
    .cdFBtn svg {
        width: 50px;
        height: 50px;
    }
}
@media (max-width: 500px){
    .inBText span {
        font-size: 12px;
        margin-right: 10px;
    }
    .BulBon .conXTbox{
        margin-top: 0;
    }
     .conXBtn{
        margin-top: 30px;
    }
    .BulletBox {
        width: 100%;
        padding: 20px;
    }
    .conXTbox form {
        padding: 10px 20px 20px;
    }
    .cdFSwiper_next {
        right: -80px;
    }
    .cdFSwiper_prev {
        left: -80px;
    }    
    .StuJImg {
        padding-top: 65%;
        margin-top: 30px;
        width: 100%;
    }
    .StuJText {
        font-size: 14px;
    }
    .StuJBtn {
        width: 250px;
    }
    .StuHImg {
        width: 100%;
        padding-top: 65%;
    }
    .abATit span {
        font-size: 36px;
    }
    .abARText {
        font-size: 14px;
    }
    .StuJTit {
        font-size: 20px;
    }
    .StuJBtn {
        margin-top: 30px;
    }
    .ByXTit span {
        font-size: 28px;
    }
    .conXbz {
        font-size: 14px;
    }
    .StuJText {
        margin-top: 20px;
    }
   
    .conXItem i {
        top: 60%;
        left: 0;
    }
    .pagList a {
        width: 40px;
        height: 40px;
        font-size: 12px;
    }
    .pagList a img {
        width: 14px;
        height: 14px;
    }
    .NewFList a {
        font-size: 14px;
        margin-right: 15px;
        padding: 15px;
    }
    .abATitF span {
        font-size: 18px;
    }
    
    .byTime span {
        font-size: 16px;
    }
    .abSNum b {
        font-size: 42px;
    }
    .abSNum i {
        font-size: 14px;
    }
    .abSTBox p {
        font-size: 24px;
    }
    .byTit span {
        font-size: 44px;
    }
    .byTime {
        width: 130px;
        height: 130px;
        margin-top: 30px;
    }
    .conNum .tel span,.conNum .tel i {
        font-size: 32px;
    }
    .conNum .yx span,.conNum .yx i {
        font-size: 28px;
    }
    .conText span{
        width: 50px;
    }
    .conText p, .conText span {
        font-size: 15px;
    }
    .conXTit {
        font-size: 20px;
    }
    .NewBList p {
        font-size: 12px;
        padding: 10px 15px;
    }
    .NewImg {
        width: 300px;
        height: 150px;
    }
    .NewItem .time span {
        font-size: 14px;
    }
    .NewItem .tit {
        font-size: 16px;
    }
    .abFIcon {
        padding: 10px;
    }
    .cdCTit {
        font-size: 24px;
    }
    .cdTit {
        font-size: 42px;
    }
    .cdFList {
        width: 300px;
    }
    .cdTSwiper {
        width: 100%;
    }
    .cdTLeft .inBtnB {
        width: 270px;
    }
    .newsDet_Tit {
        font-size: 20px;
    }
    .newsDet_bItem, .newsDet_bItem p {
        font-size: 14px;
    }
    .conXItem input, .conXItem textarea {
        width: 100%;
        font-size: 15px;
        padding: 0 12px;
        height: 60px;
    }
    .conXItem textarea{
        padding: 20px 12px;
        height: 120px;
    }
    .conXBtn {
        margin-top: 30px;
        width: 300px;
    }
    .conXItem::before{
        width: 8px;
        height: 8px;
    }
    .conNum .yx span::after {
        height: 3px;
        bottom: -8px;
    }
    .conNum .yx span, .conNum .yx i {
        font-size: 24px;
    }
    .conText {
        position: relative;
        margin: 40px 0;
    }
    .conNum .yx {
        margin-top: 10px;
    }
    .conABon {
        bottom: 0px;
    }
    .cdABox{
        padding: 0;
    }
    .cdTop{
        margin-top: 30px;
    }
    .byBox{
        overflow: hidden;
    }
    .cdCRText {
        font-size: 14px;
            margin-top: 10px;
        }
        .cdCRItem p {
            font-size: 16px;
        }
        .cdBtn svg {
            width: 40%;
            height: 40%;
        }
        .StuFItem {
            padding: 0 15px;
        }
        .conXText span {
            content: '';
            font-size: 12px;
            line-height: 1;
            padding: 8px 18px;
            margin-bottom: 5px;
            margin-right: 5px;        
        }
}