@charset "utf-8"; @media (max-width: 1840px) { .header .logo { top: -10px; } .header .navbar { top: 70px; } } @media (max-width: 1240px) { .header { height: 95px; } .header .logo { width: 400px; top: 0; } .header .top-links { top: 0; } .header .top-links a { margin: 0 8px; } .header .djs { right: 240px; } .header .search-box { top: 34px; right: -20px; } /* 小于1230就缩导航 */ body.side-right .wrapper .mask { position: fixed; z-index: 12; right: 0; left: 0; top: 0; height: 100%; background: rgba(155, 0, 15, 0.5); } .nav-button { position: absolute; right: 0; top: 40px; font-size: 20px; color: #fff; cursor: pointer; display: block; } .navbar { height: auto; } .navbar .navbar-nav { display: none; position: fixed; overflow-y: auto !important; overflow-x: hidden !important; display: block; background: #9b000f; z-index: 99; width: 240px; height: 100% !important; left: -240px; top: 0; padding: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .navbar .navbar-nav a { font-weight: normal; } .navbar .navbar-nav .nav-child { width: 100%; display: none; position: relative !important; background-color: transparent; float: none; border: none; top: 0 !important; left: 0 !important; padding: 10px 0 10px 15px !important; margin: 0 0 -1px 0 !important; opacity: 1; visibility: visible; } .navbar .navbar-nav .nav-child li { text-align: left; } .navbar .navbar-nav .nav-child li a { padding: 5px; } .navbar .navbar-nav .nav-child li > dl { display: none; position: relative; left: 0; top: 0; background: none; padding-left: 15px; } .navbar .navbar-nav .nav-child li.hasChild.on > dl { display: block; } .navbar .navbar-nav .nav-child:before { display: none; } .navbar .navbar-nav > li { width: 100% !important; display: block; position: relative; line-height: 24px; padding: 10px 15px; height: auto; border-bottom: 1px solid #fff; } .navbar .navbar-nav > li a { text-align: left; color: #fff; line-height: 24px; } .navbar .navbar-nav > li a img { display: none !important; } .navbar .navbar-nav > li a p { display: block !important; } .navbar .navbar-nav > li:after { display: none; } .navbar .navbar-nav > li.hasChild > em { position: absolute; top: 18px; right: 15px; z-index: 9; width: 12px; height: 12px; background: url(../images/down-jiantou.png) center no-repeat; cursor: pointer; } .navbar li.hasChild.on .nav-child { display: block !important; background: none; } body.side-right .navbar .navbar-nav { display: block !important; left: 0; } /* 小于1230就缩导航 */ /* 列表 */ .left-nav { display: none; } .right-con { width: 100%; } } @media (max-width: 992px) { .header { position: relative; background: #9b000f; padding: 10px 15px; height: 120px; } .header .wal { margin: 0; } .header .logo { max-width: 100%; width: 360px; } .header .djs { right: 0; } .header .top-links { top: 60px; right: 60px; } .header .nav-button { top: 60px; } .header .search-box { top: 110px; right: -15px; } .row1 .left-news { width: 100%; } .row1 .right-news { width: 100%; margin-top: 30px; } .index-jdhx li { width: 50%; } .index-links .item { width: 50%; margin-bottom: 20px; } .location .tit { float: none; text-align: center; border-bottom: none; } .location .weizhi { max-width: 100%; width: 100%; text-align: left; } .list-page .list-leader li { width: 100%; } } @media (max-width: 768px) { .slider-banner .slick-arrow { display: none !important; } .slider-banner .slick-dots { bottom: 5px; } .slider-banner .slick-dots li { margin: 0 3px; } .footer { padding-bottom: 150px; } .footer .cory { float: none; text-align: center; } .footer .ewm { position: absolute; float: none; width: 240px; bottom: 20px; left: 50%; transform: translate(-50%); } .footer .ewm a { margin: 0 10px; } .list-pic li { width: 50%; } } @media (max-width: 600px) { html { font-size: 15px; } .header .djs { display: none; } .index-jdhx li { width: 100%; } .index-links .item { width: 100%; } .slider-lsyg .slick-arrow.slick-prev { left: 0; } .slider-lsyg .slick-arrow.slick-next { right: 0; } .row5 .container { padding-bottom: 150px; } .index-jzmx .slick-dots li, .index-gzjb .slick-dots li, .slider-pic .slick-dots li { margin: 0 2px; } .slider-lsyg .box {padding:5px;} .list-page .list-text li .date { width: 88px; } .list-page .list-text li .text { width: calc(100% - 100px); padding-right: 0; } .list-page .list-pic li { width: 100%; } .list-page .list-news .pic { float: none; margin: 10px auto; } .list-page .list-news .text { width: 100% !important; } .list-page .list-teacher li { width: 50%; } .list-page .list-leader li a { padding: 10px; } .list-page .list-leader li .pic { float: none; margin: 0 auto; } .list-page .list-leader li .text { width: 100%; max-height: none; } .list-page .list-leader li .text .tit { margin-top: 10px; text-align: center; } .list-page .list-leader li .text .abst { height: auto; margin-top: 10px; } }