@media (max-width: 1366px) {
  .footer .wrap .lf .list {
    margin-right: 1.5rem;
  }

  .news-info .wrap {
    width: 70%;
  }
}

@media (max-width: 1200px) {
  .head-nav {
    position: relative;
    left: 0;
    transform: translate(0);
  }

  .footer .wrap .lf .list {
    margin-right: 1rem;
  }

  .culture .wrap .li-box {
    margin-top: 7.5rem;
  }
}

@media (max-width: 1024px) {

  .w1820,
  .w1600,
  .w1400 {
    width: 90%;
  }

  .head-box {
    height: 2.5rem;
  }

  .scr-img {
    display: block;
  }

  .nor-img {
    display: none;
  }

  .trans-img {
    filter: none;
  }

  .email p {
    color: #333;
  }

  .head {
    background-color: #fff;
  }

  .i-about .wrap .box .rg {
    padding-left: 6%;
  }

  #ban-container .swiper-slide .pos-cont {
    left: 5%;
    width: 90%;
  }

  .i-busin .wrap {
    left: 5%;
  }

  .i-busin .wrap .link-box {
    display: flex;
    flex-wrap: wrap;
  }

  .i-busin .wrap .link-box .li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: .5rem;
  }

  .i-busin .wrap .link-box .li:nth-child(2n) {
    margin-right: 0;
  }

  .padlf {
    padding-left: 5%;
  }

  .i-news .wrap .i-news-swiper {
    width: 95%;
    margin-left: 5%;
  }

  .footer .wrap .lf .list {
    margin-right: .5rem;
  }

  .copyright {
    padding: .5rem 5%;
    flex-wrap: wrap;
    justify-content: center;
  }

  .copyright .lf {
    margin-bottom: .5rem;
  }

  .about .wrap {
    padding: 2.5rem 0 0 5%;
  }

  .about .wrap .li-box,
  .about .wrap .subsidiary,
  .speech .tit {
    padding-right: 5%;
  }

  .about .wrap .introduce .pos-text {
    top: 1rem;
    width: 70%;
  }

  .speech .cont-box {
    width: 90%;
    flex-wrap: wrap;
  }

  .speech .cont-box .rg {
    width: 100%;
    padding: 0;
    margin-top: 1rem;
  }

  .develop .wrap .cont .li-box .li .list-box .list .intro {
    flex-wrap: wrap;
    padding: .5rem .75rem;
  }

  .develop .wrap .cont .li-box .li .list-box .list .intro .text {
    width: 100%;
    padding-right: 0;
    margin-bottom: .5rem;
  }

  .develop .wrap .cont .li-box .li .list-box .list .intro .pic {
    width: 100%;
  }

  .information .wrap .top-swiper .swiper-slide {
    width: 49%;
  }

  .information .wrap .li-box .li .lf-cont {
    width: 85%;
  }

  .news-info .wrap {
    width: 90%;
  }

  .business .wrap .point-box .li2 .cont,
  .business .wrap .point-box .li3 .cont {
    right: -7rem;
  }

  .business .wrap .point-box .li1 .cont,
  .business .wrap .point-box .li5 .cont {
    left: -7rem;
  }

  .business .tab .tab-swiper .swiper-slide {
    margin-right: 1rem;
  }

  .business .change-box .box .change-swiper .swiper-slide {
    width: 32%;
    margin-right: 2%;
  }

  .recruit .wrap .cont .tab .li .sub {
    width: 5rem;
    line-height: 1.2;
  }

  .culture .wrap .li-box {
    margin-top: 2.5rem;
  }

  .culture .wrap .li-box .li3 {
    top: 6rem;
    left: 57.5%;
  }
}

