@media (max-width: 1680px) {
  .banner .banner-img .banner-intro {
    width: 45%;
  }

  #all-container .third .sub {
    margin-bottom: 0;
  }
  .about .culture .w1560{
    width:70%;
  }
  .about .culture .wrap .swiper-box .swiper-button-prev{
    left:-1.85rem;
  }
  .about .culture .wrap .swiper-box .swiper-button-next{
    right:-1.85rem;
  }
  .about .culture .wrap .swiper-box .culture-swiper .swiper-slide{
    height:auto;
    padding-bottom:1.5rem;
  }
}

@media (max-width: 1480px) {
  .foot .foot-top .nav .li {
    margin-right: 2.5rem;
  }

  .banner .banner-img .banner-intro .li-box .li {
    width: 48%;
    margin-right: 4%;
  }

  .about .about-top .wrap .intro .lf {
    width: 42%;
  }

  .join .box .wrap .li-box .li:nth-child(2) {
    margin-top: -2rem;
  }

  .join .box .wrap .li-box .li:nth-child(2) .intro {
    padding-top: 4.25rem;
  }
}

@media (max-width: 1366px) {
  #all-container .first .li-box .li {
    width: 24%;
  }

  .banner .banner-img .banner-intro .li-box .li .text {
    line-height: 1.2;
  }
}

@media (max-width: 1200px) {
  .head-nav {
    margin-right: 1.5rem;
  }

  .nav-ls {
    margin-right: .75rem;
  }

  .foot .foot-top .nav .li {
    margin-right: 1.5rem;
  }

  .about .about-top .wrap .intro .lf {
    width: 45%;
  }

  .join .box .wrap .li-box .li:nth-child(2) {
    margin-top: 0;
  }

  .join .box .wrap .li-box .li:nth-child(2) .intro {
    padding-top: 2rem;
  }
  .about .culture .w1560{
    width:81%;
  }
}

@media (max-width: 1024px) {

  .w1560,
  .w1850 {
    width: 90%;
  }

  .i-sub,
  #all-container .ban-container .swiper-slide .ban-font .h2 {
    font-size: 1.2rem;
  }

  #all-container .first,
  #all-container .scend,
  #all-container .all-swiper-slide .pubSwiper {
    padding: 15% 5% 0;
  }

  #all-container .scend .rg .pic1 {
    margin-bottom: -3.5rem;
  }

  #all-container .scend .rg .pic2 {
    margin-bottom: -2.5rem;
  }

  #all-container .third .sub {
    margin-bottom: 1rem;
  }

  #all-container .third .i-news-swiper .swiper-button-prev {
    right: calc(5% + 1.6rem);
  }

  #all-container .third .i-news-swiper .swiper-button-next {
    right: 5%;
  }

  .foot .foot-top {
    padding: 2rem 0;
  }

  .foot .foot-top .code .pic-box {
    width: max-content;
  }

  .banner .banner-img .banner-intro .h1 {
    font-size: 1rem;
    color: #000;
  }

  .banner .banner-img .banner-intro .cont {
    color: #666;
  }

  .banner .banner-img .banner-intro .li-box .li .top p,
  .banner .banner-img .banner-intro .li-box .li .top span,
  .banner .banner-img .banner-intro .li-box .li .text {
    color: #666;
  }

  .banner .pub-nav {
    display: none !important;
  }

  .banner .banner-img .banner-intro {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding: 1.5rem 5%;
  }

  .banner .banner-img .banner-intro .li-box {
    margin-top: 1.5rem;
  }

  .about .about-top {
    padding: 1.2rem 0;
  }

  .banner .banner-img .banner-intro .li-box .li .top p {
    font-size: 1.5rem;
  }

  .side-tit {
    font-size: .9rem;
  }

  .about .development .dev-swiper .swiper-slide .time {
    font-size: 2rem;
  }

  .about .culture .wrap .swiper-box .culture-swiper .swiper-slide {
    padding: 1.2rem .5rem .7rem;
  }

  .banner .banner-img .ban-intro {
    left: 5%;
    width: 90%;
  }

  .banner .banner-img .ban-intro .text .cont {
    font-size: .8rem;
  }

  .business .business-swiper .swiper-slide {
    width: 50%;
  }

  .business-info .info-ban .intro .tit,
  .banner .banner-img .dev-ban .h1 {
    font-size: 1rem;
  }

  .banner .banner-img .dev-ban {
    top: 15%;
    width: 90%;
  }

  .banner .banner-img .dev-ban .cont {
    width: 80%;
  }

  .banner .banner-img .dev-ban .pic {
    width: 7rem;
  }

  .develop .respon .li-box .li .cont {
    padding-bottom: 1rem;
  }

  .join .box .wrap .li-box .li .intro .list {
    padding-bottom: .7rem;
    margin-bottom: 1rem;
  }

  .demeanour .demeanour-swiper .swiper-button-prev {
    left: 5%;
  }

  .demeanour .demeanour-swiper .swiper-button-next {
    right: 5%;
  }

  .dialog .wrap {
    width: 80%;
  }

  .sunlight .wrap .lf {
    width: 100%;
  }

  .sunlight .wrap .lf .li-box {
    border-right: none;
    padding-right: 0;
  }

  .sunlight .wrap .rg {
    display: none;
  }

  .foot .foot-btn {
    padding: .5rem 5%;
  }
}

