@media (min-width: 1200px) {
.row1 .item2 {
    width: calc(100% - 380px - 250px - 20px);
  
    margin: 0 10px;
}


.row1 .item2,.banner-s,.banner-s .slider-for  img{
height:407px !important;
}

}



@media (max-width: 1210px) {
    .header {
        position: relative
    }
 .row1 .item2 {
      
    }

    .header .logo {
        width: auto;
        position: relative;
        z-index: 99
    }

    .header .logo a {
        display: block
    }

    .row1 .item1 {
        float: none;
        width: 100%;
        margin-bottom: 2rem
    }

    .row1 .item2 {
      margin:0;
        width: 100%;
        float: none;
 margin-bottom: 2rem
    }

    .row1 .item3 {
        float: none;
        width: 100%
    }

    .row1 .item3 ul {
        overflow: hidden
    }

    .row1 .item3 ul li {
        float: left;
        width: 50%;
        height: auto;
        padding: 0 10px
    }

    .row1 .item3 ul li a img {
        height: auto
    }

    .row2 .container {
        box-shadow: none
    }

    .container {
        padding: 0 15px;
        box-sizing: border-box
    }

    .row2 .container {
        padding: 0 15px;
        box-sizing: border-box
    }

    .listpage .nav-left {
        display: none
    }

    .listpage .con-right {
        width: 100%
    }

    .szdw-list ul li a {
        height: auto
    }

    .szdw-list ul li a .more {
        display: none
    }

    .szdw-list ul li {
        margin: 1em 0
    }

    .szdw-list ul li a .szdw-list-nr .szdw-bt,
    .szdw-list ul li a .szdw-list-nr .zhicheng {
        margin-top: 0
    }

    .szdw-list-nr {
        padding: 10px 0;
        box-sizing: border-box
    }

    .szdw-list ul li a img {
        width: 100%;
        height: auto;
        margin: 0
    }

    .listpage .con-right .list-tea ul li .con-box .pic {
        float: none;
        width: 100%;
        margin: 0 auto
    }

    .listpage .con-right .list-tea ul li .con-box .txt .zy {
        display: none
    }

    .listpage .con-right .list-tea ul li .con-box .pic img,
    .listpage .con-right .imgs-list ul li .con-box .pic img {
        height: auto
    }

    .listpage .con-right .list-tea ul li {
        width: 33.3%;
        margin-bottom: 30px;
        padding: 0 20px
    }

    .listpage .con-right .list-tea ul {
        margin: 0
    }

    .listpage .con-right .list-tea ul li .con-box .txt {
        text-align: center;
        padding-left: 0;
        width: 100%
    }

    .listpage .con-right .list-tea ul li .con-box .txt .tit,
    .listpage .con-right .list-tea ul li .con-box .txt .zc {
        float: none;
        margin: 0;
        display: inline-block
    }
}

@media (max-width: 992px) {
.footer{
 background: #ffe479;
}
  
    .row2 .main-item {
        width: auto;
        float: none
    }

    .row2 .item4 {
        width: 100%;
        float: none;
        margin-top: 2rem
    }

    .listpage .nav-left {
        display: none
    }

    .listpage .con-right {
        width: 100%
    }
.row1 .item2 .banner-s .slider-nav{
 display: none !important;
}
}

