@media (max-width: 1780px) { .m1235 { width: calc(100% - 390px - 30px) } .row1 .list1 .list1-1 ul li { width: 50% } .row1 .list1 .list1-1 ul li.a3 { display: none } nav.navbar.bootsnav ul.nav li .bor { display: none } .row1 .list1 .list1-1 ul li a .imgh img { height: auto } .main-tit2 { width: 100% } .row3 .lk { margin: 0 30px } .m630 { width: calc(100% - 485px - 390px - 65px) } } @media (max-width: 1600px) { .footer .main-n { padding: 2% 5% } .footer .sele { padding: 0 8% } } @media (max-width: 1500px) { .row1 .list2 { margin-top: 0; float: left; width: 100% } .row1 .list2 ul li { float: none; width: 100% } .row1 .list2 ul li a { height: auto } .row1 .list2 ul li a .tit { width: 100% } .m1235 { width: 100% } .main-tit2 { background: none; position: relative; padding: 30px 0; height: auto } .main-tit2 .wz { display: block } .main-tit2 .wz .t { font-size: 22px; color: #0a224a; float: left; font-weight: bold } .main-tit2 .wz .e { font-size: 15px; color: #0a224a } .main-tit2 .more { float: right; font-size: 14px; color: #808080; width: 134px; height: 43px; text-align: center; line-height: 43px; background: url(../images/mtit1.png) no-repeat center } .footer .main-n { padding: 2% 5% } .footer .sele { padding: 0 8% } .row4 .slick2 { margin: 0 -20px } .row4 .slick2 .sw { padding: 0 20px } } @media (max-width: 1400px) { .m630,.m485,.m390 { width: 100%; float: left; margin: 0 } .row3 .lk { margin: 0; margin: 20px 0 } .row3 .xsgz .bd,.row3 .lk .gh { display: none } .footer .main-n { padding: 2% 5% } .footer .sele { padding: 0 3% } .footer .wx-m .item0,.footer .wx-m .item1 { margin-right: 15px } .row4 .slick2 { margin: 0 -20px } .row4 .slick2 .sw { padding: 0 20px } nav.navbar.bootsnav ul.nav li a { font-size: 16px } .header .top-right { padding-left: 10px } .listpage .con-right .list-tea .sw { width: 50% } } @media (max-width: 1210px) { .header { position: relative } .header .logo { width: auto; position: relative; z-index: 99 } .header .logo a { display: block } .header .top-right .top-link { display: none } .sou-link .item{ display:block; } .header .top-right .site-search { position: absolute; right: 10px; top: 110px; z-index: 99999 } .header .top-right .site-search .search { border: 1px solid #ffffff; color: #ffffff } .header .top-right .site-search .search .sub { background: url(../images/search-mobile.png) no-repeat } .footer .sele { padding: 0; border: navajowhite; width: 100%; margin: 0 } .top-right { display: none } .dl-menuwrapper { display: block } .sou-link .item2 { background: none; width: auto; height: auto } .sou-link .item2 a { position: absolute; top: 30px; right: 50px; z-index: 1000; display: block; width: 50px; height: 65px; text-indent: -9999em; background: url(../images/search_but.png) no-repeat center center; background-size: 70% } .sou-link .item2 a img { display: none } .item1 { display: none } .footer .sele .xl .lj { float: left } .footer .sele .xl .lj1 { margin-right: 20px } .banner .banner-logo { right: 0; bottom: -60px } .banner .banner-pic { width: 600px; height: auto } .banner .banner-pic .carousel .item .title { bottom: 0 } .banner .banner-pic .carousel .item .title span { font-size: 16px } .banner .banner-pic .carousel .item .title h5 { font-size: 14px } .banner .banner-pic .carousel .carousel-control { bottom: 15px } .banner .banner-txt { width: 340px; height: 339px } .banner .banner-txt .intro p { font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical } .index-con { margin-top: 0 } .index-con .c1 { width: 100%; margin: 30px 0 0 0 } .index-con .c2 { width: calc(100% - 357px); margin-top: 30px } .index-con .c3 { margin-top: 30px } .index-link .tit { margin-bottom: 10px; float: none } .index-link ul { margin: 0 } .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 } .footer { background: #133e6c } .footer .foot-logo { display: none } .footer .foot-line { display: none } .footer .cory { float: none } .footer .cory p { text-align: left } .footer .wx-m { display: none } .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 } .ssfdj{ display:none; } } @media (max-width: 992px) { .banner .img-k { display: none } .row4 .slick-prev,.row4 .slick-next { display: none !important } } @media (min-width: 992px) { .navbar-collapse.collapse { display: block !important } } @media (max-width: 992px) { .banner .banner-logo { display: none } .banner .banner-pic { width: 100% } .banner .banner-pic .carousel .item .title { bottom: 0 } .banner .banner-pic .carousel .item .title span { font-size: 16px } .banner .banner-pic .carousel .item .title h5 { font-size: 14px } .banner .banner-pic .carousel .carousel-control { bottom: 15px } .banner .banner-txt { width: 100%; height: 339px; margin-top: 30px; background: #0a83de } .banner .banner-txt .intro p { font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical } .banner .banner-txt .banner-logo2 { display: block; position: absolute; right: 0; bottom: 0 } .row2 .gsl-list ul li { width: 100%; float: none } .row3 .c1 { width: 100%; float: none; margin-bottom: 30px } .listpage .nav-left { display: none } .listpage .con-right { width: 100% } .szdw-list ul li{ width: 20% } } @media (max-width: 768px) { .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; margin-left: 0; } .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) { .content table{ width:100% !important; } .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; display: block; margin: 0 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) { .listpage .con-right .imgs-list ul li { width: 100% } .row1 .list1 .list1-1 ul li { width: 100%; margin-bottom: 15px } .footer .sele .xl .lj { margin-bottom: 20px } .row2 .slick,.row4 .slick2 { margin: 0 } .row2 .slick .sw { padding: 0 } .row1 { padding: 40px 0 40px } .dl-menuwrapper,.sou-link .item2 a { top: 15px !important } .row2 .hasMoreTab .hd ul li { padding-left: 10px } .row2 .hasMoreTab .hd ul li i { display: none } .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: 375px){ .szdw-list ul li { width: 50%; padding: 0 10px } } @media (max-width: 320px) { .szdw-list ul { margin: 0 -10px } .szdw-list ul li { width: 50%; padding: 0 10px } .dl-menuwrapper,.sou-link .item2 a { top: 5px !important } .banner .banner-pic .carousel .item .title span { margin-right: 5px } .banner .banner-pic .carousel .item .title h5 { width: calc(100% - 100px) } }