@media (max-width: 1380px) {
  .index-agent .fl {
    padding: 0 4vw;
  }

  .news-cont .fl .time .swiper a.wfEditorMode {
    margin-top: -5em;
    margin-left: 9em;
  }

  .application-wrap .card-slide .txt .font p {
    font-size: calc(20rem / 16);
  }
}

@media (max-width: 1280px) {}

@media (max-width: 1080px) {
  .sidebar {
    width: 40px;
  }

  .lay-icon {
    width: 40px;
    height: 40px;
  }

  .header-r .nav,
  .header-r .search {
    display: none;
  }

  .mobile-nav {
    display: block;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
  }

  .mobile-nav .ph_l {
    width: 61%;
    height: 100%;
    position: fixed;
    top: 80px;
    left: -61%;
    z-index: 1120;
    overflow: hidden;
    background: #fff;
    color: rgba(255, 255, 255, .6);
    transition: left .3s;
    box-shadow: 0 -1px 4px rgba(0, 0, 0, .08);
  }

  .mobile-nav .ph_r {
    display: block;
    width: 40%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    right: -40%;
    top: 80px;
    z-index: 1101;
    transition: right .3s;
    box-shadow: 0 -1px 4px rgba(0, 0, 0, .08);
  }

  .ph_l ul li {
    padding: 20px;
    border-bottom: 1px solid #ccc;
    position: relative;
  }

  .ph_l ul li a {
    color: #000;
  }

  .ph_l ul .mobile-nav_secont {
    margin-left: 5px;
  }

  .ph_l ul .mobile-nav_secont a {
    padding: 10px;
  }

  .btn-head-nav-toggle {
    display: block;
    margin-left: 10px;
  }
}

@media (max-width: 768px) {
  .index-about-cont .title .en {
    font-size: calc(60rem / 16);
  }

  .index-about-cont .intro {
    font-size: calc(24rem / 16);
  }

  .index-about-cont .detail {
    font-size: calc(18rem /16);
  }

  .index-app-swiper .swiper-slide .pic {
    height: 30vw;
  }

  .news-cont .fr {
    max-height: 80vh;
  }

  .news-cont .fl .time .swiper {
    height: calc(85rem / 16 * 3);
  }

  .news-cont .fl .time {
    font-size: calc(85rem / 16);
  }

  .model .fl .title {
    font-size: calc(40rem / 16);
    margin-bottom: calc(20rem / 16);
  }

  .adviser-wrap .top-intro .item {
    flex-direction: column;
  }

  .adviser-wrap .top-intro .item .pic {
    width: 100%;
  }

  .adviser-wrap .secont-title {
    margin-bottom: calc(20rem / 16);
  }

  .download-wrap .choose .txt {
    padding-right: 3vw;
  }

  .download-wrap .choose-type .choose-item {
    min-width: 128px;
  }

  .download-wrap .choose .choose-way-cont {
    min-width: 175px;
  }

  .model .sub-material .title {
    font-size: calc(24rem / 16);
  }

  .application-wrap .card-slide {
    width: calc((100% - 20rem / 16 * 2) / 3);
    margin-right: calc(20rem / 16);
  }

  .application-wrap .card-slide:nth-child(4n) {
    margin-right: calc(20rem / 16);
  }

  .application-wrap .card-slide:nth-child(3n) {
    margin-right: 0;
  }

  .recruit-contact-wrap {
    flex-direction: column;
  }

  .recruit-contact-wrap .item {
    justify-content: flex-start;
    padding-left: 20%;
  }

  .contactus-map-cont {
    width: 40vw;
    padding: calc(10rem / 16);
  }

  .contactus-map-title {
    margin-bottom: calc(10rem / 16);
  }

}

