.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: 68%;
}

.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: 800px;
}


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

.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: 460px;
}

.hxmkitem01 {
    width: 100%;
    height: 100%;
    background: url('../images/SelfHall/hxmk01.png') no-repeat;
    background-size: 100% 100%;
}

.hxmkitem01-1 {
    width: 100%;
    height: 100%;
    background: url('../images/SelfHall/hxmk01-1.png') no-repeat;
    background-size: 100% 100%;
    display: none;
}

.hxmkitem02 {
    width: 100%;
    height: 100%;
    background: url('../images/SelfHall/hxmk02.png') no-repeat;
    background-size: 100% 100%;
    display: none;
}

.hxmkitem02-1 {
    width: 100%;
    height: 100%;
    background: url('../images/SelfHall/hxmk02-1.png') no-repeat;
    background-size: 100% 100%;
}

.hxmkitem03 {
    width: 100%;
    height: 100%;
    background: url('../images/SelfHall/hxmk03.png') no-repeat;
    background-size: 100% 100%;
    display: none;
}

.hxmkitem03-1 {
    width: 100%;
    height: 100%;
    background: url('../images/SelfHall/hxmk03-1.png') no-repeat;
    background-size: 100% 100%;
}

.hxmkitem04 {
    width: 100%;
    height: 100%;
    background: url('../images/SelfHall/hxmk04.png') no-repeat;
    background-size: 100% 100%;
    display: none;
}

.hxmkitem04-1 {
    width: 100%;
    height: 100%;
    background: url('../images/SelfHall/hxmk04-1.png') no-repeat;
    background-size: 100% 100%;
}

.hxmkitem05 {
    width: 100%;
    height: 100%;
    background: url('../images/SelfHall/hxmk05.png') no-repeat;
    background-size: 100% 100%;
    display: none;
}

.hxmkitem05-1 {
    width: 100%;
    height: 100%;
    background: url('../images/SelfHall/hxmk05-1.png') no-repeat;
    background-size: 100% 100%;
}

.hxmkitemcenter {
    padding: 10%;
}

.hxmkitemtitle1 { 
    font-size: 20px;
    font-weight:600;
}

.hxmkitemtitle2 {
    color: #3e3e54;
    font-size: 18px;
    margin-top: 10px;
    height: 230px;
    line-height:35px;
}

.xhmk2center {
   width:100%;
   background-color:#e8ebef;
   height:800px;
   margin-top:50px;
   position:relative;
}

.xhmk2centerdiv {
    width: 70%;
    margin: auto;
    display: flex;
    padding-top: 50px;
    flex-wrap: wrap;
}

.xhmk2centerleft {
  width:40%; 
}



.xhmk2leftitem {
    width: 400px;
    height: 120px;
    background-color: #edf1fa;
    box-shadow: #d9d9d9 2px 3px 9px 0px;
    margin-top: 20px;
    border-radius: 20px;
    cursor:pointer;
}

.xhmk2leftitemactive {
     background-color:#ffffff;
     color:#2b6fde;
}


.xhmk2leftitemimg {
    width: 100px;
    float: left;
    text-align: center;
}

.xhmk2leftitemimg  img{
    margin-top:30px;
}

.xhmk2leftitemtitle {
   float:left;
}


.xhmk2leftitemtitle1 {
   margin-top:30px;
   font-size:22px;
   font-weight:500;
   color:black;
}

.xhmk2leftitemtitle2 {
    margin-top:10px;
    font-size: 15px;
    color:#898989;
}
.xhmk2centerright {
    width: 56%;
    padding: 2%;
    position: relative;
}

.xhmk2centerrightdiv {

}
.xhmk2right1 {
    font-size: 30px; 
    line-height: 80px;
}

.xhmk2right2 {
    font-size: 23px;
    line-height: 50px;
    color: #000000;
}

.xhmk2right3 {
    font-size: 18px;
    line-height: 35px;
    color:#484848;
    margin-top:15px;
}

.xhmk2right3yd {
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-top: 13px;
    background-color: #0766ff;
    margin-right: 15px;
}

.xhmk2centerrightbg {
   position:absolute;
   bottom:30px;
   right:30px;
}
.xhmk2centerrightbg img{
    width:100%;
}

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

.hxmkbtn {
    width: 200px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    font-size: 18px;
    color: white;
    background-color: #0052d9;
    border-radius: 10px;
    margin-top: 50px;
}

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

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



.cjzsitem {
    width: 20%;
    margin: 1%;
    background-color: #f8f9fc;
    box-shadow: #c6c6c6 1px 1px 2px;
    padding: 1%;
    height: 200px;
}

.cjzsitemtop {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #c7c7c7;
}

.cjzsitemimg {
    float:left;
    width:80px;
}

    .cjzsitemimg img{
         width:45px;
         height:45px;
    }

    .cjzsitemtitle {
        margin-left: 10px;
        font-size: 20px;
        line-height: 50px;
    }

.cjzsitemtitle2 {
    margin-top: 30px;
    font-size: 16px; 
    color:#898989;
}


.fajzpage {
  width:100%;
  height:1200px;
  background-color:#f2f5f8;
}

.fajzcenter {
    width:70%;
    margin:auto;
   margin-top:50px;
   display:flex;
}

.fajzitem {
    width:23%;
    margin:1%;
}

.fajzitem  img{
  width:100%;
}

.fzjzitem2 {
   margin-top:100px;
}


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

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