@media screen and (max-width: 1800px) {
    .main .side {
        left: calc((100% - 1600px)/2);
    }
}

@media screen and (max-width: 1600px) {
    .main .side {
        left: 0;
    }
}




@media screen and (max-width: 1200px) {
    .wrap {
        width: 992px;
    }

    .top .logo img {
        height: 50px;
    }

    .footer .block1 .con {
        padding-left: 0;
    }



    .lbt-box {
        width: 100% !important;
        height: 300px !important;
        overflow: hidden;
    }

    .imgs {
        width: 100%;
        height: 100%;

    }

    .imgitem {

        width: 100% !important;
        height: auto;

    }

    .imgitem img {
        width: 100% !important;
        height: 100%;
    }

    .cur-img {
        width: 100%;
        height: auto;
        z-index: 100;
        opacity: 1;
    }


}

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

.index .section1 .content .left .num {
    bottom:16px;
    right: 20px;
}
.index .section1 .content .left a:after {
    left:7px;
    right: 7px;
    top:7px; 
    bottom:7px;
}
.index .section1 .content .left a .tit {
    line-height: 32px;
}
    .wrap {
        width: 768px;
    }

    .footer .block1 .left {
        float: none;
        width: 100%;
    }

    .footer .block1 .right {
        float: none;
        width: 100%;
    }

    .wap_nav {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        z-index: 7777;
    }

    .wap_nav .logo {
        float: left;
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .wap_nav .logo img {
        height: 24px;
        margin-top: 13px;
        margin-left: 10px;
    }

    body {
        padding-top: 50px;
    }

    .pc {
        display: none;
    }

    .wap {
        display: block;
    }

    .index .section1 .content {
        padding: 20px;
    }

    .index .section1 .content .left {
        width: 100%;
        float: none;
        padding-bottom: 10px;
    }

    .index .section1 .content .left a .imgbox {
        height: 51vw;
    }

    .index .section1 .content .right {
        float: none;
        width: 100%;
    }

    .listType2 {
        padding: 20px;
    }

    .index .section2 .item {
        width: 100%;
        margin-bottom: 20px;
        float: none;
        margin-bottom: 40px;
    }

    .index .section3 .item {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0px;
    }

    .index .section3 {
        padding-top: 0;
    }

    .index .section4 .item {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 20px;
    }

    .index .section5 .item {
        width: 50%;
    }

    .index .section5 .item:nth-child(2n) {
        border-right: none;
    }

    .footer .block1 .left img {
        width: 60%;
    }

    .footer .block1 .right .tit {
        padding-top: 50px;
        padding-bottom: 20px;
    }

    .main {
        padding-top: 5vw;
        padding-bottom: 5vw;
    }

    .main .side a {
        width: 50%;
        float: left;
        line-height: 50px;
        font-size: 14px;
    }

    .main .side {
        position: static;
        margin-left: 15px;
        margin-right: 15px;
        width: calc(100% - 30px);
        zoom: 1;
        overflow: hidden;
        margin-bottom: 2vw;
    }

    .main .contentCe {
        padding: 0px 15px;
    }

    .main .position {
        font-size: 14px;
        line-height: 40px;
    }


    .listType3 li {
        width: 100%;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .listType3 li a {
        padding-right: 0px;
        padding: 15px;
    }

    .listType3 li a .ri {
        padding-left: 30px;
    }

    .listType3 li a .ri:after {
        left: 15px;
    }

    .listType3 li a .title {
        font-size: 14px;

        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;

    }

    .listType3 li a .time {
        margin-top: 10px;
        font-size: 12px;
    }

    .listType3 li {
        margin-bottom: 20px;
    }

    .pagesize a {
        font-size: 12px;
        padding: 0px 5px;
        line-height: 20px;
    }

    .pagesize {
        padding-bottom: 30px
    }

    .listType4 li {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 20px;
    }

    .listType4 li .con {
        padding: 15px;
    }

    .lbt-box {
        width: 100% !important;
        height: 300px !important;
        overflow: hidden;
    }

    .imgs {
        width: 100%;
        height: 100%;

    }

    .imgitem {

        width: 100% !important;
        height: auto;

    }

    .imgitem img {
        width: 100%;
        height: 100%;
    }

    .cur-img {
        width: 100%;
        height: auto;
        z-index: 100;
        opacity: 1;
    }

}