.caselookbanner
{
    position:relative;
    width:100%;
    height:400px;
}
.caselookbanner img
{
    width:100%;
    height:100%;
    object-fit:cover;
}
.caselookbanner .caselookmc
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    font-size:120px;
    color:var(--shense-color);
}
.anli-content
{
    width:100%;
    margin:60px 0px;
    align-items: start;
}
.anli-content-left
{
    width:25%;
}
.anli-content-left .anlisousuo
{
    width:100%;
    height:35px;
}
.anli-content-left .anlifenle
{
    width:100%;
    min-height:210px;
    border:1px solid #DDDDDD;
    padding:var(--spacing-15);
}
.anli-content-left .anlifenle .fenlemc
{
    font-size:var(--fontsize-18);
    color:var(--shense-color);
}
.anli-content-left .anlifenle .fenlenr
{
    width:100%;
    padding-bottom:var(--spacing-15);
    border-bottom:1px solid #DDDDDD;
    margin-bottom:var(--spacing-15);
    flex-wrap:wrap;
}
.anli-content-left .anlifenle .fenlenr .dgfenlenr
{
    width:24%;
    height:var(--spacing-25);
    border:1px solid #DDDDDD;
    line-height:var(--spacing-25);
    text-align:center;
    font-size:var(--fontsize-14);
    color:var(--shense-color);
    margin:var(--spacing-5) 0px;
}
.anli-content-left .anlifenle .fenlenr .dgfenlenr a
{
    color:var(--shense-color);
}
.anli-content-left .anlifenle .fenlenr .dgfenlenr:hover
{
    background-color:#2B79FF;
    color:#FFFFFF;
}
.anli-content-left .anlifenle .fenlenr .dgfenlenr:hover a
{
    color:#FFFFFF;
}
.anli-content-left .anlifenle .fenlecpnr
{
    width:100%;
    margin-top:var(--spacing-5);
    flex-wrap:wrap;
}
.anli-content-left .anlifenle .fenlecpnr .dgfenlecpnr
{
    width:auto;
    padding:var(--spacing-10);
}
.anli-content-left .anlifenle .fenlecpnr .dgfenlecpnr a
{
    font-size:var(--fontsize-14);
    color:var(--qianse-color);
}
.anli-content-left .anlifenle .fenlecpnr .dgfenlecpnr a:hover
{
    color:var(--hover-color);
}
.anli-content-left .anlipro
{
    position:relative;
    width:100%;
    height:120px;
    padding:var(--spacing-15);
    border:1px solid #DDDDDD;
    margin-top:var(--spacing-20);
    cursor: pointer;
}
.anli-content-left .anlipro:hover
{
    background-color:#0E60FE;
}
.anli-content-left .anlipro .anlijiantou a
{
     position:absolute;
    bottom:10px;
    right:10px;
    color:var(--default-color);
}
.anli-content-left .anlipro:hover .anlijiantou a
{
    color:#FFFFFF;
}
.anli-content-left .anlipro .anliprolm
{
    font-size:var(--fontsize-14);
    color:var(--qianse-color);
}
.anli-content-left .anlipro .anlipromc
{
    font-size:var(--fontsize-24);
    color:var(--shense-color);
}
.anli-content-left .anlipro .anliproms
{
    font-size:var(--fontsize-12);
    color:var(--qianse-color);
}
.anli-content-left .anlipro:hover .anliprolm
{
    color:#FFFFFF;
}
.anli-content-left .anlipro:hover .anlipromc a
{
    color:#FFFFFF;
}
.anli-content-left .anlipro:hover .anliproms a
{
    color:#FFFFFF;
}
.anli-content-right
{
    width:75%;
    padding-left:120px;
}
.anlilook
{
    width:100%;
}
.anlilook .anlilooktitle
{
    width:100%;
    flex-wrap:wrap;
}
.anlilook .anlilooktitle .anlimc
{
    width:100%;
    font-size:38px;
    color:var(--shense-color);
}
.anlilook .anlilooktitle .anlims
{
    width:100%;
    padding-left:0px;
    font-size:var(--fontsize-18);
    line-height:48px;
    color:var(--shense-color);
}
.anlilook .anlilooktitle .anlijinjiang
{
    width:100%;
}
.anlilook .anlilooktitle .anlijinjiang img
{
    width:30px;
    margin-right:10px;
    padding-top:10px;
}
.anlilook .anlilookcontent
{
    width:100%;
    margin-top:40px;
}
.anliziliao
{
    width:100%;
    padding:var(--spacing-20) 0px;
    height:500px;
    position: relative;
}
.ziliao-left
{
    width:100%;
    height: 100%;
}
.ziliao-left .dh-ziliao
{
    width:100%;
    height:100%;
    padding:var(--spacing-15) 0px;
    border-bottom:1px solid #DDDDDD;
    font-size:var(--fontsize-18);
}
.ziliao-left .dh-ziliao .ziliao-title
{
    width:20%;
}
.ziliao-left .dh-ziliao .ziliao-miaoshu
{
    width:80%;
}
.ziliao-right
{
    width:25%;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
}
.sigongge
{
    width:100%;
    padding:var(--spacing-20) 0px;
    align-items: unset;
}
.dg-sigongge
{
    width:100%;
    padding: 0px var(--fontsize-30);
    border-right:1px solid var(--border-color);
}
.dg-sigongge:last-child
{
    border-right:0px;
}
.dg-sigongge-title
{
     width: 100%;
    text-align: center;
    font-size:var(--fontsize-24);
    color:var(--shense-color);
    font-weight:800;
}
.dg-sigongge-miaoshu
{
    width: 100%;
    text-align: center;
    font-size:var(--fontsize-16);
    color:var(--qianse-color);
    line-height:var(--fontsize-24);
}
@media only screen and (max-width: 1920px)
{

}
@media only screen and (max-width: 1680px)
{
    .caselookbanner
    {
        height:calc(400px * 1680/1920);
    }
    .caselookbanner .caselookmc
    {
        font-size:calc(120px * 1680/1920);
    }
    .anli-content
    {
        margin:calc(60px * 1680/1920) 0px;
    }
    .anli-content-left .anlisousuo
    {
        height:calc(35px * 1680/1920);
    }
    .anli-content-left .anlifenle
    {
        min-height:calc(210px * 1680/1920);
    }
    .anli-content-left .anlipro
    {
        height:calc(120px * 1680/1920);
    }
    .anli-content-left .anlipro .anlijiantou a
    {
        bottom:calc(10px * 1680/1920);
        right:calc(10px * 1680/1920);
    }
    .anli-content-right
    {
        padding-left:calc(120px * 1680/1920);
    }
    .anlilook .anlilooktitle .anlimc
    {
        font-size:calc(38px * 1680/1920);
    }
    .anlilook .anlilooktitle .anlims
    {
        line-height:calc(48px * 1680/1920);
    }
    .anlilook .anlilookcontent
    {
        margin-top:calc(40px * 1680/1920);
    }
    .anliziliao
    {
        height:calc(500px * 1680/1920);
    }
}
@media only screen and (max-width: 1440px)
{
    .caselookbanner
    {
        height:calc(400px * 1440/1920);
    }
    .caselookbanner .caselookmc
    {
        font-size:calc(120px * 1440/1920);
    }
    .anli-content
    {
        margin:calc(60px * 1440/1920) 0px;
    }
    .anli-content-left .anlisousuo
    {
        height:calc(35px * 1440/1920);
    }
    .anli-content-left .anlifenle
    {
        min-height:calc(210px * 1440/1920);
    }
    .anli-content-left .anlipro
    {
        height:calc(120px * 1440/1920);
    }
    .anli-content-left .anlipro .anlijiantou a
    {
        bottom:calc(10px * 1440/1920);
        right:calc(10px * 1440/1920);
    }
    .anli-content-right
    {
        padding-left:calc(120px * 1440/1920);
    }
    .anlilook .anlilooktitle .anlimc
    {
        font-size:calc(38px * 1440/1920);
    }
    .anlilook .anlilooktitle .anlims
    {
        line-height:calc(48px * 1440/1920);
    }
    .anlilook .anlilookcontent
    {
        margin-top:calc(40px * 1440/1920);
    }
    .anliziliao
    {
        height:calc(500px * 1440/1920);
    }
}
@media only screen and (max-width: 1366px)
{
    .caselookbanner
    {
        height:calc(400px * 1366/1920);
    }
    .caselookbanner .caselookmc
    {
        font-size:calc(120px * 1366/1920);
    }
    .anli-content
    {
        margin:calc(60px * 1366/1920) 0px;
    }
    .anli-content-left .anlisousuo
    {
        height:calc(35px * 1366/1920);
    }
    .anli-content-left .anlifenle
    {
        min-height:calc(210px * 1366/1920);
    }
    .anli-content-left .anlipro
    {
        height:calc(120px * 1366/1920);
    }
    .anli-content-left .anlipro .anlijiantou a
    {
        bottom:calc(10px * 1366/1920);
        right:calc(10px * 1366/1920);
    }
    .anli-content-right
    {
        padding-left:calc(120px * 1366/1920);
    }
    .anlilook .anlilooktitle .anlimc
    {
        font-size:calc(38px * 1366/1920);
    }
    .anlilook .anlilooktitle .anlims
    {
        line-height:calc(48px * 1366/1920);
    }
    .anlilook .anlilookcontent
    {
        margin-top:calc(40px * 1366/1920);
    }
    .anliziliao
    {
        height:calc(500px * 1366/1920);
    }
}
@media only screen and (max-width: 1280px)
{
    .caselookbanner
    {
        height:calc(400px * 1280/1920);
    }
    .caselookbanner .caselookmc
    {
        font-size:calc(120px * 1280/1920);
    }
    .anli-content
    {
        margin:calc(60px * 1280/1920) 0px;
    }
    .anli-content-left .anlisousuo
    {
        height:calc(35px * 1280/1920);
    }
    .anli-content-left .anlifenle
    {
        min-height:calc(210px * 1280/1920);
    }
    .anli-content-left .anlipro
    {
        height:calc(120px * 1280/1920);
    }
    .anli-content-left .anlipro .anlijiantou a
    {
        bottom:calc(10px * 1280/1920);
        right:calc(10px * 1280/1920);
    }
    .anli-content-right
    {
        padding-left:calc(120px * 1280/1920);
    }
    .anlilook .anlilooktitle .anlimc
    {
        font-size:calc(38px * 1280/1920);
    }
    .anlilook .anlilooktitle .anlims
    {
        line-height:calc(48px * 1280/1920);
    }
    .anlilook .anlilookcontent
    {
        margin-top:calc(40px * 1280/1920);
    }
    .anliziliao
    {
        height:calc(500px * 1280/1920);
    }
}
@media only screen and (max-width: 960px)
{
    .caselookbanner {
        height: calc(400px* 640 / 1920);
    }
    .caselookbanner .caselookmc {
        font-size: calc(120px* 640 / 1920);
    }
    .anli-content {
        margin: calc(60px* 640 / 1920) 0px;
        flex-wrap: wrap;
    }
    .anli-content-left {
        width: 100%;
    }
    .anli-content-right {
        width: 100%;
        padding-left: 0px;
    }
    .anlilook .anlilooktitle {
        width: 100%;
        flex-wrap: wrap;
    }
    .anlilook .anlilooktitle .anlimc {
        font-size: calc(38px* 640 / 1920);
    }
    .anlilook .anlilooktitle .anlims {
        width: 100%;
        padding-left: 0px;
        line-height: calc(48px* 640 / 1920);
    }
    .anlilook .anlilookcontent {
        margin-top: calc(40px* 640 / 1920);
    }
    .anli-content-left .anlisousuo {
        height: auto;
    }
    
    
}