@media(max-width:480px){
    html body {
         padding-top: 0;
        background-color: #ffffff;
    }
    #common-nav-bar {
        display: none;
    }
    .toplogo {
        display: block;
        width: 275px;
        height: 75px;
        margin: 50px auto 0;
        background-image: ;
        background-size: 100% 100%;
    }
    .content {
        padding-top: 0;
    }
    .con1 {
        background-color: #fff;
        width: 100%;
        min-width: 100%;
    }
    .con1, .con2, .con3, .con4, .con5 {
        width: 98%;
        margin: 0 auto;
    }
    .con1top {
        width: 95%;
        height: 40px;
    }
    .con1topleft {
        border: 1px solid #666666;
        border-right: none;
    }
    .con1topleft input {
        width: 80%;
        min-width: 160px;
        border: none;
        padding: 0;
        text-align: left;
        background-color: transparent;
    }
    .cardul {
        width: 96%!important;
        height: auto!important;
        margin-top: 12px!important;
        margin-left: 2.5%!important;
        text-align: left;
    }
    .cardul li {
        width: 35px!important;
        height: 35px!important;
        display: inline-block!important;
        margin: 0 -5px 0 0!important;
        padding: 0!important;
        background-image: !important;
        background-size: 100% 100%!important;
    }
    .cardul li a {
        display: inline-block;
        width: 100%;
        height: 100%;
        line-height: 38px;
        text-align: center;
        font-family: pictos;
        font-size: 22px;
        text-decoration: none;
    }
    .layui-icon-search {
        font-size: 21px;
        float: left;
        margin-top: 8px;
        margin-left: 10px;
    }
    .con1top button {
        width: 72px;
        font-size: 17px;
    }
    .conbox {
        width: 100%;
        height: auto;
        margin: 5px auto 0;
        min-width: 100%;
        padding-bottom: 20px;
        background-color: #fff;
        border: none;
    }
    .bordertop {
        display: none;
    }
    .con1 {
        height: 70px;
    }
    .con2 {
        margin-top: 0;
        width: 100%;
    }
    .con2top {
        background-image: none;
    }
    .con2top > span {
        color: #000;
    }
    .bkbox {
        display: block;
        width: 100%;
        height: auto;
        padding: 0 10px;
        color: #333333;
        font-size: 16px;
        text-align: left;
    }
    .szbox, .xsbox {
        display: block;
        width: 100%;
    }
    .con2 > .szul, .con4 > .con5ul {
        display: none;
    }
    .szbox .szul {
        width: 100%;
        height: 300px;
    }
    .szbox .szul li {
        width: 20%;
        height: 130px;
        float: none;
        display: inline-block;
    }
    .xsbox li {
        margin-left: 0;
    }
    .szbox .szul li .szleft {
        width: 100%;
        height: 110px;
        line-height: 110px;
        float: left;
    }
    .szleft a {
        line-height: 1.8;
    }
    .szbox .szul li .szleft img {
        width: 64px;
        height: 84px;
    }
    .szright {
        flex: 1;
        height: 100%;
        overflow: hidden;
        text-align: left;
        padding-top: 10px;
        padding-left: 6px;
        box-sizing: border-box;
    }
    .szright p {
        color: #555555;
        margin: 5px 0;
        font-size: 15px;
        padding-right: 5px;
        display: -webkit-box;
        overflow: hidden;
        white-space: normal!important;
        text-overflow: ellipsis;
        word-wrap: break-word;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .xgxs {
        font-size: 15px;
    }
    .sztit {
        font-size: 18px;
    }
    .con1foot, .zpul1 {
        display: none;
    }
    .con5ul {
        height: auto;
    }
    .zpul2 {
        display: block;
        width: 100%;
    }
    .zpul2 li {
        width: 48%;
        height: 210px;
        margin: 0 0 10px;
    }
    .zpul li:nth-of-type(5n-4) {
         margin-left: 0;
    }
    .con4ul li {
        padding-right: 0;
        height: 90px;
    }
    .con4ul li.newli {
        margin: 20px auto;
        height: auto;
        padding: 10px 6px;
        border: 1px solid #efefef;
        box-shadow: 0 0 5px #d8c9e0;
        box-sizing: border-box;
    }
    .con4left {
        width: 34%;
        height: 100%;
    }
    .con4right {
        width: 65%;
        padding-left: 5px;
        line-height: 1;
    }
    .con4tit {
        color: #151515;
        margin: 0;
        font-size: 18px;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 25px;
        line-height: 25px;
    }
    .text1 {
        color: #434343;
        margin: 6px 0;
        font-size: 15px;
        display: -webkit-box;
        overflow: hidden;
        white-space: normal!important;
        text-overflow: ellipsis;
        word-wrap: break-word;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        /* height: 64px; */
        line-height: 1.35;
        flex: 1;
        text-align: left;
        box-sizing: border-box;
    }
    .time {
        font-size: 15px;
        color: #8c8c8c;
    }
    .home-bottom {
        height: auto;
    }
    .home-bottom .b1, .home-bottom .b2, .home-bottom .b3, .home-bottom .b4 {
         float: none;
        text-align: left;
    }
    .home-bottom .b1 {
        width: 100%;
    }
    .home-bottom-box {
        width: 90%;
        padding-bottom: 30px;
    }
    .home-href, .foot_bottom, .b4 {
        display: none;
    }


    .topbar {
        width: 100%;
        height: 44px;
        line-height: 44px;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #ffffff;
        z-index: 2;
    }
    .topleft {
        display: inline-block;
        width: 40px;
        height: 100%;
        line-height: 44px;
        position: absolute;
        left: 0;
        text-align: center;
        z-index: 2;
    }
    .topbar .topcen {
        width: 100%;
        height: 100%;
        text-align: center;
        position: absolute;
        font-size: 18px;
    }
    .topright {
        display: inline-block;
        width: 80px;
        height: 100%;
        line-height: 44px;
        position: absolute;
        right: 0;
        text-align: center;
        z-index: 2;
    }
    .topleft > img {
        width: 11px;
        height: 20px;
    }
    .topleft > span {
        display: inline-block;
        width: auto;
        height: 100%;
        line-height: 44px;
        font-size: 15px;
        color: #171717;
    }
    .footer{
        background:#2e2e2e;
    }
    .container {
        display: flex;
        justify-content: space-around;
        width: 100%;
    }
    .recent-posts ul{
        margin: 1em 0 0 0;
        padding:0;
        display: flex;
        justify-content: space-between;
        color: #fefefe;
    }
    .recent-posts ul li{
        display: block;
    }
    .footer-left ul li a {
        color: #fff;
        font-size: 12px;
    }
    .recent-posts ul li a:hover{
        color:#e47600;
    }
    .copyright {
        margin: 5px 0;
    }
    .copyright p a {
        color: #999999;
        text-decoration: none;
    }
    .copyright p {
        color: #999999;
        font-size: 12px;
        margin: 0;
        text-align: center;
    }
}