@media (max-width: 560px) {
  .index-app-swiper .swiper-slide .pic {
    height: 60vw;
  }

  .index-agent .flex-between {
    flex-direction: column;
  }

  .index-agent .fr {
    width: 100%;
    padding: 4vw;
    border-left: 0;
    border-top: 2px solid rgba(102, 102, 102, .5);
  }

  .index-agent .fr::after {
    height: 2px;
    width: 20%;
    top: -2px;
  }

  .index-news-item{
    width: 100%;
  }

  .index-news-item{
    margin-left: 0;
  }

  .footer-bottom .nav {
    display: none;
  }

  .index-news-cont .index-news-top {
    margin-bottom: 4vw;
  }

  .index-news-cont .index-news-top .title .cn {
    font-size: calc(40rem / 16)
  }

  .index-news-cont .index-news-top .news-kind .item {
    font-size: calc(16rem / 16);
  }

  .index-news-item h1 {
    font-size: calc(22rem / 16);
  }


  .index-about-cont {
    flex-direction: column;
  }

  .index-about-cont .cont {
    width: 100%;
  }

  .index-about-cont .title {
    margin-bottom: calc(1vw + 10rem / 16);
  }

  .index-about-cont .num-l img {
    width: 60vw;
  }

  .index-about-cont .num-r img {
    width: 42vw;
  }

  .footer-top {
    padding: calc(30rem / 16) 0;
  }

  .footer-bottom {
    justify-content: flex-end;
    padding: calc(10rem / 16) 0;
  }

  .footer-top .share {
    flex-shrink: 0;
    margin-left: calc(10rem / 16);
  }

  .footer-top .share span {
    transform: translateX(5px);
  }

  footer .share-icon {
    margin-left: 5px;
  }

  .footer-bottom .contact .tel {
    margin: calc(10rem / 16) 0;
  }

  .model {
    flex-direction: column;
  }

  .model .fr {
    width: 100%;
  }

  .aboutus-about .pic img {
    width: 92%;
  }

  .aboutus-vision .lable .mid {
    width: 34%;
  }

  .logo-source {
    margin-top: 13vw;
  }

  .aboutus-relation .fr {
    flex-direction: column;
  }

  .aboutus-relation .fr .item {
    width: 100%;
    margin-right: 0;
  }

  .aboutus-relation .fr .pic {
    height: auto;
    min-height: 100px;
  }

  .aboutus-relation .fr .item {
    margin-bottom: calc(40rem / 16);
  }

  .aboutus-relation .fr .txt p {
    margin-bottom: calc(10rem / 16);
  }

  .aboutus-relation .fr .txt .title {
    margin: 3vw 0;
  }

  .aboutus-relation .fr .txt p img {
    margin-top: 3px;
  }

  .aboutus-relation .fr .txt .intro {
    margin: 3vw 0;
  }

  .news-cont .fl .title {
    font-size: calc(40rem / 16);
    white-space: nowrap;
  }

  .news-cont .fr .item {
    padding: calc(10rem / 16);
  }

  .news-cont .fr .item .pic {
    margin-right: calc(20rem / 16);
  }

  .news-cont .fr .item .txt h1 {
    margin-bottom: calc(5rem / 16);
    font-size: calc(20rem / 16);
  }

  .news-cont .fr .item .txt p {
    font-size: calc(16rem / 16);
  }

  .news-cont .fl .time {
    font-size: calc(70rem / 16)
  }

  .news-cont .fl .time .swiper {
    height: calc(70rem / 16 * 3);
  }

  .product-cont .card-slide {
    width: calc((100% - 20rem / 16) / 2);
    margin-right: calc(20rem / 16);
  }

  .product-cont .card-slide:nth-child(3n) {
    margin-right: calc(20rem / 16);
  }

  .product-cont .card-slide:nth-child(2n) {
    margin-right: 0;
  }

  .pic-txt-lay .txt {
    font-size: calc(18rem / 16);
  }

  .tech-wrap .contact-type-fl {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-bottom: calc(20rem / 16);
  }

  .tech-wrap .contact-type-fl .pic img {
    width: 50%;
  }

  .tech-wrap .contact-type {
    flex-direction: column;
  }

  .tech-wrap .contact-type-fl .line {
    height: 2px;
    width: 100%;
    margin: calc(20rem / 16) 0;
  }

  .download-wrap .choose .txt {
    padding-right: 3vw;
  }

  .download-wrap .choose-type .choose-item {
    min-width: 128px;
  }

  .substitute-material .download-wrap .choose .choose-type {
    flex-direction: column;
  }

  .substitute-material .download-wrap .choose .choose-type .choose-item:first-child {
    margin-right: 0;
    margin-bottom: calc(10rem / 16);
  }

  .substitute-material .download-wrap .choose .choose-type .choose-item {
    padding: 8% 5%;
  }

  .substitute-material .download-wrap .choose .choose-type .choose-item:first-child.active ul {
    z-index: 1;
  }

  .application-wrap .card-slide {
    width: calc((100% - 10rem / 16) / 2);
    margin-right: calc(10rem / 16);
    margin-bottom: calc(10rem / 16);
  }

  .application-wrap .card-slide:nth-child(3n) {
    margin-right: calc(10rem / 16);
  }

  .application-wrap .card-slide:nth-child(2n) {
    margin-right: 0;
  }

  .recruit-cont .nav .nav-item {
    font-size: calc(20rem / 16);
    padding: calc(20rem / 16);
  }

  .recruit-cont .nav .nav-item .changeColor-icon {
    width: 40px;
  }

  .recruit-cont .nav .nav-item:last-child .changeColor-icon {
    width: 47px;
  }

  .welfare-info .info-list .item {
    width: calc((100% - 20rem / 16) / 2);
    margin-right: calc(20rem / 16);
    margin-bottom: calc(20rem / 16);
  }

  .welfare-info .info-list .item:nth-child(4n) {
    margin-right: calc(20rem / 16);
  }

  .welfare-info .info-list .item:nth-child(2n) {
    margin-right: 0;
  }

  .banner-cont .title {
    font-size: calc(30rem / 16);
  }

  .banner-cont {
    top: 11vw;
  }

  .news-cont .fr {
    max-height: 50vh;
  }

  .action--site-product-center .product-cont .card-slide .pic {
    height: 27.5vw;
  }

  .application-wrap .card-slide .pic {
    height: 33vw;
  }

  .action--site-substitute-material .download-wrap .choose {
    flex-wrap: wrap;
    padding: 8px 0;
  }

  .action--site-substitute-material .download-wrap .choose-way {
    margin-bottom: 8px;
  }

}

@media (max-width: 414px) {}