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

@media (max-width: 1680px) {

  .school .process .box .lf {
    padding: 1.75rem 1rem;
  }
  
  .pc-head .head-nav .nav-ls>a{
    line-height:1.5;
    height: 2.75rem;
    padding-top:.65rem;
  }
  .pc-head .logo{
    margin-right: 2rem;
  }
}

@media (max-width: 1560px) {
  .products .tit {
    top: 1.75rem;
  }
}

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

  .about .top-intro .text-intro .wrap {
    padding: 2rem;
  }

  .about .top-intro .text-intro {
    margin-top: 0;
    padding-top: 2rem;
  }

  .service .cent .pos-cont {
    top: 10%;
  }

  .foster .top-bar .lf {
    padding-top: 2rem;
  }

  .school .process .box .lf .li-wrap .li {
    padding: 1rem .25rem;
  }

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

@media (max-width: 1200px) {
  .pc-head .logo {
    margin-right: 2rem;
  }

  .welcome .i-pro .i-pro-swiper .swiper-slide .pos-cont {
    padding: 0 1rem 1rem;
  }

  .welcome .i-supply .btm-box .pic-box .li p {
    padding: 0 1rem .8rem;
  }

  .footer .top .foot-nav {
    width: 71.5%;
  }

  .pc-head .head-nav .nav-ls {
    margin-right: .8rem;
  }

  .service .cent .pos-cont {
    padding: 0 1rem;
  }

  .products .tit {
    left: 0;
    position: relative;
    top: 0;
    text-align: center;
    margin-bottom: 1rem;
  }

  .products .tit br {
    display: none;
  }

  .products .li-box .li {
    padding-left: 5%;
  }

  .products .li-box .li:nth-child(2n) {
    padding-right: 5%;
  }

  .products-info .download .pic .pos-cont .more {
    margin-top: .5rem;
  }

  .products-info .top-box .rg {
    padding: 0 1.5rem;
  }

  .dev-info .info-top .lf {
    padding: 2rem 5%;
  }

  .w1600 {
    width: 90%;
  }

  .technology .top-bar .lf .tit {
    margin-top: 1.8rem;
  }

  .news .top .rg .li {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }

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

  .foster .cent {
    margin-top: -1.5rem;
    padding-top: 5rem;
  }
}

