.pc {
  display: block;
}

.mb {
  display: none;
}

.hamburger {
  display: none;
}

@media (max-width: 996px) {
  .pc {
    display: none;
  }

  .mb {
    display: block;
  }
  .h-searchbox .formbox {
    width: 100%;
    padding: 0 5%;
  }

  .warpheader .header .nav {
    display: none;
  }

  .warpheader .header .rightbox .hzhref {
    display: none;
  }

  .warpheader .header {
    padding: 0 4%;
  }

  .warpheader .header {
    height: 1.5rem;
  }

  .warpheader .hamburger-inner {
    margin-top: -1px;
  }

  .warpheader .hamburger-inner::before {
    top: -6px;
  }

  .warpheader .hamburger-inner::after {
    bottom: -6px;
  }

  .warpheader .hamburger {
    padding: 0;
    height: 17px;
    margin-left: 0.4rem;
    display: block;
  }

  .warpheader .hamburger-box {
    width: 18px;
    height: 17px;
  }

  .warpheader .hamburger-inner,
  .warpheader .hamburger-inner::before,
  .warpheader .hamburger-inner::after {
    width: 18px;
    height: 2px;
    background: #000;
  }

  .warpheader .hamburger--3dx-r .hamburger-inner {
    transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  }

  .warpheader .hamburger--3dx-r .hamburger-inner::before,
  .warpheader .hamburger--3dx-r .hamburger-inner::after {
    transition: transform 0.6s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  }

  .warpheader.white .hamburger .hamburger-inner,
  .warpheader.white .hamburger .hamburger-inner::before,
  .warpheader.white .hamburger .hamburger-inner::after {
    background: #000;
  }

  .warpheader .hamburger-box {
    width: 18px;
    height: 20px;
  }

  .warpheader .hamburger {
    height: 20px;
  }

  .m-bocweb-header3 .hamburger-inner::before {
    top: -6px;
  }

  .m-bocweb-header3 .hamburger-inner::after {
    bottom: -6px;
  }

  .warpheader .hamburger-inner,
  .warpheader .hamburger-inner::before,
  .warpheader .hamburger-inner::after {
    width: 18px;
    height: 2px;
  }

  .bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .warpheader .hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 6px, 0) rotate(45deg);
  }

  .warpheader .hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -6px, 0) rotate(-45deg);
  }

  .warp-nav {
    height: calc(100vh);
    padding: 0 0 1.125rem;
    position: fixed;
    background: #fff;
    width: 100%;
    left: 0;
    top: 2.28rem;
    z-index: 9;
    background: #f9f9f9;
    display: none;
  }

  .warp-nav .nav {
    font-size: 0.65rem;
    color: #333;
    position: absolute;
    width: 100%;
    overflow-y: auto;
    height: calc(100vh - 2.28rem - 1rem);
  }

  .warp-nav .nav .li {
    position: relative;
    width: 100%;
  }

  .warp-nav .nav .li:hover > a {
    color: #333;
  }

  .warp-nav .nav .icon {
    width: 16px;
    height: 16px;
    fill: #333;
    transition: all 0.4s;
  }

  .warp-nav .nav .warp-btn {
    padding: 0.65rem 5%;
    line-height: 1.5;
    position: relative;
    transition: all 0.3s ease;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    /*border-top:1px solid rgba(255,255,255,.2);*/
  }

  .warp-nav .nav .warp-btn .btn {
    position: absolute;
    width: 20px;
    height: 20px;
    display: block;
    margin-right: 5px;
    top: 50%;
    margin-top: -10px;
    left: 0;
  }

  .warp-nav .nav .warp-btn .btn img {
    position: absolute;
    left: 0;
    top: 0;
  }

  .warp-nav .nav .sec-list {
    padding: 0.35rem 5%;
    background: #fff;
  }

  .warp-nav .nav .item .tit {
    color: #333;
    padding: 0.3rem 0 0.3rem 5%;
  }

  .warp-nav .nav .item .icon {
    fill: #333;
  }

  .warp-nav .nav .prosec {
    overflow: hidden;
  }

  .warp-nav .nav .prosec p {
    width: 48%;
    float: left;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .warp-nav .nav .prosec p:nth-child(2n) {
    margin-left: 4%;
  }

  .warp-nav .nav .sub-tit.on {
    background: #fff;
  }

  .warp-nav .nav .sub-tit.on .icon {
    transform: rotate(-90deg);
  }

  .warp-nav .nav .sec-list {
    /*line-height:40px;*/
    padding: 0.35rem 6% 1rem;
    display: none;
    font-size: 0.6rem;
    /*border-bottom:1px solid #555;*/
  }

  .warp-nav .nav .sec-list a {
    padding: 0.3rem 0;
    display: block;
  }

  .warp-nav .warp-nav1-sub {
    transform: translate(0, 0);
    transition: all 0.5s;
  }

  .warp-nav .warp-nav1-sub.active {
    transform: translate(-100%, 0);
  }

  .warp-nav .warp-nav2-sub {
    transform: translate(100%, 0);
    transition: all 0.5s 0s;
  }

  .warp-nav .warp-nav2-sub.active {
    transform: translate(0, 0);
    transition: all 0.5s 0.2s;
  }

  .warp-nav .warp-nav {
    padding: 0 0 1.125rem;
  }

  .warp-nav .nav {
    font-size: 0.5rem;
  }

  .warp-nav .nav .warp-btn,
  .warp-nav .nav .tit {
    padding: 0.5rem 5%;
  }

  .warp-nav .nav .sec-list a {
    padding: 0.2rem 0;
    padding-left: 1.5rem;
    font-size: 0.45rem;
    color: #333;
    /*border-bottom:1px solid #0e5ca5;*/
    position: relative;
  }

  .warp-nav .nav .sec-list a:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #666;
    border-radius: 50%;
    left: 0.5rem;
    top: 50%;
    margin-top: -2.5px;
  }

  .warpheader .header .rightbox .searchbtn svg {
    width: 0.5rem;
  }

  .h-searchbox {
    padding: 1rem 0;
  }

  .lodaimg {
    display: none;
  }

  #i-banner .swiper-slide .text .tit4 {
    width: 100%;
  }

  #i-banner .swiper-slide .text {
    width: 100%;
    padding: 0 4%;
  }

  #i-banner .swiper-slide .text {
    top: 30%;
  }

  #i-banner .swiper-slide .text .tit4 {
    font-size: 1rem;
  }

  #i-banner .swiper-slide .tran-left {
    top: auto;
    bottom: 15%;
    left: 0;
  }

  #i-banner .zpagination {
    left: 0;
    text-align: center;
    width: 100%;
    justify-content: center;
  }

  .home-a .abg {
    transform: translateX(65%);
  }

  .w1700 {
    padding: 0 4%;
  }

  .home-a .titlebox {
    display: block;
  }

  .i-list1 .contentbox .leftbox .p {
    width: 9rem;
    margin-top: 0.5rem;
  }

  .i-list1 .contentbox .leftbox .tabul {
    display: none;
  }

  .i-list1 .ulbox.f-no {
    display: none;
  }
  .i-list1 .contentbox .ulbox {
    width: 100%;
  }

  .i-list1 .contentbox .ulbox .li.active {
    width: 49.3%;
  }

  .i-list1 .contentbox .ulbox .li {
    width: 49.3%;
    height: 8rem;
    transition: all 0s !important;
    border-radius: 0.5rem;
  }

  .i-list1 .contentbox .ulbox {
    position: relative;
    z-index: 3;
    margin-top: 1rem;
    width: 100%;
    overflow: hidden;
  }

  .i-list1 .contentbox .ulbox .li .icon .op2 {
    opacity: 1;
  }

  .i-list1 .contentbox .ulbox .li.active .text .img {
    filter: none;
    width: 74%;
  }

  .i-list1 .contentbox .ulbox .li.active .text {
    padding-top: 1rem;
  }

  .i-list1 .contentbox .ulbox .li .text .more {
    width: 1rem;
    height: 1rem;
  }
  .i-list1 .contentbox .ulbox .li .text .more svg {
    width: 50%;
  }
  .i-list1 .contentbox .ulbox .li .text .t2 {
    margin-top: 0.8rem;
  }

  .i-list1 {
    height: auto;
    padding-bottom: 1.5rem;
    overflow: hidden;
  }

  .mani-pagination {
    margin-top: 1.5rem;
  }

  .wrapper {
    overflow: hidden;
  }

  .i-list2 {
    /* z-index: 22; */
  }

  .i-list2 {
    /* height: 16.5rem; */
    height: auto;
  }

  .imgbox-container2 {
    padding: 0;
  }

  .i-list2 .warpbox {
    position: relative;
    top: auto;
    width: 100%;
    right: 0;
    padding: 1rem 0;
  }

  .i-list2 .warpbox .swiper-slide .item {
    width: 5rem;
    height: auto;
  }

  .i-list2 .warpbox .swiper-slide a {
    align-items: center;
  }

  .i-list2 .warpbox .p {
    height: auto;
    margin-bottom: 0.75rem;
    color: #333333;
    text-align: center;
    padding: 0 1rem;
  }
  .i-list2 .zhref .ahbox {
    border: 1px solid #007f41;
    background-color: transparent;
  }

  .i-list2 .warpbox .swiper-pagination {
    position: absolute;
    bottom: -2rem;
    left: 0;
    width: 100%;
    text-align: center;
  }
  .i-list2 .bglist {
    position: relative;
    position: relative;
    height: 7rem;
  }

  .i-list2 .bglist::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 3;
    backdrop-filter: blur(2px);
    display: none;
  }

  .i-list4 .contentbox2 {
    height: 9rem;
  }

  .i-list4 .contentbox2 .img {
    height: 100%;
  }

  .i-list5 .contentbox {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    z-index: 10;
  }

  .i-list5 .leftbox {
    width: 100%;
    height: 10rem;
  }

  .i-list5 .textbox {
    width: 100%;
    padding: 1.5rem 4%;
  }

  .i-list5 .textbox .zhref {
    margin-top: 1rem;
  }

  .i-list5 .ul {
    margin-top: 2rem;
    display: block;
  }

  .i-list5 .ul .li .su {
    font-size: 1.2rem;
  }

  .i-list5 .ul .li {
    margin-right: 0;
    width: 100%;
    padding-right: 0;
    margin-bottom: 1rem;
  }

  .i-list5 .ul .li .p {
    margin-right: 0.5rem;
    width: 100%;
    margin-top: 0.5rem;
  }

  .i-list5 .img {
    display: none;
  }

  .i-list5 .contentbox2 {
    height: auto;
    margin-top: 1rem;
  }

  .i-list5 .contentbox2 .wtextbox {
    padding: 1.5rem 0.75rem;
    display: block;
  }

  .i-list5 .contentbox2 .wtextbox .leftbox {
    width: 100%;
    min-height: auto;
    height: auto;
  }

  .i-list5 .contentbox2 .wtextbox .leftbox:before {
    display: none;
  }

  .i-list5 .contentbox2 .wtextbox .leftbox .tit3 {
    width: 100%;
  }
  .i-list5 .contentbox2 .wtextbox .leftbox .tit3 br {
    display: none;
  }

  .i-list5 .contentbox2 .wtextbox .rightbox {
    width: 100%;
    padding: 0;
    margin-top: 1rem;
  }

  .i-list5 .contentbox2 .wtextbox .rightbox .item:nth-child(2) .subox {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
  }

  .i-list5 .contentbox2 .wtextbox .rightbox .item:nth-child(3) .subox {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
  }

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

  .i-list6 {
    padding-bottom: 2rem;
  }

  .i-list6 .titlebox .tit3 {
    margin-top: 0.3rem;
    margin-bottom: 1rem;
  }

  .i-list6 .ul .li {
    padding: 1rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  .i-list6 .ul .tit4 {
    width: 100%;
  }

  .i-list6 .ul .tipimg {
    display: none;
  }

  .footerbox {
    height: auto;
    padding: 1.5rem 4%;
  }

  .footerbox .rightbox {
    display: none;
  }

  .footerbox .leftbox {
    width: 100%;
  }

  .footerbox .leftbox .logo {
    width: 188px;
    margin-bottom: 0.4rem;
  }

  .footerbox .flogobg {
    margin-top: 1rem;
  }

  .footerbox .fbot {
    flex-direction: column-reverse;
  }

  .footerbox .fbot .sharebox {
    margin-bottom: 0.5rem;
  }

  .footerbox .fbot .sharebox .li {
    margin-left: 0;
    margin-right: 0.5rem;
  }

  .w1520 {
    width: 100%;
    padding: 0 4%;
  }

  .news_tit {
    padding: 0rem 4%;
    display: block;
  }

  .news_tit .lrt {
    width: 100%;
    margin-top: 0.5rem;
    padding: 0 4%;
  }
  .news_tit .lft{
      margin-top: 0.2rem;
    padding: 0 4%;
  }

  .brand_01 {
    height: 24rem;
  }

  .brand_02 .w1520 {
    padding: 1.5rem 4%;
  }

  .brand_02 .tit_top {
    display: block;
  }

  .tit-42 {
    font-size: 0.85rem;
  }

  .brand_02 .tit_top a.zhref {
    margin-top: 0.5rem;
  }

  .brand_02 .swiper-slide {
    width: 100%;
    margin: 0;
  }

  .brand_02 .swiper-slide .li_show {
    display: none;
  }

  .brand_02 .swiper-slide .li_hide {
    opacity: 1;
    visibility: visible;
  }

  .brand_02 .swiper-slide.cur {
    width: 100%;
  }

  .brand_02 .swiper-slide .li_hide {
    display: none;
  }

  .brand_02 .swiper_card_box {
    height: auto;
  }

  .brand_02 .swiper_card {
    height: auto;
  }

  .brand_02 .swiper-slide .li_hide .bg {
    width: 100%;
    height: 50%;
    border-radius: 0;
    padding-top: 0;
    padding: 0.5rem;
  }
  .brand_02 .swiper-slide.cur .li_hide {
    display: block;
  }

  .brand_02 .swiper-slide .img_bgs {
    margin-bottom: 0.257rem;
  }

  .brand_02 .swiper-slide .txt_box {
    width: 100%;
    padding: 0;
    background-color: #fff;
  }

  .brand_02 .swiper-slide .txt_box .tit-22 {
    margin-bottom: 0.5rem;
  }

  .brand_02 .swiper-slide {
    background-color: #007f41;
    transition: all 0s;
  }

  .brand_02 .swiper-slide .li_show {
    opacity: 0;
    visibility: hidden;
    /* transition: all 0.4s; */
  }

  .brand_02 .swiper-slide .li_hide {
    opacity: 1;
    z-index: 33;
    height: 100%;
    background-color: #fff;
    visibility: visible;
  }

  .brand_02 .swiper-slide .li_hide .tit-22 {
    transition: all 0.5s;
    transition-delay: 0.6s;
    transform: translateY(0);
    opacity: 1;
    color: #333333;
    line-height: 1.4;
    padding: 0 0.5rem;
    padding-top: 0;
  }
  .brand_02 .swiper-slide .li_hide::after {
    display: none;
  }

  .brand_02 .swiper-slide .li_hide .tit-13 {
    transition: all 0.5s;
    transition-delay: 0.7s;
    transform: translateY(0);
    opacity: 1;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 0.5rem;
    padding-top: 0;
  }

  .brand_02 .swiper-slide .li_hide .zhref {
    transition: all 0.5s;
    transition-delay: 0.8s;
    transform: translateY(0);
    opacity: 1;
  }

  .brand_02 .swiper_card {
    margin-bottom: 1rem;
  }

  .brand_02 {
    padding-bottom: 2rem;
  }

  .about-a .text {
    padding: 1rem 4%;
    display: block;
    padding-top: 3rem;
    min-height: 8rem;
  }

  .about-a {
    height: 24rem;
    /* height: 16rem; */
  }

  .about-a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .about-a .rigt-box {
    width: 100%;
    margin-top: 0.5rem;
  }

  .about-a .rigt-box .list {
    margin-top: 0.4rem;
    flex-wrap: wrap;
  }

  .about-a .rigt-box .list .li {
    width: 40%;
    margin-bottom: 0.2rem;
  }

  .about-b {
    padding: 1.5rem 0;
  }

  .view {
    padding: 0 4%;
  }

  .about-b .list .li {
    width: calc((100% - 0.5rem) / 2);
    margin-right: 0.5rem;
    height: 4rem;
    margin-bottom: 0.5rem;
    border-radius: 0.5rem;
  }

  .about-b .list .li:nth-child(2n) {
    margin-right: 0;
  }

  .about-b .list .li .box img {
    max-width: 60%;
  }

  .about-b .list .li::before {
    display: none;
  }

  .about-b .list .li::after {
    display: none;
  }

  .about-c {
    padding: 1.5rem 0;
  }

  .about-c .list .li {
    width: 100%;
    margin-right: 0;
  }

  .about-c .list {
    margin-top: 1rem;
  }

  .about-d .txt {
    padding: 1.5rem 4%;
  }

  .about-d .txt .li {
    width: 100%;
    padding: 1rem 0;
  }
  .about-e {
    height: auto;
    padding-bottom: 1rem;
  }

  .about-e .txt {
    top: 0;
    left: 0;
    width: 100%;
    padding: 1.5rem 4%;
  }
  .about-e .img-box {
    top: 57%;
  }
  .about-e .text-container {
    position: relative;
    bottom: 0;
    top: auto;
    transform: translateY(0);
    left: 0;
    right: auto;
    width: 100%;
    height: auto;
    margin-top: 1rem;

    overflow: hidden;
  }
  .about-e .text-container .swiper-slide {
    padding: 0 4%;
  }
  .about-e .txt img {
    margin-top: 1rem;
  }
  .about-e .txt {
    position: relative;
  }

  .y-box {
    width: 4.875rem;
    height: 6.725rem;
    z-index: -1;
  }
  .about-e .of {
    position: absolute;
    top: 0;
    left: 0;
  }
  .about-f .cont {
    height: auto;
  }

  .about-f .cont .list {
    position: relative;
    display: block;
  }

  .about-f .cont .of {
    position: absolute;
    top: 0;
    left: 0;
  }

  .about-f .cont .list .li {
    width: 100% !important;
    height: 7rem;
  }

  .about-f .cont .list .li .hide-txt {
    padding: 1rem 0.7rem;
  }

  .about-f .cont .list .li.on {
    height: 12rem;
  }

  .about-f .cont .list .li .hide-txt .t2 {
    width: 100%;
    margin-top: 0.5rem;
  }

  .about-g {
    padding: 1.5rem 0;
  }

  .about-g .map-box {
    border-radius: 0;
  }

  .about-g .map-box .mapt {
    position: relative;
    left: 0;
    width: 100%;
    top: 0;
    transform: translateX(0);
  }

  .about-g .map-box .of {
    position: relative;
  }

  .about-g .map-box {
    height: auto;
  }

  .about-g form .li {
    width: 100%;
    margin-bottom: 0.5rem;
  }

  .about-g form .li:last-child {
    margin-bottom: 0;
  }

  .about-g form .fcb {
    display: block;
  }

  .news_01 .news_tit {
    padding: 1.5rem 4%;
  }

  .news_01 .news_content {
    display: block;
  }

  .news_01 .sticky_box {
    width: 100%;
  }

  .news_01 .sticky_box .sticky {
    padding: 0.5rem 4%;
  }

  .news_01 .sticky_box .sticky .sticky_list {
    overflow: auto;
    white-space: nowrap;
  }

  .news_01 .sticky_box a {
    display: inline-block;
    margin-right: 0.5rem;
  }

  .news_01 .news_list_box {
    width: 100%;
  }

  .news_01 .news_list a.li1 {
    display: block;
    padding: 1rem 4%;
  }

  .fixed-header {
    height: 2.6rem;
  }

  .news_01 .news_list a.li1 .img {
    width: 100%;
  }

  .news_01 .news_list a.li1 .img {
    height: auto;
  }

  .news_01 .news_list a.li1 .txt {
    width: 100%;
    position: relative;
    padding-top: 1rem;
    padding-right: 0;
  }

  .news_01 .news_list a.li1 .tit-22 {
    margin-bottom: 0.5rem;
  }

  .news_01 .news_list a.li1 .tit-15 {
    margin-bottom: 0.75rem;
  }

  .news_01 .news_list a.li2 {
    padding: 0.5rem 4%;
  }

  .news_01 .news_list a.li2::after {
    left: 0;
    width: 100%;
  }

  .news_01 .news_list_box .click_more {
    margin: 0 auto;
  }

  .news_01 .news_list {
    margin-bottom: 1rem;
  }

  .news_01 {
    padding-bottom: 2rem;
  }

  .news_01 .news_list a.li2 .img {
    display: none;
  }

  .news_info .w1520 {
    padding: 1.5rem 4%;
  }

  .news_info .w100 {
    padding: 1rem 4%;
    padding-bottom: 3rem;
    position: relative;
  }

  .news_info .w100 a.back {
    position: absolute;
    bottom: 1rem;
  }

  .news_info .w100 a {
    width: 40%;
  }

  .sustainability .news_tit {
    padding-bottom: 1rem;
  }

  .sustainability_01 .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .sustainability_01 .img {
    height: 7.5rem;
  }

  .quality_01 {
    height: auto;
  }

  .quality_01::after {
    top: 0;
    height: 18rem;
  }

  .quality_01 .news_tit {
    padding-top: 0rem;
    padding-bottom: 1rem;
  }

  .quality_01 .img {
    position: relative;
    height: auto;
  }

  .quality_01::after {
    display: none;
  }

  .quality_01 .videobtn {
    opacity: 1;
  }

  .quality_02 .w1520 {
    padding: 1.5rem 4%;
  }

  .quality_02 .card_list {
    display: block;
    height: auto;
  }

  .quality_02 .card_item.cur {
    width: 100%;
  }

  .quality_02 .card_item {
    width: 100%;
    margin-bottom: 0.5rem;
  }

  .quality_02 .card_hide .icon {
    width: 1rem;
    margin-bottom: 0;
  }

  .quality_03::after {
    display: none;
  }

  .quality_03 .w1520 {
    padding-left: 4%;
    display: block;
  }

  .quality_03 {
    margin: 0;
    min-height: auto;
    padding-bottom: 1.5rem;
  }

  .quality_03 .w1520 .lft {
    width: 100%;
    padding-top: 1.5rem;
    padding-bottom: 0rem;
  }

  .quality_03 .w1520 .img {
    width: 100%;
    height: auto;
    border-radius: 0.5rem;
  }

  .quality_04 {
    padding: 1.5rem 4%;
  }

  .bus-c-container .swiper-slide {
    width: 100%;
  }

  .bus-c-container .swiper-slide .img {
    height: 7.5rem;
  }

  .bus-c .button-prev {
    left: 1%;
    display: none;
  }

  .bus-c .button-next {
    right: 1%;
    display: none;
  }

  .bus-a .t3 {
    width: 100%;
  }

  .bus-a {
    padding-top: 4rem;
  }

  .bus-a .t2 {
    margin-top: 1rem;
  }

  .card-container {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    padding-left: 0.5rem;
    width: 85%;
    overflow: hidden;
  }

  .bus-a .box1 {
    width: 95%;
    height: 6rem;
  }

  .bus-a .button-next {
    right: 0.5rem;
    top: 76%;
    margin-top: 0;
  }

  .bus-a .imgs {
    bottom: 0;
  }

  .bus-a {
    padding-bottom: 2rem;
  }

  .bus-a-img {
    height: auto;
  }

  .bys-nb .li {
    width: 6.5rem;
    height: 100%;
    padding: 0.75rem;
  }

  .bys-nb {
    height: 8rem;
  }

  .bys-nb .li .img {
    height: 6rem;
  }

  .bys-nb .li .img img {
    max-height: 90%;
  }

  .bys-b {
    padding: 1.5rem 4% 0;
  }

  .bys-b .t2 {
    width: 100%;
  }

  .bys-b .w-map {
    width: 100%;
    font-size: 2.084vw !important;
  }

  @keyframes itemsc2 {
    from {
      opacity: 1;
      transform: translate(-50%, -50%) scale(2);
    }

    to {
      opacity: 0;
      transform: translate(-50%, -50%) scale(5);
    }
  }

  .bys-b .w-map .item1 {
    left: 2.025em;
    top: 4.75em;
    animation-delay: 0.2s;
  }

  .bys-b .w-map .item2 {
    left: 3.6em;
    top: 4.375em;
    animation-delay: 0.1s;
  }

  .bys-b .w-map .item3 {
    left: 4.9em;
    top: 3.65em;
    animation-delay: 0.3s;
  }

  .bys-b .w-map .item4 {
    left: 5.45em;
    top: 5.125em;
    animation-delay: 0.4s;
  }

  .bys-b .w-map .item5 {
    left: 2.325em;
    top: 6.6em;
    animation-delay: 0.2s;
  }

  .bys-b .w-map .item6 {
    left: 3.7em;
    top: 8.25em;
  }

  .bys-b .w-map .item7 {
    left: 7.075em;
    top: 7.35em;
    animation-delay: 0.1s;
  }

  .bys-b .w-map .item8 {
    left: 14.175em;
    top: 5.425em;
    animation-delay: 0.3s;
  }

  .bys-b .w-map .item9 {
    left: 13.925em;
    top: 6.975em;
  }

  .bys-b .w-map .item10 {
    left: 13.25em;
    top: 9.95em;
  }

  .bys-b .w-map .item11 {
    left: 15.675em;
    top: 12.7em;
    animation-delay: 0.2s;
  }

  .bys-b .w-map .item12 {
    left: 18.425em;
    top: 14.3em;
  }

  .bys-b .w-map .item13 {
    left: 18.425em;
    top: 14.3em;
    animation-delay: 0.1s;
  }

  .bys-b .w-map .item14 {
    left: 18.425em;
    top: 14.3em;
  }

  .bys-b .w-map .item15 {
    left: 27.575em;
    top: 5.675em;
    animation-delay: 0.2s;
  }

  .bys-b .w-map .item16 {
    left: 24.5em;
    top: 2.625em;
  }

  .bys-b .w-map .item {
    width: 0.15rem;
    height: 0.15rem;
  }

  .bys-b .w-map .item17 {
    left: 12.175em;
    top: 5.875em;
    width: 0.2rem;
    height: 0.2rem;
  }

  .bys-b-container .list {
    height: 4rem;
  }

  .bys-b-container .li {
    height: 4rem;
  }

  .bys-b-container .li {
    width: 6rem;
  }

  .bys-b-container .li img {
    max-width: 60%;
  }

  .bus-c {
    padding: 1rem 4%;
  }
  .bus-d {
    padding: 1.5rem 4%;
    display: block;
    padding-bottom: 4rem;
  }

  .bus-d .txt {
    padding: 0rem;
  }

  .bus-d .txt .t2 {
    margin-top: 1rem;
  }

  .bus-d .txt .t3 {
    width: 100%;
    margin-top: 0.5rem;
  }

  .bus-d .img {
    right: 0;
    transform: translateY(0rem);
    margin-top: 1rem;
  }

  .bus-d .img .box {
    height: 9rem;
  }

  .bus-e {
    height: auto;
    padding: 1.5rem 4%;
  }

  .bus-e-container .swiper-slide {
    width: 100%;
  }

  .bus-e .button-prev {
    left: 4%;
    top: 50%;
  }

  .bus-e .button-next {
    right: 4%;
    top: 50%;
  }

  .bus-e-container {
    width: 77%;
    margin: 0 auto;
  }

  .button-prev,
  .button-next {
    width: 1rem;
    height: 1rem;
  }

  .bus-f .img .y-box {
    height: 3.1rem;
  }

  .bus-f .img {
    height: 10rem;
  }

  .bus-f .cont-box {
    width: 100%;
    padding: 1rem 4%;
    display: block;
    height: auto;
  }

  .bus-f .cont-box .t2 {
    width: 100%;
  }

  .bus-f .cont-box img {
    margin-left: 0;
    margin-right: 0.5rem;
    width: 2rem;
    margin-top: 1rem;
  }

  .bus-f .cont-bot .t2 {
    width: 100%;
    padding: 0 4%;
  }

  .bus-f {
    /* padding-bottom: 1.5rem; */
  }

  .bus-g-container .swiper-slide {
    width: 100%;
  }

  .bus-g .button-prev {
    left: 1rem;
  }

  .bus-g .button-next {
    right: 1rem;
  }

  .product_01 .news_tit {
    padding-top: 3rem;
  }

  .product_01 .news_tit .lrt {
    padding-left: 0;
  }

  .product_01::after {
    height: 6.8rem;
  }

  .product_01 {
    height: auto;
  }

  .product_01 .img {
    height: auto;
    margin-top: 0;
    position: relative;
    width: 110%;
    left: -5%;
  }

  .porduct-navlist .pnav-container .swiper-slide {
    width: 100%;
  }

  .porduct-navlist .pnav-container .swiper-slide::after {
    display: none;
  }

  .product_02 .w1720 {
    display: block;
    width: 100%;
    padding: 1.5rem 4%;
  }

  .product_02 .tit-42 {
    margin-bottom: 1rem;
  }

  .product_02 .sticky {
    display: flex;
    flex-wrap: wrap;
  }

  .product_02 .sticky .lis {
    width: calc((100% - 0.5rem) / 2);
    margin-right: 0.5rem;
    border-radius: 0.45rem;
  }

  .product_02 .sticky .lis:nth-child(2n) {
    margin-right: 0;
  }

  .product_02 .sticky .lis_show {
    width: 100%;
    height: 1rem;
  }

  .product_02 .w1720 .lrt {
    width: 100%;
  }

  .product_02 .ul_ajax .li {
    width: calc((100% - 0.5rem) / 2);
    margin-right: 0.5rem;
    padding: 0.5rem;
    height: auto;
    min-height: auto;
    margin-bottom: 0.5rem;
  }
  .product_02 .ul_ajax .li:nth-child(2n) {
    margin-right: 0;
  }
  .product_02 .ul_ajax .li .img {
    height: 4rem;
  }
  .product_02 .ul_ajax .li a {
    padding: 0;
  }
  .product_02 .ul_ajax_box .hot_new {
    left: 0;
    top: -0.2rem;
  }
  .products_info .lrt,
  .products_info .lft.phe {
    display: none;
  }

  .products_info .info_box {
    display: block;
    height: auto;
  }

  .products_info .w1520 {
    padding: 1rem 4%;
  }

  .products_info .swiper_img_box {
    width: 100%;
    height: auto;
  }

  .products_info .swiper_img_box .small-container {
    margin-top: 1rem;
  }

  .products_info .info_txt {
    width: 100%;
    padding: 1rem 0;
    background-color: transparent;
  }

  .products_info .info_txt .ul_list {
    margin-bottom: 0.75rem;
  }

  .products_info .info_txt .want span {
    display: none;
  }

  .products_info .info_txt .want {
    width: 1.3rem;
    padding: 0;
  }

  .products_info .info_txt .want svg {
    margin-left: 0;
  }

  .products_info .swiper_img_02 {
    height: auto;
  }

  .search-list1 {
    padding: 1.5rem 4%;
  }

  .search-list1 .tit-52 {
    margin-bottom: 0.8rem;
  }

  .search-list1 form {
    height: 1.25rem;
  }

  .searchbox {
    padding: 0 0.5rem;
  }

  .searchbox .input2 {
    width: 1rem;
    height: 1rem;
  }

  .searchbox .input2 svg {
    width: 0.6rem;
  }

  .search-list2 .ulbox .li {
    padding: 0.75rem 0;
  }
}

