@charset "UTF-8";

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

@media (max-width: 996px) {
  .mb {
    display: block;
  }
  .pc {
    display: none;
  }
  .banner .banner-container .swiper-slide .txt {
    width: 100%;
    padding: 0 4%;
    left: 0;
    top: 50%;
  }
  .tit-72 {
    font-size: 1.2rem;
  }
  .tit-48 {
    font-size: 0.85rem;
  }
  .tit-64 {
    font-size: 1rem;
  }
  .banner {
    height: 18rem;
  }
  .banner-pagination {
    display: block;
    right: 0;
    bottom: 1rem !important;
    top: auto;
    height: auto !important;
    width: 100% !important;
    text-align: center;
  }
  .banner-pagination .swiper-pagination-bullet {
    margin: 0.3rem !important;
  }
  .view {
    padding: 0 4%;
  }
  .jttit {
    padding-top: 1.5rem;
  }
  .home-a .content {
    display: block;
  }
  .home-a {
    height: auto;
  }
  .home-a .view {
    position: relative;
  }
  .home-a .left-txt {
    width: 100%;
  }
  .home-a .right-box {
    width: 100%;
    margin-top: 1rem;
  }
  .home-a .left-txt .img-boxs {
    width: 11.2rem;
    height: 11.2rem;
    position: absolute;
    top: 250%;
  }
  .home-a .left-txt .box {
    width: 8rem;
    height: 8rem;
  }
  .home-a .of.mb {
    position: absolute;
    top: 0%;
    left: 0;
  }
  .home-a {
    padding-bottom: 12rem;
  }
  .home-a .left-txt .t2 {
    line-height: 1.2;
  }
  .home-a .left-txt .t3 {
    width: 100%;
  }
  .home-b .list {
    left: 4%;
    top: 26%;
  }
  .home-b .list .li:last-child .txt {
    top: 0;
  }
  .home-c .view {
    padding-top: 0rem;
    position: relative;
  }
  .home-c .left-txt {
    width: 100%;
  }
  .home-c .content {
    display: block;
  }
  .home-c .left-txt .t2 {
    line-height: 1.2;
  }
  .home-c .left-txt .t3 {
    width: 100%;
  }
  .home-c .right-box {
    margin-top: 1rem;
    margin-right: 0;
  }
  .home-c {
    height: auto;
    padding-bottom: 2rem;
  }
  .home-c img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .home-c .right-box img {
    position: relative;
  }
  .home-c .right-box .dwn {
    margin-top: -2rem;
  }
  .home-d {
    padding: 1.5rem 0;
  }
  .home-d .top {
    display: block;
  }
  .view2 {
    padding: 0 4%;
  }
  .home-d .top .left {
    display: block;
  }
  .home-d .top .table-list {
    margin-left: 0;
    margin-top: 0.5rem;
  }
  .home-d .top .table-list .li {
    padding-bottom: 0;
    line-height: 3;
  }
  .home-d .top .more {
    display: none;
  }
  .home-d .list .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1rem;
  }
  .inav-a-list .li {
    width: 100%;
    margin-right: 0;
    height: auto;
    padding: 1rem 0.5rem;
  }
  .inav-a-list .li .t2 {
    margin-top: 1rem;
  }
  .home-b .list {
    height: 9rem;
  }
  .home-b .list .li {
    opacity: 0.5;
  }
  .home-b .list .li .txt {
    left: 139%;
    width: 5.8rem;
  }
  .home-b .list .li .txt .t4 {
    color: #fff;
  }
  .home-b .bglist .li .b-list {
    right: 0;
    width: 100%;
    z-index: 333;
    padding: 0 4%;
  }
  .home-b .bglist .li .b-list .lipc {
    margin-left: 0.2rem;
    height: 3.5rem;
  }
  .sub-banner.banner .banner-container .swiper-slide .txt {
    left: 0;
  }
  .about-a {
    padding: 1.5rem 4%;
  }

  .tit-52 {
    font-size: 0.85rem;
  }
  .about-a {
    overflow: hidden;
  }
  .about-a .fs {
    display: block;
  }
  .about-a .left-box {
    width: 100%;
  }
  .about-a .t1 {
    line-height: 1.2;
  }
  .about-a .num-list {
    margin-left: 0;
    margin-top: 1rem;
  }
  .about-b {
    padding: 1.5rem 0;
  }
  .his-container {
    padding-left: 1rem;
  }
  .his-container .swiper-slide {
    width: 8rem;
  }
  .about-b .botn .right {
    margin-left: 0.5rem;
  }
  .about-b .botn .right .next {
    margin-left: 0.5rem;
  }
  .about-d {
    padding: 1.5rem 4%;
  }
  .about-d .t2-list .t2 {
    font-size: 0.7rem;
  }
  .about-d .table-list .lines {
    width: 1rem;
  }
  .about-d .table-list .list {
    width: calc(100% - 2rem);
  }
  .about-d .table-list .list .li {
    width: 2rem;
    height: 2rem;
  }
  .about-d .table-list .list .li .txt .icon {
    width: 0.5rem;
  }
  .about-d .table-list .list .li .txt .tit-22 {
    font-size: 0.4rem;
  }
  .about-d .table-list .list .li::after {
    right: 0;
  }
  .about-d .table-list .list .li.on::after {
    right: 0;
    transform: translateY(-50%) translateX(78%) scale(0.75);
  }
  .about-d .ad-con {
    margin-top: 1.5rem;
    display: block;
  }
  .about-d .ad-con .txt {
    width: 100%;
    padding: 0.75rem 0.5rem;
  }
  .about-d .ad-con .img-box {
    width: 100%;
    height: auto;
  }
  .about-d .table-list {
    margin-top: 1rem;
  }
  .about-e {
    padding: 1.5rem 4%;
  }
  .about-e .top {
    display: block;
  }
  .about-e .tablist .li {
    margin-left: 0;
    margin: 0 0.2rem;
  }
  .about-e .top .t1 {
    text-align: center;
  }
  .about-e .tablist {
    margin-top: 1rem;
    justify-content: center;
  }
  .about-e .cont {
    display: block;
  }
  .about-e .cont .img-box {
    width: 100%;
    height: auto;
  }
  .about-e .cont .contlist {
    width: 100%;
    padding: 1rem 0.5rem;
  }
  .about-e .cont .contlist .li {
    width: 100%;
  }
  .about-c .cont-list {
    width: 100%;
  }
  .about-c .cont-list .item {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    margin-bottom: 0.5rem;
  }
  .about-c .cont-list .item .c {
    display: none;
  }
  .about-c .cont-list .item .tx-box {
    display: none;
    position: relative;
    opacity: 1;
    visibility: visible;
    left: 10%;
    top: 0;
    width: 80%;
    padding: 0.5rem;
  }
  .about-c .cont-list .item.mc .tx-box {
    display: block;
  }
  .about-c .cont-list .item .tx-box .txt {
    width: 100%;
  }
  .about-c .cont-list .item .tx-box .img {
    width: 100%;
    height: auto;
    margin-top: 1rem;
  }
  .about-c .cont-list .item .tx-box .icon {
    display: none;
  }
  .nb .tx-box2 {
    transform: translateY(0);
    margin-top: 0.5rem;
  }
  .solu {
    height: auto;
    padding-top: 1.75rem;
  }
  .solu .txt {
    position: relative;
    left: 0;
    bottom: 0;
    background: #1a0f08;
    border-radius: 0;
    padding: 1.5rem 4%;
    width: 100%;
  }
  .solu .txt .tit {
    padding-left: 0;
  }
  .solu .txt .t2 {
    padding-left: 0;
  }
  .rd-banner .txt {
    width: 100%;
    padding: 0 4%;
    left: 0;
  }
  .rd-banner {
    height: 14rem;
  }
  .rd-banner .nav-list {
    display: none;
  }
  .ach {
    padding: 1.5rem 4%;
  }
  .ach .tablelist {
    display: none;
  }
  .ach .content {
    margin-top: 0;
  }
  .ach .content .ach-container {
    width: 100%;
  }
  .ach .content .ach-container .swiper-slide {
    height: auto;
    width: 100%;
    display: block;
    margin: 0;
    margin-right: 0.5rem;
  }
  .ach .content .ach-container .swiper-slide .img-box {
    height: auto;
    width: 100%;
  }
  .ach .content .ach-container .swiper-slide .txt {
    width: 100%;
  }
  .ach .content .prev {
    position: relative;
    top: auto;
    left: auto;
    transform: translateX(0);
    margin-top: 1rem;
  }
  .ach .content .next {
    position: relative;
    top: auto;
    right: auto;
    margin-left: 2rem;
    transform: translateY(-100%);
  }
  .ach-b {
    padding: 1.5rem 4%;
  }
  .ach-b .cont .cont-list {
    width: 100%;
  }
  .ach-b .cont .cont-list .r-list {
    width: 100%;
  }
  .ach-b .cont .cont-list .li {
    display: block;
  }
  .ach-b .cont .right {
    display: none;
  }
  .ach-b .cont .left {
    width: 100%;
  }
  .ach-b .cont .cont-list .icon {
    padding: 1rem 0 0;
  }
  .pate-container .swiper-slide {
    height: 100%;
  }
  .pate-container .swiper-slide img {
    width: 92%;
    margin: 0.5rem 0;
  }
  .pate-container {
    height: auto;
  }
  .pate-container .swiper-slide::before {
    width: 6.25rem;
  }
  .pate-container .swiper-slide.on .col-fff {
    color: #fff;
  }
  .pate-container .swiper-slide .col-fff {
    font-size: 0.45rem;
  }
  .inte-a,
  .inte-b {
    padding: 1.5rem 4%;
  }
  .inte-a .viode-box {
    height: auto;
  }
  .honer-container {
    width: 100%;
    margin-top: 2rem;
  }
  .honer-container .swiper-slide {
    width: 100%;
  }
  .inte-b {
    height: auto;
  }
  .honer-container .swiper-slide .img {
    transform: translateX(0) !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
  }
  .inte-b .prev,
  .inte-b .next {
    top: 79%;
  }
  .esg-a,
  .esg-b {
    background: #2c1b14;
    padding: 1.5rem 0;
  }

  .esg-a .view2 {
    position: relative;
    top: 0;
    left: 0;
    padding-top: 0;
  }
  .esg-a .t2 {
    display: none;
  }
  .esg-a .imgbg {
    display: none;
  }
  .esg-a .item1 {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: 100%;
    margin-top: 1rem;
    padding: 0 4%;
  }
  .esg-a .item1 img {
    display: none;
  }
  .esg-a .item1 .txt {
    position: relative;
    transform: translateX(0);
  }
  .tt2 {
    width: 100%;
    text-align: left;
  }

  .esg-a .item2 {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: 100%;
    margin-top: 1rem;
    padding: 0 4%;
  }
  .esg-a .item2 img {
    display: none;
  }
  .esg-a .item2 .txt {
    position: relative;
    transform: translateX(0);
  }
  .esg-a .item3 {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: 100%;
    margin-top: 1rem;
    padding: 0 4%;
    text-align: left;
  }
  .esg-a .item3 img {
    display: none;
  }
  .esg-a .item3 .txt {
    position: relative;
    transform: translateX(0);
    text-align: left;
  }
  .esg-a .item4 {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: 100%;
    margin-top: 1rem;
    padding: 0 4%;
    text-align: left;
  }
  .esg-a .item4 img {
    display: none;
  }
  .esg-a .item4 .txt {
    position: relative;
    transform: translateX(0);
    text-align: left;
  }
  .esg-a .item4 .txt .tt2 {
    width: 100%;
    text-align: left;
  }
  .esg-a .tt1 br {
    display: none;
  }

  .esg-b .item {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    margin-bottom: 1rem;
    opacity: 1 !important;
  }
  .esg-b {
    padding: 1.5rem 4%;
  }
  .esg-b .img-box {
    display: none;
  }
  .esg-b .tit-52 {
    position: relative;
    margin-bottom: 1rem;
  }
  .esg-b .item .t1 {
    color: #fff !important;
    font-size: 0.75rem;
  }
  .esgimg-container {
    display: none;
  }
  .esg-c {
    padding: 1.5rem 0 3rem;
  }
  .esgc-container .swiper-slide {
    display: block;
  }
  .esgc-container .swiper-slide .img {
    width: 100%;
    text-align: center;
  }
  .esgc-container .swiper-slide .img img {
    max-width: 50%;
    display: inline-block;
  }
  .esgc-container .swiper-slide .txt {
    width: 100%;
    padding: 1rem 0;
    height: auto;
  }
  .esgc-container .swiper-slide .txt .tit-42 {
    font-size: 0.6rem;
    line-height: 1.2;
  }
  .esgc-container .swiper-slide .txt .line {
    display: none;
  }
  .esgc-container .swiper-slide .txt .t2 {
    width: 100%;
    margin-top: 0.5rem;
  }
  .esg-c .content .pabox {
    position: absolute;
    z-index: 11;
    left: auto;
    right: 4%;
    bottom: -1rem;
  }
  .esg-d {
    height: auto;
    padding: 1.5rem 0;
  }
  .esg-d .view2 {
    display: block;
  }
  .esg-d .txt {
    width: 100%;
  }
  .esg-d .txt .t2 {
    margin-top: 1rem;
  }
  .esg-d .list {
    width: 100%;
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
  }
  .esg-d .list .li {
    width: calc((100% - 0.5rem) / 2);
    margin-top: 0.5rem;
    margin-right: 0.5rem;
    margin-bottom: 0;
    padding: 1rem 0.5rem;
    height: auto !important;
  }
  .esg-d .list .li:nth-child(2n) {
    margin-right: 0;
  }
  .esg-d .list2 {
    margin-top: 0;
    padding-top: 0;
  }
  .esg-d .list .li .tit-22 {
    font-size: 16px;
    line-height: 1.2;
    margin-top: 0.2rem;
  }
  .esg-d .list .li .img {
    height: 5rem;
    text-align: center;
  }
  .esg-d .list .li .img img {
    max-height: 100%;
    display: inline-block;
  }
  .inv-a,
  .inv-b {
    padding: 1.5rem 0;
  }
  .inav-a-list {
    margin-top: 1rem;
  }
  .inav-b-list {
    margin-top: 1rem;
  }
  .inav-b-list .li {
    width: 100%;
    margin-right: 0;
    display: block;
    height: auto;
    padding: 1rem 0.5rem;
  }
  .inav-b-list .li .t2 {
    margin-top: 1rem;
  }
  .inv-c {
    padding: 1.5rem 0;
    height: auto;
  }
  .inv-c .cont-box {
    width: 100%;
    position: relative;
    margin-top: 1rem;
    left: 0;
    right: auto;
    top: auto;
    bottom: auto;
  }
  .inv-c .cont-box {
    display: block;
    padding: 0.5rem 0.5rem;
  }
  .inv-d {
    padding: 0;
  }
  .inv-d .of {
    position: absolute;
    top: 0;
    left: 0;
  }
  .inv-d .view2 {
    height: 100%;
  }
  .inv-d .txt {
    width: 92%;
    left: 4%;
    height: auto;
    top: 10%;
    padding: 1.5rem 1rem;
  }
  .inv-d .txt .more {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 0.1rem;
  }
  .sub_banner .sub_nav {
    display: none;
  }
  .sub_banner {
    height: 14rem;
  }
  .sub_banner img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .w1480 {
    width: 100%;
    padding: 0 4%;
  }
  .swiper_news {
    margin: 1.5rem 0;
  }
  .swiper_news .swiper-slide {
    display: block;
  }
  .swiper_news .swiper-slide .img {
    width: 100%;
    height: auto;
  }
  .swiper_news .swiper-slide .img_txt {
    width: 100%;
    padding: 1rem 0.5rem;
    height: auto;
  }
  .swiper_news .swiper-slide {
    height: auto;
  }
  .swiper_news .swiper-slide .img_txt .t2 {
    margin-bottom: 0.5rem;
  }
  .swiper_news .swiper-slide .img_txt .time {
    margin-bottom: 0.3rem;
  }
  .swiper_news .swiper-slide .img_txt .t3 {
    margin-bottom: 0.5rem;
  }
  .news_card .news_li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.2rem;
  }
  .news_card .news_li .time {
    margin-top: 0;
  }
  .news_info .info_top {
    margin-bottom: 1.5rem;
  }
  .news_info .news_info_box {
    display: block;
  }
  .news_info .lft {
    width: 100%;
  }
  .news_info .rht {
    display: none;
  }
  .news_box.video .news_card {
    padding-top: 1.5rem;
  }
  .news_box.video .news_card .news_li {
    width: 100%;
    margin-right: 0;
  }
  .news_box.video .news_card .news_li .img {
    height: auto;
  }
  .news_box.video .news_card .news_li .img .play {
    width: 1.5rem;
    height: 1.5rem;
  }
  .news_box.video .news_card .news_li .img .play svg {
    width: 100%;
    height: 100%;
  }
  .news_box.video .news_card .news_li:nth-child(3n) {
    margin-right: 0;
  }
  .news_box.video .news_card .news_li .news_txt {
    padding-top: 0.5rem;
  }
  .service_list .service_list_box .w1480 {
    padding-top: 1.5rem;
  }
  .service_list .service_list_box .content_s {
    max-width: 100%;
  }
  .service_list .service_list_box .content_ {
    border-top: 0 solid #000;
  }
  .content_b .content_line {
    display: none;
  }
  .service_list .service_list_box .content_ {
    display: block;
    position: relative;
  }
  .service_list .service_list_box .content_ .swiper_lis {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
  .service_list .service_list_box .content_ img {
    margin-bottom: 0.5rem;
  }
  .scsline {
    display: none;
  }
  .fax-nav {
    display: none;
  }
  .search-content .result {
    padding: 0 4%;
  }
  .about-a .num-list .li .txt .num-box {
    display: flex;
  }
  .about-a .num-list .li {
    width: 100%;
  }
  .about-a .num-list .li .txt {
    margin-left: 2rem;
  }
  .about-c .tablist .li:nth-child(1) {
    margin-left: 0;
  }
  .about-c .tablist .li {
    width: 3.4rem;
  }
  .solu .btn .prev {
    left: 0.2rem;
  }
  .solu .btn .next {
    right: 0.2rem;
  }
  .home-b .list .li.on .txt .t4 {
    display: none;
  }
  .home-b .list .li:last-child .txt {
    position: relative;
    left: auto;
  }
  header .header_right .lang_box svg:nth-child(2) {
    width: 0.625rem;
    height: auto;
  }
  .home-b {
    height: 22rem;
  }
  .home-b .bglist .li .b-list {
    bottom: 0.5rem;
  }
  .home-d .list .li .img {
    height: auto;
  }
  .solu .txt .tit {
    display: block;
  }
  .solu .txt .tit .more {
    margin-top: 0.5rem;
  }
  .solu .txt .t2 {
    max-height: none;
    padding-right: 0;
  }
  .ach .content .ach-container .swiper-slide .txt {
    padding: 0.5rem;
  }
  .rd-banner .txt {
    font-size: 0.75rem;
  }
  .esg-b .item .txt-list {
    margin-top: 0.75rem;
    display: flex;
    flex-wrap: wrap;
  }
  .esg-b .item .txt-list .li {
    margin-right: 0.5rem;
  }
  .esgc-container .swiper-slide .txt .t3{
    align-items: flex-start;
  }
  .esgc-container .swiper-slide .txt .t3 svg{
    transform: translateY(2px);
  }
  .esgc-container .swiper-slide .txt .t3 .msm{
    font-size: .4rem;
  }
  .inav-b-list .li .t1{
    width: 100%;
  }
  .sub_banner .txt .tit-72{
    font-size: .75rem;
  }
     .sub_banner .txt  {
        width: 100%;
        padding: 0 4%;
        left: 0;
    }
    .news_card .news_li .img{
      height: auto;
    }
}