.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';
}

.fagsleftline {
    margin-top: 20px;
    height: 3px;
    width: 50px;
    background-color: black;
}

.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;
}




.hxmkpage {
    width: 100%;
    height: 950px;
    background: url('../images/AutoForm/xhgnbg.png') no-repeat;
    background-size: 100% 100%;
}


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

.hxmktopdiv {
    width: 80%;
    margin: auto;
    height: 150px;
}


.hxmktibdiv {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    margin-top: 80px;
}

.hxmktibitem {
    width: 15%;
    margin: 0.8%;
    height: 100px;
}

.hxmktibimgdiv {
    width: 100%;
    text-align: center;
}

.hxmkitemtitle {
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    position: relative;
}

.hxmktibitemactive {
    color: #337dfe;
}

.hxmkitemtitle b {
    position: absolute;
    display: block;
    width: 0;
    height: 2px;
    background: #337dfe;
    left: 15%;
    bottom: 0px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-right: 5px;
}




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

.hxmkitemmax {
    width: 80% !important;
    -webkit-transition: 1s;
    transition: 1s;
}

.hxmkitem {
    width: 23%;
    margin: 0.5%;
    height: 600px;
}

.hxmkcenterdiv {
    width: 80%;
    margin: auto;
    margin-top: 30px;
    height: 505px;
    display: none;
}

.hxmkcenterdivactive {
    transform: translate3d(100%, 0, 0); /* 初始状态：隐藏在右侧 */
    animation: slideIn 1s ease forwards; /* 自动播放动画 */
}


@keyframes slideIn {
    0% {
        transform: translate3d(100%, 0, 0); /* 初始状态：隐藏在右侧 */
    }

    100% {
        transform: translate3d(0, 0, 0); /* 结束状态：滑入到左侧 */
    }
}



.hxmkleftdiv {
    width: 30%;
    height: 300px;
    margin-top: 100px;
    background-color: white;
    border-radius: 10px;
    float: left;
}

.hxmkcenterleftimg {
    text-align: center;
}

    .hxmkcenterleftimg img {
        margin-top: -100px;
    }

.hxmkcenterlefttitle1 {
    line-height: 80px;
    text-align: center;
    font-size: 25px;
    font-weight: 600;
}

.hxmkcenterleftbtn {
    height: 40px;
    width: 180px;
    margin: auto;
    line-height: 40px;
    text-align: center;
    color: white;
    background-color: #337dfe
}

.hxmkrightdiv {
    width: 69%;
    margin-left: 1%;
    height: 400px;
    background-color: white;
    border-radius: 10px;
    float: left;
}


.hxmkrightcenterdiv {
    padding: 2%;
    display: flex;
}

.hxmkrightcenteritem {
    width: 26%;
    margin: 1%;
    margin-left: 4%;
}

.hxmkrightcenteritemtitle1 {
    font-size: 20px;
    line-height: 50px;
}

.hxmkrightcenteritemtitle2 {
    margin-top: 20px;
    line-height: 35px;
    color: #898989;
}

.jsldpage {
    width: 100%;
    height: 1100px;
}

.jsldcenterdiv {
    width: 80%;
    margin: auto;
    height: 800px;
    background-color: #edf0f4;
    border-radius: 5px;
    margin-top: 50px;
    display: flex;
}


.jsldcenterleftdiv {
    width: 24%;
    margin: 2%;
}

.jsldcenterrightdiv {
    width: 62%;
    margin: 3%;
    padding: 3%;
    background-color: white;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
}

.jsldleftitem {
    width: 90%;
    margin: auto;
    height: 90px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 90px;
    margin-top: 20px;
    border-radius: 5px;
    cursor: pointer;
}

.jsldleftitemactive {
    background-color: #f5f7f9;
    box-shadow: #eae3f0 6px 3px 11px 0px;
}

.jsldrighttopdiv {
    width: 100%;
    margin-bottom: 20px;
    font-size: 18px;
    color: #636363
}

.jsldrighttopleftdiv {
    width: 70%;
}

.jsldrighttoprightdiv {
    width: 30%;
}

.jsldrightcenter {
    width: 100%;
}

    .jsldrightcenter img {
        width: 100%;
    }

.jsldrighttoprightbtn {
    width: 150px;
    height: 50px;
    color: white;
    line-height: 50px;
    text-align: center;
    background-color: #0068f3;
    border-radius: 10px;
    margin: auto;
}


.yycjpage {
    width: 100%;
    height: 1000px;
}



.cjbtdiv {
    width: 80%;
    margin: auto;
    margin-top: 50px;
    font-size: 20px;
    color: black;
    display: flex;
}

.cjitem {
    width: 21%;
    margin: 2% 2% 0 2%;
    line-height: 60px;
    position: relative;
    text-align: center;
}

.currenttabtitle {
    border-bottom: 2px solid #046dfa;
}

.cjline {
    width: 100%;
    height: 2px;
    background-color: #d4d4d4;
}


.cjyycontentdiv {
    width: 100%;
    margin: auto;
    height: 500px;
    margin-top: 30px;
    display: flex;
}

.cjyyleftdiv {
    width: 50%;
    height: 500px;
}

.cjyyrightdiv {
    width: 50%;
    height: 500px;
}


.cjyyimg {
    width: 100%;
}

.cjyytitle1 {
    padding-left: 8%;
    font-size: 25px;
    line-height: 50px;
    font-weight: 600;
    color: #272a42;
    padding-top: 30px;
}

.cjyytitle2 {
    padding-left: 8%;
    width: 80%;
    font-size: 20px;
    line-height: 35px;
    color: #7b8597;
    padding-top: 20px;
    height: 110px;
}


.cjyybtndiv {
    width: 120px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    border: 1px solid #c5c5c5;
    color: #c5c5c5;
    margin-left: 8%;
    border-radius:5px;
}


.yhjzpage {
    width: 100%;
    height: 1000px;
    background: url('../images/AutoForm/yhjzbg.png') no-repeat;
    background-size: 100% 100%;
}


.yhjzcenter {
    width: 80%;
    height: 550px;
    margin: auto;
    background-color: white;
    box-shadow: #ebe4f7 5px 8px 12px;
    border-radius: 10px;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.yycjitem {
   width:21%;
   margin:2%;
   height:200px;
}



.yycjitemimg {
    text-align:center;

}

    .yycjitemimg img {
        width: 70px;
        height: 80px;
        margin-top: 20px;
    }

.yycjitemtitle1 {
  text-align:center;
  line-height:50px;
  font-size:20px;
}
.yycjitemtitle2 {
  text-align:center;
  line-height:25px;
  margin-top:20px;
  color:#898989;
  width:80%;
  margin:auto;
}

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

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