@media screen and (max-width: 1200px) {
  body {
    min-width: auto;
  }
  .mobile-box, .main, .main-inner {
    display: block !important;
    float: none !important;
    width: 100% !important;
    padding: 0 5px !important;
  }
  .w1270 {
    display: block !important;
    width: 100% !important;
  }
  .mobile-none {
    display: none !important;
  }
  .mobile-img {
    width: 100% !important;
    height: auto !important;
  }
  .pc-none {
    display: flex;
  }
  .pc-none-mobile-block {
    display: block;
  }
  .pc-block-mobile-none {
    display: none;
  }
  .mobile-show {
    display: block !important;
  }
  .mt-20 {
    margin-top: 10px;
  }
  .mt-30 {
    margin-top: 15px;
  }
  .nav {
    display: none;
  }
  .header {
    height: auto;
    min-height: 50px;
    margin-bottom: 10px;
  }
  .header .header-links-wrap {
    display: none;
    flex-wrap: wrap;
    padding-left: 0;
    justify-content: center;
  }
  .header .header-links-wrap .header-links > a {
    line-height: 2;
  }
  .header .options-wrap .links-wrap {
    margin-left: 18px;
  }
  .header .options-wrap .links-wrap .links-li > .links,
  .header .options-wrap .links-wrap .links-li:first-child::after {
    display: none;
  }
  .header .options-wrap .links-wrap .links-li > .links.wec-name {
    display: inline-block;
  }
  .header .mobile-open-btn {
    display: inline-block;
    line-height: 50px;
    color: #fff;
  }
  .header .mobile-open-btn .layui-icon {
    font-size: 20px;
  }
  .header .mobile-logo {
    display: inline-block;
    margin-top: 10px;
    margin-left: 5px;
  }
  .header .options-wrap .search-wrap,
  .header .options-wrap .links-wrap .links-li > .links {
    line-height: 50px;
  }
  .common-pos .swiper-wrapper > a > img {
    object-fit: cover;
    height: 14vw;
  }
  .common-pos {
    margin-top: 0;
  }
  .index-page .pic-links-wrap .swiper-container {
    width: 100%;
    height: 37vw;
  }
  .index-page .pic-links-wrap .swiper-container .swiper-slide {
    width: 100%;
    height: 37vw;
  }
  .index-page .pic-links-wrap .swiper-container .swiper-slide .slider-img {
    width: 100%;
    height: 37vw;
    object-fit: cover;
  }
  .index-page .pic-links-wrap .swiper-container .swiper-pagination .swiper-pagination-bullet {
    zoom: .7;
  }
  .index-page .pic-links-wrap .swiper-container .swiper-slide .slider-text {
    font-size: 14px;
    line-height: 14px;
    height: auto;
    padding: 0px 100px 12px 0px;
  }
  .index-page .pic-links-wrap .pic-links {
    width: 100%;
    height: auto;
    margin-top: 5px;
  }
  .index-page .pic-links-wrap .pic-links ul {
    display: flex;
    justify-content: space-between;
  }
  .index-page .pic-links-wrap .pic-links ul:after {
    display: none;
  }
  .index-page .pic-links-wrap .pic-links .pic-ul .pic-list {
    width: 24%;
  }
  .index-page .pic-links-wrap .pic-links .pic-ul .pic-list a img {
    width: 100%;
    height: 23vw;
  }
  .index-page .pic-links-wrap .pic-links .pic-ul .pic-list:first-child, .index-page .pic-links-wrap .pic-links .pic-ul .pic-list:nth-child(2) {
    margin-bottom: 0;
  }
  .index-page .pic-links-wrap .pic-links .pic-ul .pic-list:not(:nth-child(2n+1)) {
    margin-left: 0;
  }
  .index-page .pic-links-wrap .pic-links .pic-ul .pic-list a .text {
    height: auto;
    font-size: 12px;
    line-height: 12px;
    padding: 0 6px 10px;
  }
  .news-list-wrap {
    width: 100%;
  }
  .news-list-ul .news-list-li {
    height: auto;
  }
  .news-list-ul .news-list-li a .news-pic > img {
    width: 118px;
    height: 106px;
  }
  .news-list-ul .news-list-li a .news-text-wrap {
    padding: 0 0 0 10px;
  }
  .news-list-ul .news-list-li a .news-text-wrap .text-wrap {
    padding-top: 0;
  }
  .news-list-ul .news-list-li a .news-text-wrap .text-wrap .text-title {
    margin-bottom: 0;
    font-size: 16px;
    line-height: normal;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .news-list-ul .news-list-li a .news-text-wrap .text-wrap {
    height: auto;
    min-height: 84px;
  }
  .news-list-ul .news-list-li a .news-text-wrap .text-wrap .text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 8px 0;
    font-size: 11px;
    line-height: 20px;
    max-height: 40px;
  }
  .news-list-ul .news-list-li a .news-text-wrap .btn-wrap .description-ul .description-li {
    min-width: auto;
    height: 18px;
    padding: 0 8px;
    line-height: 18px;
    font-size: 10px;
  }
  .news-list-ul .news-list-li a .news-text-wrap .btn-wrap .description-ul .description-li:nth-child(n+3) {
    display: none;
  }
  .news-list-ul .news-list-li a .news-text-wrap .btn-wrap .time {
    font-size: 12px;
    line-height: 18px;
    margin-top: 0;
  }
  .news-list-ul .news-list-li a .news-text-wrap .btn-wrap .description-ul .description-li:not(:last-child) {
    margin-right: 5px;
  }
  .news-list-ul .news-list-li a .news-text-wrap .btn-wrap {
    margin-top: 0;
  }
  .news-list-ul .news-list-li:not(:last-child) {
    margin-bottom: 8px;
  }
  .news-list-wrap .adsense {
    display: none;
  }
  .more-btn {
    zoom: .8;
  }
  .modules-wrap {
    width: 100%;
  }
  .modules-title {
    background: url(../img/modules-icon1.png) no-repeat bottom 20px left/auto 40%;
    font-size: 22px;
  }
  .modules-title .modules-title-more {
    bottom: 16px;
  }
  .footer {
    height: auto;
    margin-top: 20px;
  }
  .footer .links-code-wrap {
    height: auto;
  }
  .footer .links-code-wrap .links-wrap {
    padding-top: 10px;
    width: 100%;
  }
  .footer .links-code-wrap .code-wrap {
    width: 100%;
    text-align: center;
    padding: 10px 0 0;
  }
  .footer .links-code-wrap .code-wrap .code-list > p {
    margin-top: 5px;
    line-height: 15px;
    font-size: 12px;
  }
  .footer .copy-right {
    height: auto;
    line-height: 20px;
    font-size: 12px;
    margin-top: 8px;
  }
  .footer .links-code-wrap .links-wrap .friendship-links-wrap {
    margin-top: 20px;
  }
  .footer .links-code-wrap .links-wrap .friendship-links-wrap .friendship-link-ul .friendship-link-li {
    margin-top: 2px;
  }
  .footer .links-code-wrap .links-wrap .friendship-links-wrap .friendship-link-ul .friendship-link-li > a {
    padding: 0 3px;
    font-size: 12px;
  }
  .footer .links-code-wrap .code-wrap .code-list > img {
    width: 80px;
    height: 80px;
  }
  .footer .links-code-wrap .links-wrap .footer-nav-wrap .footer-nav-ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
  }
  .footer .links-code-wrap .links-wrap .footer-nav-wrap .footer-nav-ul .footer-nav-list {
    display: inline-flex;
    flex: 1;
    justify-content: space-around;
    align-items: center;
  }
  .footer .links-code-wrap .links-wrap .footer-nav-wrap .footer-nav-ul .footer-nav-list > a {
    padding: 0 3px;
    font-size: 12px;
    line-height: 18px;
  }
  .footer .links-code-wrap .links-wrap .footer-nav-wrap .footer-nav-ul .footer-nav-list:not(:first-child)::before {
    position: relative;
    display: inline-block;
    top: 0;
  }
  .footer .links-code-wrap .links-wrap .friendship-links-wrap .links-title > span {
    font-size: 16px;
    line-height: 18px;
  }
  .modules-inner.hot-news {
    height: auto !important;
  }
  .modules-inner.hot-news .tab-inner-wrap .tab-list-ul {
    padding: 10px 0;
  }
  .modules-inner.hot-news .tab-inner-wrap .tab-list-ul .tab-list-li > a .list-index {
    width: 22px;
  }
  .modules-inner.swiper-container.hz-swiper .swiper-slide .slider-img {
    width: 100%;
    height: 66vw;
  }
  .modules-inner .view {
    width: 100%;
    height: 52vw;
  }
  .modules-inner {
    height: auto;
  }
  .modules-inner.test-wrap {
    padding: 0 13px;
  }
  .modules-inner.test-wrap .logo-wrap {
    padding: 10px 0 5px;
  }
  .modules-inner.test-wrap .logo-wrap > img {
    height: 18vw;
    max-height: 100px;
  }
  .modules-inner.test-wrap .btn-wrap {
    max-width: 500px;
    margin: 5px auto 5px;
  }
  .modules-inner.search-wrap .form-wrap {
    height: auto;
  }
  .modules-inner.search-wrap {
    padding: 0 15px;
  }
  .modules-inner.search-wrap .form-wrap .field-list-wrap {
    padding-top: 0;
    margin-bottom: 10px;
  }
  .footer .links-code-wrap .links-wrap .footer-nav-wrap .footer-nav-ul .footer-nav-list:not(:first-child)::before {
    top: 0;
    height: 13px;
  }
  .modules-inner.search-wrap .form-wrap .field-list-wrap .field-list {
    margin-top: 10px;
  }
  .modules-inner.search-wrap .btn-wrap .btn {
    margin-bottom: 10px;
  }
  .header .options-wrap .links-wrap .links-li > .links,
  .header .options-wrap .search-wrap > a .iconfont, .header .options-wrap .search-wrap > a .search-btn {
    font-size: 14px;
  }
  .introduction-cur {
    margin-top: 10px;
  }
  .introduction-cur .text-wrap .name {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
  }
  .introduction-cur .text-wrap .text {
    font-size: 12px;
    line-height: 22px;
  }
  .text-inner {
    padding: 20px 10px;
  }
  .active-ul {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
  }
  .active-ul .active-list {
    width: calc(33% - 10px);
    margin-right: 10px;
  }
  .active-ul .active-list .img-wrap {
    height: auto;
  }
  .active-ul .active-list .img-wrap > img {
    width: 100%;
    height: 27vw;
    height: calc(21vw - 7px);
    object-fit: cover;
  }
  .active-ul .active-list:not(:nth-child(3n+1)) {
    margin-left: 0;
  }
  .active-ul .active-list .text-wrap {
    padding: 4px 5px 0;
    height: auto;
  }
  .active-ul .active-list .text-wrap .text {
    font-size: 14px;
    line-height: 24px;
    max-height: 53px;
  }
  .active-ul .active-list {
    margin-bottom: 0;
  }
  .active-ul .active-list .text-wrap .title {
    font-size: 16px;
  }
  .layui-laypage .layui-laypage-skip {
    display: none;
  }
  .inner .article-inner {
    width: 100%;
  }
  .article-information .article-title {
    font-size: 24px;
    line-height: 34px;
    text-align: center;
  }
  .article-information .information {
    margin-top: 12px;
  }
  .article-information .information .source-time {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .article-information .information .source-time > span {
    min-width: 100px;
    margin-right: 0;
    text-align: right;
  }
  .inner .article-inner .text-wrap {
    padding: 10px 5px;
  }
  .comment-inner .comment-btn-wrap .word-length-wrap {
    width: 100%;
  }
  .comment-inner .comment-btn-wrap .commit-btn {
    width: 100%;
  }
  .comment-inner .comment-btn-wrap .word-length-wrap .logged-box input {
    width: 100px !important;
  }
  .common-share {
    width: 100%;
    display: flex;
    justify-content: end;
    margin-top: 10px;
  }
  .personal-wrap {
    margin-left: 0;
  }
  .personal-wrap .personal-ul {
    display: flex;
  }
  .personal-wrap .personal-ul li {
    flex: 1;
    width: auto;
  }
  .personal-wrap .personal-ul li a {
    font-size: 14px;
  }
  .personal-wrap .personal-ul li.active:after {
    left: calc(50% - 10px);
  }
  .personal-wrap .personal-con {
    padding: 20px 10px;
  }
  .personal-wrap .layui-form .layui-form-item {
    display: flex;
  }
  .layui-form .spe-item {
    width: 100px;
    flex: 1;
  }
  .personal-wrap .personal-con .station-info-list li .desc {
    max-height: 66px;
    overflow: hidden;
  }
  .personal-wrap .layui-form .layui-input, .personal-wrap .layui-form .layui-select, .personal-wrap .layui-form .layui-textarea {
    width: 100%;
    flex: 1;
  }
  .personal-wrap .personal-con .personal-form .layui-input-block {
    width: 100%;
    margin-left: 0;
    display: flex;
    justify-content: center;
  }
  .personal-wrap .personal-con .point-ul {
    margin-top: 10px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
  }
  .personal-wrap .personal-con .point-ul li {
    width: 45%;
    margin-right: 2%;
    margin-bottom: 10px;
    max-width: 200px;
  }
  .personal-wrap .personal-con .collections-list-ul .news-list-li a .news-pic > img {
    width: 118px;
    height: 83px;
    object-fit: cover;
  }
  .personal-wrap .personal-con .collections-list-ul .news-list-li a .news-text-wrap .text-wrap .text-title {
    margin-bottom: 0;
  }
  .personal-wrap .personal-con .collections-list-ul .news-list-li a .news-text-wrap .text-wrap {
    min-height: auto;
    height: 70px;
  }
  .personal-wrap .personal-con .collections-list-ul .news-list-li a .news-text-wrap .text-wrap {
    margin-top: -2px;
  }
  .personal-wrap .personal-con .collections-list-ul .news-list-li a .news-text-wrap .btn-wrap {
    margin-top: 0;
    margin-left: 0;
  }
  .news-list-ul .news-list-li a .news-text-wrap .text-wrap .text {
    margin: 5px 0 2px;
  }
  .personal-wrap .personal-con .collections-list-ul .news-list-li:not(:last-child) {
    margin-bottom: 10px;
  }
  .personal-wrap .personal-con .station-info-list li {
    padding-top: 20px;
  }
  .personal-wrap .personal-con .station-info-list li .time {
    margin-top: 5px;
  }
  .personal-wrap .personal-con.point-purchase .point-input {
    flex: none;
  }
  .personal-wrap .personal-con .personal-table.trans-table {
    border: none;
  }
  .personal-wrap .personal-con .personal-table.trans-table thead {
    display: none;
  }
  .personal-wrap .personal-con .personal-table.trans-table tr {
    display: block;
    height: auto;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #ededed;
    border-right: 1px solid #ededed;
  }
  .personal-wrap .personal-con .personal-table.trans-table tr td {
    display: flex;
    width: 100%;
    height: auto;
    padding: 0;
    line-height: 36px;
    vertical-align: middle;
    text-align: left;
  }
  .personal-wrap .personal-con .personal-table.trans-table tr td:before {
    display: inline-block;
    min-width: 70px;
    font-weight: bold;
    vertical-align: 0;
    padding-right: 10px;
    padding-left: 5px;
    margin-right: 10px;
    content: attr(data-title);
    background-color: #f8fbff;
  }
  .personal-wrap .personal-con .personal-table.trans-table tr td {
    border-bottom: 1px dashed #ededed;
  }
  .personal-wrap .personal-con .personal-table.trans-table tr td:last-child {
    border-bottom: 1px solid #ededed;
  }
  .personal-wrap .personal-con .personal-table.trans-table tr:nth-child(even) td {
    background: #fff;
  }
  .personal-wrap .personal-con .personal-table {
    table-layout: fixed;
  }
  .personal-wrap .personal-con .personal-table th {
    font-size: 12px;
    border: 1px solid #f1ecec;
  }
  .personal-wrap .personal-con .personal-table td {
    font-size: 12px;
    word-break: break-word;
    border: 1px solid #f1ecec;
  }
  .personal-wrap .personal-con .personal-form .layui-inline,
  .personal-wrap .personal-con .personal-form .spe-date-text {
    display: none;
  }
  .personal-wrap .personal-con .personal-form .layui-inline.spe-state {
    display: inline-block;
  }
  .personal-wrap .personal-con .query-btn {
    vertical-align: middle;
  }
  .data-wrap .data-chart-wrap .box .form-wrap {
    padding: 0 8px 8px;
    height: auto;
  }
  .data-wrap .data-chart-wrap .box .form-wrap .form-inner .form-list {
    height: auto;
  }
  .data-wrap .data-chart-wrap .box .form-wrap .form-inner .form-list form .select-list {
    margin-bottom: 3px;
  }
  .data-wrap .data-chart-wrap .box .form-wrap .hot-words .words-ul .words-li {
    margin: 0 4px 4px;
  }
  .data-wrap {
    width: 100%;
  }
  .data-wrap .data-chart-wrap .modules-num-all .num-box {
    background: url(../img/data-index-bg.png) no-repeat center left/100% 100%;
    height: 96px;
    display: flex;
    align-items: center;
  }
  .data-wrap .data-chart-wrap .modules-num-all .num-box .num-box-left {
    width: 40%;
  }
  .data-wrap .data-chart-wrap .modules-num-all .num-box .num-box-right {
    width: 60%;
  }
  .data-wrap .data-chart-wrap .modules-num-all .num-box .num-box-left .num-radio {
    font-size: 30px;
  }
  .data-wrap .data-chart-wrap .modules-num-all .num-box .num-box-right .num-english-text {
    font-size: 16px;
  }
  .data-wrap .data-chart-wrap .modules-num-all .num-box .num-box-right .num-chinese-text {
    font-size: 16px;
  }
  .data-wrap .data-chart-wrap .modules-index-chart .index-chart-box {
    display: flex;
  }
  .data-wrap .data-chart-wrap .modules-index-chart .index-chart-box .index-chart1-left {
    width: 120px;
  }
  .data-wrap .data-chart-wrap .modules-index-chart .index-chart-box .index-chart1-left li {
    padding: 0 5px;
    height: 45px;
    line-height: 45px;
  }
  .data-wrap .data-chart-wrap .modules-index-chart .index-chart-box .index-chart1-right {
    flex: 1;
    padding: 0 10px 0;
  }
  .data-wrap .data-chart-wrap .modules-index-chart .index-chart-bot .index-chart-tab {
    display: flex;
    justify-content: center;
  }
  .data-wrap .data-chart-wrap .modules-index-chart .index-chart-bot .index-chart2 {
    padding: 0 5px;
  }
  .data-wrap .data-chart-wrap .modules-index-chart .index-chart-title {
    background: url(../img/data-index-title-bg.png) no-repeat center right/100% 100%;
  }
  .data-wrap .data-chart-wrap .box .chart-wrap .chart-title .title-text {
    font-size: 20px;
  }
  .data-wrap .data-chart-wrap .box .chart-wrap .chart-inner {
    min-width: 560px;
  }
  .data-wrap .data-chart-wrap .box .table-wrap > table td {
    padding-left: 10px;
    text-align: center;
  }
  .modules-wrap .modules-inner.map {
    padding: 0 10px 15px;
  }
  .modules-wrap .modules-inner.center {
    padding: 9px 5px 18px;
  }
  .modules-wrap .modules-inner.center .img-wrap {
    padding: 0 10px 0 0;
  }
  .modules-wrap .modules-inner.center .img-wrap > img {
    width: 60px;
    height: 60px;
  }
  .modules-wrap .modules-inner.center .text-wrap {
    line-height: 26px;
  }
  .modules-wrap .modules-inner.center > .text-wrap {
    text-indent: 0;
  }
  .modules-inner.index-tab .tab-wrap {
    display: flex;
  }
  .modules-inner.index-tab .tab-wrap .tab-item {
    flex: 1;
    max-width: 200px;
    padding: 0 10px;
  }
  .modules-inner.index-tab .tab-inner-wrap.table-inner-wrap-index .tab-list-ul {
    line-height: 34px;
    margin-top: 10px;
  }
  .login-box .personal-wrap .personal-con .personal-form {
    margin-left: 0;
  }
  .btn-wrap {
    margin-left: 0;
  }
  .btn-wrap .btn {
    max-width: 100%;
  }
  .layui-form-item .layui-input-inline {
    margin-left: 0;
  }
  .personal-wrap .layui-form .layui-form-item .layui-input-inline {
    flex: 1;
  }
  .tips-text {
    margin-left: 0;
  }
  .active-ul .active-list {
    height: auto;
    margin-bottom: 15px;
  }
  .login-box .personal-wrap .personal-ul li {
    padding-right: 0 !important;
  }
  .search-group-wrap {
    width: 100%;
    display: flex;
  }
  .search-group-wrap .input-wrap {
    width: 80%;
    flex: 1;
    height: 50px;
  }
  .search-group-wrap .search-btn {
    width: 85px;
    height: 50px;
    line-height: 50px;
  }
  .mt-60 {
    margin-top: 30px;
  }
  .search-keywords-wrap {
    width: 100%;
  }
  .news-list-wrap {
    padding-left: 0 !important;
  }
  .anchorTR span {
    font-size: 12px !important;
  }
  .active-ul .active-list .img-wrap .img-introduction {
    padding: 38px 0 0 5px;
    font-size: 14px;
  }
}

