@font-face {

    font-family: 'iconfont';

    src: url('../font/iconfont.ttf?t=1638174176428') format('truetype');

  }

  i::after{

    font-family: "iconfont" !important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    transition: all .3s linear;

}

.con-prodist .mypitem{

    width: 20.5%;

    border: #002fa7 1px solid;

}

.con-prodist{

    margin-top: 80px;

}

.mypitem .tbox{

    height: 70px;

	background-color: #002fa7;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

}

.mypitem .tbox h2{

    font-size: 24px;

	line-height: 30px;

    font-weight: bold;

	color: #ffffff;

    margin-left: 20px;

}

.mypitem .ut i::after{

    content: "\e629";

    color: #999999;

    font-weight: bold;

}

.mypitem .allb li >div{

    cursor: pointer;

    display: flex;

    justify-content: space-between;

    align-items: center;

    background-color: rgba(0,47,167, .1);

    padding: 18px 15px;

    margin-bottom: 6px;

}

.mypitem .ut h2{

    font-size: 18px;

    font-weight: bold;

    line-height: 18px;

	color: #002fa7;

}

.mypitem .allb{

    padding: 6px 8px;

}

.mypitem .allb ul li a{

    margin-bottom: 6px;

    background-color: #f8f8f8 !important;

    color: #999999;

    font-size: 16px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    background-color: rgba(0,47,167, .1);

    padding: 18px 15px;

}
 .a-active i{
    transform: rotate(90deg) !important;
}
.sonul>.a-active>a i::after{
    color: pink !important;
}
.a-active>a p{

    color: #002fa7 !important;

}

.a-active>a i::after{

    color: #002fa7 !important;

}
.sousun{
    display: none;
}
.sousun i{
    display: none;
}
.mypitem .allb .c-active a{
    background-color: #002fa7 !important;
    color: #fff !important;
}
.b-active i::after{

    color: #002fa7 !important;

    transform: rotate(90deg);

}

.b-active{
    position: relative;

}

.b-active::before{

    content: "";

    display: block;

    width: 2px;

	height: 28px;

	background-color: #002fa7;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

}

.mypitem .allb li > div i::after{

    color: #002fa7;

}

.allb .sonul{

    display: none;

}

.con-prodist .area{

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

}

.pro_items .listtitle{

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    padding-bottom:10px;

    border-bottom: dashed 1px #e7e7e7;

}

.pro_items .listtitle .txt{

    display: flex;

    align-items: flex-end;

}

.pro_items .listtitle .txt h2{

    font-size: 20px;

	color: #002fa7;

}

.pro_items .listtitle .txt p{

    font-size: 14px;

	line-height: 24px;

	color: #c4c4c4;

    margin-left: 8px;

}

.listtitle .inp{

    position: relative;

    padding: 6px 0;

    border-bottom: 1px solid #002fa7;

    width: 19.6%;

}

.listtitle .inp input{

    height: 30px;

    outline: none;

    width: 79%;

}

.con-prodist .pro_items{

    width: 76.08%;

}

.listtitle .inp a{

    display: block;

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

}

.theprohandle{

    margin-top: 17px;

    display: flex;

    flex-wrap: wrap;

    justify-content: flex-start;

}

.theprohandle .block{

    overflow: hidden;

    width: 48.815%;

    margin-bottom: 30px;

    margin-right: 2.37%;

}

.theprohandle .block:nth-child(2n){

    margin-right: 0;

}

.theprohandle .block .img{

    width: 100%;

    background-color: #f5f5f5;

    /*padding: 35px 0;*/

    display: flex;

    justify-content:center;

    align-items: center;

    overflow: hidden;

}

.theprohandle .block a:first-child{

    display: flex;

    align-content: center;

    justify-content: center;

    text-align: center;

    height: 280px;

}

.theprohandle .block a:last-child{

    display: block;

    text-align: center;

}

.theprohandle .block a:last-child{

    margin-top: 15px;

}

.theprohandle .block .img img{

    transition: all .3s linear;
    max-height: 100%;

}

.theprohandle .block:hover .img img{

    transform: scale(1.1);

}

.theprohandle .boxs{

    display: none;

}

/* padpro端 */

@media screen and (min-width: 991px) and (max-width: 1366px){

    .con-prodist{

        margin-top: 60px;

    }

}

/* pad端 */

@media screen and (min-width:768px) and (max-width:991px) {

    .con-prodist {

        margin-top: 45px;

    }

    .con-prodist .mypitem {

        width: 24.5%;

    }

    .con-prodist .pro_items {

        width: 72.08%;

    }

    .mypitem .ut h2 {

        font-size: 14px;

        font-weight: bold;

        line-height: 18px;

        color: #002fa7;

    }   

    .mypitem .allb li >div {

        padding: 14px 12px;

        margin-bottom: 6px;

    }

    .mypitem .tbox{

        height: 60px;

    }

    .mypitem .tbox h2 {

        font-size: 20px;

        line-height: 22px;

        margin-left: 20px;

    }

    .mypitem .allb ul li a {

        font-size: 14px;

        padding: 14px 12px;

    }

    .theprohandle .block {

        width: 48.335%;

        margin-bottom: 25px;

        margin-right: 3.33%;

    }

    .theprohandle .block:nth-child(2n){

        margin-right: 0 !important;

    }

    .theprohandle .block

    .theprohandle .boxs{

        display: block;

    }

    .pro_items .listtitle .txt h2 {

        font-size: 18px;

    }

    .listtitle .inp{

        width: 28%;

    }
    .theprohandle .block:nth-child(2n) {
    margin-right: 3.33%;
}
}

/* 移动端 */

@media (max-width:767px){
    .theprohandle .block a:first-child{
        height: 160px;
    }

    .con-prodist {

        margin-top: 30px;

    }

    .con-prodist .mypitem{

        width: 100%;

    }

    .con-prodist .pro_items{

        width: 100%;

        margin-top: 30px;

    }

    .con-prodist .area{

        flex-wrap: wrap;

    }

    .mypitem .allb li >div {

        padding: 15px 10px;

    }

    .mypitem .ut h2 {

        font-size: 16px;

    }

    .mypitem .allb ul li a {

        font-size: 12px;

        padding: 12px 10px;

    }

    .mypitem .tbox h2{

        font-size: 20px;

    }

    .mypitem .tbox{

        height: 55px;

    }

    .pro_items .listtitle .txt h2 {

        font-size: 16px;

        color: #002fa7;

    }

    .pro_items .listtitle .txt p {

        font-size: 12px;

        line-height: 22px;

    }

    .pro_items .listtitle{

        flex-wrap: wrap;

    }

    .listtitle .inp{

        width: 100%;

        margin-top: 10px;

    }

    .theprohandle .block {

        width: 48%;

        margin-bottom: 20px;

        margin-right: 0;

    }

    .theprohandle .block a:last-child {

        margin-top: 10px;

    }

    .theprohandle{

        justify-content: space-between;

    }
}