.toptabdiv {
    width: 100%;
    background-color: #f3f6f9;
    border-bottom: 1px solid #c6c6c6;
}

.tabdiv {
    width: 78%;
    margin: auto;
    height: 80px;
    display: flex;
}

.tabitem {
    line-height: 80px;
    font-size: 20px;
    font-family: 'Alibaba PuHuiTi 2.0';
    width: 120px;
    cursor: pointer;
    position: relative;
}

.tabitemactive {
    color: #33b0ff;
}


.tabitem b {
    position: absolute;
    display: block;
    width: 0;
    height: 2px;
    background: #33b0ff;
    left: 0;
    bottom: 0px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-right: 5px;
}



.fagspage {
    width: 100%;
    background-color: #f3f6f9;
}

.fagsleft {
    width: 60%;
}

.fagslefttitle1 {
    margin-top: 100px;
    font-size: 35px;
    font-family: 'Alibaba PuHuiTi 2.0';
}

.fagslefttitle2 {
    margin-top: 50px;
    font-size: 20px;
    color: #4d4d4d;
    line-height: 30px;
    width: 80%;
}


.zxzxbtn {
    width: 140px;
    height: 50px;
    color: white;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    background: url(../images//AIWgdt/zxzxbtn.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 80px;
}

.fagsdiv {
    width: 78%;
    height: 555px;
    margin: auto;
    display: flex;
}

.fagsright {
    width: 40%;
    text-align: center;
}

.fagsrightbg {
    margin-top: 95px;
    width: 100%;
}

.fayspage {
    width: 100%;
    height: 850px;
    background-color: white;
}

.faysdiv {
    width: 78%;
    margin: auto;
}

.pagetitle {
    padding-top: 80px;
    font-size: 35px;
    font-family: 'Alibaba PuHuiTi 2.0';
    line-height: 50px;
    text-align: center;
}


.pagetitleline {
    width: 150px;
    height: 3px;
    background-color: #3e80fd;
    margin: auto;
    margin-top: 5px;
}

.fayslist {
    width: 100%;
    margin: auto;
    display: flex;
    margin-top: 50px;
    flex-wrap: wrap;
}

.faysitem {
    width: 31%;
    margin: 1%;
    margin-top: 35px;
    text-align: center;
}

.faysitemimg {
    width: 100%;
    height: 100px;
}

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

.faysitemtitle1 {
    font-size: 25px;
    font-family: 'Alibaba PuHuiTi 2.0';
    line-height: 50px;
}

.faysitemtitle2 {
    clear: both;
    font-size: 16px;
    color: #898989;
    width: 75%;
    line-height: 30px;
    margin: auto;
    margin-top: 10px;
}



 

.pagetitle2 {
    margin-top: 20px;
    text-align: center;
    font-size: 15px;
}

.hxmkpage {
    width: 100%;
    height: 1100px;
    background: url('../images/ZsBussiness/hxmkbg.png') no-repeat;
    background-size: 100% 100%;
}


.pagetitle2 {
    margin-top: 20px;
    text-align: center;
    font-size: 15px;
}

.hxmkdiv {
    width: 60%;
    margin: auto;
    display: flex;
    height: 60px;
    margin-top: 30px;
}



.hxmkitem {
    width: 31%;
    margin: 1%;
    height: 50px;
    font-size: 25px;
    text-align: center;
    cursor: pointer;
    position: relative;
}

    .hxmkitem b {
        position: absolute;
        display: block;
        width: 0;
        height: 2px;
        background: #5180fe;
        left: 25%;
        bottom: 0px;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        margin-right: 5px;
    }

.hxmkitemactive {
    color: #5180fe;
}


@keyframes scaleAnimation {
    0% {
        transform: scale(1); /* 初始状态，无缩放 */
    }

    50% {
        transform: scale(1.5); /* 中间状态，放大到1.5倍 */
    }

    100% {
        transform: scale(1); /* 结束状态，恢复到原始大小 */
    }
}

.xhmkcenterleft {
    position: absolute;
    top: 17%;
    left: 10.2%;
    width: 44%;
    height: 63%;  
    overflow:hidden; 

}

@keyframes zoom-in {
    0% {
        opacity: .6;
        transform: scale(1.06)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.xhmkcenterleftactive {
  /*      animation: scaleAnimation 1s ease-in-out forwards;*/
    animation: zoom-in .5s ease-in-out forwards;
    z-index: 1;
}
.xhmkcenterleft img { 
    -webkit-transition: 0.5s;
    transition: 0.5s;
} 
.xhmkline {
    width: 100%;
    height: 1px;
    background-color: #dfdfdf;
}


.xhmkcenter1 {
    width: 80%;
    margin: auto;
    height: 600px;
    display: flex;
    margin-top: 10px;
    background: url('../images/ZsBussiness/xhmkcenterleftbg.png') no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.xhmktitle1 {
    width: 100%;
    text-align: center;
    margin-top: 80px;
    font-size: 22px;
    color: #424242;
}

.xhmktitle2 {
    width: 40%;
    margin: auto;
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
    color: #424242;
}



.xhmkcenter2 {
    width: 65%;
    margin: auto;
    height: 500px;
    display: flex;
    margin-top: 50px;
    background: url('../images/ZsBussiness/xhmkcenterleft02.png') no-repeat;
    background-size: 100% 100%;
    position: relative;
    display: none
}


.xhmkcenter3 {
    width: 80%;
    margin: auto;
    height: 590px;
    display: flex;
    margin-top: 50px;
    background: url(../images/ZsBussiness/xhmkcenterleft03.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    display: none;
}

.xhmkcenterrightitem {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    margin-top: 20px;
    cursor: pointer;
}




.xhmkcenterright {
    position: absolute;
    top: 20%;
    left: 60%;
    display: flex;
    flex-wrap: wrap;
}

.xhmkcenterpre {
    width: 12px;
    height: 12px;
    background-color: black;
    margin-top: 12px;
}

.xhmkcentertitle {
    width: 90%;
    color: black;
    margin-left: 10px;
    line-height: 35px;
    font-size: 23px;
}

.xhmkcentertitle2 {
    width: 90%;
    line-height: 27px;
    font-size: 15px;
    color: #676767;
}

.ljzxbtn {
    width: 250px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    color: white;
    border-radius: 10px;
    background-color: #0052d8;
}


.jsldpage {
    width: 100%;
    height: 1400px;
    background: url('../images/ZsBussiness/jsldbg.png') no-repeat;
    background-size: 100% 100%;
}

.jsldcenter {
    width: 80%;
    margin: auto;
    margin-top: 50px;
    height: 800px;
    display: flex;
    flex-wrap: wrap;
}

.jslditem {
   width:24%;
   margin:1%;
   height:400px;
   padding:3%;
   background-color:white;
   border-radius:20px; 
}

.jslditemtop {
  width:100%;
  margin-top:20px;
  height:50px;
  display:flex;
}
.jslditemtopimg {
   width:10%;
}

.jslditemtoptitle {
    width: 85%;
    margin-left: 5%; 
    font-size: 20px;
    line-height: 33px;
}

.jslditemtop2 {
    line-height: 35px;
    font-size: 18px;
    color: #676767
}


    .jslditemtop2 span {
       color:#71a3fc
    }

.jslditemimg {
  text-align:center;
  margin-top:30px;
}


.knowmorebtn {
    margin-top: 30px;
    height: 50px;
}

.knowmorebtntitle {
    float: left;
    width: 80px;
    line-height: 30px;
}

knowmorebtnimgdiv {
    float: left;
}

.knowmorebtnimg {
    width: 120px;
}

.hxmkrightimg {
    width: 100%;
    margin-top: 321px;
}

.viewdetailbtn {
    width: 120px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #253be5;
    background-color: white;
    float: left;
    font-size: 13px;
}

.viewzxbtn {
    width: 120px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: white;
    float: left;
    margin-left: 50px;
    border: 1px solid white;
    background-color: #3e3e54;
    font-size: 13px;
}

    .viewzxbtn a {
        color: white !important;
    }

.cjzspage {
    clear: both; 
    width:100%;
    height:800px;
    background: url('../images/ZsBussiness/cjzsbg.png') no-repeat;
    background-size: 100% 100%;
}


.cjzscenterdiv {
    width: 78%;
    margin: auto;
    display: flex;
    height: 650px;
    margin-top: 50px;
}

.cjzsitem {
    width: 35%;
}

.cjzscenteritem {
    width: 30%;
    margin:1%;
}

.cjzsitemdiv {
    width: 100%;
    height: 180px;
    line-height: 30px;
    margin-top: 20px;
}

.cjzscenteritembg {
    width: 100%;
    margin-top: 150px;
}


.cjzscenteritem1 {
    position:relative;
    width:100%;
    height:500px;
}

.cjzscenteritemimg {
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
}
.cjzscenteritemtitle1 {
    position: absolute;
    top: 200px;
    left: 30px;
    font-size: 25px;
    font-weight: 600;
    z-index: 3;
}

.cjzscenteritemtitle2 {
    width:80%;
    position: absolute;
    left: 30px;
    top: 250px;
    font-size: 18px; 
    z-index: 3;
    color: #676767;
    line-height:35px;
}


.cjzscenteritembtn {
    width: 120px;
    position: absolute;
    left: 30px;
    bottom: 100px;
    border-radius: 50px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #4891f4;
    color: #4891f4;
    cursor:pointer;
}

.cjzscenteritem2 {
    display: none;
    background: url('../images/ZsBussiness/cjzsbg2.png') no-repeat;
    background-size: 100% 100%; 
    width: 100%;
    height: 500px;
}
.cjzscenteritem2div {
    width: 80%;
    margin: auto;
    padding-top: 10%;
}
.cjzscenteritem2title1 {
    font-size: 25px;
    font-weight: 600;
    line-height:50px;
}

.cjzscenteritem2title2 {
    font-size: 16px; 
    color: #676767;
    line-height: 32px;
}
.cjzscenteritem2line {
    width: 100%;
    height: 1px;
    background: linear-gradient(#98abfc,#c78ff9);
    margin-top:10px;
    margin-bottom:10px;
}

.cjzszfx {
    width: 10px;
    height: 10px;
    float: left;
    background-color: #3e80fd;
    margin-top: 13px;
}



.cjzsitemtitle1 {
    float: left;
    line-height: 35px;
    color: #3e80fd;
    margin-left: 10px;
    font-size: 20px;
}

.cjzsitemtitle2 {
    clear: both;
    margin-top: 15px;
    height: 200px;
    color: #a1a1a1;
    font-size: 15px;
    width: 100%;
}

.jzfapage { 
    width: 100%;
    height: 777px;
    background-color: #f3f6f9;
}

.jzfalist {
    width: 78%;
    height: 500px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px;
    justify-content: space-between;
}


.jzfaitem {
    width: 22%;
    background-color: white;
    border: 1px solid #e9e9e9;
    height: 400px;
    margin: 1%;
}

.jzfaitemimgdiv {
    width: 100%;
    margin: auto;
    margin-top: 60px;
    text-align: center;
}

.jzfaitemimg {
    width: 70px;
}

.jzfaitemtitle1 {
    text-align: center;
    line-height: 50px;
    margin-top: 20px;
    font-size: 20px;
}

.jzfaitemtitle2 {
    width: 80%;
    margin: auto;
    margin-top: 20px;
    font-size: 15px;
    color: #808080;
}

.aljspage {
    width: 100%;
    height: 900px;
    background-color: white;
}

.aljsitembgdiv {
    width: 100%;
    height: 500px;
    position: relative;
}

.aljsitembgimg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.aljsitemdiv {
    width: 380px;
    height: 425px;
    background: rgb(255 255 255 / 95%);
    position: absolute;
    top: 126px;
    left: 104px;
    padding: 30px;
}

.aljsitemdivtitle1 {
    font-size: 25px;
    font-family: 'Alibaba PuHuiTi 2.0';
    text-align: left;
    margin-top: 30px;
}

.aljsitemdivtitle2 {
    font-size: 16px;
    text-align: left;
    margin-top: 30px;
    line-height: 30px;
    color: #808080;
    height: 180px;
}



.fzjzbtndiv {
    width: 28%;
    margin: auto;
    margin-top: 50px;
    display: flex;
    justify-content: space-evenly;
    height: 100px;
}

.fzjzbtn {
    width: 200px;
    height: 50px;
    border-radius: 10px; 
    color: #006afe;
    border: 2px solid #006afe;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}