.quanbanner
{
    width:100%;
    height:400px;
    background: linear-gradient(270.00deg, rgba(232, 232, 232, 1),rgba(225, 225, 225, 1) 100%);
}
.caseshuaxuan
{
    margin-top:-400px;
    min-height:500px;
    background-color:#FFFFFF;
}
.caseshuaxuan .casebaner
{
    width:100%;
}
.caseshuaxuan .casebaner img
{
    width:100%;
}
.caseshuaxuan .casenr
{
    width:100%;
    padding:30px;
    border: 1px solid #DDDDDD;
}
.caseshuaxuan .casenr .casesousuo .layui-input-wrap
{
    width:100%;
}
.caseshuaxuan .casenr .casesousuo .sousuogjz
{
    width:100%;
    border:1px solid #DDDDDD;
}
.caseshuaxuan .casenr .casesousuo .sousuoss
{
    width:150px;
}
.caseshuaxuan .casenr .casesousuo .sousuoss .icon-sousuo
{
    padding-right:var(--spacing-5);
}
.caseshuaxuan .casenr .casebiaoqian
{
    width:100%;
    padding:var(--spacing-15) 0px;
}
.caseshuaxuan .casenr .casebiaoqian .dgcasebiaoqian
{
    width:100%;
    margin-top:var(--spacing-15);
}
.caseshuaxuan .casenr .casebiaoqian .dgcasebiaoqian .biaoqianmc
{
    padding:7px 13px;
    color:var(--shense-color);
    font-size:var(--fontsize-24);
    margin-right:var(--spacing-5);
}
.caseshuaxuan .casenr .casebiaoqian .dgcasebiaoqian .biaoqiannr
{
    padding:7px 13px;
    color:var(--shense-color);
    font-size:var(--fontsize-16);
    margin-right:var(--spacing-5);
    cursor: pointer;
}
.caseshuaxuan .casenr .casebiaoqian .dgcasebiaoqian .biaoqiannr.on
{
    color:#FFFFFF;
    background-color:#2B79FF;
}
.caseshuaxuan .casenr .casebiaoqian .dgcasebiaoqian .biaoqiannr:hover
{
    color:#FFFFFF;
    background-color:#2B79FF;
}
.case-list
{
    width:100%;
    margin-top:80px;
}
.case-more
{
    width:100%;
    padding:50px 0px 100px 0px;
}
.case-more .case-chakan
{
    width: 280px;
    height: 83px;
    font-size:var(--fontsize-24);
    color:var(--default-color);
    border:1px solid #DDDDDD;
}
.case-more .case-chakan a
{
    color:var(--default-color);
}
.case-more .case-chakan a:hover
{
    color:var(--default-color);
}
.case-more .case-chakan .icon-a-jiantoushoubingjiantou
{
    padding-left:var(--spacing-15);
}

