@media screen and (max-width: 1440px) {
  .app .main .news .contents .mains .swiper .btns div {
    background: white;
  }
  .app .main .news .contents .mains .swiper-wrapper {
    margin-bottom: 100px;
  }
  .app .main .banner .slide-inner > a .banner-center-view h1 {
    font-size: 44px;
  }
  .app .main .banner .slide-inner > a .banner-center-view strong {
    font-size: 30px;
  }
  .app .main .introduce .content .cont-rig .top-title h2 {
    font-size: 38px;
  }
  .app .main .introduce .content .cont-rig .top-title strong {
    font-size: 26px;
  }
  .app .main .introduce .content .cont-rig .top-title p {
    font-size: 12px;
  }
  .app .main .introduce .content {
    width: 100%;
  }
  .app .main .industry .max-views .title > h3 {
    font-size: 34px;
  }
  .app .main .industry .max-views .title > p {
    font-size: 28px;
  }
  .app .main .industry .max-views .options .opts .lis a {
    padding: 20px 10px 36px 30px;
  }
  .app .main .industry .max-views .options .opts .lis a h4 {
    font-size: 20px;
  }
  .app .main .industry .max-views .options .opts .lis a > span {
    font-size: 14px;
  }
  .app .main .news .contents .mains .swiper-slide {
    height: 536px;
  }
  .app .main .news {
    height: 686px;
  }
  .app .footer .max-views {
    width: 90%;
  }
  .app .main .news .contents .title {
    margin-left: 104px;
  }
  .app .main .news .contents .title h3 {
    font-size: 40px;
  }
  .app .main .news .contents .title p {
    font-size: 29px;
  }
  .app .main .news .contents .title > span {
    font-size: 14px;
  }
  .app .main .industry .max-views {
    width: 90%;
  }
  .app .main .news .contents {
    flex-direction: column;
  }
  .app .main .news {
    height: auto;
  }
  .app .main .news .contents .title {
    flex-direction: row;
  }
  .app .main .news .contents {
    background-size: 100% 100%;
  }
  .app .main .news .contents .title {
    width: 100%;
  }
  .app .main .news .contents .active {
    width: 90%;
  }
  .app .main .news .contents .title p,
  .app .main .news .contents .title > span {
    display: none;
  }
  .app .main .news .contents .title .navs {
    flex-direction: row;
  }
  .app .main .news .contents .title .navs :nth-child(2) {
    margin-top: 0px;
  }
  .app .main .news .contents .title {
    align-items: center;
  }
  .app .main .news .contents .title .addmore {
    margin-top: 0px;
  }
  .app .main .news .contents .title {
    margin-left: 0;
  }
  .app .main .news .contents .title {
    justify-content: space-around;
  }
  .app .header .max-views .head-right ul > li > a {
    padding: 0 1.35vw;
  }
  .app .header .max-views .head-right ul .active > a::before {
    left: 9px;
  }
  .app .header .max-views .head-right ul .active > a::after {
    right: 9px;
  }
  .app .main .banner .slide-inner > a .banner-center-view h1 {
    font-size: 44px;
  }
  .app .main .banner .slide-inner > a .banner-center-view strong {
    font-size: 30px;
  }
  .app .main .introduce .content .cont-rig .top-title h2 {
    font-size: 38px;
  }
  .app .main .introduce .content .cont-rig .top-title strong {
    font-size: 26px;
  }
  .app .main .introduce .content .cont-rig .top-title p {
    font-size: 12px;
  }
  .app .main .introduce .content {
    width: 100%;
  }
  .app .main .industry .max-views .title > h3 {
    font-size: 34px;
  }
  .app .main .industry .max-views .title > p {
    font-size: 28px;
  }
  .app .main .industry .max-views .options .opts .lis a {
    padding: 20px 10px 36px 30px;
  }
  .app .main .industry .max-views .options .opts .lis a h4 {
    font-size: 20px;
  }
  .app .main .industry .max-views .options .opts .lis a > span {
    font-size: 14px;
  }
  .app .main .news .contents .mains .swiper-slide {
    height: 536px;
  }
}