@media (max-width: 997px) {
  .pub-tit {
    font-size: .8rem;
  }

  .email p,
  .footer .wrap .rg .foot-focus,
  .i-busin .wrap .tit br,
  .i-busin .wrap .link-box .li span,
  .footer .wrap .lf,
  .footer .wrap .rg .share,
  .i-news .wrap .swiper-button-prev,
  .i-news .wrap .swiper-button-next,
  .develop .wrap .cont .year-fix-box,
  .develop .wrap .cont .li-box .li .li-tit,
  .develop .wrap .cont .li-box .li .list-box .list .intro::after,
  .develop .wrap .cont .li-box .li .list-box .list .intro .point {
    display: none;
  }

  .email div {
    margin-right: 0;
  }

  .logo {
    width: 7.3rem;
  }

  .font56 {
    font-size: .8rem;
  }

  .font42 {
    font-size: .8rem;
  }

  #ban-container .swiper-slide .pos-cont {
    top: 15%;
  }

  #ban-container .pagination-box {
    bottom: .5rem;
  }

  .i-about {
    padding: 1.5rem 0 .75rem;
  }

  .i-about .wrap .box {
    flex-wrap: wrap;
    margin-top: .5rem;
  }

  .i-about .wrap .box .lf {
    width: 100%;
    padding: 0;
    margin-bottom: 1rem;
  }

  .i-about .wrap .box .lf .intro {
    margin-bottom: .8rem;
  }

  .i-about .wrap .box .rg {
    width: 100%;
    padding: 0;
  }

  .i-about .wrap .box .rg .li .intro {
    line-height: 1.2;
  }

  .i-busin .wrap {
    top: 2rem;
    height: calc(100% - 2rem);
  }

  .i-busin {
    margin-bottom: 5rem;
  }

  .i-busin .img-box {
    height: 18rem;
  }

  .i-busin .wrap .tit {
    margin-bottom: 1rem;
  }

  .i-busin .wrap .link-box {
    /* position: absolute; */
    /* top: calc(100% - 1rem); */
  }

  .i-busin .wrap .link-box .li {
    width: 80%;
    /* flex-wrap: wrap;
    justify-content: center;
    height: 3.5rem;
    padding: .5rem; */
    background-color: #54BB2B;
  }

  .i-busin .wrap .link-box .li:nth-child(2) {
    background-color: #036FB8;
  }

  .i-busin .wrap .link-box .li:nth-child(3) {
    background-color: #036FB8;
  }

  .i-busin .wrap .link-box .li:nth-child(4) {
    background-color: #255C82;
  }

  /* .i-busin .wrap .link-box .li div {
    margin-right: 0;
    margin-bottom: .25rem;
  } */

  .i-busin .wrap .link-box .li p {
    /* width: 100%; */
    text-align: center;
    color: #fff;
  }

  .i-busin .wrap .link-box .li div {
    filter: brightness(100);
    width: 20px;
  }

  .i-busin .wrap .link-box .li div img {
    filter: brightness(100);
  }

  .i-news .wrap .i-news-swiper .swiper-slide {
    width: 100%;
  }

  .i-news {
    padding: 2.5rem 0 1rem;
  }

  .i-news .wrap .i-news-swiper {
    width: 90%;
    margin-top: .75rem;
  }

  .footer .wrap .rg {
    width: 100%;
  }

  .footer {
    padding: 1rem 0;
  }

  .footer .wrap .rg .li:last-child {
    margin-bottom: 0;
  }

  .copyright {
    flex-direction: column-reverse;
  }

  .copyright .lf {
    margin-bottom: 0;
    text-align: center;
  }

  .copyright .lf .link {
    margin-bottom: .25rem;
    line-height: 1.2;
  }

  .copyright .lf .boc {
    color: #fff;
    opacity: .5;
  }

  .copyright .rg {
    margin-bottom: .5rem;
  }

  .nav-container .swiper-slide {
    width: 33.33%;
  }

  .banner-img {
    height: 10rem;
  }

  .banner-intro .h1 {
    font-size: .9rem;
  }

  .about .wrap {
    padding: 1.5rem 5% 0;
  }

  .about .wrap .box {
    flex-wrap: wrap;
  }

  .about .wrap .box .lf {
    width: 100%;
    margin-bottom: .5rem;
  }

  .about .wrap .box .lf .intro {
    margin-top: .75rem;
  }

  .about .wrap .box .rg {
    width: 100%;
  }

  .about .wrap .side-bg {
    z-index: -1;
  }

  .about .wrap .introduce {
    margin-top: 1rem;
  }

  .about .wrap .introduce .pos-text {
    position: relative;
    top: 0;
    width: 100%;
    left: 0;
    padding: .75rem .5rem;
  }

  .about .wrap .introduce .pos-text .h1 {
    color: #333;
    font-size: .8rem;
  }

  .about .wrap .introduce .pos-text .text {
    color: #333;
    margin-top: .3rem;
  }

  .about .wrap .li-box {
    margin-top: .8rem;
    padding-right: 0;
  }

  .about .wrap .li-box .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: .5rem;
    padding: .75rem .5rem;
  }

  .about .wrap .li-box .li:last-child {
    margin-bottom: 0;
  }

  .about .wrap .li-box .li .cont {
    margin-top: 1rem;
  }

  .about .wrap .subsidiary {
    margin-top: 1.5rem;
    padding-right: 0;
    padding-bottom: 1rem;
  }

  .about .wrap .subsidiary .ls-box .li {
    width: 48%;
    margin-right: 4%;
  }

  .about .wrap .subsidiary .ls-box .li:nth-child(2n) {
    margin-right: 0;
  }

  .about-dialog .cont-box {
    padding: .75rem .5rem;
    height: 70%;
  }

  .about-dialog .cont-box .li-box {
    height: calc(100% - 4rem);
    align-content: flex-start;
    overflow-y: auto;
  }

  .about-dialog .cont-box .li-box::-webkit-scrollbar {
    width: 3px;
  }

  .about-dialog .cont-box .li-box p {
    width: 100%;
    margin-bottom: .4rem;
  }

  .about-dialog .cont-box .li-box p:last-child {
    margin-bottom: 0;
  }

  .speech {
    padding: 1.5rem 0 1rem;
  }

  .speech .cont-box {
    margin-top: 1rem;
  }

  .speech .cont-box .lf {
    width: 80%;
  }

  .speech .cont-box .rg .intro {
    margin-top: 1rem;
  }

  .organizational {
    padding: 1.5rem 0 1rem;
  }

  .develop {
    padding: 1.5rem 0 1rem;
  }

  .develop .wrap .sub {
    margin-bottom: .75rem;
  }

  .develop .wrap .cont {
    flex-wrap: wrap;
  }

  .develop .wrap .cont .year-fix-box {
    width: 100%;
  }

  .develop .wrap .cont .year-box {
    width: 100%;
    padding: 0;
  }

  .develop .wrap .cont .li-box {
    width: 100%;
    padding: 0;
  }

  .develop .wrap .cont .li-box::before,
  .develop .wrap .cont .li-box::after {
    display: none;
  }

  .develop .wrap .cont .li-box .li {
    background: none;
    margin-bottom: 1rem;
  }

  .develop .wrap .cont .li-box .li:last-child {
    margin-bottom: 0;
  }

  .develop .wrap .cont .li-box .li .list-box .list {
    flex-wrap: wrap;
    margin-bottom: .5rem;
  }

  .develop .wrap .cont .li-box .li .list-box .list:last-child {
    margin-bottom: 0;
  }

  .develop .wrap .cont .li-box .li .list-box .list .date {
    width: 100%;
    margin-bottom: .5rem;
  }

  .develop .wrap .cont .li-box .li .list-box .list .intro {
    width: 100%;
    margin-top: 0;
    padding: .5rem 0;
  }

  .honor {
    padding: 1.5rem 0 1rem;
  }

  .honor .wrap .honor-swiper .swiper-slide {
    width: 100%;
  }

  .honor .wrap .swiper-box .swiper-button-prev,
  .honor .wrap .swiper-box .swiper-button-next {
    display: none;
  }

  /* .honor .wrap .li-box .li {
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 1rem;
  }

  .honor .wrap .li-box .li:last-child {
    margin-bottom: 0;
  }

  .honor .wrap .li-box {
    margin-bottom: 1.5rem;
  } */

  .care {
    padding: 1.5rem 0 1rem;
  }

  .care .wrap .top {
    margin-bottom: 1rem;
    margin-top: .8rem;
  }

  .care .wrap .top .li {
    width: 100%;
    margin-right: 0;
  }

  .care .wrap .top .li:first-child {
    margin-top: 0;
    margin-bottom: .75rem;
  }

  .care .wrap .li-box .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: .75rem;
  }

  .care .wrap .top .li .pic,
  .care .wrap .li-box .li .pic {
    margin-bottom: .4rem;
  }

  .information {
    padding: 1.5rem 0 1rem;
  }

  .information .wrap .top-swiper .swiper-slide {
    width: 100%;
    padding: .5rem;
  }

  .information .wrap .li-box .li {
    flex-wrap: wrap;
    padding: .5rem;
  }

  .information .wrap .li-box .li .lf-cont {
    width: 100%;
  }

  .information .wrap .li-box .li .view {
    width: 100%;
    justify-content: flex-end;
  }

  .information .wrap .li-box .li .lf-cont .date .mouth {
    white-space: nowrap;
  }

  .repons {
    padding: 1.5rem 0 1rem;
  }

  .repons .wrap .li-box {
    margin-top: .75rem;
  }

  .repons .wrap .li-box .li {
    width: 100%;
    height: auto;
    margin-right: 0;
    padding: .5rem;
  }

  .news {
    padding: 1.5rem 0 1rem;
  }

  .news .wrap .top-swiper .swiper-slide {
    width: 100%;
  }

  .news .wrap .li-box {
    margin-top: 1.25rem;
  }

  .news .wrap .li-box .li {
    flex-wrap: wrap;
    margin-bottom: 1rem;
  }

  .news .wrap .li-box .li .pic {
    width: 100%;
    margin-right: 0;
    margin-bottom: .5rem;
  }

  .news .wrap .li-box .li .cont {
    width: 100%;
    padding: 0;
    padding-bottom: .25rem;
  }

  .news-info {
    padding: 1.5rem 0 1rem;
  }

  .news-info .wrap .cont {
    padding: .75rem .5rem;
  }

  .news-info .wrap .cont .info-page .back {
    margin-top: .5rem;
  }

  .nav-box.busin .nav-container .swiper-slide {
    width: 40%;
  }

  .business .wrap {
    padding: 1.5rem 0 1rem;
  }

  .business .wrap .point-box .li {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 0.5rem;
    padding: 0.5rem;
    border-radius: .25rem;
    margin-left: 0;
  }

  .business .wrap .point-box .li:last-child {
    margin-bottom: 0;
  }

  .business .wrap .point-box .li .icon {
    width: 3rem;
    height: 3rem;
  }

  .business .wrap .point-box .li .cont {
    width: calc(100% - 3rem);
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    padding-left: .75rem;
    text-align: left;
    transform: translate(0);
  }

  .business .wrap .point-box {
    width: 100%;
    margin-top: 1rem;
  }

  .business .wrap .point-box .li:hover .icon {
    transform: scale(1);
  }

  .business .wrap .point-box .li .icon::after {
    background-color: #036FB8;
  }

  .business .wrap .point-box .li:hover .cont {
    top: 0;
  }

  .business .wrap .point-box .li .cont .h2 {
    margin-bottom: .5rem;
  }

  .business .wrap .point-box .li .icon img {
    filter: brightness(100);
  }

  .business .wrap .point-box .li .cont .more {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    float: left;
  }

  .business .tab .tab-swiper .swiper-wrapper {
    justify-content: flex-start;
  }

  .business .change-box .box .change-swiper .swiper-slide {
    width: 49%;
    padding: 2rem .5rem .5rem;
  }

  .business .change-box .box .change-swiper .swiper-slide .btm-tit {
    margin-top: 1rem;
  }

  .businessInfo {
    padding: 1.5rem 0 1rem;
  }

  .businessInfo .top-select .change-box .tit {
    font-size: .8rem;
  }

  .businessInfo .top-select .change-box {
    padding-right: 1rem;
  }

  .businessInfo .top-select .change-box::after {
    border-top-width: 8px;
    border-left-width: 5px;
    border-right-width: 5px;
  }

  .businessInfo .btm-cont .tit {
    line-height: 1.2;
  }

  .businessInfo .btm-cont .li-box {
    margin-top: 1rem;
  }

  .businessInfo .btm-cont .li-box .li .pic {
    width: 100%;
  }

  .businessInfo .btm-cont .li-box .li .intro,
  .businessInfo .btm-cont .li-box .li:nth-child(2n) .intro {
    width: 100%;
    padding: .75rem .5rem;
  }

  .businessInfo .btm-cont .li-box .li .intro .h2 {
    margin-top: .4rem;
  }

  .gover .wrap .li-wrap .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1rem;
  }

  .gover .wrap .li-wrap .li .time {
    margin-top: .5rem;
  }

  /* .culture {
    padding: 1.5rem 0 1rem;
  }

  .culture .wrap .sub {
    line-height: 1.2;
    margin-top: .75rem;
  }

  .culture .wrap .cont {
    margin-top: .5rem;
  }

  .culture .wrap .pic {
    margin-top: 1rem;
  }

  .culture .wrap .btm-box {
    margin-top: 1rem;
  }

  .culture .wrap .btm-box .intro {
    flex-wrap: wrap;
  }

  .culture .wrap .btm-box .intro .h1 {
    width: 100%;
    margin-bottom: .5rem;
  }

  .culture .wrap .btm-box .intro .text {
    width: 100%;
  }

  .culture .wrap .btm-box .culture-swiper {
    margin-top: 1rem;
  }

  .culture .wrap .btm-box .culture-swiper .swiper-slide {
    width: 100%;
    padding: 1rem .5rem;
  } */

  .culture>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .culture .wrap {
    width: 90%;
    padding: 1.5rem 0;
    position: relative;
    left: 0;
    transform: translate(0, 0);
  }

  .culture .wrap .li-box {
    margin-top: .8rem;
  }

  .culture .wrap .li-box .li {
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0, 0);
  }

  .culture .wrap .li-box .li:last-child {
    margin-bottom: 0;
  }

  .culture .wrap .li-box .li .point {
    background-image: url(../img/111.png);
    margin: 0 auto -2rem;
  }

  .culture .wrap .li-box .li .point .icon {
    filter: brightness(100);
  }

  .culture .wrap .li-box .li .point p {
    color: #fff;
  }

  .culture .wrap .li-box .li .intro {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    transform: translate(0, 0);
    visibility: visible;
    opacity: 1;
    padding: 1rem .5rem;
    height: auto;
  }

  .culture .wrap .li-box .li:hover .intro {
    transform: translate(0, 0);
  }

  .culture .wrap .li-box .li .intro .text {
    max-height: initial;
  }

  .activity {
    padding: 1.5rem 0 1rem;
  }

  .activity .wrap .li-box {
    margin-top: .8rem;
  }

  .activity .wrap .li-box .li {
    flex-wrap: wrap;
  }

  .activity .wrap .li-box .li .pic {
    width: 100%;
  }

  .activity .wrap .li-box .li .cont {
    width: 100%;
    padding: .75rem .5rem 0;
  }

  .activity .wrap .li-box .li .cont .intro {
    margin-top: .5rem;
  }

  .activity .wrap .li-box .li .cont .more {
    margin-top: .75rem;
  }

  .recruit {
    padding: 1.5rem 0 1rem;
  }

  .recruit .wrap .cont {
    margin-top: .8rem;
    flex-wrap: wrap;
  }

  .recruit .wrap .cont .tab {
    width: 100%;
    padding-right: 0;
    margin-bottom: 1rem;
  }

  .recruit .wrap .cont .tab .li {
    height: auto;
  }

  .talent {
    padding: 1.5rem 0 1rem;
  }

  .talent .wrap .li-box {
    margin-top: .8rem;
  }

  .talent .wrap .li-box .li {
    width: 100%;
    height: auto;
    padding: .75rem .5rem;
    margin-right: 0;
  }

  .talent .wrap .li-box .li .view {
    position: relative;
    bottom: 0;
    right: 0;
    justify-content: flex-end;
    margin-top: .5rem;
  }

  .search-dialog .form-box form {
    width: 60%;
  }

  .i-news .wrap .more {
    display: block;
    width: max-content;
    position: relative;
    top: 0;
    right: 0;
    margin: 1rem auto;
  }

  #ban-container .pagination-box .pagination-num p {
    width: 1rem;
  }

  .recruit .wrap .cont .pic-box {
    width: 100%;
  }

  .recruit .wrap .cont .tab .li .sub {
    width: 8rem;
    line-height: 1.4;
  }

  .head-search svg {
    fill: #333;
  }

  .email {
    margin-right: .5rem;
  }

  .honor .wrap .top {
    flex-wrap: wrap;
  }

  .honor .wrap .top .lf {
    width: 100%;
    padding-right: 0;
    margin-bottom: 1rem;
  }

  .honor .wrap .top .swiper-box {
    width: 100%;
    height: 24rem;
    padding-bottom: 11rem;
  }

  .news-info .wrap .cont .text img {
    height: auto;
  }

  .honor .wrap .top .honor-li-swiper .swiper-slide {
    width: 100%;
  }

  .honor .wrap .top .pos-intro {
    width: 100%;
    bottom: 0;
    top: auto;
    height: 10rem;
    padding: .5rem;
  }

  .honor .wrap .top .pos-intro .scroll-box {
    flex-wrap: wrap;
  }

  .honor .wrap .top .pos-intro .pic {
    width: 100%;
    max-width: 100%;
  }

  .talent .wrap .li-box .li .cont {
    width: 60%;
  }

  .i-build {
    padding: 1.5rem 0;
    height: auto;
  }

  .i-build .wrap .sub {
    margin-top: .7rem;
  }

  .i-build .wrap .cont {
    width: 100%;
  }

  .buildBrand .top {
    padding: 1.5rem 0;
    height: auto;
  }

  .buildBrand .top .sub {
    margin-top: 1rem;
  }

  .buildBrand .top .cont {
    width: 100%;
  }

  .btm {
    height: auto;
    padding: 1.5rem 0;
  }

  .btm .wrap .change-cont {
    min-height: 10.5rem;
    height: auto;
    padding: 1rem .5rem;
  }

  .btm .wrap .change-cont .cont {
    width: 100%;
  }

  .i-build .wrap .li-box {
    flex-wrap: wrap;
  }

  .i-build .wrap .li-box .li {
    width: 32%;
    margin-right: 2%;
  }

  .i-build .wrap .li-box .li:nth-child(3n) {
    margin-right: 0;
  }

  .i-busin .wrap .tit * {
    display: inline;
    font-size: 18px !important;
  }

  .business .wrap .point-box>img,
  .business .wrap .point-box .side-point,
  .business .change-box .box .change-swiper .swiper-slide .top-tit,
  .business .change-box .box .change-swiper .swiper-slide .cont,
  .recruit .wrap .cont .tab .li::after {
    display: none;
  }

  .about .wrap .li-box .li .h1,
  .care .wrap .top .li p,
  .care .wrap .li-box .li p,
  .repons .wrap .li-box .li .h1,
  .business .wrap .sub,
  .honor .wrap .top .honor-li-swiper .swiper-slide {
    font-size: 16px;
  }

  .about .wrap .li-box .li .h2,
  .pub-whiTit,
  .organizational .wrap .sub,
  .honor .wrap .top .honor-li-swiper .swiper-slide-active {
    font-size: 18px;
  }

  .about .wrap .subsidiary .h2,
  .i-about .wrap .box .rg .li .num p,
  .about-dialog .cont-box .h2,
  .organizational .wrap .tit,
  .side-sub,
  .font40,
  .i-about .wrap .box .rg .li:nth-child(2) .num p,
  .i-about .wrap .box .rg .li:nth-child(4) .num p {
    font-size: 20px;
  }

  .side-tit {
    font-size: 22px;
  }

  .font62 {
    font-size: .9rem;
  }
}