.pro-zhenshi
{
    width: 100%;
    margin-top: 7rem;
}
.pro-zhenshi .dg-pro-zhenshi
{
    cursor: pointer;
    position: relative;
    width: 24%;
    height: 50.8rem;
}
.pro-zhenshi .dg-pro-zhenshi img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pro-zhenshi-ceng
{
    position: absolute;
    bottom:0px;
    left:0px;
    width: 100%;
    height: 20%;
    background-color: rgba(0, 0, 0, 0.3);
}
.pro-zhenshi-ceng .pro-zhenshi-title
{
    position: absolute;
    width: 100%;
    left:0px;
    bottom:2.8rem;
    text-align: center;
    font-size: 2.8rem;
    color: #FFFFFF;
}
.pro-youshi
{
    cursor: pointer;
    width: 100%;
    margin-top: 7rem;
    align-items: flex-start;
}
.pro-youshi .pro-youshi-left
{
    width: 35%;
    height: 60rem;
}
.pro-youshi-left .pro-youshi-left-info
{
    position: relative;
    width: 100%;
    height: 100%;
}
.pro-youshi-left .pro-youshi-left-info img
{
    width: 100%;
    height: 100%;
}
.pro-youshi .pro-youshi-right
{
    width: 64%;
    height: 60rem;
    flex-wrap: wrap;
}
.pro-youshi .pro-youshi-right .pro-youshi-right-info
{
    position: relative;
    width: 48.5%;
    height: 29.1rem;
}
.pro-youshi .pro-youshi-right .pro-youshi-right-info img
{
    width: 100%;
    height: 100%;
}
.pro-youshi-ceng
{
    cursor: pointer;
    position: absolute;
    left:0px;
    bottom:0px;
    width: 100%;
    height: 20%;
    padding:0px;
    background-color: rgba(0, 0, 0, 0.3);
    transition: all 0.4s linear 200ms;
}
.pro-youshi-ceng:hover
{
    height: auto;
    padding:3rem;
}
.pro-youshi-ceng .youshi-mingcheng
{
    position:absolute;
    width: 100%;
    left:0px;
    bottom:2rem;
    text-align: center;
    font-weight: 400;
    font-size: 2.8rem;
    color: #FFFFFF;
    transition: all 0.4s linear 200ms;
}
.pro-youshi-ceng .youshi-miaoshu
{
    opacity: 0;
    visibility: hidden;
    transition: opacity 0s ease, visibility 0s ease;
    font-weight: 400;
    font-size: var(--font-22);
    color: #FFFFFF;
    line-height: 3.5rem;
    margin-top: 2rem;;
}
.pro-youshi-ceng:hover .youshi-mingcheng
{
    position: unset;
    text-align: left;
}
.pro-youshi-ceng:hover .youshi-miaoshu
{
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease 0.5s, visibility 0s ease 0.5s;
}
.pro-peizhi
{
    width: 100%;
    flex-wrap: wrap;
    margin-top: 7rem;
}
.pro-peizhi .dg-pro-peizhi
{
    width: 24%;
    height: 29.2rem;
    background: #FFFFFF;
    margin-top: 2.8rem;
}
.dg-pro-peizhi .dg-pro-peizhi-pic img
{
    height: 18.3rem;
}    
.dg-pro-peizhi .dg-pro-peizhi-title
{
    width: 100%;
    margin-top: 3rem;
    padding:0px 5rem;
    font-weight: 400;
    font-size: var(--font-26);
    color: #000000;
    line-height: 3rem;
    text-align: center;
}  
.pro-peizhi-shuoming
{
    width: 100%;
    text-align: right;
    padding-top:6rem;
    font-weight: 400;
    font-size: var(--font-24);
    color: rgba(0, 0, 0, 0.6);
}
.pro-shipin
{
    width: 100%;
}
.pro-shipin img
{
    width: 100%;
}
.pro-gongneng
{
    width: 100%;
    flex-wrap: wrap;
}
.pro-gongneng .dg-pro-gongneng
{
    width: 32%;
    margin-top: 4rem;
}
.pro-gongneng .dg-pro-gongneng .dg-pro-gongneng-pic
{
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 30rem;
}
.pro-gongneng .dg-pro-gongneng .dg-pro-gongneng-pic img
{
    width: 100%;
    height: 100%;
}
.pro-gongneng .dg-pro-gongneng .dg-pro-gongneng-pic .dg-pro-gongneng-miaoshu
{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top:0px;
    left:0px;
    background-color: rgba(0, 0, 0, 0.8);
    padding:0px 10%;
    font-weight: 400;
    font-size: var(--font-24);
    color: #FFFFFF;
    line-height: 3.4rem;
    text-align: center;
}
.pro-gongneng .dg-pro-gongneng .dg-pro-gongneng-pic:hover .dg-pro-gongneng-miaoshu
{
    display: flex;
}
.pro-gongneng .dg-pro-gongneng .dg-pro-gongneng-title
{
    width:100%;
    margin-top: 2.5rem;
    font-weight: 500;
    font-size: var(--font-28);
    color: #000000;
    text-align: center;
}
.pro-huanjing
{
    width: 100%;
    margin-top: 6rem;
}
.pro-huanjing img
{
    width: 100%;
}
.pro-huanjing-miaoshu
{
    width: 100%;
    padding:0px 10rem;
    height:14.4rem;
    background: #193E8F;
}
.pro-huanjing-miaoshu .pro-huanjing-left
{
    font-size: var(--font-26);
    color: #FFFFFF;
}
.pro-huanjing-miaoshu .pro-huanjing-left span
{
    font-weight: bold;
    font-size: 3.1rem;
    color: #FFFFFF;
}
.pro-huanjing-miaoshu .pro-huanjing-right
{
    font-size: var(--font-26);
    color: #FFFFFF;
}
.pro-huanjing-miaoshu .pro-huanjing-right span
{
    font-weight: bold;
    font-size: 3.1rem;
    color: #FFFFFF;
}
.pro-liucheng
{
    position: relative;
    width: 100%;
    height: 18rem;
    margin-top: 7rem;
}
.pro-liucheng .pro-liucheng-henggang
{
    position: absolute;
    width: 100%;
    height: 3px;
    background: #003686;
    left:0px;
    top:49%;
    z-index: 1;
}
.pro-liucheng .dg-pro-liucheng
{
    z-index: 2;
    width: 11%;
    height: 100%;
    background: #003686;
}
.pro-liucheng .dg-pro-liucheng.on
{
    background: #0666B2;
}
.dg-pro-liucheng .pro-liucheng-sz
{
    font-weight: 600;
    font-size: 5.3rem;
    color: #FFFFFF;
}
.dg-pro-liucheng .pro-liucheng-mc
{
    margin-top: 2rem;
    font-weight: 400;
    font-size: 2.8rem;
    color: #FFFFFF;
}

@media only screen and (max-width: 960px)
{
    .pro-zhenshi {
        flex-wrap: wrap;
    }
    .pro-zhenshi .dg-pro-zhenshi {
        width: 100%;
        margin-top: 2rem;
    }
    .pro-youshi {
        flex-wrap: wrap;
    }
    .pro-youshi .pro-youshi-left {
        width: 100%;
    }
    .pro-youshi .pro-youshi-right {
        width: 100%;
        margin-top: 2rem;
    }
    .pro-peizhi .dg-pro-peizhi {
        width: 49%;
    }
    .pro-gongneng .dg-pro-gongneng
    {
        width: 49%;
    }
    .pro-huanjing-miaoshu
    {
        padding:0px 1rem;
    }
    .pro-liucheng {
        height: auto;
        flex-wrap: wrap;
    }
    .pro-liucheng .pro-liucheng-henggang
    {
        display: none;
    }
    .pro-liucheng .dg-pro-liucheng {
        margin-top: 2rem;
        width: 24%;
        height: 20rem;
    }

}