@media (max-width: 1024px) {

  .font40 {
    font-size: .85rem;
  }

  .font36 {
    font-size: .75rem;
  }

  .welcome .i-pro .i-pro-swiper .swiper-slide .pos-cont .h1,
  .welcome .i-pro .li .pos-cont .h1,
  .welcome .i-pro .top-news .btm .pos-cont .h1 {
    font-size: .7rem;
  }

  .pc-head,
  .head-box.initHead {
    height: 2rem;
  }

  .welcome .i-supply .intro .vid .pos-cont {
    padding: 0 1.5rem 1rem;
  }

  .welcome .i-supply .btm-box .box {
    padding: 1.5rem 1rem;
  }

  .welcome .i-supply .cent-swiper .swiper-slide .pos-cont {
    padding: 1.2rem 1.5rem;
  }

  .about .top-intro .info .intro {
    padding-top: 1rem;
  }

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

  .about .top-intro .info {
    margin-left: 5%;
  }

  .side-bar {
    left: .5rem;
  }

  .about .absorbed .intro {
    margin-top: -1.5rem;
  }

  .about .absorbed .intro .absorbed-swiper .swiper-slide {
    width: 49%;
    margin-right: 2%;
  }

  .about .absorbed .intro .absorbed-swiper .swiper-slide .pos-cont .cont {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .about .global .map .li-box {
    width: 90%;
  }

  .about .global .map .point .pos-cont {
    display: none !important;
  }

  .products .li-box .li {
    flex-wrap: wrap;
    padding: 0 5%;
  }

  .products .li-box .li .lf {
    width: 100%;
    padding-right: 0;
  }

  .products .li-box .li .pic {
    width: 100%;
    margin-top: 1rem;
  }

  .products .li-box .li .lf .cont {
    margin-top: .5rem;
  }

  .products .li-box .li .lf .more {
    margin-top: 1rem;
  }

  .products .li-box .li:nth-child(2n) .lf {
    padding-left: 0;
  }

  .products .li-box .li:nth-child(2n) {
    padding-left: 5%;
  }

  .dev-info .green-btm .li-wrap .li .top .slide-box .list .top-bots .h1 {
    width: 5.5rem;
  }

  .dev-info .green-btm .li-wrap .li .top .slide-box .list .top-bots .text {
    width: 56%;
  }

  .dev-info.sustain .info-top .lf {
    padding-top: 1rem;
  }

  .dev-info .info-top .lf {
    padding: 1rem 5%;
  }

  .dev-info .sound-btm .box .top-list .intro {
    padding: 2rem 1rem;
  }

  .dev-info .worth-btm .con-box {
    width: 90%;
    margin: 1rem auto 0;
  }

  .dev-info .worth-btm .con-box .li {
    width: 49%;
    margin-right: 2%;
  }

  .laboratory .btm-box .laboratory-swiper .swiper-slide {
    height: 9.5rem;
  }

  .laboratory .btm-box .lf {
    padding-left: 5%
  }

  .laboratory .btm-box .lf .cont-wrap {
    padding: 2rem 1.5rem 0 0;
  }

  .foster .top-bar .lf {
    padding: 1rem 5%;
  }

  .foster .cent {
    margin-top: 0;
  }

  .foster .cent {
    padding-top: 3rem;
  }

  .school .top-bar .box .lf .li,
  .school .cent-box .welfare .lf,
  .school .cent-box .box .lf,
  .school .cent-box .box .rg {
    padding: 1rem;
  }

  .school .process .li-box .li {
    margin-right: 1.5rem;
  }

  .school .process .li-box .li .icon::after {
    left: calc(100% + 0.45rem);
  }

  .school .process .box {
    flex-wrap: wrap;
  }

  .school .process .box .lf {
    width: 100%;
    margin-right: 0;
  }

  .school .process .box .rg {
    width: 100%;
    margin-top: 1rem;
  }

  .application-dialog .form-box {
    width: 75%;
  }

  .laboratory .btm-box .lf .arr-box .swiper-button-prev:hover,
  .laboratory .btm-box .lf .arr-box .swiper-button-next:hover {
    border-color: rgba(0, 0, 0, 0.4);
    background: #fff;
    color: rgba(0, 0, 0, 0.4);
  }

  .news .top {
    display: none;
  }
}

@media (max-width: 997px) {
  .welcome .i-pro {
    flex-wrap: wrap;
  }

  .welcome .i-pro .i-pro-swiper {
    width: 50%;
  }

  .welcome .i-pro .li {
    width: 50%;
  }

  .welcome .i-pro .top-news {
    width: 100%;
    margin-top: .8rem;
  }

  .welcome .i-supply .intro {
    flex-wrap: wrap;
  }

  .welcome .i-supply .intro .vid {
    width: 100%;
    margin-right: 0;
    margin-bottom: .75rem;
  }

  .welcome .i-supply .intro .rg-box {
    width: 100%;
  }

  .welcome .i-supply .btm-box .pic-box .li p {
    line-height: 1.2;
  }

  .welcome .i-news .i-news-swiper .swiper-slide {
    width: 49%;
  }

  .welcome .i-supply .btm-box {
    flex-wrap: wrap;
  }

  .welcome .i-supply .btm-box .box {
    width: 100%;
    padding: 1rem 0;
  }

  .welcome .i-supply .btm-box .pic-box {
    width: 100%;
  }

  .footer .top .foot-nav {
    display: none;
  }

  .footer .top {
    justify-content: center;
  }

  .footer .top .foot-logo {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .footer .top .foot-logo .code {
    margin: 1rem auto 0;
  }

  .footer .top .foot-logo .link {
    margin-top: 0;
  }

  .footer .btm {
    flex-wrap: wrap;
  }

  .footer .btm .rg {
    margin-top: .5rem;
  }

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

  .about .top-intro .info .intro {
    width: 100%;
    padding: 0;
  }

  .about .top-intro .info .intro .cont {
    margin-top: .8rem;
  }

  .about .top-intro .info .pic {
    width: 100%;
    margin-top: 1rem;
  }

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

  .about .top-intro .text-intro .wrap .lf {
    width: 100%;
    margin-right: 0;
  }

  .about .top-intro .text-intro .wrap .lf .cont {
    max-height: 12em;
    overflow: hidden;
  }

  .about .top-intro .text-intro .wrap .lf .zk {
    display: block;
  }

  .about .top-intro .text-intro .wrap .rg {
    width: 100%;
    margin-top: 1rem;
  }

  .about .global {
    padding: 2rem 5%;
  }

  .about .absorbed .pic .pos-cont {
    top: 12%;
  }

  .service .cent .pos-cont {
    position: relative;
    top: 0;
    width: 100%;
    background-color: #f6f6f6;
    padding: 1rem 5%;
  }

  .service .cent .pos-cont .h1 {
    margin-top: .8rem;
  }

  .service .top {
    padding: 2rem 0;
  }

  .products-info .top-box {
    flex-wrap: wrap;
  }

  .products-info .download .pic .pos-cont {
    top: .5rem;
  }

  .products-info .top-box .lf {
    width: 100%;
  }

  .products-info .top-box .rg {
    width: 100%;
    padding: 1rem 0 0;
  }

  .dev .btm-box .dev-swiper .swiper-slide {
    width: 49%;
    margin-right: 2%;
  }

  .dev .top-pic .pos-cont {
    top: 3rem;
  }

  .dev-info.sustain .info-top {
    flex-wrap: wrap;
    padding: 0 5% 1rem;
  }

  .dev-info.sustain .info-top .lf {
    width: 100%;
    padding: 0;
  }

  .dev-info.sustain .info-top .lf .h1 {
    margin-top: .8rem;
  }

  .dev-info .info-top .rg {
    width: 100%;
    margin-top: 1rem;
  }

  .dev-info .worth-btm {
    padding: 2rem 5%;
  }

  .dev-info .worth-btm .cont {
    width: 100%;
  }

  .dev-info .worth-btm .box {
    margin-top: 1rem;
  }

  .dev-info .worth-btm .box .text {
    margin-top: 1rem;
    width: 100%;
  }

  .dev-info .worth-btm .con-box {
    width: 100%;
  }

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

  .dev-info .sound-btm .box .li-box .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: .5rem;
  }

  .dev-info .sound-btm .box .li-box .li:last-child {
    margin-bottom: 0;
  }

  .dev-info .sound-btm .box .li-box .li .cont .tips {
    display: block;
  }

  .dev-info .green-btm .li-wrap .li .top {
    flex-wrap: wrap;
  }

  .dev-info.sustain .green-btm .li-wrap .li .top .tit {
    width: 100%;
  }

  .dev-info.sustain .green-btm .li-wrap .li .top .cont {
    width: 100%;
    margin-top: .8rem;
  }

  .dev-info .info-top {
    flex-wrap: wrap;
    padding: 0 5%;
  }

  .dev-info .info-top .lf {
    width: 100%;
    padding: 0;
  }

  .dev-info .info-top .rg {
    width: 100%;
  }

  .dev-info .green-btm .li-wrap .li .top .tit {
    width: 100%;
  }

  .dev-info .green-btm .li-wrap .li .top .cont {
    width: 100%;
    margin-top: 1rem;
  }

  .dev-info .green-btm .li-wrap .li .top .slide-box {
    width: 100%;
    padding-top: 1rem;
    margin-top: 1rem;
  }

  .innovate .cent-box .wrap {
    flex-wrap: wrap;
  }

  .innovate .cent-box .wrap .cont {
    width: 100%;
    padding-right: 0;
  }

  .innovate .cent-box .wrap .pic {
    width: 100%;
    margin-top: 1rem;
  }

  .innovate .cent-box2 .li-box .li {
    flex-wrap: wrap;
    margin-bottom: 1rem;
  }

  .innovate .cent-box2 .li-box .li:last-child {
    margin-bottom: 0;
  }

  .innovate .cent-box2 .li-box .li .cont {
    width: 100%;
    padding: 1rem;
  }

  .innovate .cent-box2 .li-box .li .pic {
    width: 100%;
  }

  .innovate .cent-box2 .li-box2 .li {
    padding: 0 .5rem;
  }

  .innovate .cent-box2 .li-box2 .li p {
    line-height: 1.2;
  }

  .technology .top-bar {
    flex-wrap: wrap;
  }

  .technology .top-bar .lf {
    width: 50%;
    padding-left: 5%;
  }

  .technology .top-bar .cent {
    width: 50%;
  }

  .technology .top-bar .rg {
    width: 100%;
    padding: 1.5rem;
  }

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

  .news .top .pic {
    width: 100%;
    height: auto;
  }

  .news .top .rg {
    margin-top: 1rem;
    width: 100%;
    padding-left: 0;
  }

  .news .box .li-box .li {
    width: 47.5%;
  }

  .news .box .li-box .li:nth-child(3n) {
    margin-right: 5%;
  }

  .news .box .li-box .li:nth-child(2n) {
    margin-right: 0;
  }

  .contact .btm .box {
    flex-wrap: wrap;
  }

  .contact .btm .box .form {
    width: 100%;
    margin-right: 0;
  }

  .contact .btm .box .pic {
    width: 100%;
    margin-top: 1rem;
  }

  .recruit .wrap {
    flex-wrap: wrap;
  }

  .recruit .wrap .lf {
    width: 100%;
    padding: 0;
  }

  .recruit .wrap .rg {
    width: 100%;
    margin-top: 1rem;
  }

  .foster .top-bar {
    flex-wrap: wrap;
    padding: 0 5%;
  }

  .foster .top-bar .lf {
    width: 100%;
    padding: 1rem 0;
  }

  .foster .top-bar .pic {
    width: 100%;
  }

  .foster .top-bar .lf .cont {
    margin-top: .8rem;
  }

  .foster .cent .top-swiper {
    margin-top: 3rem;
  }

  .school .top-bar .box,
  .school .cent-box .welfare {
    flex-wrap: wrap;
  }

  .school .top-bar .box .lf {
    width: 100%;
    margin-right: 0;
  }

  .school .top-bar .box .rg {
    width: 100%;
    margin-top: 1rem;
  }

  .school .cent-box .welfare .lf {
    width: 100%;
  }

  .school .cent-box .welfare .rg {
    width: 100%;
  }

  .school .process .li-box .li {
    margin-right: .5rem;
  }

  .school .process .li-box .li .icon::after {
    display: none;
  }

  .application-dialog .form-box {
    width: 90%;
  }

  .dev-info.sustain .green-btm .li-wrap .li .top .tit-box {
    width: 100%;
  }

  .dev-info.sustain .green-btm .li-wrap .li .top .cont-box {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .tit-28 {
    font-size: 18px;
  }

  .welcome .i-pro .i-pro-swiper {
    width: 100%;
  }

  .welcome .i-pro .li {
    width: 100%;
    margin-top: .8rem;
  }

  .i-pub-top {
    flex-wrap: wrap;
  }

  .i-pub-top .tit {
    width: 100%;
    margin-bottom: .5rem;
  }

  .welcome .i-supply .intro .vid .play {
    width: 1.2rem;
  }

  .welcome .i-supply .intro .vid .pos-cont {
    top: 50%;
    left: 50%;
    bottom: auto;
    transform: translate(-50%, -50%);
    padding: 0;
    width: auto;
  }

  .welcome .i-supply .intro .vid .pos-cont p {
    display: none;
  }

  .welcome .i-supply .intro .vid {
    margin-bottom: .8rem;
    height: auto;
  }

  .welcome .i-supply .intro .vid img,
  .welcome .i-supply .intro .vid video {
    height: auto;
  }

  .welcome .i-supply .intro .rg-box {
    display: flex;
  }

  .welcome .i-supply .intro .rg-box .li {
    flex-wrap: wrap;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 0;
    padding-bottom: .5rem;
  }

  .welcome .i-supply .intro .rg-box .li:last-child {
    margin-right: 0;
    padding-bottom: .5rem;
    border-bottom: 1px solid #E5E5E5;
  }

  .welcome .i-supply .intro .rg-box .li .pic {
    width: 100%;
  }

  .welcome .i-supply .intro .rg-box .li .info {
    width: 100%;
    padding-left: 0;
    margin-top: .5rem;
  }

  .welcome .i-supply .intro .rg-box .li .info div {
    display: none;
  }

  .welcome .i-supply .cent-swiper .swiper-slide {
    width: 100%;
  }

  .welcome .i-supply .cent-swiper .swiper-slide .pos-cont {
    padding: 0 .8rem 1rem;
  }

  .welcome .i-supply .cent-swiper .swiper-slide .pos-cont .more {
    margin-top: 1rem;
  }

  .welcome .i-supply .btm-box .box .more {
    margin-top: 1.5rem;
  }

  .welcome .i-supply .btm-box .pic-box .li {
    width: 100%;
    height: auto;
    margin-bottom: .5rem;
  }

  .welcome .i-supply .btm-box .pic-box .li:last-child {
    margin-bottom: 0;
  }

  .welcome .i-news {
    padding-top: 2rem;
  }

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

  .welcome {
    padding-bottom: 2rem;
  }

  .footer .top {
    padding: 1.5rem 0 .8rem;
  }

  .about .top-intro .text-intro .wrap {
    padding: 1.5rem 1rem;
  }

  .about .top-intro .text-intro .wrap .rg .li:nth-child(n + 3) {
    margin-top: .8rem;
  }

  .about .history .box {
    margin-top: 1rem;
  }

  .about .global .map .point25 {
    top: 41.39%;
    left: 75.1%;
  }

  .about .global .map .point26 {
    top: 39.2%;
    left: 81.03%;
  }

  .about .global .map-box {
    padding-bottom: 1rem;
    overflow-y: auto;
  }

  .about .global .map-box::-webkit-scrollbar {
    height: 3px;
  }

  .about .global .map-box::-webkit-scrollbar-thumb {
    background: #0068B7;
  }

  .about .global .map {
    min-width: 25rem;
  }

  .about .global .map .li-box {
    width: 100%;
    flex-wrap: wrap;
    bottom: 0;
  }

  .about .global .map .li-box .li {
    width: 50%;
    margin-right: 0;
  }

  .about .global .map .li-box .li:not(:nth-child(-n + 2)) {
    margin-top: .7rem;
  }

  .about .global .map-swiper .swiper-slide {
    width: 100%;
  }

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

  .about .history .box .cont-box .pic {
    width: 100%;
    height: 7rem;
    margin-right: 0;
  }

  .about .history .box .cont-box .li-box {
    width: 100%;
    margin-top: .8rem;
  }

  .about .history .box .swiper-button-next {
    right: -.5rem;
  }

  .about .history .box .swiper-button-prev {
    left: -.5rem;
  }

  .about .history .history-swiper {
    margin-top: 1rem;
  }

  .about .honor .box {
    margin-top: 1rem;
    flex-wrap: wrap;
    height: auto;
  }

  .about .honor .box .pic {
    width: 100%;
    height: 17rem;
  }

  .about .honor .box .li-box {
    width: 100%;
    height: 10rem;
  }

  .about .honor .box .li-box .cont-box {
    padding: 0 .5rem;
  }

  .about .honor .box .li-box .li {
    line-height: 1.2;
  }

  .about .honor .box .li-box .li::after {
    top: 5px;
    transform: translateY(0);
  }

  .about .absorbed .intro {
    margin: 0;
    width: 100%;
    padding: 1rem 5%;
  }

  .about .absorbed .intro .absorbed-swiper {
    margin-top: 1rem;
  }

  .about .absorbed .intro .absorbed-swiper .swiper-slide {
    width: 100%;
  }

  .about .absorbed .pic .pos-cont {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding: 1rem 5%;
    background-color: #f6f6f6;
  }

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

  .service .top .wrap .tit {
    width: 100%;
  }

  .service .top .wrap .li-box {
    width: 100%;
    flex-wrap: wrap;
    margin-top: 1rem;
  }

  .service .top .wrap .li-box .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: .8rem;
  }

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

  .service .btm .wrap {
    flex-wrap: wrap;
  }

  .service .btm .wrap .lf {
    width: 100%;
    padding-right: 0;
  }

  .service .btm .wrap .lf .li-box {
    margin-top: .8rem;
  }

  .service .btm .wrap .rg {
    width: 100%;
    margin-top: 1rem;
  }

  .products-info {
    padding: 1.5rem 0 2rem;
  }

  .products-info .top-box .lf .pic,
  .products-info .top-box .lf .info-swiper {
    height: 8.5rem;
  }

  .products-info .top-box .rg .cont {
    margin-top: .5rem;
  }

  .products-info .top-box .rg .intro {
    margin-top: .8rem;
  }

  .products-info .application .application-swiper .swiper-slide {
    width: 100%;
  }

  .products-info .download .pic {
    margin-top: .8rem;
  }

  .products-info .download .pic .pos-cont {
    position: relative;
    top: 0;
    left: 0;
    padding: .8rem 0 0;
  }

  .products-info .download .pic .pos-cont .h1 {
    color: #333;
  }

  .dev .top-pic .crumb-box {
    left: 5%;
  }

  .dev .btm-box {
    padding: .5rem 0 1.5rem;
    margin-top: 1.5rem;
  }

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

  .dev .btm-box .dev-swiper .swiper-slide {
    width: 100%;
  }

  .dev .top-pic .pos-cont {
    width: 90%;
    top: 0;
    position: relative;
  }

  .dev .top-pic .pos-cont .cont {
    margin-top: .7rem;
  }

  .dev .top-pic .pos-cont .tit {
    color: #333;
  }

  .dev .top-pic .pos-cont .cont {
    color: #666;
  }

  .banner .crumbs {
    padding-top: .5rem;
  }

  .dev-info .info-top {
    margin-bottom: 0;
  }

  .dev-info .green {
    padding: 2rem 0;
  }

  .dev-info .green .box {
    padding: 1rem;
  }

  .dev-info .green .box .li-box .li {
    width: 100%;
    padding-right: 0;
  }

  .dev-info .green-btm .li-wrap .li .top .cont {
    margin-top: .6rem;
  }

  .dev-info .green-btm .li-wrap .li .pic {
    margin-top: 1rem;
  }

  .dev-info .green-btm .li-wrap .li {
    margin-bottom: 1.5rem;
  }

  .dev-info.sustain .green-btm {
    padding-bottom: 2rem;
  }

  .dev-info.sustain .green-btm .li-wrap .li .sustain-swiper {
    margin-top: 1.5rem;
  }

  .dev-info.sustain .green-btm .li-wrap .li .sustain-swiper .swiper-slide {
    width: 100%;
  }

  .dev-info .sound-btm .sound-swiper .swiper-slide {
    width: 50%;
  }

  .dev-info .sound-btm .box .top-list {
    flex-wrap: wrap;
  }

  .dev-info .sound-btm .box .top-list .pic {
    width: 100%;
  }

  .dev-info .sound-btm .box .top-list .intro {
    width: 100%;
    padding: 1rem;
  }

  .dev-info .sound-btm .box {
    margin-top: 1rem;
  }

  .dev-info .sound-btm .box .li-box .li .cont {
    padding: 1rem 1.5rem;
  }

  .dev-info .worth-btm .box .li-box .li {
    width: 48%;
    margin-right: 4%;
  }

  .dev-info .worth-btm .box .intro {
    width: 100%;
  }

  .dev-info .worth-btm .con-box {
    flex-wrap: wrap;
  }

  .dev-info .worth-btm .con-box .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: .5rem;
  }

  .dev-info .worth-btm .con-box .li:last-child {
    margin-bottom: 0;
  }

  .innovate .top-bar .cont {
    width: 100%;
  }

  .innovate .cent-box {
    margin-top: 0;
  }

  .innovate .cent-box .wrap .cont .intro {
    margin-top: .8rem;
  }

  .innovate .cent-box2 .li-box {
    margin-top: 1rem;
  }

  .innovate .cent-box2 .li-box .li .cont .h1 {
    line-height: 1.2;
  }

  .innovate .cent-box2 .h2 {
    margin-top: 1.5rem;
    font-size: 18px;
    line-height: 1;
  }

  .innovate .cent-box2 .li-box2 .box {
    border-bottom: none;
  }

  .innovate .cent-box2 .li-box2 .li {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #DDDDDD;
  }

  .innovate .btm-box .cont {
    width: 90%;
  }

  .technology .top-bar .lf {
    width: 100%;
    padding: 0 5%;
  }

  .technology .top-bar .lf .tit {
    margin-top: 1rem;
  }

  .technology .top-bar .lf .cont {
    margin-top: .8rem;
  }

  .technology .top-bar .cent {
    width: 100%;
    margin-top: 1rem;
  }

  .technology .btm-box .technology-swiper .swiper-slide {
    width: 100%;
  }

  .technology .btm-box .technology-swiper .swiper-slide .pic .cont {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .laboratory .top-bar .cont {
    width: 100%;
  }

  .laboratory .btm-box {
    flex-wrap: wrap;
    padding-right: 0;
    padding-bottom: 1.5rem;
  }

  .laboratory .btm-box .lf {
    width: 100%;
    height: auto;
    margin-right: 0;
    padding: 1rem 5% 2rem;
  }

  .laboratory .btm-box .lf .cont-wrap {
    padding: 0;
  }

  .laboratory .btm-box .lf .cont-wrap .sub {
    margin-top: 1rem;
  }

  .laboratory .btm-box .laboratory-swiper {
    width: 100%;
    margin-top: 1rem;
    height: auto;
  }

  .laboratory .btm-box .lf .arr-box {
    display: flex;
    bottom: .5rem;
  }

  .laboratory .btm-box .lf .arr-box .swiper-button-prev,
  .laboratory .btm-box .lf .arr-box .swiper-button-next {
    transform: rotate(0);
  }

  .laboratory .btm-box .lf .arr-box .swiper-button-prev {
    margin-right: .5rem;
    margin-bottom: 0;
  }

  .news .box .li-box .li {
    width: 100%;
    margin-right: 0;
  }

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

  .news .cent {
    margin-top: 1.5rem;
    flex-wrap: wrap;
  }

  .news .cent .select {
    width: 100%;
    margin-right: 0;
    z-index: 10;
  }

  .news .cent .search {
    width: 100%;
    margin-top: .5rem;
  }

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

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

  .contact .top .top-swiper {
    margin-top: 1rem;
  }

  .contact .top .top-swiper .swiper-slide {
    padding: 1rem;
  }

  .download .li-box .li {
    width: 48%;
    margin-right: 4%;
  }

  .download .li-box .li:nth-child(2n) {
    margin-right: 0;
  }

  .recruit .wrap .lf .cont {
    margin-top: .8rem;
    padding-right: 0;
  }

  .recruit .wrap .rg .li:nth-child(1) {
    padding-top: 0;
  }

  .college .top-bar .wrap {
    flex-wrap: wrap;
  }

  .college .top-bar .wrap .tit {
    width: 100%;
  }

  .college .top-bar .wrap .cont {
    width: 100%;
    margin-top: .5rem;
  }

  .college .top-bar .top-swiper {
    margin-top: 1.5rem;
  }

  .college .top-bar .top-swiper .swiper-slide {
    max-width: 50%;
  }

  .college .cent-arch {
    padding: 2rem 5%;
  }

  .college .char .char-swiper {
    margin-top: 1rem;
  }

  .college .char .char-swiper .swiper-slide {
    width: 100%;
  }

  .college .char .char-swiper .swiper-slide .pos-cont {
    padding: 1rem;
    position: relative;
    bottom: 0;
  }

  .college .teach .wrap {
    flex-wrap: wrap;
  }

  .college .teach .wrap .lf {
    width: 100%;
  }

  .college .teach .wrap .rg {
    width: 100%;
    padding-left: 0;
    margin-top: 1.5rem;
  }

  .college .teach .wrap .rg .li-box {
    margin-top: 1rem;
  }

  .foster .cent {
    padding-top: 1.5rem;
  }

  .foster .cent .top-tit {
    flex-wrap: wrap;
  }

  .foster .cent .top-tit .tit {
    width: 100%;
  }

  .foster .cent .top-tit .cont {
    margin-top: .8rem;
  }

  .foster .cent .top-swiper .swiper-slide {
    max-width: 50%;
  }

  .foster .cent .top-swiper {
    margin-top: 1.5rem;
  }

  .foster .btm .wrap {
    flex-wrap: wrap;
  }

  .foster .btm .wrap .pic {
    width: 100%;
  }

  .foster .btm .wrap .box {
    width: 100%;
    padding-left: 0;
    margin-top: 1.5rem;
  }

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

  .foster .btm .wrap .box .li-box .li .btm-bots .cont1 {
    flex-wrap: wrap;
  }

  .foster .btm .wrap .box .li-box .li .btm-bots .cont1 .lf {
    width: 100%;
    padding-right: 0;
  }

  .foster .btm .wrap .box .li-box .li .btm-bots .cont1 .rg {
    width: 100%;
    margin-top: 1rem;
    justify-content: flex-start;
  }

  .society .select {
    margin-top: 1rem;
    flex-wrap: wrap;
  }

  .society .select .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: .5rem;
  }

  .society .select .li.address {
    z-index: 5;
  }

  .society .select .li.company {
    z-index: 4;
  }

  .society .select .li.type {
    z-index: 3;
  }

  .society .select .li:last-child {
    margin-bottom: 0;
  }

  .society .top-tit,
  .society .li-box .li .top-bots {
    padding: 0 .5rem;
  }

  .society .li-box .li .btn-bots {
    padding: .25rem .5rem 1rem;
  }

  .society .li-box .li .btn-bots .list {
    flex-wrap: wrap;
    padding: .25rem 0;
  }

  .society .li-box .li .btn-bots .list p {
    width: 50%;
    padding: .25rem 0;
  }

  .society .li-box .li .btn-bots .intro {
    flex-wrap: wrap;
  }

  .society .li-box .li .btn-bots .intro .lst {
    width: 100%;
    padding-right: 0;
    margin-bottom: 1rem;
  }

  .society .li-box .li .btn-bots .intro .lst:last-child {
    margin-bottom: 0;
  }

  .school .top-bar .box {
    margin-top: 1rem;
  }

  .school .top-bar .box .rg .li-box .li .btm-bots .intro .list {
    align-items: flex-start;
  }

  .school .top-bar .box .rg .li-box .li .btm-bots .intro .list span {
    width: 5em;
  }

  .school .top-bar .box .rg .li-box .li .btm-bots .intro .list p {
    width: calc(100% - 5em - .4rem);
  }

  .school .cent-box .welfare .lf {
    padding: 0 1rem 1rem;
  }

  .school .cent-box .box {
    margin-top: 1rem;
  }

  .school .cent-box .box .wrap {
    flex-wrap: wrap;
  }

  .school .cent-box .box .lf {
    width: 100%;
    margin-right: 0;
  }

  .school .cent-box .box .rg {
    margin-top: .5rem;
    width: 100%;
  }

  .school .process .li-box {
    flex-wrap: wrap;
  }

  .school .process .li-box .li {
    width: 33.33%;
    margin-right: 0;
    margin-bottom: .5rem;
  }

  .school .process .li-box .li .icon {
    margin: 0 auto;
  }

  .school .process .box .lf {
    padding: 1rem;
  }

  .school .process .box .lf .li-wrap,
  .school .process .box .lf .list-box {
    flex-wrap: wrap;
  }

  .school .process .box .lf .li-wrap .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: .5rem;
  }

  .school .process .box .lf .li-wrap .li:nth-child(2) {
    width: 100%;
  }

  .school .process .box .lf .li-wrap .li:last-child {
    margin-bottom: 0;
  }

  .school .process .box .lf .list-box .list {
    width: 100%;
    margin-bottom: .5rem;
    border-right: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: .5rem;
  }

  .school .process .box .lf .list-box .list:not(:first-child) {
    padding-left: 0;
  }

  .school .process .box .lf .list-box .list:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }

  .school .process .box .rg .li {
    padding: 1rem .75rem;
  }

  .application-dialog .form-box {
    padding: 1rem .5rem;
  }

  .application-dialog .form-box .upload .h1 {
    white-space: nowrap;
  }

  .application-dialog .form-box .verify {
    flex-wrap: wrap;
  }

  .application-dialog .form-box .verify .code-box .code-img {
    width: 80px;
  }

  .application-dialog .form-box .verify .code-box {
    width: 100%;
  }

  .application-dialog .form-box .verify .code-box .code {
    padding: 0;
  }

  .application-dialog .form-box .verify .submit,
  .application-dialog .form-box .verify .reset {
    margin: .8rem auto 0;
  }

  .application-dialog .form-box .li-box {
    flex-wrap: wrap;
    margin-bottom: .4rem;
  }

  .application-dialog .form-box .li-box .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: .4rem;
  }

  .application-dialog .form-box .li-box .li:last-child {
    margin-bottom: 0;
  }

  .application-dialog .form-box .li-box .li input {
    height: 1.2rem;
  }

  .application-dialog .form-box .textarea {
    height: 3rem;
  }

  .welcome .i-supply.i-qua {
    padding: 0 5%;
  }

  .welcome .i-supply {
    margin-top: 2.5rem;
  }

  .dev .btm-box .cont {
    width: 100%;
  }

  .about .top-intro .info .intro .cont {
    width: 100%;
  }

  .about .global .map-swiper .swiper-slide .pic {
    height: 10rem;
  }

  .about .global .map-swiper .swiper-slide .pic img {
    height: 100%;
    object-fit: cover;
  }

  .foster .cent .top-tit .cont .li p {
    line-height: 1.2;
  }

  .download .li-box .li .intro {
    flex-wrap: wrap;
  }

  .download .li-box .li .intro p {
    width: 100%;
  }

  .download .li-box .li .intro p {
    margin-top: .5rem;
  }

  .dev-info.sustain .green-btm .li-wrap .li .top .tit-box p span {
    font-size: 13px;
  }

  .welcome .i-pro .top-news .top {
    margin-bottom: .8rem;
  }

  .dev-info .green-btm .li-wrap .li .top .slide-box .list .top-bots {
    flex-wrap: wrap;
  }

  .dev-info .green-btm .li-wrap .li .top .slide-box .list .top-bots .h1 {
    width: 100%;
  }

  .dev-info .green-btm .li-wrap .li .top .slide-box .list .top-bots .text {
    width: 100%;
    margin-top: .5rem;
  }

  .laboratory .btm-box .laboratory-swiper .swiper-slide {
    height: auto;
    width: 90%;
    margin-right: 5%;
  }

  .laboratory .btm-box .laboratory-swiper .swiper-slide:last-child {
    margin-right: 0;
  }

  .foster .add-cont .cont {
    width: 100%;
  }

  .about .top-intro .text-intro,
  .about .history,
  .about .honor,
  .service .btm,
  .dev-info .green-btm,
  .innovate .btm-box,
  .innovate .cent-box2,
  .innovate .top-bar,
  .innovate .cent-box,
  .laboratory .top-bar,
  .contact .top,
  .contact .btm,
  .college .top-bar,
  .college .char,
  .college .teach,
  .foster .btm,
  .society,
  .school .top-bar,
  .school .cent-box,
  .school .process {
    padding: 2rem 0;
  }

  .welcome .i-supply .cent-swiper,
  .welcome .i-supply .btm-box,
  .products-info .application,
  .products-info .download {
    margin-top: 2rem;
  }

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

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

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

  .welcome .i-supply .intro .vid .pos-cont p br,
  .welcome .i-supply .cent-swiper .swiper-slide .pos-cont .cont br,
  .side-bar,
  .college .char .char-swiper .swiper-button-prev,
  .college .char .char-swiper .swiper-button-next {
    display: none;
  }
}