@media screen and (max-width: 1024px) {
  .h10 {
    height: 1vw;
  }
  .h15 {
    height: 1.5vw;
  }
  .h20 {
    height: 2vw;
  }
  .h30 {
    height: 3vw;
  }
  .h40 {
    height: 4vw;
  }
  .h50 {
    height: 5vw;
  }
  .iconfont {
    font-size: 15px;
  }
  .index_top {
    overflow: hidden;
  }
  .index_top .slider1 {
    height: 40vh;
  }
  .swiper-pagination-bullets {
    bottom: 20px !important;
  }
  .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
  .swiper-pagination-bullet:hover {
    background-color: #df3f00;
  }
  .head {
    width: 100%;
    top: 0px;
    position: fixed;
    background: #11449c;
    background-size: cover;
  }
  .head.fixed {
    background: #11449c;
  }
  .head .center {
    height: 50px;
    border-radius: 0;
  }
  .head .fl {
    display: none;
  }
  .head .fr {
    display: none;
  }
  .head .md {
    height: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .head .md .logo {
    padding: 0 16px;
  }
  .head .md .logo img {
    width: 30vw;
  }
  .head .md nav {
    position: absolute;
    left: 0;
    top: 50px;
    background-color: rgba(19, 45, 90, 0.95);
  }
  .head .md .menu .m-video,
  .head .md .menu .m2,
  .head .md .menu .m3 {
    display: none;
  }
  .head .md .menu .m4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: 0;
    padding: 5px 20px;
    background: none;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .head .md .menu .m4.active {
    color: #20608e;
  }
  .head .md .menu .m4 i {
    font-size: 24px;
  }
  body {
    line-height: 140%;
    font-size: 12px;
  }
  .jcsb {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .center {
    width: 100%;
  }
  .focus_nav .center {
    height: auto;
    top: 0px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .focus_nav .center a {
    height: 100px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 40%;
            flex: 1 0 40%;
  }
  .focus_nav .center a .ico {
    height: 80%;
    width: auto;
    right: 0;
    bottom: 0px;
  }
  .focus_nav .center a:nth-child(1) {
    margin-right: 1px;
    margin-bottom: 1px;
  }
  .focus_nav .center a:nth-child(3) {
    background-color: #11449c;
    margin-right: 1px;
    margin-bottom: 1px;
  }
  .focus_nav .center a:nth-child(4) {
    background-color: #20608e;
  }
  .focus_nav .center a:nth-child(5) {
    background-color: #002b6b;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
  .group1 {
    display: block;
    padding: 20px;
  }
  .group1 .bar {
    width: 100%;
  }
  .group1 .bar + .bar {
    margin-top: 30px;
  }
  .ctit {
    text-align: center;
  }
  .ctit .wave_ico {
    margin-bottom: 10px;
  }
  .ctit .wave_ico img {
    width: 20px;
  }
  .ctit > img {
    height: 24px;
    width: auto;
  }
  .rrr {
    width: 100%;
    top: 55%;
  }
  .rrr .brand {
    width: 70vw;
  }
  .rrr .item h2 {
    font-size: 20px;
    margin-top: 1em;
    margin-bottom: 0.8em;
  }
  .rrr .item h3 {
    font-size: 12px;
    width: 21em;
    margin: auto;
    line-height: 120%;
  }
  .tech_list {
    padding-bottom: 20px;
  }
  .tech_list .swiper-slide {
    width: 100vw;
    margin: 0;
    overflow: hidden;
    margin-bottom: 20px;
  }
  .tech_list .swiper-slide .img {
    width: 23vw;
    height: 23vw;
    margin-bottom: 20px;
  }
  .tech_list .swiper-slide h3 {
    font-size: 14px;
    margin-bottom: 0em;
  }
  .tech_list .swiper-slide .en {
    font-size: 10px;
    margin-bottom: 1em;
  }
  .tech_list .swiper-slide .desc {
    font-size: 10px;
    padding: 0 1em;
  }
  .service_list {
    padding: 0 10px;
  }
  .service_list li {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 35%;
            flex: 1 0 35%;
    margin: 0 5px;
    margin-bottom: 1em;
  }
  .service_list li .img {
    width: 100%;
    height: auto;
    margin-bottom: 0.3em;
  }
  .service_list li .cont {
    padding: 0.4em;
  }
  .service_list li .cont h3 {
    font-size: 12px;
  }
  .service_list li .cont .more {
    font-size: 12px;
  }
  .service_list li .lab {
    width: 10vw;
    height: 10vw;
    position: absolute;
    left: 3px;
    top: 10.1vh;
    font-size: 14px;
    background-size: contain;
  }
  .partner_list {
    padding: 0 10px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .partner_list li {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 38%;
            flex: 1 0 38%;
  }
  footer {
    padding: 30px 0;
    font-size: 10px;
  }
  footer .center {
    text-align: center;
    display: block;
    color: #fff;
  }
  footer .center a {
    color: #eee;
  }
  footer .center .middle {
    margin: 15px 0;
  }
  footer .right {
    color: #666;
  }
  footer .right a {
    color: #666;
  }
  nav {
    display: none;
    padding-left: 0px;
    z-index: 3;
    width: 100%;
    border-bottom: 5px #fff solid;
  }
  nav .lv_top {
    font-size: 14px;
    padding: 10px;
  }
  nav .lv_top::after {
    height: 0;
  }
  nav ul {
    width: 100%;
    display: block;
  }
  nav ul > li {
    border-bottom: 1px #11449c solid;
    margin: 0 0px;
  }
  nav ul > li .sub {
    display: block;
    width: 100%;
    position: static;
    left: 0;
    top: 0;
    background: none;
    text-align: center;
    padding: 0 10px 10px;
    line-height: 180%;
    border-bottom: none;
  }
  nav ul > li .sub.fixed {
    position: static;
  }
  nav ul > li .sub a {
    font-size: 12px;
    color: #a8d5ff;
    display: inline-block;
    margin: 0 0.6em;
    line-height: 140%;
  }
  .other_top {
    height: 20vh;
  }
  .layout2 > aside {
    display: none;
  }
  .layout2 > .sec {
    margin: 0;
    padding: 0px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .m_tit {
    padding: 20px;
    padding-bottom: 0;
  }
  .m_tit .cn {
    font-size: 20px;
  }
  .m_tit .en {
    font-size: 12px;
  }
  .bread {
    padding: 10px;
    margin-bottom: 0px;
  }
  .bread .tit {
    line-height: 100%;
    font-size: 14px;
    color: #11449c;
  }
  .bread span {
    font-size: 10px;
  }
  article {
    margin: auto;
    padding: 20px;
  }
  article h2 {
    font-size: 14px;
    margin-bottom: 0.5em;
    line-height: 140%;
  }
  article h3 {
    color: #004b70;
    font-size: 16px;
    margin-bottom: 0.5em;
    line-height: 200%;
  }
  ul.history li {
    width: 100%;
    margin-bottom: 1em;
    padding: 0em;
  }
  ul.history li .tit {
    margin-bottom: 0em;
  }
  ul.history li .tit .xtit2 {
    width: 100px;
    font-size: 20px;
  }
  ul.history li .event {
    font-size: 12px;
    padding: 0.4em 0;
  }
  .black_mask .icon-close {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 30px;
    color: #fff;
    font-size: 40px;
  }
  .black_mask .icon-arrow-left-bold {
    left: 2px;
    top: 49%;
    font-size: 30px;
  }
  .black_mask .icon-arrow-right-bold {
    right: 2px;
    top: 49%;
    font-size: 30px;
  }
  .hr_list th, .hr_list td {
    font-size: 12px;
    padding: 5px 5px;
  }
  .hr_list th {
    white-space: nowrap;
  }
  .hr_list tr.item td:last-child {
    width: 40px;
    text-align: center;
  }
  .hr_list .iconfont {
    font-size: 20px;
  }
  .hr_list .iconfont:hover {
    color: #11449c;
  }
  .list_fl_fr2 {
    padding: 0 0px;
  }
  .list_fl_fr2 li {
    margin-bottom: 0.5em;
    padding: 10px 20px;
    border-bottom: 1px #ccc solid;
  }
  .list_fl_fr2 li .tit {
    background: none;
    padding-left: 0px;
    margin-bottom: 1em;
  }
  .list_fl_fr2 li .tit a {
    font-size: 14px;
    margin-right: 0.4em;
  }
  .list_fl_fr2 li .desc {
    padding-left: 0px;
  }
  .page_area {
    text-align: center;
    padding: 20px;
  }
  .show_title {
    padding: 20px 10px 10px;
    margin-bottom: 0;
  }
  .show_title h1 {
    font-size: 14px;
    margin-bottom: 4px;
  }
  .show_title h2 {
    font-size: 10px;
  }
}