@media (max-width: 996px) {
  .brand_02 .swiper_card_box .swiper_scroll_box {
    height: auto;
    display: block;
  }

  .brand_02 .swiper_left_box {
    width: 100%;
  }

  .brand_02 .swiper_card {
    width: 100%;
  }

  .brand_02 .swiper-slide .li_show {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /*  */
  .stoyr-a {
    padding: 1.5rem 0 2rem;
  }

  .sa-container {
    margin-top: 1rem;
  }

  .sa-container .swiper-slide {
    width: 100%;
    margin-right: 1rem;
  }
  .sc-container .swiper-slide {
    height: auto;
    display: block;
  }
  .sc-container .swiper-slide .img {
    width: 100%;
    height: auto;
  }
  .sc-container .swiper-slide .txt {
    width: 100%;
    height: auto;
    padding: 1rem 0.5rem;
  }
  .stoyr-b {
    padding: 1.5rem 0 2rem;
  }
  .stoyr-b .g_list {
    display: block;
  }
  .stoyr-b .g_list .g_sb_left {
    display: block;
    width: 100%;
    height: auto;
    margin-right: 0;
  }
  .stoyr-b .g_list .g_sb_left .img-box1 {
    width: 100%;
  }
  .stoyr-b .g_list .g_sb_left .lrbx {
    width: 100%;
    margin-left: 0;
  }
  .stoyr-b .g_list .g_sb_left .lrbx .txt {
    padding: 1rem 0.5rem;
    background-size: 100% 100%;
    margin: 1rem 0;
  }
  .stoyr-b .g_list .g_sb_left .lrbx .img-box2 {
    height: auto;
    margin-top: 0;
  }
  .stoyr-b .g_list .sb-container {
    width: 100%;
    margin-top: 1rem;
  }
  .sb-container .swiper-slide {
    height: 10rem;
  }
  .story-c {
    padding: 1.5rem 0 3.5rem;
  }
  .about-c-container .swiper-slide .li {
    padding: 0.5rem;
    width: 100%;
  }
  .about-c-container .swiper-slide {
    margin: 0;
    width: 100%;
    padding: 0 0.5rem;
  }
  .bus-d .img {
    position: relative;
    width: 100%;
    height: auto;
  }
  div[data-scroll] {
    transform: translateX(0) !important;
  }
  .brand_01 .news_tit {
    padding: 1rem 0;
    padding-top: 0;
  }
  .brand_01::after {
    display: none;
  }
  .brand_01 {
    padding-top: 0;
  }
  .brand_01 .news_tit {
    padding-top: 3rem;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(25px);
  }
  .zhref .ahbox {
    height: 1rem;
    width: 4rem;
  }
  .zhref {
    height: 1rem;
    width: 4rem;
  }
  .product_02 .ul_ajax_box {
    padding-bottom: 1rem;
  }
  .about-a .rigt-box .list .li {
    color: #46aa3f;
    background-color: rgba(255, 255, 255, 0.8);
  }
  .about-g .map-box .mapt .list .li {
    padding: 0.25rem 0;
  }
  .about-f .bg-list {
    display: none;
  }
  .about-f .of.mb {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .about-g .map-box .mapt .list {
    padding: 0 0.5rem;
  }
  .about-c-container-mb .swiper-scrollbar {
    width: 80% !important;
    margin-left: 10%;
    height: 0.3rem;
    border-radius: 0.125rem;
    position: relative !important;
    background: #ccc;
    margin-top: 1rem;
  }
  .about-c-container-mb .swiper-scrollbar-drag {
    background: #46aa3f;
  }
  .h-searchbox .input1:-moz-placeholder {
    font-size: 0;
  }
  .h-searchbox .input1:-ms-input-placeholder {
    font-size: 0;
  }
  .h-searchbox .input1::-webkit-input-placeholder {
    font-size: 0;
  }
  .about-g form .f-bt .button.zhref .ahbox{
    width: 8rem;
    height: 1.5rem

  }
  .about-g form .f-bt .button{
    width: 8rem;
    height: 1.5rem;
    margin: 0 auto;
    display: block;
  }
  .button .ahbox span{
    font-size: .5rem;
  }
   .s-pagination{
        text-align: center;
   }
  .s-pagination .swiper-pagination-bullet{
      background-color: #fff;
  }
  .news_info .w100 .backa {
    top: 2.7rem;
  }
  .news_info .w100 a .ellipsis{
    max-width: 4rem;
    display: none;
  }
  .news_info .w100 a{
    width: 50%;
  }
  .news_info .w100 .backa{
            position: relative;
        top: auto;
        right: auto;
        left: auto;
        transform: translateX(0px);
  }
  .news_info .w100 a:last-child{
        justify-content: flex-end;
  }
}