@media (max-width:1250px) {
    .con-left {
        max-width: none;
        justify-content: space-between;
    }
    .con-left .con {
        width: 49%;
        margin-bottom: 20px;
    }
    .con-right {
        width: 100%;
        display: flex;
        justify-content: space-around;
        
    }
    .con-right .con{
        width: 50%;
    }
    .banner2 {
        width: 49%;
        max-width: 460px;
        margin: 0 auto 60px;
    }
    .con-right .list3 li a {
        padding: 3px 5px;
        height: auto;
    }
    .audio-list  {
        justify-content: space-between;
    }
    .audio-list li {
        width: 49%;
        margin-right: 0;
    }
    .audio-list li a .imgs {
        height: auto;
        width: 100%;
        height: 150px;
    }
}
@media (max-width:1200px) {
    .nav ul{
        display: none;
        position: fixed;
        left: 0;
        right: 0;
        top: 60px;
        bottom: 0;
        overflow-y:scroll;
        background: rgba(255, 255, 255, .8);
        padding: 10px 20px;
        z-index: 1000;
        width: 100%;
        box-sizing: border-box;
    }
    .nav ul li{
        width: 100%;
    }
    .nav ul li>a::before,.nav ul li>a::after{
        display: none;
    }
    .nav ul li a{
        width: auto;
        text-align: left;
        padding: .2rem 0;
        color: #000;
        border-bottom: 1px solid rgba(255, 255, 255, .5);
    }
    .nav ul li:last-of-type a {
        border-bottom: none;
    }
    .nav ul li .selected {
        color: #000;
    }
    .memu-btn {
        margin-left: 20px;
        display: flex;
    }
    .tips {
        flex-direction: row;
    }
    .tips>a {
        display: none;
    }
    .isearch {
        display: block;
    }
    .tips .search {
        display: none;
    }
    .tips .isearch {
        background: url(../image/search-w.png) center center no-repeat;
        background-size: cover;
    }
    .warp .search {
        display: block;
        position: absolute !important;
        top: 50%;
        left: 50%;
        width: 80%;
        transform: translate(-50%,-50%);
        z-index: -1;
        opacity: 0;
        padding: 15px 10px;
    }
   
    .search input {
        width: 80%;
    }
    .memu-btn {
        display: flex;
    }
    .header {
        width: 95%;
        height: 60px;
        margin: 0 auto;
    }
    .header img {
        height: 40px;
    }
    .headerbg {
        height: 60px;
    }
    .nav ul li .navbox {
        position: static;
        transform: none;
        padding-left: 20px;
    }
    .nav ul li .navbox a {
        font-size: 14px;
    }
    .nav ul li::before {
        display: block;
    }
    .navbox a {
        position: relative;
    }
    .date em {
        font-size: 14px;
    }
    .date {
        font-size: 12px;
    }
    .list1 li a p {
        font-size: 14px;
        width: 75%;
    }
    .list1 li a {
        padding: 10px 0 10px 20px;
    }
    .bannertext {
        font-size: 14px;
    }

    .conlist1>div {
        width: 100%;
        margin-bottom: 10px;
    }
    .roll {
        margin-top: 20px;
    }
    .roll li{
        max-width: 260px;
    }
    .roll li>a {
        width: 100%;
    }
    .conlist1 {
        flex-wrap: wrap;
    }
    .list2 li {
        width: 100%;
        margin-bottom: 10px;
    }
    .list4 li {
        width: 48%;
    }
    .conlist1>div:last-of-type {
        padding: 0;
    }
    .itembox {
        margin-top: 20px;
    }
    .fottips {
        text-align: center;
    }
    .fottips img {
        margin: 10px auto;
    }
    .list3 a p {
        width: 70%;
    }
    .machine-list li {
        width: 100%;
        align-items: center;
    }
    .about {
        width: 100% !important;
        height: auto;
    }
    #swiper1 a {
        position: relative;
        height: auto;
       
    }
    #swiper1 a .img_re{
        padding-bottom: 20.66%;
    }
    #swiper2 {
        width: auto;
    }
    #swiper2 .img_re {
        height: auto;
        padding-bottom: 66.66%;
    }
    #roll>div:nth-child(2),
    #roll>div:nth-child(3) {
        width: 100%;
    }
    .conlist2>div {
        width: 100%;
    }
    .cia {
        padding: 20px 40px;
    }
    .weather {
        display: none;
    }
    .listleft {
        width: 100%;
    }
    .listleft p {
        width: 100%;
        display: block;
        line-height: 60px;
        height: 60px;
    }
    .listright {
        width: 100%;
    }
}  

