.prone_list {
    margin-bottom: 70px;
    position: relative;
}

.prone_list>div {
    padding-top: 25px;
    box-sizing: border-box;
}

.prone_list::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 0;
    width: 1px;
    height: 337px;
    background: url("../image/lins.png")no-repeat;
    background-size: 100% 100%;
}

.pro_deq h1 {
    font-size: 18px;
    color: #222222;
    margin: 30px 0 15px;
    font-weight: bold;
}

.pro_deq p {
    font-size: 14px;
    width: 370px;
    color: #666666;
    line-height: 24px;
}

.prog_two {
    background: #F2F2F2;
    padding: 70px 0 60px;
    margin-top:20px;
}

.prto_list>ul>li {
    float: left;
    width: 154px;
    margin-right: 180px;
    text-align: center;
}

.prto_list>ul>li:nth-child(4n) {
    margin-right: 0;
}

.prto_list>ul>li:hover .prt_tus {
    transform: rotate(360deg);
}

.prt_tus {
    overflow: hidden;
    width: 50px;
    height: 52px;
    transition: all .4s;
    margin: 0 auto;
}

.prt_tus img {
    max-width: 100%;
    max-height: 100%;
}

.prto_list>ul>li h1 {
    font-size: 18px;
    font-weight: bold;
    color: #262525;
    margin: 25px 0 20px;
}

.prto_list>ul>li p {
    font-size: 14px;
    color: #666666;
}

.prto_list {
    margin-top: 40px;
}

.prog_five {
    width: 100%;
    height: 902px;
    background: url("../image/sma.jpg")no-repeat;
    background-size: 100% 100%;
}

.prfi_list>ul>li {
    float: left;
    width: 224px;
    height: 200px;
    margin: 0 20px 20px 0;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.prfi_list>ul>li:nth-child(5n) {
    margin-right: 0;
}

.prf_t {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.prf_t img {
    width: 100%;
    height: 100%;
}

.prft_text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    margin: -60px 0 0 -60px;
    background: rgba(197, 157, 61, 2);
    opacity: 0.9;
    border-radius: 50%;
    z-index: 2;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    text-align: center;
}

.prft_text h1 {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
}

.prfi_list>ul>li:hover .prft_text {
    -webkit-transform: scale(3.7, 3.7);
    -moz-transform: scale(3.7, 3.7);
    transform: scale(3.7, 3.7);
}

.pri_jian {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    color: #FFF;
    text-align: center;
    z-index: 3;
    transform: translateY(-50%);
}

.pri_jian h1 {
    font-size: 14px;
    font-weight: bold;
    margin: 15px 0 10px;
}

.pri_jian p {
    font-size: 12px;
    width: 156px;
    margin: 0 auto;
    transform: translateX(-300px);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    position: absolute;
}

.prft_text.aa {
    background: rgba(197, 157, 61, 1);
}

.prft_text.bb {
    background: rgba(113, 164, 32, 1);
}

.prft_text.cc {
    background: rgba(23, 139, 181, 1);
}

.prft_text.dd {
    background: rgba(229, 94, 53, 1);
}

.prft_text.ee {
    background: rgba(237, 138, 58, 1);
}

.prft_text.ff {
    background: rgba(57, 163, 212, 1);
}

.prft_text.gg {
    background: rgba(52, 175, 101, 1);
}

.prft_text.hh {
    background: rgba(103, 106, 237, 1);
}

.prft_text.ii {
    background: rgba(237, 63, 88, 1);
}

.prft_text.jj {
    background: rgba(148, 162, 32, 1);
}

.prft_text.kk {
    background: rgba(195, 107, 96, 1);
}

.prft_text.ll {
    background: rgba(60, 128, 221, 1);
}

.prft_text.mm {
    background: rgba(39, 168, 170, 1);
}

.prft_text.nn {
    background: rgba(190, 83, 158, 1);
}

.prfi_list>ul>li:hover .pri_jian p {
    transform: translateX(0);
    position: relative;
}

.prf_t img {
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px);
}

.prfi_list>ul>li:hover .prf_t img {
    -webkit-filter: blur(6px);
    -moz-filter: blur(6px);
    -o-filter: blur(6px);
    -ms-filter: blur(6px);
    filter: blur(6px);
}

.prfi_list>ul>li:hover .prft_text {
    opacity: 0.3;
}

@media screen and (max-width:1400px) {
    .banner_pic {
        height: 280px;
    }
    .banner_pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
@media (max-width: 768px) {
    .banner_pic {
        height: auto;
    }
   
    .prone_list {
        margin-bottom: 20px;
    }
    .prone_list::before{
        height: 0;
    }
    .prone_list>div{
        float: none;
    }
    .pro_deq>img{
        width: 50px;
    }
    .pro_deq h1 {
        font-size: 16px;
        margin: 20px 0 10px;
    }
    .pro_deq p {
        font-size: 13px;
        width: 100%;
    }
    .prog_two {
        padding: 20px 0 0;
    }
    .prto_list {
        margin-top: 20px;
    }
    .prto_list>ul>li {
        width: calc((100% - 2%)/2);
        margin-right: 2%;
        text-align: center;
        margin-bottom: 20px;
    }
    .prto_list>ul>li:nth-child(2n){
        margin-right: 0;
    }
    .prt_tus {
        width: 40px;
        height: 42px;
    }
    .prto_list>ul>li h1 {
        font-size: 16px;
        margin: 15px 0;
    }
    .prto_list>ul>li p {
        font-size: 12px;
    }
    .prog_five {
        width: 100%;
        height: auto;
    }
    .prfi_list>ul>li {
        float: left;
        width: calc((100% - 2%)/2);
        height: auto;
        margin: 0 2% 15px 0;
    }
    .prfi_list>ul>li:nth-child(2n){
        margin-right: 0;
    }
    .prfi_list>ul>li:nth-child(5n){
        margin-right:0;
    }
    .pri_jian h1 {
        font-size: 13px;
        margin: 10px 0 6px;
    }
    .pri_jian p{
        width: 90%;
    }
}