@media only screen and (max-width: 1920px)
{

}
@media only screen and (max-width: 1680px)
{
    .quanbanner
    {
        height:calc(400px * 1680/1920);
    }
    .caseshuaxuan
    {
        margin-top:calc(-400px * 1680/1920);
        min-height:calc(500px * 1680/1920);
    }
    .caseshuaxuan .casenr
    {
        padding:calc(30px * 1680/1920);
    }
    .caseshuaxuan .casenr .casesousuo .sousuoss
    {
        width:calc(150px * 1680/1920);
    }
    .caseshuaxuan .casenr .casebiaoqian .dgcasebiaoqian .biaoqianmc
    {
        padding:calc(7px * 1680/1920) calc(13px * 1680/1920);
    }
    .caseshuaxuan .casenr .casebiaoqian .dgcasebiaoqian .biaoqiannr
    {
        padding:calc(7px * 1680/1920) calc(13px * 1680/1920);
    }
    .case-list
    {
        margin-top:calc(80px * 1680/1920);
    }
    .case-more
    {
        padding:calc(50px * 1680/1920) 0px calc(100px * 1680/1920) 0px;
    }
    .case-more .case-chakan
    {
        width: calc(280px * 1680/1920);
        height: calc(83px * 1680/1920);
    }
}
@media only screen and (max-width: 1440px)
{
    .quanbanner
    {
        height:calc(400px * 1440/1920);
    }
    .caseshuaxuan
    {
        margin-top:calc(-400px * 1440/1920);
        min-height:calc(500px * 1440/1920);
    }
    .caseshuaxuan .casenr
    {
        padding:calc(30px * 1440/1920);
    }
    .caseshuaxuan .casenr .casesousuo .sousuoss
    {
        width:calc(150px * 1440/1920);
    }
    .caseshuaxuan .casenr .casebiaoqian .dgcasebiaoqian .biaoqianmc
    {
        padding:calc(7px * 1440/1920) calc(13px * 1440/1920);
    }
    .caseshuaxuan .casenr .casebiaoqian .dgcasebiaoqian .biaoqiannr
    {
        padding:calc(7px * 1440/1920) calc(13px * 1440/1920);
    }
    .case-list
    {
        margin-top:calc(80px * 1440/1920);
    }
    .case-more
    {
        padding:calc(50px * 1440/1920) 0px calc(100px * 1440/1920) 0px;
    }
    .case-more .case-chakan
    {
        width: calc(280px * 1440/1920);
        height: calc(83px * 1440/1920);
    }
}
@media only screen and (max-width: 1366px)
{
    .quanbanner
    {
        height:calc(400px * 1366/1920);
    }
    .caseshuaxuan
    {
        margin-top:calc(-400px * 1366/1920);
        min-height:calc(500px * 1366/1920);
    }
    .caseshuaxuan .casenr
    {
        padding:calc(30px * 1366/1920);
    }
    .caseshuaxuan .casenr .casesousuo .sousuoss
    {
        width:calc(150px * 1366/1920);
    }
    .caseshuaxuan .casenr .casebiaoqian .dgcasebiaoqian .biaoqianmc
    {
        padding:calc(7px * 1366/1920) calc(13px * 1366/1920);
    }
    .caseshuaxuan .casenr .casebiaoqian .dgcasebiaoqian .biaoqiannr
    {
        padding:calc(7px * 1366/1920) calc(13px * 1366/1920);
    }
    .case-list
    {
        margin-top:calc(80px * 1366/1920);
    }
    .case-more
    {
        padding:calc(50px * 1366/1920) 0px calc(100px * 1366/1920) 0px;
    }
    .case-more .case-chakan
    {
        width: calc(280px * 1366/1920);
        height: calc(83px * 1366/1920);
    }
}
@media only screen and (max-width: 1280px)
{
    .quanbanner
    {
        height:calc(400px * 1280/1920);
    }
    .caseshuaxuan
    {
        margin-top:calc(-400px * 1280/1920);
        min-height:calc(500px * 1280/1920);
    }
    .caseshuaxuan .casenr
    {
        padding:calc(30px * 1280/1920);
    }
    .caseshuaxuan .casenr .casesousuo .sousuoss
    {
        width:calc(150px * 1280/1920);
    }
    .caseshuaxuan .casenr .casebiaoqian .dgcasebiaoqian .biaoqianmc
    {
        padding:calc(7px * 1280/1920) calc(13px * 1280/1920);
    }
    .caseshuaxuan .casenr .casebiaoqian .dgcasebiaoqian .biaoqiannr
    {
        padding:calc(7px * 1280/1920) calc(13px * 1280/1920);
    }
    .case-list
    {
        margin-top:calc(80px * 1280/1920);
    }
    .case-more
    {
        padding:calc(50px * 1280/1920) 0px calc(100px * 1280/1920) 0px;
    }
    .case-more .case-chakan
    {
        width: calc(280px * 1280/1920);
        height: calc(83px * 1280/1920);
    }
}
@media only screen and (max-width: 960px)
{
    .caseshuaxuan .casenr .casebiaoqian .dgcasebiaoqian {
        flex-wrap: wrap;
    }
}