@media (max-width:870px) {
    footer .bot{
        display: block;
        text-align: center;
    }
    .friend {
        justify-content: center;
        flex-wrap: wrap;
    }
}

@media (max-width:750px) {
    .main {
        min-height: 650px;
    }
    .container {
        justify-content: center;
    }
    .banner2 {
        width: 100%;
    }
    .con-left .con {
        width: 100%;
    }
    .con-right {
        flex-wrap: wrap;
    }
    .con-right .con {
        width: 100%;
        margin-bottom: 20px;
    }
    #flimg img {
        height: 150px;

    }
    .pagination {
        font-size: 12px;
    
    }
    .pagination a {
        padding: 2px 5px;
    }
    .pagination input {
        width: 20px;
    }
    .listright {
        margin-top: 40px;
        padding: 0 10px 20px;
    }
  
    footer {
        margin-top: 40px;
    }
    .conlist1  li{
        width: 100%;
    }
    .list3 li {
        width: 100%;
        margin-bottom: .2rem;
    }
    .aboutus>div {
        width: 100%;
        margin-bottom: .2rem;
    }
    .address {
        height: 300px;
    }
    .list3 a {
        font-size: 14px;
    }
    .list3 a .date {
        font-size: 12px;
    }
    .contitle .ti img {
        height: 40%;
    }
    .contitle .ti {
        font-size: 20px;
    }
    .contitle {
        margin-bottom: .8rem;
    }
    .list1 li {
        line-height: normal;
    }
    .machine-list li .imgs {
        width: 100%;
        height: auto;
    }
    .machine-msg h3 {
        margin: 10px 0;
    }
    .machine-msg {
        width: 100%;
    }
    .machine-msg>div:nth-child(1) {
        align-items: center;
    }
    #machine {
        width: 85%;
    }
    .machine-close {
        padding: 15px 10px;
    }
    .machinebox {
        padding: 20px 10px;
    }
    .machine-meter h3 {
        margin: 20px 0;
    }
    .machine-img {
        width: 100%;

    }
    .machine-meter {
        width: 100%;
    }
    .subnav-role {
        overflow-y: scroll;
    }
    .subnav-role a {
        white-space: nowrap;
        font-size: 16px;
        padding: 0 10px;
    }
    .role .subnav2{
        display: none;
    }
    .audio-list li {
        width: 100%;
        margin-right: 0;
    }
    .ftool {
        bottom: 5%;
    }
    .picnew-list .imgs {
        width: 150px;
        height: 100px;
    }
    .picnew-msg>p:first-of-type {
        font-size: 16px;
    }
    .author p {
        font-size: 12px;
    }
    .subnav3 {
        overflow-y:hidden;
        padding-bottom: 20px;
    }
    .rolelist{
        justify-content: space-around;
     }
     .rolelist li {
         margin-right: 0;
         margin-bottom: 20px;
     }
     .subnav {
         padding-bottom: 15px;
     }
     .bor-t {
         line-height: 40px;
     }
     .subnav2 {
         display: none;
     }
}

@media (max-width:460px) {
    .itembox {
        height: auto;
    }
    .itembox a {
        width: 100%;
        height: auto;
        padding: 20px 0;
    }
   
    .banner2 img {
        height: auto;
    }
    .list4 li {
        width: 100%;
        text-align: center;
    }
    .rolelist{
       justify-content: space-around;
    }
    .list1 li a {
        width: 75%;
    }
    .bannertext a {
        top: 5px;
    }
    #swiper2 .swiper-pagination {
        bottom: 5px !important;
    }
    #swiper3 .img_re {
        height: auto;
        padding-bottom: 28.66%;
    }
    .logo {
        width: 70%;
    }
    .header img {
        height: auto;
    }
    .links li  a {
        width: 150px;
    }
    .links li {
        margin-left: 20px;
    }
}