.subnav {
    position: relative;
    height: 80px;
    background-color: #fff;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
}

.subnav .layui-clear {
    margin: 0 auto;
    text-align: center;
}

.subnav li {
    display: inline-block;
    font-size: 20px;
    line-height: 80px;
    text-align: center;
}

.subnav li a {
    display: block;
    height: 80px;
    width: 200px;
    color: #030303;
}

.subnav li a.action, .subnav li a:hover {
    color: #fff;
    background-color: #cc5d66;
}

.case {
    padding-top:45px;
    padding-bottom:45px;
    background-color:#fcfdfd;
}

.case .items {
    margin: 0 auto;
    width: 1320px;
}

.case .items .layui-row {
    margin-left: -30px
}

.case li {
    float: left;
    margin-left: 30px;
    margin-top: 54px;
    width: 420px;
    box-shadow: 0px 5px 23px 0px rgba(0, 0, 0, 0.1);
}

.case dd {
    padding-top: 38px;
    height: 90px;
    width: 420px;
    text-align: center;
    background-color:#fff;
}

.case dd span {
    font-size: 24px;
    line-height: 24px;
    color: #030303;
}

.case dd p {
    padding-top:8px;
    font-size: 22px;
    line-height: 24px;
    color: #999;
}

.case a:hover dd {
    background-color: #f05c29;
    box-shadow: 0px 8px 27px 0px rgba(0, 0, 0, 0.1);
}

.case a:hover span, .case a:hover p{
    color: #fff;
}

#demo2-1 {
    padding-top: 64px;
    text-align: center;
}

.layui-laypage a, .layui-laypage span {
    padding: 0px 40px;
    height: 52px;
    line-height: 52px;
}