@media (max-width: 768px) {
    .top-right {
        display: none
    }

    .top-right .top-link {
        display: none
    }

    .top-right .site-search {
        position: absolute;
        right: 10px;
        top: 110px;
        z-index: 99999
    }

    .top-right .site-search .search {
        border: 1px solid #ffffff;
        color: #ffffff
    }

    .top-right .site-search .search .sub {
        
    }

    .sou-link {
        margin-right: 45px;
        margin-top: 7%
    }

    .sou-link .item {
        position: relative;
        z-index: 99999999999
    }

    .sou-link .item1 {
        display: none
    }

    .sou-link .item2 {
        margin-top: 6px
    }

    .sou-link .item2 a {
        width: 25px;
        height: 25px;
        display: block;
        background: url(../images/se.png) no-repeat center;
        background-size: 100% 100%
    }

    .dl-menuwrapper {
        display: block
    }

    .row2 .main-item .item {
        width: auto;
        float: none;
        margin: 0;
        margin-bottom: 2rem
    }

    .listpage .con-right .list-top span {
        display: none
    }

    .listpage .con-right .imgs-list ul li {
        width: 50%
    }

    .listpage .con-right .con-jj .tops {
        height: auto;
        background: none;
        margin: 40px 0 10px
    }

    .listpage .con-right .con-jj .tops .imgh {
        float: none
    }

    .listpage .con-right .con-jj .tops .imgh img {
        width: auto;
        height: auto;
        display: block;
        margin: 0 auto
    }

    .listpage .con-right .con-jj .tops .tit {
        width: 100%;
        float: none;
        height: auto;
        background: none
    }

    .listpage .con-right .listq1-3 li .yw,
    .listpage .con-right .listq1-3 li .date {
        display: none
    }

    .listpage .con-right .listq1-3 li .tit-p {
        display: block
    }

    .listpage .con-right .listq1-3 li .imgs {
        float: none;
        width: 100%
    }

    .listpage .con-right .listq1-3 li .imgs img {
        width: 100%;
        height: auto
    }

    .row1 .list1 .list1-2 ul li {
        width: 100%;
        float: none;
        display: block;
        padding: 0
    }

    .row1 .list1 .list1-2 ul li a {
        display: block
    }

    .row1 .list1 .list1-2 ul {
        margin: 0
    }

    .list1-2 {
        width: 100%
    }

    .row1 .list1 .list1-2 ul li a .tit {
        float: left;
        width: calc(100% - 70px)
    }

    .row1 .list1 .list1-2 ul li a .tit p {
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 50px
    }

    .listpage .con-right .list-top {
        line-height: 30PX
    }

    .listpage .con-right .list-top .index-tit2 {
        height: auto
    }

    .header .logo {
        width: 70%
    }

    .banner {
        height: auto;
        background: none
    }

    .banner .banner-con {
        margin: 0;
        padding: 0
    }

    .banner .banner-con .banner-pic {
        height: auto
    }

    .banner .banner-con .banner-txt {
        margin-top: 30px
    }

    .index-con .c1 {
        width: 100%
    }

    .index-con .c2 {
        width: 100%;
        margin-top: 30px
    }

    .index-con .c3 {
        width: 100%;
        margin-top: 30px
    }

    .index-con .c3 .index-list3 {
        background: none;
        position: relative;
        border: 1px solid #c8c8c8;
        border-top: 2px solid #ddac18;
        z-index: 1;
        margin-top: -16px;
        height: auto;
        padding-bottom: 30px
    }

    .listpage .con-right .list-tea ul li {
        width: 33.3%
    }
}

@media (max-width: 600px) {
    .szdw-list ul li {
        width: 33.3%
    }

    .row2 .slick .sw a .imgf .bt {
        display: none
    }

    .row2 .slick .sw a .imgf .tit {
        width: 100%;
        padding-left: 0;
        padding-top: 10px
    }

    .row2 .slick .sw a {
        border: none
    }

    .row2 .slick .sw a .imgf img {
        width: 100%;
        height: auto
    }

    .row3 .link-list2 ul li {
        float: left;
        width: 100%
    }

    .row1 .list1 .list1-2 ul li {
        display: block
    }

    .row1 .list1 .list1-1 ul li a .imgh {
        height: auto
    }

    .top {
        display: none
    }

    .header .logo {
        width: 50%
    }

    .dl-menuwrapper {
        top: 20px !important
    }

    .sou-link .item2 a {
        top: 20px
    }

    .listpage .con-right .list-top .location {
        float: none;
        padding: 0 10px;
        box-sizing: border-box
    }

    .listpage {
        margin-top: 10px
    }

    .listpage .con-right .list-top h2 {
        display: none
    }

    .header .top {
        margin-bottom: 10px
    }

    .listpage .con-right .list-tea .sw {
        width: 100%
    }

    nav.navbar.bootsnav.navbar-mobile .index-nav {
        float: none
    }

    .row3 .c1 .index-list3,
    .row3 .c1 .index-list4 {
        background: none;
        padding-left: 0
    }
}

@media (max-width: 500px) {
    .sou-link {
        margin-right: 45px;
        margin-top: 6%
    }

    .dl-menuwrapper button {
        height: 46px !important
    }

    .listpage .con-right .imgs-list ul li {
        width: 100%
    }

    .dl-menuwrapper,
    .sou-link .item2 a {
        top: 15px !important
    }

    .header .logo {
        width: 50%
    }

    .listpage .con-right .list-tea ul li {
        width: 50%
    }
}

@media (max-width: 400px) {

    .dl-menuwrapper,
    .sou-link .item2 a {
        top: 10px !important
    }
}

@media (max-width: 320px) {
    .szdw-list ul {
        margin: 0 -10px
    }

    .szdw-list ul li {
        width: 50%;
        padding: 0 10px
    }
}