.root {
    background-color: #002248;
}
.content {
    background: url('../imgs/index_bg.png');
}
.content>li:first-child {
    padding-top: 90px;
    height: 410px;
    background-image: url('../imgs/case/banner.jpg');
    background-size: cover;
}
.content>li:nth-child(2) {
    background: url('../imgs/case/bg.jpg');
    background-size: cover;
    color: #666;
}
.content>li:nth-child(4) {
    background-color: #fff;
    color: #666;
}
.content>li>img {
    display: none;
}
/* 等式 */
.equation {
    position: relative;
    height: 572px;
    text-align: center;
}
.equation::after {
    position: absolute;
    left: 110px;
    bottom: 20px;
    content: "";
    width: 970px;
    height: 1px;
    background-color: #90d050;
}
.equation li {
    display: inline-block;
}
.equation li:nth-child(odd) {
    display: inline-block;
    padding: 0 28px;
    width: 300px;
    height: 572px;
    line-height: 1.5;
    background: url('../imgs/case/case_box.png') no-repeat;
}
.equation li:nth-child(even) {
    margin: 200px 42px 0;
    vertical-align: top;
}
.equation .icon {
    margin-top: 44px;
}

.btnlist li {
    display: inline-block;
    margin-right: 32px;
}
.btnlist li:last-child {
    margin-right: 0;
}
.btnlist .btn {
    width: 120px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    background-color: #fff;
    border: 1px solid #90d050;
    color: #90d050;
    border-radius: 20px;
}
.btnlist .active,
.btnlist .btn:hover {
    background-color: #90d050;
    color: #fff;
}
.mobile-img {
    display: none;
}
/* ----------------------移动端--------------------------- */
.mobile .content>li:first-child {
    background-image: url('../imgs/case/mobile/banner.png');
}
.mobile .content>li:nth-child(2) :not(img),
.mobile .content>li:nth-child(3) :not(img){
    display: none;
}
.mobile .content>li>img {
    display: block;
    width: 100%;
}
.mobile .btnlist {
    margin-top: .5rem;
    padding: 0 .3rem;
    font-size: 0;
    text-align: left;
}
.mobile .btnlist .btn {
    margin: 0 2% .3rem 0;
    width: 17.8%;
    height: .4rem;
    line-height: .4rem;
    font-size: .2rem;
    border-radius: .2rem;
}
.mobile .btnlist .btn:nth-child(5) {
    margin-right: 0;
}
.mobile .case li:last-child .box>p{
    font-size: .36rem;
    padding-top: .5rem;
}
.mobile .case li:last-child p.box{
    margin: 0;
    padding: .3rem .3rem 1.02rem;
}
.mobile .pc-img {
    display: none;
}
.mobile .mobile-img {
    display: block;
    width: 100%;
}