@media screen and (max-width: 750px) {
  .active-ul .active-list {
    width: calc(50% - 10px);
    margin-right: 10px;
  }
  .active-ul .active-list .img-wrap > img {
    height: 27vw;
    height: calc(33vw - 7px);
  }
  .layui-laypage a,
  .layui-laypage .layui-laypage-curr,
  .layui-laypage .layui-laypage-spr {
    display: none;
  }
  .layui-laypage a.layui-laypage-prev,
  .layui-laypage a.layui-laypage-next {
    display: inline-block;
  }
}

@media screen and (max-width: 750px) {
  .personal-wrap .personal-con .point-ul {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 600px) {
  .data-wrap .data-chart-wrap .box .chart-wrap .chart-inner {
    zoom: .68;
  }
}

@media screen and (max-width: 400px) {
  .news-list-ul .news-list-li a .news-text-wrap .btn-wrap .time {
    font-size: 11px;
  }
  .footer .links-code-wrap .links-wrap .footer-nav-wrap .footer-nav-ul .footer-nav-list {
    max-width: 90px;
    min-width: 90px;
  }
  .footer .links-code-wrap .links-wrap .footer-nav-wrap .footer-nav-ul .footer-nav-list:not(:first-child)::before {
    display: none;
  }
  .footer .links-code-wrap .links-wrap .footer-nav-wrap .footer-nav-ul {
    justify-content: normal;
  }
}