@media screen and (min-width:1600px) {
    .head {
        height: 728px;
    }
    .head .nav .t_box {
        position: absolute;
        top: 100px;
        left: 0;
        right: auto;
        background: rgba(17, 45, 78, 0.5);
        z-index: 9;
        display: none;
        width: 220px;
    }
/*    .head .nav .o_box:nth-child(3) {
        background: #26335b;
    }
    .head .nav .o_box:nth-child(3) .t_min:nth-child(2) {
        background: #26335b;
    } */
    /* 标题 */
    .titbox {
        position: relative;
        height: 124px;
    }
    .titbox .en {
        line-height: 88px;
        font-size: 72px;
        text-align: center;
        margin-bottom: 8px;
        font-style: italic;
        color: rgba(44, 47, 53, 0.1);
    }
    .titbox .cn {
        position: absolute;
        top: 46px;
        left: 0;
        right: 0;
        text-align: center;
        line-height: 42px;
        font-size: 30px;
        color: #112d4e;
    }
    .titbox p {
        line-height: 28px;
        font-size: 16px;
        color: #999;
        text-align: center;
    }
    /* 政府办公应用 */
    .mbox1 {
        width: 1600px;
        margin: 16px auto 0;
    }
    .mbox1 .contbox {
        margin-top: 74px;
        overflow: hidden;
        padding-top: 57px;
        height: 358px;
    }
    .mbox1 .contbox ul {
        width: 1704px;
        margin-left: -56px;
    }
    .mbox1 .contbox li {
        float: left;
        width: 320px;
        height: 184px;
        background: #f9f7f7;
        border-radius: 10px;
        margin: 0 53px;
        position: relative;
        padding-top: 94px;
    }
    .mbox1 .contbox .iconfont {
        position: absolute;
        top: 0;
        left: 50%;
        margin: -57px 0 0 -70px;
        border: 14px solid #e9eefa;
        border-radius: 50%;
        width: 112px;
        height: 112px;
        line-height: 112px;
        font-size: 30px;
        color: #fff;
        text-align: center;
        background: #49a9de;
    }
    .mbox1 .contbox h2 {
        line-height: 40px;
        font-size: 24px;
        font-weight: 800;
        color: #2c2f35;
        font-weight: 800;
        text-align: center;
    }
    .mbox1 .contbox h3 {
        line-height: 40px;
        font-size: 16px;
        color: #2c2f35;
        font-weight: 800;
        text-align: center;
    }
    .mbox1 .contbox .bor {
        margin: 6px auto 0;
        width: 20px;
        height: 2px;
        background: #cc1118;
    }
    .mbox1 .contbox p {
        width: 270px;
        margin: 0 auto;
        line-height: 20px;
        font-size: 14px;
        color: #999;
        text-align: center;
        margin-top: 16px;
    }
    /* 移动政务 */
    .mbox2 {
        padding: 74px 0 80px;
        background: #f9f7f7;
    }
    .mbox2 .cont {
        width: 1600px;
        height: 416px;
        margin: 72px auto 0;
    }
    .mbox2 .cont .img {
        float: left;
        width: 800px;
        height: 416px;
    }
    .mbox2 .cont .fr {
        float: right;
        padding: 72px 150px 0 60px;
        width: 590px;
    }
    .mbox2 .cont .fr h2 {
        line-height: 42px;
        font-size: 26px;
        font-weight: 800;
        color: #2c2f35;
        margin-bottom: 7px;
    }
    .mbox2 .cont .fr p {
        line-height: 30px;
        font-size: 16px;
        color: #999;
    }
    .mbox2 .cont .fr .btn {
        margin-top: 12px;
        width: 166px;
        height: 48px;
        line-height: 48px;
        border: 1px solid #6639a6;
        text-align: center;
    }
    .mbox2 .cont .fr .btn span {
        font-size: 16px;
        color: #112d4e;
    }
    .mbox2 .cont .fr .btn i {
        font-size: 16px;
        color: #000;
    }
    /* 深度还原 */
    .mbox3 {
        padding: 70px 0 14px;
    }
    .mbox3 .cont {
        width: 1600px;
        margin: 70px auto 0;
    }
    .mbox3 .cont ul {
        width: 1695px;
        margin-left: -50px;
    }
    .mbox3 .cont li {
        float: left;
        padding: 66px 0 0 26px;
        width: 444px;
        height: 234px;
        box-shadow: 0 0 10px 10px #eee;
        border-radius: 14px;
        position: relative;
        margin: 0 45px 64px 50px;
        background: url(../images/icon02.png) no-repeat left bottom;
        position: relative;
    }
    .mbox3 .cont li h2 {
        line-height: 52px;
        font-size: 24px;
        color: #2c2f35;
        font-weight: 800;
    }
    .mbox3 .cont li .bor {
        width: 10px;
        height: 4px;
        background: linear-gradient(to right, #55c4e4, #337ad2);
        margin-top: 4px;
    }
    .mbox3 .cont li p {
        margin-top: 14px;
        line-height: 30px;
        font-size: 16px;
        color: #999;
        width: 240px;
    }
    .mbox3 .cont li .img {
        position: absolute;
        top: 160px;
        right: 42px;
        width: 120px;
        height: 100px;
    }
    /* 高安全 */
    .mbox4 {
        padding: 70px 0 80px;
        background: #f9f7f7;
    }
    .mbox4 .titbox p {
        width: 30px;
        height: 4px;
        line-height: 4px;
        background: #cc1118;
        margin: 0 auto;
    }
    .mbox4 .cont {
        width: 1600px;
        margin: 0 auto;
        padding-top: 80px;
        overflow: hidden;
    }
    .mbox4 .cont ul {
        width: 1704px;
        margin-left: -56px;
    }
    .mbox4 .cont li {
        float: left;
        width: 320px;
        margin: 0 53px;
    }
    .mbox4 .cont .pic {
        width: 296px;
        height: 220px;
        overflow: hidden;
        border-radius: 10px;
    }
    .mbox4 .cont .pic .img {
        display: block;
        width: 100%;
        height: 100%;
        transition: all 1.5s;
    }
    .mbox4 .cont .pic:hover .img {
        transform: scale(1.2);
    }
    .mbox4 .cont .info {
        padding: 12px 10px 0;
    }
    .mbox4 .cont h2 {
        line-height: 30px;
        height: 30px;
        font-size: 16px;
        color: #2c2f35;
    }
    .mbox4 .cont .bor {
        width: 10px;
        height: 4px;
        background: linear-gradient(to right, #55c4e4, #337ad2);
        margin-bottom: 6px;
    }
    .mbox4 .cont p {
        line-height: 18px;
        font-size: 14px;
    }
    /* 已购买企业 */
    .mbox5 {
        padding: 70px 0 80px;
    }
    .mbox5 .titbox p {
        width: 30px;
        height: 4px;
        line-height: 4px;
        background: #cc1118;
        margin: 0 auto;
    }
    .mbox5 .cont {
        width: 1600px;
        margin: 80px auto 0;
        overflow: hidden;
    }
    .mbox5 li {
        float: left;
        width: 298px;
        height: 198px;
        line-height: 38px;
        border: 1px solid #eff0f0;
        border-radius: 10px;
        margin: 0 10px 40px 15px;
        position: relative;
    }
    .mbox5 li .img {
        display: block;
        width: 100%;
        height: 100%;
    }
    .mbox5 li p {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        line-height: 198px;
        font-size: 24px;
        color: #112d4e;
        text-align: center;
    }
    .mbox5 li:hover {
        width: 300px;
        height: 200px;
        border: 0;
        background: linear-gradient(to right, #56c7e5, #337ad2);
    }
    .mbox5 li:hover p {
        line-height: 200px;
        color: #fff;
    }
}

@media screen and (min-width:1366px) and (max-width:1600px) {
    .head {
        height: auto;
        width: 100%;
        position: relative;
    }
    .head .nav .t_box {
        position: absolute;
        top: 100px;
        left: 0;
        right: auto;
        background: rgba(17, 45, 78, 0.5);
        z-index: 9;
        display: none;
        width: 220px;
    }
/*    .head .nav .o_box:nth-child(3) {
        background: #26335b;
    }
    .head .nav .o_box:nth-child(3) .t_min:nth-child(2) {
        background: #26335b;
    } */
    /* 标题 */
    .titbox {
        position: relative;
        height: 124px;
    }
    .titbox .en {
        line-height: 88px;
        font-size: 72px;
        text-align: center;
        margin-bottom: 8px;
        font-style: italic;
        color: rgba(44, 47, 53, 0.1);
    }
    .titbox .cn {
        position: absolute;
        top: 46px;
        left: 0;
        right: 0;
        text-align: center;
        line-height: 42px;
        font-size: 30px;
        color: #112d4e;
    }
    .titbox p {
        line-height: 28px;
        font-size: 16px;
        color: #999;
        text-align: center;
    }
    /* 政府办公应用 */
    .mbox1 {
        margin: 70px auto 0;
        width: 100%;
    }
    .mbox1 .contbox {
        margin-top: 74px;
        padding-top: 57px;
        height: 358px;
    }
    .mbox1 .contbox ul {
        width: 1328px;
        margin:0 auto;
    }
    .mbox1 .contbox li {
        float: left;
        width: 320px;
        height: 184px;
        background: #f9f7f7;
        border-radius: 10px;
        margin: 0 6px;
        position: relative;
        padding-top: 94px;
    }
    .mbox1 .contbox .iconfont {
        position: absolute;
        top: 0;
        left: 50%;
        margin: -57px 0 0 -70px;
        border: 14px solid #e9eefa;
        border-radius: 50%;
        width: 112px;
        height: 112px;
        line-height: 112px;
        font-size: 30px;
        color: #fff;
        text-align: center;
        background: #49a9de;
    }
    .mbox1 .contbox h2 {
        line-height: 40px;
        font-size: 24px;
        font-weight: 800;
        color: #2c2f35;
        font-weight: 800;
        text-align: center;
    }
    .mbox1 .contbox h3 {
        line-height: 40px;
        font-size: 16px;
        color: #2c2f35;
        font-weight: 800;
        text-align: center;
    }
    .mbox1 .contbox .bor {
        margin: 6px auto 0;
        width: 20px;
        height: 2px;
        background: #cc1118;
    }
    .mbox1 .contbox p {
        width: 270px;
        margin: 0 auto;
        line-height: 20px;
        font-size: 14px;
        color: #999;
        text-align: center;
        margin-top: 16px;
    }
    /* 移动政务 */
    .mbox2 {
        width: 100%;
        padding: 74px 0 80px;
        background: #f9f7f7;
    }
    .mbox2 .cont {
        width: 1330px;
        height: 416px;
        margin: 72px auto 0;
    }
    .mbox2 .cont .img {
        float: left;
        width: 665px;
    }
    .mbox2 .cont .fr {
        float: right;
        padding: 72px 35px 0 40px;
        width: 590px;
    }
    .mbox2 .cont .fr h2 {
        line-height: 42px;
        font-size: 26px;
        font-weight: 800;
        color: #2c2f35;
        margin-bottom: 7px;
    }
    .mbox2 .cont .fr p {
        line-height: 30px;
        font-size: 16px;
        color: #999;
    }
    .mbox2 .cont .fr .btn {
        margin-top: 12px;
        width: 166px;
        height: 48px;
        line-height: 48px;
        border: 1px solid #6639a6;
        text-align: center;
    }
    .mbox2 .cont .fr .btn span {
        font-size: 16px;
        color: #112d4e;
    }
    .mbox2 .cont .fr .btn i {
        font-size: 16px;
        color: #000;
    }
    .mbox3 {
        width: 100%;
        padding: 70px 0 14px;
    }
    .mbox3 .cont {
        margin: 70px auto 0;
    }
    .mbox3 .cont ul {
        width: 1320px;
        margin: 0 auto;
    }
    .mbox3 .cont li {
        float: left;
        padding: 66px 0 0 10px;
        width: 410px;
        height: 234px;
        box-shadow: 0 0 10px 10px #eee;
        border-radius: 14px;
        position: relative;
        margin: 0 10px 64px;
        background: url(../images/icon02.png) no-repeat left bottom;
        position: relative;
    }
    .mbox3 .cont li h2 {
        line-height: 52px;
        font-size: 24px;
        color: #2c2f35;
        font-weight: 800;
    }
    .mbox3 .cont li .bor {
        width: 10px;
        height: 4px;
        background: linear-gradient(to right, #55c4e4, #337ad2);
        margin-top: 4px;
    }
    .mbox3 .cont li p {
        margin-top: 14px;
        line-height: 30px;
        font-size: 16px;
        color: #999;
        width: 240px;
    }
    .mbox3 .cont li .img {
        position: absolute;
        top: 160px;
        right: 22px;
        width: 120px;
        height: 100px;
    }
    .mbox4 {
        padding: 70px 0 80px;
        width: 100%;
        background: #f9f7f7;
    }
    .mbox4 .titbox p {
        width: 30px;
        height: 4px;
        line-height: 4px;
        background: #cc1118;
        margin: 0 auto;
    }
    .mbox4 .cont {
        margin: 0 auto;
        padding-top: 80px;
    }
    .mbox4 .cont ul {
        width: 1328px;
        margin: 0 auto;
    }
    .mbox4 .cont li {
        float: left;
        width: 320px;
        margin: 0 6px;
    }
    .mbox4 .cont .pic {
        width: 296px;
        height: 220px;
        overflow: hidden;
        border-radius: 10px;
    }
    .mbox4 .cont .pic .img {
        display: block;
        width: 100%;
        height: 100%;
        transition: all 1.5s;
    }
    .mbox4 .cont .pic:hover .img {
        transform: scale(1.2);
    }
    .mbox4 .cont .info {
        padding: 12px 10px 0;
    }
    .mbox4 .cont h2 {
        line-height: 30px;
        height: 30px;
        font-size: 16px;
        color: #2c2f35;
    }
    .mbox4 .cont .bor {
        width: 10px;
        height: 4px;
        background: linear-gradient(to right, #55c4e4, #337ad2);
        margin-bottom: 6px;
    }
    .mbox4 .cont p {
        line-height: 18px;
        font-size: 14px;
    }
    /* 已购买企业 */
    .mbox5 {
        padding: 70px 0 80px;
    }
    .mbox5 .titbox p {
        width: 30px;
        height: 4px;
        line-height: 4px;
        background: #cc1118;
        margin: 0 auto;
    }
    .mbox5 .cont {
        margin: 80px auto 0;
        width:1328px;
    }
    .mbox5 li {
        float: left;
        width: 258px;
        height: 170px;
        line-height: 38px;
        border: 1px solid #eff0f0;
        border-radius: 10px;
        margin: 0 36px 40px;
        position: relative;
    }
    .mbox5 li .img {
        display: block;
        width: 100%;
        height: 100%;
    }
    .mbox5 li p {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        line-height: 170px;
        font-size: 24px;
        color: #112d4e;
        text-align: center;
    }
    .mbox5 li:hover {
        width: 260px;
        height: 172px;
        border: 0;
        background: linear-gradient(to right, #56c7e5, #337ad2);
    }
    .mbox5 li:hover p {
        line-height: 172px;
        color: #fff;
    }
}


@media screen and (min-width:768px) and (max-width:1366px) {
    .head {
        height: auto;
        width: 100%;
        position: relative;
    }
    .head .nav .t_box {
        position: absolute;
        top: 100px;
        left: 0;
        right: auto;
        background: rgba(17, 45, 78, 0.5);
        z-index: 9;
        display: none;
        width: 220px;
    }
/*    .head .nav .o_box:nth-child(3) {
        background: #26335b;
    }
    .head .nav .o_box:nth-child(3) .t_min:nth-child(2) {
        background: #26335b;
    } */
    /* 标题 */
    .titbox {
        position: relative;
        height: 124px;
    }
    .titbox .en {
        line-height: 88px;
        font-size: 72px;
        text-align: center;
        margin-bottom: 8px;
        font-style: italic;
        color: rgba(44, 47, 53, 0.1);
    }
    .titbox .cn {
        position: absolute;
        top: 46px;
        left: 0;
        right: 0;
        text-align: center;
        line-height: 42px;
        font-size: 30px;
        color: #112d4e;
    }
    .titbox p {
        line-height: 28px;
        font-size: 16px;
        color: #999;
        text-align: center;
    }
    /* 政府办公应用 */
    .mbox1 {
        margin: 70px auto 0;
        width: 100%;
    }
    .mbox1 .contbox {
        margin-top: 74px;
        padding-top: 57px;
        height: 358px;
    }
    .mbox1 .contbox ul {
        width: 1200px;
        margin:0 auto;
    }
    .mbox1 .contbox li {
        float: left;
        width: 290px;
        height: 184px;
        background: #f9f7f7;
        border-radius: 10px;
        margin: 0 5px;
        position: relative;
        padding-top: 94px;
    }
    .mbox1 .contbox .iconfont {
        position: absolute;
        top: 0;
        left: 50%;
        margin: -57px 0 0 -70px;
        border: 14px solid #e9eefa;
        border-radius: 50%;
        width: 112px;
        height: 112px;
        line-height: 112px;
        font-size: 30px;
        color: #fff;
        text-align: center;
        background: #49a9de;
    }
    .mbox1 .contbox h2 {
        line-height: 40px;
        font-size: 24px;
        font-weight: 800;
        color: #2c2f35;
        font-weight: 800;
        text-align: center;
    }
    .mbox1 .contbox h3 {
        line-height: 40px;
        font-size: 16px;
        color: #2c2f35;
        font-weight: 800;
        text-align: center;
    }
    .mbox1 .contbox .bor {
        margin: 6px auto 0;
        width: 20px;
        height: 2px;
        background: #cc1118;
    }
    .mbox1 .contbox p {
        width: 260px;
        margin: 0 auto;
        line-height: 20px;
        font-size: 14px;
        color: #999;
        text-align: center;
        margin-top: 16px;
    }
    /* 移动政务 */
    .mbox2 {
        width: 100%;
        padding: 74px 0 80px;
        background: #f9f7f7;
    }
    .mbox2 .cont {
        width: 1200px;
        height: 320px;
        margin: 72px auto 0;
    }
    .mbox2 .cont .img {
        float: left;
        width: 600px;
    }
    .mbox2 .cont .fr {
        float: right;
        padding: 72px 25px;
        width: 550px;
    }
    .mbox2 .cont .fr h2 {
        line-height: 42px;
        font-size: 26px;
        font-weight: 800;
        color: #2c2f35;
        margin-bottom: 7px;
    }
    .mbox2 .cont .fr p {
        line-height: 30px;
        font-size: 16px;
        color: #999;
    }
    .mbox2 .cont .fr .btn {
        margin-top: 12px;
        width: 166px;
        height: 48px;
        line-height: 48px;
        border: 1px solid #6639a6;
        text-align: center;
    }
    .mbox2 .cont .fr .btn span {
        font-size: 16px;
        color: #112d4e;
    }
    .mbox2 .cont .fr .btn i {
        font-size: 16px;
        color: #000;
    }
    .mbox3 {
        width: 100%;
        padding: 70px 0 14px;
    }
    .mbox3 .cont {
        margin: 70px auto 0;
    }
    .mbox3 .cont ul {
        width: 1200px;
        margin: 0 auto;
    }
    .mbox3 .cont li {
        float: left;
        padding: 66px 0 0 10px;
        width: 360px;
        height: 234px;
        box-shadow: 0 0 10px 10px #eee;
        border-radius: 14px;
        position: relative;
        margin: 0 10px 64px;
        background: url(../images/icon02.png) no-repeat left bottom;
        position: relative;
    }
    .mbox3 .cont li h2 {
        line-height: 52px;
        font-size: 24px;
        color: #2c2f35;
        font-weight: 800;
    }
    .mbox3 .cont li .bor {
        width: 10px;
        height: 4px;
        background: linear-gradient(to right, #55c4e4, #337ad2);
        margin-top: 4px;
    }
    .mbox3 .cont li p {
        margin-top: 14px;
        line-height: 30px;
        font-size: 16px;
        color: #999;
        width: 240px;
    }
    .mbox3 .cont li .img {
        position: absolute;
        top: 160px;
        right: 22px;
        width: 120px;
        height: 100px;
    }
    .mbox4 {
        padding: 70px 0 80px;
        width: 100%;
        background: #f9f7f7;
    }
    .mbox4 .titbox p {
        width: 30px;
        height: 4px;
        line-height: 4px;
        background: #cc1118;
        margin: 0 auto;
    }
    .mbox4 .cont {
        margin: 0 auto;
        padding-top: 80px;
    }
    .mbox4 .cont ul {
        width: 1200px;
        margin: 0 auto;
    }
    .mbox4 .cont li {
        float: left;
        width: 290px;
        margin: 0 5px;
    }
    .mbox4 .cont .pic {
        width: 290px;
        height: 220px;
        overflow: hidden;
        border-radius: 10px;
    }
    .mbox4 .cont .pic .img {
        display: block;
        width: 100%;
        height: 100%;
        transition: all 1.5s;
    }
    .mbox4 .cont .pic:hover .img {
        transform: scale(1.2);
    }
    .mbox4 .cont .info {
        padding: 12px 10px 0;
    }
    .mbox4 .cont h2 {
        line-height: 30px;
        height: 30px;
        font-size: 16px;
        color: #2c2f35;
    }
    .mbox4 .cont .bor {
        width: 10px;
        height: 4px;
        background: linear-gradient(to right, #55c4e4, #337ad2);
        margin-bottom: 6px;
    }
    .mbox4 .cont p {
        line-height: 18px;
        font-size: 14px;
    }
    /* 已购买企业 */
    .mbox5 {
        padding: 70px 0 80px;
    }
    .mbox5 .titbox p {
        width: 30px;
        height: 4px;
        line-height: 4px;
        background: #cc1118;
        margin: 0 auto;
    }
    .mbox5 .cont {
        margin: 80px auto 0;
        width:1200px;
    }
    .mbox5 li {
        float: left;
        width: 258px;
        height: 170px;
        line-height: 38px;
        border: 1px solid #eff0f0;
        border-radius: 10px;
        margin: 0 20px 40px;
        position: relative;
    }
    .mbox5 li .img {
        display: block;
        width: 100%;
        height: 100%;
    }
    .mbox5 li p {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        line-height: 170px;
        font-size: 24px;
        color: #112d4e;
        text-align: center;
    }
    .mbox5 li:hover {
        width: 260px;
        height: 172px;
        border: 0;
        background: linear-gradient(to right, #56c7e5, #337ad2);
    }
    .mbox5 li:hover p {
        line-height: 172px;
        color: #fff;
    }
}


@media screen and (max-width:768px) {
    .mbox1 {
        padding: 10px 15px;
    }
    .mbox1 .contbox {
        width: 100%;
    }
    .mbox1 ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .mbox1 li {
        width: 140px;
        height: 200px;
        background: #f9f9f9;
        padding: 10px;
        margin-bottom: 15px;
    }
    .mbox1 li .iconfont {
        width: 70px;
        height: 70px;
        text-align: center;
        border-radius: 50%;
        line-height: 70px;
        font-size: 30px;
        color: #fff;
        border: 14px solid #e9eefa;
        background: #49a9de;
        margin: 0 auto 5px;
    }
    .mbox1 li h2 {
        line-height: 24px;
        font-size: 13px;
        font-weight: 800;
        text-align: center;
    }
    .mbox1 li h3 {
        line-height: 20px;
        font-size: 11px;
        text-align: center;
    }
    .mbox1 li p {
        line-height: 18px;
        font-size: 9px;
        text-align: center;
        color: #999;
    }
    .mbox2 {
        padding: 10px 15px;
        background: #f9f7f7;
    }
    .mbox2 .cont {
        padding: 20px 0 10px;
    }
    .mbox2 .cont .img {
        display: block;
        width: 80%;
        margin: 0 auto 20px;
    }
    .mbox2 .cont h2 {
        line-height: 30px;
        font-size: 15px;
    }
    .mbox2 .cont p {
        line-height: 24px;
        font-size: 12px;
    }
    .mbox2 .cont .btn {
        display: none;
    }
    .mbox3 {
        padding: 10px 15px;
    }
    .mbox3 ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .mbox3 li {
        width: 140px;
        height: 220px;
        background: #f9f9f9;
        padding: 10px;
        margin-bottom: 15px;
    }
    .mbox3 li .img {
        display: block;
        width: 120px;
        height: 100px;
        margin: 0 auto;
    }
    .mbox3 li h2 {
        line-height: 24px;
        font-size: 13px;
        font-weight: 800;
        text-align: center;
    }
    .mbox3 li p {
        line-height: 18px;
        font-size: 9px;
        text-align: center;
        color: #999;
    }
    .mbox4 {
        padding: 10px 15px;
        background: #f9f7f7;
    }
    .mbox4 ul {
        margin-top: 10px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .mbox4 li {
        width: 160px;
        height: 250px;
        background: #fff;
        margin-bottom: 15px;
    }
    .mbox4 li .img {
        display: block;
        width: 160px;
        height: 110px;
    }
    .mbox4 li .info {
        padding: 10px;
    }
    .mbox4 li h2 {
        line-height: 24px;
        font-size: 13px;
        font-weight: 800;
        text-align: center;
    }
    .mbox4 li p {
        line-height: 18px;
        font-size: 9px;
        text-align: center;
        color: #999;
    }
    .mbox5 {
        padding: 10px 15px;
    }
    .mbox5 .cont {
        margin-top: 15px;
    }
    .mbox5 ul li {
        display: inline-block;
        padding: 4px 10px;
        height: 24px;
        line-height: 24px;
        font-size: 14px;
        background: linear-gradient(to right, #56c7e5, #337ad2);
        color: #fff;
        border-radius: 16px;
        margin: 0 10px 10px 0;
    }
    .mbox5 ul .img {
        display: none;
    }
}