@media screen and (max-width: 1199px) {
  .container {
    width: 100%;}

  header {
    height: 60px;
    background: #005ca1;}

  header .mp-nav {
    overflow: hidden;
    display: block;
    width: 100%;
    height: 0;
    background: red;
    visibility: hidden;
    position: absolute;
    top: 60px;
    z-index: 999;
    transition: height 0.3s linear;}

  header .mp-nav .mp-nav-list li {
    height: 64px;
    text-align: center;
    border-bottom: 1px solid #eee;}

  header .mp-nav .mp-nav-list li a {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    color: #333;
    line-height: 64px;}

  header .mp-nav .mp-nav-list li a:hover {
    color: #005ca1;}

  header .mp-nav .mp-nav-search input {
    padding: 0 44px;
    display: block;
    width: 345px;
    margin: 30px auto;
    height: 44px;
    border: 1px solid #979797;
    border-radius: 22px;
    background: url(../imgs/search_mp.jpg) no-repeat;
    background-size: 14px;
    background-position: 15px center;}

  header .mp-nav .mp-nav-bottom {
    background: #f5f5f5;}

  header .mp-nav .mp-nav-bottom a {
    display: inline-block;
    width: 100%;}

  header .mp-nav .mp-nav-bottom a:hover {
    color: #005ca1;}

  header .mp-nav .mp-nav-bottom .col-xs-6 {
    text-align: center;}

  header .mp-nav .mp-nav-bottom>.row:first-child {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ccc;}

  header .mp-nav .mp-nav-bottom>.row:first-child>.col-xs-6:first-child {
    border-right: 1px solid #ccc;}

  header .mp-nav .mp-nav-bottom>.row:last-child {
    height: 68px;
    line-height: 68px;}

  header .mp-nav .mp-nav-bottom>.row:last-child>.col-xs-6:first-child {
    border-right: 1px solid #ccc;}

  header .mp-nav.active {
    background: #fff;
    visibility: visible;}

  header .header-top {
    display: none;}

  header .header-nav {
    display: none;}

  header .header-mobile {
    display: block;
    height: inherit;
    width: 100%;}

  header .header-mobile img {
    width: 229px;
    height: 36px;
    margin-top: 12px;}

  header .header-mobile svg {
    width: 20px;
    height: 16px;
    float: right;
    margin-top: 22px;
    cursor: pointer;}

  header .header-mobile .x {
    display: none;
    width: 15.6px;
    height: 15.6px;
    float: right;
    margin-top: 22px;
    cursor: pointer;
    background: url(../imgs/x.jpg);}

  footer {
    padding-bottom: 124px;
    height: auto;}

  footer .col-lg-4 img {
    width: 260px;
    height: 69px;
    margin: 0 auto 40px;}

  footer .footer-content {
    display: none;}

  footer .mp-footer-content {
    display: block;}

  footer .mp-footer-content .text-top {
    margin-bottom: 21px;}

  footer .mp-footer-content .text-top li {
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0.2px;
    text-align: center;
    line-height: 40px;}

  footer .mp-footer-content .text-bottom li {
    text-align: center;
    font-size: 14px;
    color: #999999;
    letter-spacing: 0.18px;
    text-align: center;
    line-height: 20px;}

  .back {
    left: 50%;
    transform: none;
    top: initial;
    bottom: -94px;
    margin-left: -32px;}

  .slide-content {
    bottom: 5px !important;}

  .index .banner {
    background: transparent;
    width: 100%;
    margin-top: 20px;
    background: white;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.09);
    width: calc(100% - 30px);
    position: relative;}

  .index .banner::after {
    display: block;
    width: 100vw;
    height: 96%;
    content: '';
    background: #005ca1;
    position: absolute;
    top: -21px;
    left: -15px;
    z-index: -1;}

  .index .banner .container .row>:first-child {
    padding: 0;}

  .index .banner .swiper-container {
    height: auto;}

  .index .banner .swiper-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;}

  .index .banner .swiper-container .swiper-slide {
    height: unset;}

  .index .banner .swiper-container .slide-content {
    bottom: 10px;
    width: calc(100% - 30px);}

  .index .banner .swiper-container .slide-content>p:first-child {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 10px);}

  .index .banner .swiper-container .banner-introduction {
    display: none;}

  .index .banner .swiper-container .mp-banner-item {
    display: block;
    font-size: 16px;
    color: #fdbd62;
    text-align: left;
    position: absolute;
    bottom: 35px;}

  .index .banner .banner-content a {
    color: #333;}

  .index .banner .banner-content a:hover {
    color: #005ca1 !important
  ;}

  .index .banner .banner-content li {
    width: 100%;
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    line-height: 60px;
    border-bottom: 1px dashed #ccc;}

  .index .personage {
    width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto;}

  .index .personage .personage-title .col-sm-12 {
    padding: 0;}

  .index .personage .personage-title .col-sm-12>a {
    right: 0;}

  .index .personage .personage-content {
    width: 100%;
    height: auto;
    overflow: hidden;}

  .index .personage .personage-content>:first-child {
    padding: 0;}

  .index .personage .personage-content .personage-banner img {
    width: 100%;
    height: auto;}

  .index .personage .personage-content .personage-content-right dl {
    width: 100%;}

  .rwlb-banner {
    width: 100%;}

  .news-item {
    height: auto !important;}

  .news-item>a {
    width: 100%;}

  .news-item img {
    width: 100%;
    height: auto;}

  .new-item {
    overflow: hidden;
    height: auto !important;
    padding: 40px 0;}

  .sidebar {
    margin-top: 50px;}

  .sidebar-list li {
    height: auto !important;}

  .share {
    bottom: 0;
    top: unset;
    left: unset;
    transform: none;
    width: 100%;
    background: rgba(0, 0, 0, 0.75);
    height: 55px;
    z-index: 99999;}

  .share a {
    padding-top: 8px;
    margin: 8px 12px 0;
    float: left;
    width: 40px !important;
    height: 40px !important;}

  .share a img {
    transform: scale(0.8);}

  .social-share {
    display: flex;
    justify-content: center;}

  .social-share-icon {
    width: 40px !important;
    height: 40px !important;}

  .index .personage .personage-content .personage-banner span {
    left: 0;
    padding: 0 20px;
    bottom: 15px;}

  .new-left .date {
    white-space: nowrap;}
}

@media screen and (max-width: 768px) {

  .index .media .media-right {
    height: auto;}

  .index .news-express .news-item {
    height: auto;
    margin-bottom: 20px;}

  .index .news-express .news-item span {
    padding-bottom: 20px;
    display: inline-block;}

  .index .news-express .news-item-title {
    max-height: 56px;
    height: auto;}

  .index .news-express .news-list span {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;}

  .index .news-express .news-list li {
    height: auto;
    white-space: normal;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    line-height: 30px;
    margin-bottom: 25px;}

  .index .news-express .news-list li a {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}

  .index .science::after {
    height: 92%;}

  .index .science::before {
    bottom: 105%;}

  .index .science .col-sm-4 .main-title h3 {
    color: white;}

  .index .science .col-sm-4 .main-title a {
    color: white;}

  .index .science .science-banner {
    height: auto;}

  .index .science .science-banner .science-banner-content {
    display: inline-block;
    margin-bottom: 40px;}

  .index .science .science-banner .col-sm-5 a {
    height: auto !important;}

  .index .science .science-banner .col-sm-5 a img {
    height: 54vw !important;
    object-fit: cover;}

  .index .science .science-content dl {
    margin-bottom: 40px;}

  .index .science .science-right {
    margin-bottom: 60px;}

  .index .science .science-right .science-right-top>a:first-child {
    width: 100%;
    height: auto;}

  .index .science .science-right .science-right-top>a:first-child img {
    width: 100%;
    height: auto;}

  .index .science .science-right .science-right-top>a:last-child {
    left: 0;}

  .science-bottom .col-sm-4 {
    margin-bottom: 20px;}

  .science-bottom .col-sm-4 img {
    height: auto;}

  .index .store {
    margin-bottom: 0px;
    padding-bottom: 20px;}

  .index .store .more {
    margin: 0 auto;
    float: none;
    margin-top: 30px;}

  .index .store .store-bg {
    top: -80px;
    background-position: -750px 0px;
    background-color: transparent;}

  .index .store .mp-store-title {
    display: block;
    height: 200px;
    margin-bottom: 51px;}

  .index .store .mp-store-title img {
    width: 120px;
    height: 200px;
    margin: 0 auto;
    display: block;}

  .index .store .store-title {
    display: none;}

  .index .store .swiper2 {
    height: auto;}

  .index .store .swiper2 .swiper-pagination {
    bottom: 0;}

  .index .store .swiper-slide a {
    width: 100%;
    height: 100%;}

  .index .store .swiper-slide a img {
    height: 100%;
    object-fit: cover;}

  .index .store .swiper-slide .col-sm-4 {
    margin-bottom: 21px;
    height: 72vw;}

  .index .media {
    background: url(../imgs/ding.jpg) no-repeat 115% 400px,
      url(../imgs/border.png) repeat-x center 99%;}

  .science-bottom {
    overflow: hidden;
    margin-bottom: 30px;}

  .index .media .media-left {
    height: auto;
    margin-bottom: 55px;
    padding-bottom: 1px;}

  .index .media .media-left>a {
    margin-bottom: 50px;
    overflow: hidden;}

  .index .media .media-left dl {
    height: auto;}

  .index .media .media-left dt {
    float: none;}

  .index .media .media-left dt img {
    width: 105px;
    margin: 0 auto;}

  .index .media .media-left dd {
    text-align: center;
    padding: 20px 0px 14px;}

  .index .media .col-sm-6 {
    margin-bottom: 21px;}

  .index .media .media-right dl {
    height: auto;}

  .index .media .media-right-img {
    width: 80% !important;
    height: auto !important;}

  .xww-xq .introduction {
    height: auto;}

  .xww-xq .xq-bottom span {
    display: block;
    line-height: 30px;}

  .xww-xq .xq-pt {
    width: 100%;
    height: auto;}

  .xww-xq .xq-pt img {
    width: 100% !important;
    height: auto !important;}

  .xww-xq .swiper-slide img {
    height: auto !important;}

  .xww-ssjg .row {
    width: 100%;
    float: none !important;
    margin-left: 0;}

  .xww-xwlb .new-left {
    padding: 0 !important;}

  .xww-xwlb .new-item.y .new-center p {
    display: none;}

  .xww-xwlb .new-item.y .new-right a {
    width: 100%;}

  .xww-xwlb .new-item.y .new-right img {
    width: 100%;
    height: auto;}

  .xww-xwlb .new-item.n .col-sm-3 {
    display: none;}

  .xww-xwlb .new-item.n p {
    margin-left: -122px;
    padding-left: 27px;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    max-height: 96px;
    overflow: hidden;}

  .xww-story li {
    height: auto !important;}

  .xww-story .left-box {
    width: 100% !important;
    height: auto !important;
    float: none !important;}

  .xww-story .page {
    margin-top: 30px;}

  .xww-story .story-logo {
    display: none;}

  .xww-story .mp-story-logo {
    display: inline-block;
    width: 165px;
    height: 85px;
    margin-bottom: 40px;}

  .xww-story .swiper-container {
    height: auto;}

  .xww-story .swiper-text {
    bottom: 0;}

  .xww-story .story-ul {
    bottom: 0;}

  .wxx-personage .pr0 {
    padding-right: 15px;}

  .wxx-personage .card {
    height: auto !important;}

  .wxx-personage .card .left-box {
    height: auto !important;}

  .wxx-personage .card .left-box img {
    height: auto !important;}

  .wxx-personage .swiper-text1 {
    padding-top: 28px;
    padding-bottom: 40px;
    height: auto;}

  .wxx-personage .swiper-container {
    width: 100%;
    height: auto;}

  .wxx-personage .rwlb-banner {
    width: calc(100% - 30px);
    height: auto;}

  .wxx-personage .swiper-slide {
    width: 100% !important;
    height: auto;}

  .wxx-personage .swiper-slide img {
    height: auto;}

  .index .media-icon {
    padding-top: 0px;}

  .index .media-icon .box {
    width: 50%;
    float: left;
    text-align: center;
    margin-bottom: 30px;}

  .index .media-icon .box .code {
    left: 50%;
    margin-left: -75px;}

  .index .news-express .news-item img {
    height: 55vw;
    object-fit: cover;}

  .index .science .science-banner h3 {
    max-height: 56px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;}

  .new-item .col-sm-2.col-xs-3 {
    width: 95px;}

  .new-item .col-sm-6.col-xs-9 {
    width: 50%;}

  .new-item .col-sm-3.col-xs-12 {
    width: calc(50% - 95px);}

  .xww-xwlb .new-item .date {
    line-height: 28px;}

  .xww-xwlb .new-item .new-center h3 {
    height: 56px;
    overflow: hidden;}

  .new-item .col-sm-9.col-xs-9 {
    width: calc(100% - 95px);}

  .index .banner .swiper-container,
  .index .banner .swiper-container .swiper-slide {
    height: 65vw;}
}

@media screen and (max-width: 767px) {
  .index .media .main-title .more {
    display: none;}
}

@media screen and (max-width: 767px) {
  .index .media .more.mp {
    display: block;
    margin: 0 auto;
    float: none;}
}

@media screen and (max-width: 470px) {
  .date {
    display: inline-block;
    width: 215%;}

  .index .date {
    display: inline;}

  .xww-ssjg .col-sm-2 .new-left {
    margin-left: -15px;}

  .slide-content>p:first-child {
    display: none;}

  .slide-content>p:nth-child(2) {
    font-size: 16px !important;}
}

@media (min-width:769px) {
  .index .news-express .news-item img {
    height: 165px !important;}

  .index .store a span {
    max-height: 50px;
    overflow: hidden;}
}

@media (min-width: 768px) {
  .content .news-item img {
    height: 165px !important;
    width: 260px !important;}
}

@media (max-width: 575px) {
  .new-item .col-sm-6.col-xs-9,
  .new-item .col-sm-9.col-xs-9 {
    width: calc(100% - 95px);}

  .new-item .col-sm-3.col-xs-12 {
    width: 100%;}
}

@media (width: 768px) {
  .hot-news .col-sm-4 {
    width: 33%;
    float: left;}
}

.new-item .row {
  width: unset;}

@media (min-width: 576px) and (max-width: 768px) {
  .xww-xwlb .new-item.y .new-right img {
    max-height: 230px;
    object-fit: cover;}
}

/* @media (max-width: 768px) {

  .index .media .media-left {
    padding-bottom: 50px;
  }
} */