@media (max-width: 997px) {
  #all-container .ban-container .swiper-button-prev {
    left: 5%;
  }

  #all-container .ban-container .swiper-button-next {
    right: 5%;
  }

  #all-container .ban-container .swiper-slide .ban-font {
    top: 25%;
    width: 90%;
  }

  .i-sub,
  #all-container .ban-container .swiper-slide .ban-font .h2,
  .banner .banner-img .banner-intro .h1 {
    font-size: .8rem;
  }

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

  #all-container .all-swiper-slide .first,
  #all-container .all-swiper-slide .scend {
    padding: 3.5rem 5% 0;
  }

  #all-container .third .sub {
    margin-bottom: 1.5rem;
  }

  #all-container .all-swiper-slide .third {
    padding: 4.5rem 5% 0;
  }

  #all-container .first .top {
    display: block;
  }

  #all-container .third .i-news-swiper .swiper-slide .cont {
    line-height: 1.4;
    white-space: initial;
    height: 2.8em;
  }

  .i-sub {
    margin-top: .5rem;
  }

  #all-container .all-swiper-slide .first .top .cont {
    width: 100%;
    padding-top: .5rem;
  }

  #all-container .first .li-box {
    margin-top: .8rem;
  }

  #all-container .first .li-box .li {
    width: max-content;
    transform: translateY(0);
  }

  #all-container .first .li-box .li .h1 {
    margin-top: .7rem;
    line-height: 1.4;
  }

  #all-container .first .li-box .li .h2,
  #all-container .first .li-box .li .cont {
    display: none;
  }

  #all-container .first .li-box .li .more {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  #all-container .scend {
    flex-wrap: wrap;
  }

  #all-container .all-swiper-slide .scend .lf {
    width: 100%;
  }

  #all-container .scend .rg {
    width: 100%;
  }

  #all-container .scend .lf .cont {
    margin-top: .6rem;
    max-height: 6.3em;
    overflow-y: auto;
    padding-right: 5px;
  }

  #all-container .scend .lf .cont::-webkit-scrollbar {
    width: 3px;
  }

  #all-container .scend .lf .more {
    margin-top: .8rem;
  }

  #all-container .scend .lf .num-box {
    margin-top: 1rem;
  }

  #all-container .third .i-news-swiper .swiper-slide,
  #all-container .third .i-news-swiper .swiper-slide-active {
    width: 90%;
    margin: 0 5%;
  }

  #all-container .third .i-news-swiper .swiper-button-prev,
  #all-container .third .i-news-swiper .swiper-button-next,
  /* #all-container .scend .rg .pic1, */
  /* #all-container .scend .rg .pic3, */
  #all-container .scend .rg .pic4,
  .foot .foot-top .nav {
    display: none;
  }

  #all-container .scend .rg .pic1 {
    width: 30%;
    position: absolute;
    left: 0;
    top: -.5rem;
  }

  #all-container .scend .rg .pic3 {
    width: 30%;
    position: absolute;
    right: 0;
    bottom: -.5rem;
  }

  #all-container .scend .rg .pic2 {
    margin: 0 auto;
  }

  #all-container .third .i-news-swiper .swiper-scrollbar {
    margin-top: 1rem;
  }

  .foot .foot-top {
    padding: 1rem 0;
  }

  .foot .foot-top .code .pic-box {
    margin-top: 1rem;
  }

  .foot .foot-btn {
    flex-wrap: wrap;
  }

  .foot .foot-btn .lf {
    width: 100%;
  }

  .foot .foot-btn .rg {
    margin-top: .5rem;
    width: 100%;
    padding-right: 0;
  }

  .banner .banner-img .banner-intro .li-box {
    margin-top: 1rem;
  }

  .about .about-top {
    padding: .5rem 0 1rem;
  }

  .about .about-top .wrap .intro {
    flex-wrap: wrap;
  }

  .about .about-top .wrap .intro .lf {
    width: 100%;
    margin-bottom: .7rem;
  }

  .about .about-top .wrap .intro .rg {
    width: 100%;
  }

  .side-tit {
    font-size: .8rem;
  }

  .about .about-top .wrap .intro .lf .sub {
    margin-top: 1rem;
  }

  .about .about-top .wrap .pic {
    margin-top: 1.5rem;
  }

  .about .organization,
  .about .development {
    padding: 1.5rem 0;
  }

  /* .public-container .swiper-button-prev,
.public-container .swiper-button-next {
  display: none;
} */

  .banner .banner-img .banner-intro .li-box .li .top p {
    color: #e60012;
  }

  .about .development .dev-swiper .swiper-slide .cont {
    width: 90%;
  }

  .about .development .dev-swiper {
    margin-top: 1.8rem;
  }

  .about .development .time-swiper {
    margin-top: 3rem;
  }

  .about .development .time-swiper .swiper-slide {
    width: 33.33%;
    margin-right: 0;
  }

  .about .culture {
    padding: 1.5rem 0;
  }

  .about .culture .wrap .swiper-box .culture-swiper .swiper-slide {
    width: 100%;
    padding: 1rem .7rem;
  }

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

  .about .culture .wrap .swiper-box .swiper-pagination {
    display: block;
  }

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

  .about .honor .honor-swiper {
    margin-top: 1.5rem;
  }

  .about .honor .honor-swiper .swiper-slide {
    padding-top: 0;
  }

  .about .honor .honor-swiper .swiper-slide .li {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 70%;
    margin: 0 auto;
    margin-bottom: .5rem;
  }

  .about .honor .honor-swiper .swiper-slide .li:last-child {
    margin-bottom: 0;
  }

  .about .honor .honor-swiper .swiper-pagination {
    display: block;
  }

  .about .contact {
    padding: 1.5rem 0;
  }

  .about .contact .wrap .box {
    margin-top: 1rem;
    flex-wrap: wrap;
  }

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

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

  .banner .banner-img .ban-intro {
    position: relative;
    top: 0;
    left: 0;
    transform: translateY(0);
    flex-wrap: wrap;
    padding: 1.5rem 5%;
    width: 100%;
    z-index: 20;
  }

  .banner .banner-img .ban-intro .text {
    width: 100%;
    margin-bottom: .75rem;
  }

  .banner .banner-img .ban-intro .text .h1 {
    color: #000;
  }

  .banner .banner-img .ban-intro .text .cont {
    color: #666;
    line-height: 1.2;
  }

  .banner .banner-img .ban-intro .select {
    width: 100%;
  }

  .banner .banner-img .ban-intro .select .drop-down,
  .banner .banner-img .ban-intro .select .search {
    width: 49%;
  }

  .banner .banner-img .ban-intro .select .drop-down {
    margin-right: 2%;
  }

  .banner .banner-img .ban-intro .select .drop-down,
  .banner .banner-img .ban-intro .select .search {
    border: 1px solid rgba(0, 0, 0, .1);
  }

  .news {
    padding: 1.5rem 0;
  }

  .news .wrap .list-box {
    margin-bottom: 1.5rem;
  }

  .news .wrap .list-box .li {
    flex-wrap: wrap;
  }

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

  .news .wrap .list-box .li .cont {
    width: 100%;
  }

  .news-info {
    padding-bottom: 1.5rem;
  }

  .news-info .wrap .intro {
    width: 100%;
    margin-top: .8rem;
    margin-bottom: 0;
    padding: .5rem 5%;
  }

  .news-info .wrap .intro .box {
    flex-wrap: wrap;
  }

  .news-info .wrap .intro .box .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: .5rem;
    justify-content: center;
  }

  .news-info .wrap .intro .box .li:last-child {
    margin-bottom: 0;
  }

  .news-info .wrap .intro .tit {
    font-size: .8rem;
  }

  .news-info .wrap .intro .cont {
    margin-top: .6rem;
    padding: .5rem 0 1rem;
  }

  .news-info .wrap .intro .info-page {
    flex-wrap: wrap;
    margin-top: .8rem;
  }

  .news-info .wrap .intro .info-page .page-intro {
    width: 100%;
    margin-bottom: .5rem;
  }

  .business .business-swiper .swiper-slide {
    width: 100%;
    height: 18rem;
  }

  .business .business-swiper .swiper-slide .tit {
    margin-top: .5rem;
  }

  .business .business-swiper .swiper-slide .en {
    transform: translateY(0);
    margin-bottom: .5rem;
    display: none;
  }

  .business .business-swiper .swiper-slide .cont {
    margin-bottom: .6rem;
  }

  .business .business-swiper .swiper-slide .more {
    margin-top: 1.5rem;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .business .business-swiper .swiper-slide:hover {
    background-color: transparent;
  }

  .business .business-swiper .swiper-slide:hover .cont,
  .business .business-swiper .swiper-slide .cont {
    height: 4em;
    overflow: hidden;
  }

  .business-info .info-ban .intro {
    top: 20%;
    width: 90%;
  }

  .business-info .top {
    padding: 1.5rem 0;
  }

  .business-info .top .wrap .li-box {
    margin-top: 1rem;
    /* flex-wrap: wrap; */
  }

  .business-info .top .wrap .li-box .swiper-wrapper {
    justify-content: flex-start;
  }

  .business-info .top .wrap .li-box .li {
    width: 33.33%;
    padding: 0 .3rem;
  }

  .business-info .btm {
    padding: 1.5rem 0;
  }

  .business-info .btm .wrap .li-box {
    margin-top: 1rem;
  }

  .business-info .btm .wrap .li-box .li {
    flex-wrap: wrap;
  }

  .business-info .btm .wrap .li-box .li .pic {
    width: 100%;
  }

  .business-info .btm .wrap .li-box .li .cont {
    width: 100%;
    padding: 1rem;
  }

  .business-info .btm .wrap .li-box .li .cont .text {
    margin-top: .5rem;
    max-height: initial;
  }

  .build {
    padding: 0 0 1.5rem;
  }

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

  .build .wrap .li-box .li {
    width: 100%;
    margin-bottom: 1rem;
  }

  /* .banner .banner-img .dev-ban {
    display: none;
  } */

  .banner .banner-img .dev-ban .cont {
    width: 100%;
  }

  .banner .banner-img .dev-ban .pic {
    display: none;
  }

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

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

  .develop .respon .li-box {
    margin-top: 1rem;
  }

  .develop .respon .li-box .li {
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
  }

  .develop .respon .li-box .li .pic {
    width: 100%;
    margin-bottom: 1rem;
  }

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

  .develop .respon .li-box .li .cont .intro {
    margin-top: .4rem;
  }

  .develop .respon .li-box .li .cont .more {
    margin-top: .8rem;
    padding-top: .7rem;
  }

  .join .box {
    padding: 1.5rem 0;
  }

  .join .box .wrap .cont {
    width: 100%;
    padding: 0;
  }

  .join .box .wrap .li-box {
    margin-top: 1.8rem;
  }

  .join .box .wrap .li-box .li {
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
  }

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

  .join .box .wrap .li-box .li .img {
    width: 100%;
    margin-bottom: 1rem;
  }

  .join .box .wrap .li-box .li .intro {
    width: 100%;
  }

  .join .box .wrap .li-box .li .intro .list .h1 {
    margin-top: .5rem;
  }

  .join .box .wrap .li-box .li .intro .list .text {
    height: auto;
  }

  .join .box .wrap .li-box .li:nth-child(2) .intro {
    padding-top: 0;
  }

  .demeanour {
    padding: 1.5rem 0;
  }

  .demeanour .demeanour-swiper .swiper-slide {
    width: 100%;
  }

  .demeanour .demeanour-swiper .swiper-slide .play {
    opacity: 1;
  }

  .school {
    padding: 1.5rem 0;
  }

  .school .wrap .li-box {
    margin-top: 1rem;
    margin-bottom: 1.25rem;
  }

  .school .wrap .li-box .li {
    width: 100%;
    min-height: initial;
    margin-right: 0;
    padding: .3rem .5rem 1rem;
  }

  .dialog .wrap {
    width: 90%;
    height: max-content;
    min-height: initial;
    padding: 1rem 0;
  }

  .dialog .wrap .form-box {
    margin-top: .7rem;
    padding: .7rem .5rem 0;
  }

  .sunlight {
    padding: 0 0 1.5rem;
  }

  .sunlight .wrap .lf .li-box .li {
    padding-bottom: .7rem;
    margin-bottom: .7rem;
  }

  .sunlight .wrap .lf .li-box .li .date {
    width: 3rem;
    height: 3rem;
    margin-right: .5rem;
    padding: .3rem;
  }

  .sunlight .wrap .lf .li-box .li .date .day {
    font-size: .9rem;
  }

  .sunlight .wrap .lf .li-box .li .date .year {
    padding-top: .3rem;
  }

  .sunlight .wrap .lf .li-box .li .cont {
    width: calc(100% - 3.5rem);
  }

  .society {
    padding: 1.5rem 0;
  }

  .society .wrap .li-box {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
  }

  .society .wrap .li-box .li .btm-bots {
    padding: 1rem;
  }

  .society .wrap .li-box .li .top-bots p,
  .society .wrap .li-box .li .top-bots p.time {
    width: 49%;
  }

  .join-banner .info-ban .intro .sub {
    font-size: .7rem;
    line-height: 1.2;
  }

  .society .wrap .li-box .li .top-bots p:nth-child(2),
  .society .wrap .li-box .li .top-bots p:nth-child(3) {
    display: none;
  }

  .society .wrap .li-box .li .btm-bots .tips {
    line-height: 1.4;
  }

  .demeanour .demeanour-swiper .swiper-pagination {
    display: block;
  }

  .i-tit {
    padding-left: 2.6rem;
  }

  .i-tit::after {
    left: 0;
  }

  #all-container .third .bg1 {
    right: .5%;
    top: 24%;
  }

  .business-info .btm .wrap .li-box .li .cont .h1 {
    font-size: .8rem;
  }

  .news .wrap .list-box .li .cont .tit,
  .develop .respon .li-box .li .cont .h1 {
    font-size: 18px;
  }

  .develop .cooperate .wrap .point,
  .join .box .wrap .cont::before,
  .join .box .wrap .cont::after,
  .about .about-top .wrap .intro::after {
    display: none;
  }

  .develop .cooperate .wrap .point1,
  .develop .cooperate .wrap .point3,
  .develop .cooperate .wrap .point11,
  .develop .cooperate .wrap .point13 {
    display: block;
  }

  .develop .cooperate .wrap .point11 p.rg {
    right: calc(100% + 5px);
    left: auto;
  }
}


@media (max-width: 767px) {
  .about .development .dev-swiper .swiper-slide{
    padding:0 8%;
  }
  .about .development .dev-swiper .swiper-slide .time{
    font-size:1.6rem;
  }
  .about .development .dev-swiper .swiper-slide .cont{
    line-height:1.4;
    font-size:20px;
  }
  .about .development .dev-swiper .swiper-button-prev{
    left:3%;
  }
  .about .development .dev-swiper .swiper-button-next{
    right:3%;
  }
}