@media screen and (max-width: 1320px) {
  .app .header .max-views .head-right ul {
    margin-right: 10px;
  }
  .app .header .max-views .head-right ul > li:hover > a::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border: 1px solid #E03B45;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 46%;
    transition: .3s;
  }
  .app .header .max-views .head-right ul > li:hover > a::after {
    transition: .3s;
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border: 1px solid #E03B45;
    border-radius: 50%;
    position: absolute;
    right: 2px;
    top: 46%;
  }
  .app .main .introduce .content .cont-lef {
    display: none;
  }
  .app .main .introduce .content .cont-rig {
    padding: 90px 90px 110px 70px;
  }
  .app .main .banner .swiper-container .next-but > :nth-child(1) p {
    width: 72px;
    font-size: 12px;
  }
  .app .header .max-views .head-right ul > li > a {
    padding: 0 1.24vw;
  }
  .app .header .max-views .head-right ul > li > a {
    font-size: 14px;
  }
  .app .header .max-views .head-right ul .active > a::after {
    right: 2px;
  }
  .app .header .max-views .head-right ul .active > a::before {
    left: 2px;
  }
  .app .main .news .contents .mains .swiper-slide a .txts {
    width: 100%;
  }
  .app .main .news .contents {
    padding-bottom: 30px;
  }
  .app .footer .max-views .footer-top > ul {
    flex-wrap: wrap;
  }
  .app .footer .max-views .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
  .app .footer .max-views .footer-bottom p {
    margin: 10px 0;
  }
  .app .main .news {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 1024px) {
  .app .main .news .contents .mains .swiper-slide {
    height: auto;
  }
  .app .main .news .contents .mains .swiper-slide a .txts {
    height: auto;
  }
  .app .main .news .contents .mains .swiper-slide a .imgs {
    height: 200px;
  }
  .app .footer .max-views .footer-top > ul > li ul li a {
    font-size: 12px;
  }
  .app .footer .max-views {
    padding-top: 27px;
  }
  .app .footer .max-views .footer-top > ul > li > span {
    font-size: 14px;
  }
  .app .main .industry .max-views .options .opts .lis {
    height: 200px;
  }
  .app .main .introduce .content .cont-rig {
    width: 100%;
  }
  .app .main .introduce .content .cont-rig .top-title {
    width: 100%;
  }
  .app .header .max-views .head-right .mobile-view {
    display: block;
  }
  .app .header .max-views .head-right .mu {
    display: none;
  }
  .app .header .max-views .head-right ul {
    display: none;
  }
  .app .main .banner .slide-inner > a .banner-center-view h1 {
    font-size: 34px;
    margin-bottom: 0;
  }
  .app .main .banner .slide-inner > a .banner-center-view strong {
    font-size: 20px;
  }
  .app .main .introduce .content .cont-rig {
    padding: 64px 71px 98px 58px;
  }
  .app .main .introduce .content .cont-rig .top-title h2 {
    font-size: 32px;
  }
  .app .main .introduce .content .cont-rig .top-title strong {
    margin-bottom: 14px;
  }
  .app .main .introduce .content {
    height: auto;
  }
  .app .main .introduce .content .cont-rig {
    height: auto;
  }
  .app .main .industry {
    height: auto;
  }
  .app .main .industry .max-views {
    padding: 40px 0;
  }
  .app .main .banner .swiper-container .mous {
    display: none;
  }
  .app .main .introduce .content .cont-rig .bottom ul li strong {
    font-size: 36px;
  }
  .app .main .industry .max-views {
    flex-direction: column;
  }
  .app .main .industry .max-views .title {
    display: none;
  }
  .app .main .industry .max-views .options .opts .lis {
    width: 100%;
  }
  .app .main .industry .max-views .options {
    width: 100%;
  }
  .app .main .introduce .content .cont-rig .bottom {
    flex-direction: column;
  }
  .app .main .introduce .content .cont-rig .bottom {
    height: auto;
  }
  .app .main .news .contents .title h3 {
    font-size: 34px;
  }
  .app .main .introduce .content .cont-rig {
    padding: 40px 30px 40px 30px;
  }
  .app .main .news .contents .mains .swiper-slide {
    width: 49%;
  }
  .app .footer {
    height: auto;
  }
  .app .main .introduce .content .cont-rig .top-title h2 {
    width: 100%;
  }
  .app .main .introduce .content,
  .app .main .introduce {
    position: unset;
  }
  .app .main .introduce {
    height: auto;
  }
  .app .header {
    height: 65px;
  }
  .app .header .max-views .head-right .mobile-view {
    line-height: 65px;
  }
  .app .main .introduce .content .cont-rig .more {
    width: 90px;
    height: 37px;
    line-height: 37px;
    font-size: 12px;
  }
  .app .main .news .contents .mains .swiper .btns {
    right: 100px;
  }
  .app .main .news .contents .mains .swiper .swiper-horizontal > .swiper-pagination-bullets,
  .app .main .news .contents .mains .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
  .app .main .news .contents .mains .swiper .swiper-pagination-custom,
  .app .main .news .contents .mains .swiper .swiper-pagination-fraction {
    right: 161px;
  }
  .app .main .industry .max-views .options .opts .lis a .button-vie :nth-child(2) {
    line-height: 1;
  }
  .app .main .news .contents .title .navs {
    width: 40%;
    min-width: 180px;
  }
  .app .main .news .contents .title .navs span {
    width: 50%;
  }
  .app .main .news .contents .title {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 768px) {
  .app .main .banner .swiper-container .next-but > :nth-child(1) {
    margin-right: -5px;
  }
  .app .main .news .contents .mains .swiper-slide {
    height: auto;
  }
  .app .main .introduce .content .cont-rig .bottom ul li p {
    font-size: 14px;
  }
  .app .footer .max-views .footer-top > ul li {
    display: none;
  }
  .app .footer .max-views .footer-top > ul :last-child {
    display: block;
    width: 100%;
  }
  .app .footer .max-views .footer-top > ul > li ul li p:nth-child(2) {
    font-size: 18px;
  }
  .app .footer .max-views .footer-top > ul > li {
    width: 60px;
    margin-right: 10px;
  }
  .app .main .news .contents .mains .swiper-slide {
    width: 99%;
  }
  .app .main .banner .swiper-container .next-but {
    bottom: 5%;
  }
  .app .main .banner .slide-inner > a .banner-center-view p {
    display: none;
  }
  .app .main .introduce .content .cont-rig .top-title h2 {
    font-size: 22px;
  }
  .app .main .banner .swiper-container .nums {
    display: none;
  }
  .app .main .banner {
    height: 50vh;
  }
  .app .main .banner .slide-inner > a .banner-center-view h1 {
    font-size: 28px;
  }
  .app .main .banner .slide-inner > a .banner-center-view h1 {
    font-size: 22px;
  }
  .app .main .banner .slide-inner > a .banner-center-view strong {
    font-size: 16px;
  }
  .app .main .introduce .content .cont-rig .top-title h2 {
    font-size: 18px;
  }
  .app .main .introduce .content .cont-rig .bottom ul li strong {
    font-size: 28px;
  }
  .app .main .introduce .content .cont-rig .bottom ul {
    flex-wrap: wrap;
  }
  .app .main .introduce .content .cont-rig .bottom video {
    width: 100%;
  }
  .app .main .industry .max-views .options .opts .lis a > span {
    font-size: 12px;
  }
  .app .main .industry .max-views .options .opts .lis a h4 {
    font-size: 16px;
  }
  .app .main .industry .max-views .options .opts .lis {
    height: 160px;
  }
  .app .main .banner .swiper-container .next-but > :nth-child(2) {
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
  .app .main .banner .swiper-container .next-but > :nth-child(2) span {
    font-size: 12px;
  }
  .app .main .news .contents .title {
    padding-bottom: 20px;
  }
  .app .main .news .contents .title h3 {
    font-size: 28px;
  }
  .app .main .news .contents .mains .swiper-slide a .txts h4 {
    font-size: 16px;
  }
  .app .main .news .contents .mains .swiper-slide a .txts > p {
    font-size: 12px;
  }
  .app .main .news .contents .mains .swiper-slide a .txts {
    padding: 14px;
  }
  .app .main .news .contents .mains .swiper-slide a .txts > div p :nth-child(1) {
    font-size: 22px;
  }
  .app .main .news .contents .mains .swiper-slide a .txts > div > span {
    font-size: 12px;
  }
  .app .main .news .contents .title {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 425px) {
  .app .main .news .contents .mains .swiper-slide {
    height: auto;
  }
  .app .main .news .contents .title h3 {
    font-size: 22px;
  }
}