.boxh {height: 330px;overflow: hidden;}
.boxh1 {height: 190px;overflow: hidden;}
@media (max-width: 1199px) {
  /*header*/
  .header .h-logo {
    max-width: 450px;
  }
  .header .h-culture {
    /*max-width: 320px;*/
    padding-top: 33px;
  }
  .mod-04 .row {
    margin-left: -4%;
    margin-right: -4%;
  }
  .mod-04 .row .box-w {
    padding-left: 4%;
    padding-right: 4%;
  }
  .mod-04 .box-s .box-img {
    height: 260px;
  }
  .mod-05 .box-list .box-s .box-img {
    height: 130px;
  }
  .mod-05 .box-list-02 .row {
    margin-left: -2.5%;
    margin-right: -2.5%;
  }
  .mod-05 .box-list-02 .row .box-w {
    padding-left: 2.5%;
    padding-right: 2.5%;
  }
  .mod-05 .box-list-02 .box-s .box-img {
    height: 197px;
  }
  .mod-table .box-search .box-s {
    width: 50%;
  }
  .boxh {height: auto;}
  .boxh1 {height: auto;}
  .mod-02 .box-s {min-height: initial;}
}
@media (max-width: 992px) {
  /*header*/
  .header .h-logo {
    max-width: 391px;
  }
  .header .h-culture {
    max-width: 252px;
    padding-top: 20px;
  }
  .header .container {
    position: relative;
  }
  .header .navbar-toggle {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 2px 5px;font-size: 21px;margin-bottom: 4px;display: block;top: 6px;
  }
  /*footer*/
  .footer .footer-info .info-logo {
    margin-bottom: 20px;
  }
  /*index*/
  .index-top-news .news-banner .banner-box .box-img,
  .index-top-news .new-list {
    height: auto;
  }
  .index-top-news .news-banner .banner-box .box-img {
    height: 320px;
  }
  /*---------- side-menu  ----------*/
  .side-menu .menu-title {
    height: 70px;
    padding-top: 18px;
  }
  .side-menu .menu-title .side-menu-bar {
    display: block;
  }
  .side-menu .menu-groups {
    padding-bottom: 0;
  }
  .side-menu-groups {
    position: fixed;
    overflow-y: auto;
    padding: 40px 0 20px;
    top: 0;
    right: -220px;
    width: 220px;
    height: 100%;
    display: block;
    background-image: linear-gradient(-90deg, #39b1e9 0%, #1e66c9 100%);
    -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;
    z-index: 9999;
  }
  .side-menu-groups .close-side {
    display: block;
  }
  .side-menu-groups.on {
    right: 0;
  }
  .side-menu-groups .close-side {
    position: absolute;
    top: 5px;
    right: 15px;
    color: #fff;
    font-size: 16px;
  }
	.header .h-logo {padding-top: 6px;}
}
@media (max-width: 767px) {
	.header .navbar-toggle {top:74px;}
	.header .h-logo {padding-top: 12px;padding-bottom: 18px;}
  .header-line {
    float: left;
  }
  .header-line span {
    margin-left: 5px;
    margin-right: 5px;
  }
  /*tools*/
  .tools {
    float: right;
    position: absolute;
  }
  .tools .search-trigger {
    display: block;
  }
  .tools .search-box {
    display: none;
    position: absolute;
  }
  .tools .x-show {
    display: block;
    top: 30px;
    right: 0;
  }
  /*header*/
  .header .h-culture {
    max-width: 258px;
    padding-top: 5px;
    padding-bottom: 18px;
    margin-right: 50px;
  }
  .header .container {
    position: relative;
  }
  .header .navbar-toggle {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 2px 5px;
  }
  /*footer*/
  .footer {
    background: #154891;
    position: relative;
  }
  .footer .footer-info {
    background: url("img-02.png") repeat-x left bottom;
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .footer .footer-info .info-logo img {
    display: block;
  }
  .footer .footer-info .info-links {
    padding-left: 0;
    padding-top: 0;
  }
  .footer .footer-info .info-links .title-s {
    position: relative;
    margin-left: 0;
    display: inline-block;
    width: auto;
    margin-bottom: 10px;
  }
  .footer .footer-info .info-links .a-s {
    margin-bottom: 5px;
  }
  .footer .footer-copy {
    text-align: left;
  }
  .footer .footer-copy .copy-main {
    padding: 15px 75px 15px 0;
  }
  .footer .footer-copy span,
  .footer .footer-copy a {
    display: inline-block;
    color: rgba(255, 255, 255, 0.6);
    margin-left: 8px;
    margin-right: 8px;
  }
  .footer .footer-copy .copy-txt {
    padding-top: 0;
    padding-bottom: 0;
  }
  .footer .footer-copy .copy-img {
    width: auto;
  }
  .page {
    display: none;
  }
  .page-phone {
    display: block;
  }
  /*index*/
  .index-top-news .news-banner .banner-box .box-img {
    height: 220px;
  }
  .index-top-news .news-banner .banner-box .box-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("img-19.png") no-repeat left bottom;
    background-size: 100% 100%;
    height: 110px;
  }
  .index-top-news .news-banner .banner-box .box-title span {
    display: block;
    line-height: 30px;
    height: 30px;
    color: #ffffff;
    position: absolute;
    left: 15px;
    right: 100px;
    bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .index-top-news .news-banner .slick-dots {
    bottom: 8px;
    left: auto;
    width: auto;
    right: 10px;
    z-index: 99;
  }
  .index-top-news .news-banner .slick-dots .slick-dot {
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 7px;
    margin: 0 4px;
  }
  .index-top-news .news-banner .slick-dots .slick-dot.slick-active {
    width: 12px;
  }
  .index-top-news .new-list {
    padding: 15px;
  }
  .index-top-news .new-list .box-list {
    margin-top: 20px;
    padding-top: 15px;
  }
  .index-top-news .new-list .box-list .box-s {
    position: relative;
    padding-right: 70px;
    line-height: 24px;
    margin-bottom: 5px;
    color: #333333;
  }
  .index-top-news .new-list .box-list .box-s .box-date {
    position: absolute;
    right: 0;
    top: 0;
    color: rgba(255, 255, 255, 0.6);
  }
  .index-top-news .new-list .box-list .box-s .box-title {
    background: url("img-23.png") no-repeat 0 8px;
    padding-right: 0;
    height: auto;
  }
  .index-top-news .new-list .box-list .box-s .box-title span {
    height: auto!important;
    white-space: normal!important;
  }
  .groups-cont {
    padding-left: 0;
  }
  .groups-cont .news-hot {
    position: relative;
  }
  .news-hot {
    width: 100%;
    margin-bottom: 10px;
  }
  .news-hot .box-img {
    height: 165px;
  }
  .news-list .box-s {
    position: relative;
    padding-right: 85px;
    line-height: 24px;
    color: #333333;
    margin-bottom: 5px;
  }
  .news-list .box-s:last-child {
    margin-bottom: 0;
  }
  .news-list .box-s .box-date {
    position: absolute;
    right: 0;
    top: 0;
    color: #9aa1b2;
  }
  .news-list .box-s .box-title {
    background: url("img-08.png") no-repeat 0 8px;
    padding-right: 0;
    height: auto;
  }
  .news-list .box-s .box-title span {
    white-space: normal!important;
    height: auto!important;
    line-height: 24px;
  }
  .news-list .box-s .box-title.new-tip span {
    max-width: 88%;
  }
  .news-list .box-s .box-title.new-tip:after {
    margin-top: 7px;
  }
  .info-groups .box-s {
    position: relative;
    margin-bottom: 15px;
  }
  .info-groups .box-s .box-img {
    height: 162px;
  }
  .info-groups .box-s .box-title {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("img-15.png") no-repeat bottom center;
    background-size: 100% auto;
  }
  .info-groups .box-s .box-title span {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 8px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
  }
  .public-box {
    padding-bottom: 20px;
  }
  /*专题*/
  .special-mod .main-cont {
    margin-left: -4px;
    margin-right: -4px;
  }
  .special-mod .main-cont .box-w {
    padding-left: 4px;
    padding-right: 4px;
  }
  .special-mod .box-s {
    display: block;
    margin-bottom: 8px;
  }
  .special-mod .box-s .box-img {
    height: 66px;
  }
  .public-title {
    margin-bottom: 15px;
    padding-bottom: 10px;
  }
  .public-title .title-a {
    padding-left: 10px;
    padding-right: 10px;
  }
  .public-title .title-more a {
    color: #8c8c8c;
    display: none;
  }
  .public-title .title-more a:hover {
    color: #1958af;
    text-decoration: underline;
  }
  .public-groups .public-cont {
    padding: 15px;
  }
  .container-main {
    padding-left: 10px;
    padding-right: 10px;
  }
  .mod-04 .row {
    margin-left: -10px;
    margin-right: -10px;
  }
  .mod-04 .row .box-w {
    padding-left: 10px;
    padding-right: 10px;
  }
  .mod-04 .box-s {
    margin-bottom: 15px;
  }
  .mod-04 .box-s .box-img {
    height: 220px;
  }
  .public-title-02 {
    margin-bottom: 20px;
  }
  .mod-05 .box-s {
    margin-bottom: 15px;
  }
  .mod-05 .box-list .box-s .box-img {
    height: 104px;
  }
  .mod-05 .box-list-02 .row {
    margin-left: -2.5%;
    margin-right: -2.5%;
  }
  .mod-05 .box-list-02 .row .box-w {
    padding-left: 2.5%;
    padding-right: 2.5%;
  }
  .mod-05 .box-list-02 .box-s .box-img {
    height: 197px;
  }
  .mod-06 .info-top {
    padding-right: 0;
  }
  .mod-06 .info-top .box-img {
    position: relative;
  }
  .mod-06 .info-top .box-info {
    padding: 15px;
  }
  .mod-06 .info-top .box-info .info-table .table-call {
    display: block;
    width: 100%;
  }
  .mod-06 .info-groups {
    margin-bottom: 25px;
  }
  .mod-06 .info-groups:last-child {
    margin-bottom: 0;
  }
  .mod-06 .info-groups .info-txt {
    color: #4d4d4d;
    line-height: 2;
    text-align: justify;
  }
  .mod-11 .box-s {
    padding-right: 0;
    margin-bottom: 10px;
  }
  .mod-11 .box-s .box-date {
    position: static;
    padding-left: 15px;margin-top: 2px;display: block;
  }
  .mod-11 .box-s .box-title {
    background: url("img-57.png") no-repeat 0 7px;
    height: auto;
    white-space: normal;
  }
  .mod-12 .info-table {
    padding: 20px 15px;
  }
  .mod-12 .info-table .table-info .table-call {
    display: block;
    width: 100%;
  }
  .mod-table .box-search.search-other {
    position: relative;
    padding-right: 0;
  }
  .mod-table .box-search.search-other .btn-wrap {
    position: static;
    width: 100%;
  }
  .mod-table .box-search.search-other .btn-wrap .btn-s {
    height: 40px;
  }
  .mod-table .box-search .box-s {
    width: 100%;
  }
  .mod-table .box-search .box-s.box-btn {
    padding-left: 0;
  }
    .tdw1 {width: 32%;}
    .page-main {padding-bottom: 18px;}
}
@media (max-width: 320px) {
	.header .navbar-toggle {top:62px;}
}