/**/

@media screen and (min-width: 1441px) and (max-width: 1600px) {
  html {
    font-size: 90px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1440px) {
  html {
    font-size: 80px;
  }
}
@media screen and (min-width: 981px) and (max-width: 1200px) {
  html {
    font-size: 70px;
  }
}
@media screen and (min-width: 769px) and (max-width: 980px) {
  .header .nav {
    display: none;
  }
  .container {
    width: 100%;
    padding: 0 15px;
    max-width: 100%;
  }

  .hidden-xs {
    display: none;
  }
  .visible-xs {
    display: block;
  }
}

/**/
@media (max-width: 768px) {
  .m_nav {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%);
    width: 25px;
    z-index: 99;
  }
  .m_nav i {
    display: block;
    height: 2px;
    background: #333;
  }
  .m_nav i + i {
    margin-top: 0.06rem;
  }
  .cross i:nth-of-type(1) {
    -webkit-transform: translateY(8px) rotate(-45deg);
    -ms-transform: translateY(8px) rotate(-45deg);
    transform: translateY(8px) rotate(-45deg);
  }
  .cross i:nth-of-type(2) {
    opacity: 0;
  }
  .cross i:nth-of-type(3) {
    -webkit-transform: translateY(-8px) rotate(45deg);
    -ms-transform: translateY(-8px) rotate(45deg);
    transform: translateY(-8px) rotate(45deg);
  }
  .container {
    width: 100%;
    padding: 0 15px;
    max-width: 100%;
  }
  .header {
    position: sticky;
    top: 0;
    z-index: 999;
  }
  .header .logo img {
    width: 1.6rem;
  }

  .hidden-xs,
  .header .nav,
  .header .side,
  .rightside {
    display: none;
  }
  .visible-xs {
    display: block;
  }
  .header .logo {
    width: 200px;
  }
  .footer .bd .in {
    display: block;
  }
  .footer .bd {
    padding: 0.2rem 0;
    line-height: 0.22rem;
  }
  .footer .bd .in ul {
    display: none;
  }
  .footer .bd .side,
  .footer .share {
    margin-top: 0.15rem;
  }
  .footer .bd h4 {
    padding: 0.1rem 0;
  }
  .footer .bd h4 i {
    width: 50%;
    position: absolute;
    top: 0;
    height: 100%;
    right: 0;
  }
  .footer .ft {
    height: auto;
    font-size: 0.12rem;
    padding: 0.1rem 0;
  }
  .footer .bd h4 i:after {
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 0 1px 1px 0;
    border-color: #fff;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 2px;
  }
  .footer .bd h4.on i:after {
    border-width: 1px 0 0 1px;
  }
  .footer .bd .code {
    display: block;
  }
  /**/
  .homepage .three .hd,
  .homepage .fire .bd,
  .homepage .banner .flex {
    display: block;
  }
  .homepage .banner .in {
    padding-top: 0.6rem;
  }
  .homepage .banner .bd p {
    font-size: 0.14rem;
    line-height: 0.2rem;
    margin: 0.15rem 0;
  }
  .homepage .banner .bd h2 {
    font-size: 0.3rem;
    line-height: 0.4rem;
  }
  .homepage .banner .bd .btns .btn1 {
    margin-left: 0.15rem;
    font-size: 0.14rem;
  }
  .homepage .banner .bd .btns .btn {
    width: 1.5rem;
    font-size: 0.14rem;
    height: 0.4rem;
  }
  .homepage .banner .side {
    top: 2.8rem;
    padding: 0.1rem;
    /* min-height: 4.6rem; */
    right: 0.15rem;
    left: 0.15rem;
    width: auto;
    margin: 0;
  }
  .search .picicon,
  .search .select {
    display: none;
  }
  .search .input,
  .search .btn,
  .homepage,
  .homepage .one,
  .homepage .three .bd ul li h4,
  .homepage .three .bd ul li .flex .flex_item,
  .homepage .more a,
  .homepage .four .bd ul dd,
  .homepage .fire .bd .tabtitle li,
  .homepage .banner .side .tabtitle,
  .homepage .banner .side .ft,
  .select select {
    font-size: 0.14rem;
  }
  .search .btn {
    width: 0.9rem;
    height: 0.4rem;
  }
  .search {
    margin-top: 0.2rem;
  }
  .homepage .banner .side .ft img {
    width: 0.6rem;
  }
  .homepage .banner .side .ft {
    height: 0.9rem;
  }
  .homepage .banner .side .tabtitle li {
    padding-bottom: 0.1rem;
  }
  .homepage .banner .side .btn {
    font-size: 0.14rem;
    height: 0.5rem;
  }
  .homepage .three .hd span,
  .homepage .three .hd .tab {
    font-size: 0.16rem;
  }
  .homepage .three .hd .tab {
    margin: 0.1rem 0;
    border: 1px solid #ddd;
  }
  .homepage .three .hd .tab li {
    flex: 1;
  }
  .homepage .three .hd > a {
    display: none;
  }
  .select:after {
    width: 0.07rem;
    height: 0.07rem;
    margin-top: -0.06rem;
  }
  .homepage .three .hd .tab li a {
    width: 100%;
    border-radius: 0;
  }
  .homepage .one li i {
    width: 0.14rem;
    height: 0.16rem;
  }
  .homepage .two {
    padding: 0.3rem 0;
  }
  .homepage .two .swiper-button-next,
  .homepage .two .swiper-button-prev {
    width: 0.3rem;
    height: 0.3rem;
  }
  .homepage .two .bd {
    padding: 0 0.4rem;
  }
  .title_common {
    font-size: 0.24rem;
  }
  .homepage .three .bd ul {
    margin: -0.05rem;
  }
  .homepage .three .bd ul li {
    width: 50%;
    padding: 0.05rem;
  }
  .homepage .three .bd ul li h4 {
    line-height: 0.2rem;
    margin: 0.08rem 0;
    min-height: 0.4rem;
  }
  .homepage .three .bd ul li .box {
    padding: 0.1rem;
    min-height: auto;
  }
  .homepage .more {
    margin-top: 0.2rem;
  }
  .homepage .more a i {
    width: 0.2rem;
    height: 0.15rem;
  }
  .homepage .more a img {
    width: 0.24rem;
  }
  .homepage .more a {
    width: 100%;
    height: 0.45rem;
  }
  .homepage .four {
    margin-top: 0.3rem;
  }
  .homepage .four .bd ul {
    padding: 0;
    background: none;
    flex-wrap: wrap;
    margin-top: 0.2rem;
  }
  .homepage .four .bd {
    padding: 0.15rem;
  }
  .homepage .four .bd ul li {
    width: 50%;
    flex: inherit;
    padding-top: 0.15rem;
  }
  .homepage .four .bd ul li:nth-child(even) {
    transform: translate(0);
  }
  .homepage .four .bd ul dl,
  .homepage .four .bd ul li:nth-child(even) dl {
    margin-top: 0.15rem;
  }
  .homepage .four .bd ul li img {
    width: 1rem;
  }
  .homepage .four .bd ul dt,
  .homepage .fire .bd .side h3 span {
    font-size: 0.18rem;
  }
  .homepage .fire .bd {
    margin-top: 0.3rem;
  }
  .homepage .fire .bd .side {
    width: 100%;
    margin: 0 0 0.2rem 0;
  }
  .homepage .fire .bd .side h3 {
    width: 100%;
    height: 0.45rem;
    font-size: 0.16rem;
  }
  .homepage .fire .bd .side .box {
    padding: 0.15rem;
  }
  .homepage .fire .bd .tabtitle li {
    width: auto;
    padding: 0 0.06rem;
  }
  .homepage .fire .bd .side dt {
    font-size: 0.16rem;
    margin-top: 0.1rem;
  }
  .homepage .fire .bd .side dd,
  .homepage .fire .bd .tabbox li p {
    margin-top: 0.08rem;
  }
  .homepage .fire .bd .side .btn {
    margin-top: 0.1rem;
  }
  .homepage .fire .bd .tabbox li h4 {
    font-size: 0.16rem;
  }
  .homepage .fire .ft {
    padding: 0.3rem 0;
    margin: -0.05rem;
  }
  .homepage .fire .ft .swiper {
    height: 2.1rem;
  }
  .homepage .fire .ft .swiper-slide .pic {
    margin: 0.05rem;
  }
  .homepage .fire {
    padding-bottom: 0.3rem;
  }
  .homepage .six ul {
    margin-top: 0.1rem;
  }
  /**/
  .daigou .banner h2 {
    font-size: 0.36rem;
  }
  .daigou .banner {
    height: 4rem;
  }
  .search .share {
    top: 100%;
    transform: translate(-50%, 0.15rem);
    flex-wrap: wrap;
    width: 80%;
    justify-content: center;
  }
  .search .share a {
    margin-bottom: 0.05rem;
  }
  .daigou .two {
    padding-top: 0.3rem;
  }
  .daigou .two .bd ul li {
    width: 50%;
  }
  .daigou .two .bd,
  .daigou .three .bd {
    margin-top: 0.2rem;
  }
  .daigou .three {
    padding: 0.3rem 0;
  }
  .daigou .three .bd ul {
    margin: -0.06rem 0;
  }
  .daigou .three .bd ul li {
    width: 100%;
    padding: 0.06rem 0;
  }
  .daigou .three .bd ul li .pic {
    width: 1.3rem;
  }
  .daigou .three .bd ul li p {
    -webkit-line-clamp: 2;
  }
  .daigou .four {
    padding: 0.2rem 0;
  }
  .daigou .four ul {
    display: block;
    height: auto;
  }
  .daigou .four ul li {
    width: 100%;
  }
  .daigou .four dl {
    flex: 1;
  }
  .daigou .four li {
    padding: 0.1rem 0;
  }
  .bread ul {
    height: auto;
    padding: 0.15rem 0;
    font-size: 0.14rem;
  }
  .productsitem .one > .flex_item,
  .productsitem .one,
  .productsitem .one .items .box .flex {
    display: block;
  }
  .productsitem .one .banner {
    width: 100%;
    margin: 0 0 0.15rem 0;
  }
  .productsitem .one .items .box .flex > .flex_item span + span::before {
    margin: 0 0.04rem;
  }
  .productsitem .one .items .box,
  .productsitem .three .a .tab {
    font-size: 0.14rem;
  }
  .productsitem .one .items .tab span {
    margin-bottom: 0.06rem;
  }
  .productsitem .one .side {
    width: 100%;
    margin: 0.15rem 0 0;
  }
  .productsitem .one .side .mySwiper {
    height: 3.2rem;
  }
  .productsitem .one .side .mySwiper .pic {
    height: 1.25rem;
  }
  .productsitem .three {
    display: block;
  }
  .productsitem .two .bd ul li {
    width: 100%;
    margin-bottom: 0.1rem;
  }
  .productsitem .three .b .hd li .lists img {
    margin-top: 10px;
  }
  .productsitem .three .side {
    width: 100%;
    margin: 0.15rem 0 0 0;
  }
  .productsitem .three .a .tab li {
    padding: 0 0.1rem;
    line-height: 0.4rem;
  }
  .productsitem .three .a .bd {
    padding: 0.15rem;
  }
  .productsitem .three .a {
    margin-bottom: 0.15rem;
  }
  .productsitem .three .info {
    padding: 0.15rem;
  }
  .hotproducts .banner ul {
    margin-top: 0.8rem;
  }
  .table {
    white-space: nowrap;
    overflow-x: auto !important;
  }
  .productsitem .three .b .ft li {
    height: auto;
    padding: 0.1rem;
  }
  /**/
  .service .one .bd,
  .service .one .hd ul {
    display: block;
  }
  .service .three .bd ul li,
  .service .two .bd ul li {
    width: 100%;
  }
  .service .one {
    transform: translate(0);
    margin-top: 0.2rem;
  }
  .service .one .bd ul {
    margin-top: 0.2rem;
  }
  .service .one .hd ul li {
    padding: 0.08rem 0.15rem;
  }
  .service .one .bd ul li {
    margin: 0;
    flex: 1;
    height: 1rem;
  }
  .service .one .bd ul li + li {
    margin-left: 0.1rem;
  }
  .service .one .bd .flex dl {
    display: none;
  }
  .service .one .bd .flex {
    padding: 0;
  }
  .search .input {
    padding-left: 0.15rem;
  }
  .service .one .search .btn {
    width: 1rem;
  }
  .service .one .bd ul li {
    font-size: 0.14rem;
  }
  .service .one .bd ul li img {
    height: 0.3rem;
  }
  .service .two,
  .service .three {
    padding: 0.3rem 0;
  }
  .service .two .bd,
  .service .three .bd {
    padding-top: 0.2rem;
  }
  .service .two .bd ul,
  .service .three .bd ul {
    margin: -0.1rem 0;
  }
  .service .two .bd ul li,
  .service .three .bd ul li {
    padding: 0.1rem 0;
  }
  .service .two .bd ul li .pic {
    width: 1.3rem;
  }
  .service .two .bd ul li h4 {
    font-size: 0.16rem;
  }
  .service .two .bd ul li h4 {
    height: auto;
    -webkit-line-clamp: 1;
  }
  /**/
  .hottuijian .two,
  .hottuijian .three .bd li .flex,
  .hottuijian .three .bd li {
    display: block;
  }
  .hottuijian .two .side {
    width: 100%;
    margin: 0.15rem 0 0;
  }
  .hottuijian .three .bd li .pic {
    width: 100%;
    margin: 0 0 0.1rem 0;
  }

  .hottuijian .three .bd li .group {
    margin-top: 0.1rem;
  }

  .hottuijian {
    font-size: 0.14rem;
    padding-bottom: 0.3rem;
  }
  .hottuijian .three .bd {
    padding: 0.15rem 0.15rem 0.15rem;
  }
  .pages span,
  .pages a {
    font-size: 0.14rem;
    padding: 0 0.05rem;
    height: 0.3rem;
  }
  .pages {
    padding: 0.15rem 0;
  }
  .hottuijian .prolists {
    margin: -0.05rem;
  }
  .hottuijian .prolists li,
  .hottuijian .three .prolists li {
    width: 50%;
    padding: 0.05rem;
  }
  .hottuijian .one .bd {
    padding: 0.15rem;
  }
  .hottuijian .hd .tab li {
    margin-left: 0.1rem;
    display: inline-block;
  }
  .hottuijian .hd .tab {
    display: block;
    white-space: nowrap;
    overflow-x: auto;
  }
  .hottuijian .hd {
    position: relative;
  }
  .hottuijian .hd .more {
    position: absolute;
    right: 0.15rem;
    top: 0.15rem;
  }
  .hottuijian .three .prolists {
    padding: 0.15rem 0.15rem 0;
  }
  .hottuijian .three .bd ul {
    margin: -0.1rem 0;
  }
  .hottuijian .three .bd li:last-child {
    border: none;
  }
  .hottuijian .one {
    margin-top: 0.1rem;
  }
  /**/
  .hotproducts .info {
    display: block;
  }
  .hotproducts .info .side,
  .hotproducts .info .box,
  .productsitem .four > .flex_item .part1 .pic {
    width: 100%;
    margin: 0 0 0.15rem 0;
  }
  .hotproducts .three {
    padding: 0.3rem 0;
  }
  .homepage .three .hd {
    margin-top: 0.2rem;
  }
  .hotproducts .info .link ol {
    height: 3.3rem;
  }
  /**/
  .productsitem .four,
  .productsitem .four > .flex_item .part1 > .flex {
    display: block;
  }
  .productsitem .four > .flex_item .part1 h1 {
    margin-bottom: 0.1rem;
  }
  .productsitem .four > .flex_item .part1 ul li .label {
    width: 0.8rem;
  }
  .productsitem .four > .flex_item .part1 ul {
    padding: 0.15rem;
    margin: 0.15rem 0;
  }
  .productsitem .four > .flex_item .part1 .ft .btn {
    width: 1.2rem;
  }
  .productsitem .four > .flex_item .part5 .bd ul {
    margin: -0.08rem 0;
  }
  .productsitem .four > .flex_item .part5 .bd ul li {
    width: 100%;
    padding: 0.08rem 0;
  }
  .productsitem .four > .flex_item .part5 .bd ul .pic {
    width: 1.3rem;
  }
  .productsitem .four > .flex_item .part5 .bd ul h4 {
    width: 100%;
    height: auto;
    font-size: 0.14rem;
    margin-bottom: 0.04rem;
    line-height: 0.22rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .productsitem .four .side {
    width: 100%;
    margin: 0.15rem 0 0;
  }
  .productsitem .four > .flex_item .part6 .flex {
    display: block;
  }
  .productsitem .four > .flex_item .part6 .group a {
    margin: 0.15rem 0.15rem 0 0;
  }
  .productsitem .four > .flex_item .part6 .pic {
    margin-bottom: 0.15rem;
  }
  /**/
  .news .banner {
    font-size: 0.3rem;
  }
  .tabinfo {
    font-size: 0.14rem;
    white-space: nowrap;
    overflow-x: auto;
    display: block;
    margin-top: 0.2rem;
    padding: 0 0.15rem;
    transform: translateY(0);
  }
  .tabinfo li {
    width: auto;
    display: inline-block;
    height: auto;
    padding: 0.1rem;
    vertical-align: middle;
  }
  .tabinfo li img {
    width: 0.18rem;
  }
  .news .one {
    margin-top: 0;
    padding-bottom: 0.3rem;
  }
  .news .title {
    padding: 0.3rem 0 0.15rem;
  }
  .news .title dd {
    font-size: 0.24rem;
  }
  .news .one .bd {
    display: block;
    margin-top: 0.2rem;
  }
  .news .one .bd .side,
  .news .two .bd .left {
    width: 100%;
    margin: 0 0 0.15rem 0;
  }
  .news .two .info,
  .news .two .bd {
    display: block;
  }
  .news .two .tabtitle,
  .news .one .bd p,
  .news .one .bd ul a {
    font-size: 0.14rem;
  }
  .news .one .bd ul a {
    height: 0.5rem;
  }
  .news .two .bd .bannerbox dt {
    font-size: 0.24rem;
  }
  .news .two .tabtitle li {
    flex: 1;
    text-align: center;
    line-height: 0.45rem;
  }
  .news .two .tabtitle li + li {
    margin-left: 0;
  }
  .news .two .info .side,
  .news-lists .info .side {
    width: 100%;
    margin: 0.2rem 0 0;
  }
  .news .two .info .side ul li .pic {
    width: 1.4rem;
  }
  .news .two .info .side ul li .data,
  .news-lists .lists .bd li .data {
    margin-top: 0.1rem;
  }
  .news .two {
    padding-bottom: 0.3rem;
  }
  .news .two .bd .more {
    margin-top: 0.15rem;
  }
  /**/
  .news-lists .lists .bd li,
  .news-lists .info,
  .hkong .three .flex {
    display: block;
  }
  .news-lists .lists .bd li .pic {
    width: 100%;
    margin: 0 0 0.1rem 0;
  }
  .news-lists .seven ul li {
    width: 50%;
    padding: 0.1rem 0;
  }
  .hkong .one {
    padding: 0.15rem;
  }
  .hkong .one .bd .liuyanlists .hd,
  .hkong .one .fangshi {
    display: block;
  }
  .hkong .one .bd .liuyanlists .hd .flex_item + .flex_item {
    margin: 0.1rem 0 0;
  }
  .hkong .three .flex .box {
    width: 100%;
    padding: 0.1rem 0;
  }
  .hkong .three {
    padding: 0.2rem 0;
  }
  .hkong .one h2 {
    font-size: 0.24rem;
  }
  .logogroup {
    position: static;
    margin-bottom: 0.1rem;
  }
  .logogroup img {
    /* width: 0.5rem; */
    margin-right: 0;
  }
  .hkong_pb > .container {
    padding-bottom: 0.3rem;
  }
  .hkong .one .brdge span {
    margin-bottom: 0.1rem;
  }
  .hkong .one .fangshi .side {
    display: none;
  }
  .hkong .seven .bd ul {
    margin: -0.05rem;
  }
  .hkong .seven .bd ul li {
    width: 50%;
    padding: 0.05rem;
  }
  .hkong .seven .bd ul .box {
    height: 2.9rem;
  }
  .hkong .seven,
  .hkong .eight,
  .hkong .ten {
    padding: 0.15rem;
  }
  .hkong .eight .bd ul {
    margin: -0.05rem;
  }
  .hkong .eight .bd ul li {
    padding: 0.05rem;
  }
  .hkong .eight .bd ul .box img {
    width: 0.5rem;
  }
  .hkong .eight .bd ul {
    font-size: 0.14rem;
  }
  .hkong .eight .bd ul .box {
    height: 1.2rem;
  }
  .hkong .nine .flex {
    display: block;
  }
  .hkong .nine .pic {
    width: 100%;
    margin: 0 0 0.15rem 0;
  }
  .hkong .nine ul,
  .hkong .ten .bd ul {
    margin: -0.08rem 0;
  }
  .hkong .nine ul li,
  .hkong .ten .bd ul li {
    width: 100%;
    padding: 0.08rem 0;
  }
  .hkong .nine {
    padding: 0;
  }
  .hkong .nine .flex > .flex_item {
    padding: 0 0.15rem 0.15rem;
  }
  .hkong .seven .title,
  .hkong .eight .title,
  .hkong .ten .title,
  .hkong .nine .title,
  .hkong .four .title,
  .hkong .fire .title,
  .keywords .one h1,
  .hkong .two .bd dt {
    font-size: 0.24rem;
  }
  .hkong .one .liucheng ul {
    display: block;
    white-space: nowrap;
    overflow-x: auto;
  }
  .hkong .one .liucheng ul li dl {
    padding: 0 0.2rem;
  }
  .hkong .one .liucheng ul li {
    display: inline-block;

    padding: 0.2rem 0;
    vertical-align: middle;
  }
  .hkong .one .liucheng ul li + li {
    margin-left: -5px;
  }
  .hkong .four,
  .hkong .fire,
  .keywords .one,
  .keywords .two {
    padding: 0.15rem;
  }
  .hkong .fire .bd ul {
    margin: -0.08rem 0;
  }
  .hkong .fire .bd ul li {
    width: 100%;
    padding: 0.08rem 0;
  }
  .hkong .fire .bd,
  .keywords .three .bd {
    padding-top: 0.2rem;
  }
  .hkong .six .bd ul li {
    width: 50%;
  }
  .keywords .one .flex,
  .hkong .two .ft ul {
    display: block;
  }
  .keywords .one .pic {
    width: 100%;
    margin: 0 0 0.15rem 0;
  }
  .keywords .two .tabtitle li + li {
    margin-left: 0.15rem;
  }
  .keywords .three .bd ul > li {
    width: 100%;
  }
  .keywords .three {
    padding: 0.3rem 0;
  }
  .hkong .two .bd .search .btn,
  .hkong .two .bd dd {
    font-size: 0.14rem;
  }
  .hkong .two .ft ul li {
    padding: 0.08rem 0.15rem;
  }
  /**/
  .qa .banner {
    font-size: 0.3rem;
    height: 2.6rem;
    padding-top: 0.8rem;
  }
  .qa .one .tabcontent ul {
    margin: -0.1rem;
  }
  .qa .one .tabcontent ul li {
    width: 50%;
    font-size: 0.14rem;
    padding: 0.1rem;
  }
  .qa .two .info {
    display: block;
  }
  .qa .one .tabcontent ul li .box::before {
    display: none;
  }
  .qa .one .tabcontent ul li dl {
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
    height: 1.6rem;
    padding-top: 0.2rem;
  }
  .qa .one .tabcontent ul li dt {
    margin-bottom: 0.15rem;
  }
  .qa .two .info .box .btn,
  .qa .two .info .side {
    width: 100%;
  }
  .qa .two .info .side {
    margin: 0.15rem 0 0;
  }
  .qa .two,
  .chaxun {
    padding: 0.3rem 0;
  }
  .qa .two .info .box .ft li .flex span {
    margin-right: 0.1rem;
  }
  .qa .one {
    padding-bottom: 0.3rem;
  }
  .chaxun .bd .box {
    width: 100%;
  }
  .chaxun .bd {
    padding: 0.2rem;
    height: auto;
  }
  .chaxun .hd {
    padding: 0.2rem;
  }
  /**/
  .aboutus .one {
    height: auto;
    padding: 0.3rem 0;
  }
  .aboutus .one .flex {
    display: block;
  }
  .aboutus .one ul {
    width: 100%;
    margin: 0;
    font-size: 0.14rem;
  }
  .aboutus .one ul li {
    padding: 0.18rem;
  }
  .aboutus .one ul li span,
  .aboutus .one ul li b {
    font-size: 0.24rem;
    line-height: 0.3rem;
  }
  .aboutus .one .bd span {
    font-size: 0.4rem;
  }
  .aboutus .one .hand,
  .aboutus .two .bd ul li dd {
    display: none;
  }
  .aboutus .two {
    padding-top: 0.3rem;
  }
  .aboutus .title,
  .aboutus .two .bd ul li dt {
    font-size: 0.24rem;
  }
  .aboutus .two .bd ul li {
    width: 50%;
  }
  .aboutus .three {
    padding: 0.3rem 0;
    font-size: 0.14rem;
  }
  .aboutus .three .bd ul {
    margin: -0.08rem;
  }
  .aboutus .three .bd ul li {
    width: 50%;
    padding: 0.08rem;
  }
  .aboutus .three .bd ul .box .img {
    height: 2rem;
    margin-bottom: 0.1rem;
  }
  .aboutus .three .bd ul .box {
    padding: 0.15rem;
  }
  .aboutus .four .flex {
    display: block;
  }
  .aboutus .four span {
    font-size: 0.14rem;
  }
  .aboutus .four span:after {
    width: 0.3rem;
    height: 0.06rem;
  }
  /**/
  .jisuan .one {
    margin-top: 0.3rem;
  }
  .jisuan .two .hd > .flex,
  .jisuan .one .bd {
    display: block;
  }
  .jisuan .one .tabtitle div {
    display: none;
  }
  .jisuan .two .bd .table1 {
    white-space: nowrap;
    overflow-x: auto;
  }
  .jisuan .two .bd .table1 .items dt {
    max-width: inherit;
  }
  .jisuan .two .bd .table1 .btn i {
    margin-top: 0.05rem;
  }
  .jisuan .three .title {
    font-size: 0.24rem;
    padding: 0.3rem 0 0.15rem;
  }
  .jisuan .four ul {
    margin: -0.1rem 0;
  }
  .jisuan .four ul li {
    width: 100%;
    padding: 0.1rem 0;
  }
  .jisuan .four .title {
    font-size: 0.24rem;
  }
  .jisuan .three .box,
  .jisuan .three .mySwiper {
    margin: 0;
  }
  .jisuan .three .bd .swiper-button-next {
    right: 30%;
  }
  .jisuan .three .bd .swiper-button-prev {
    left: 30%;
  }
  .jisuan .three .bd {
    padding-bottom: 0.4rem;
  }
  .jisuan .three .box .flex .logo {
    width: 0.4rem;
    height: 0.4rem;
  }
  .jisuan .three .box .flex {
    font-size: 0.16rem;
  }
  .jisuan .two .hd .input {
    height: 0.36rem;
  }

  .jisuan .two .hd .input,
  .jisuan .two .hd .input.sm,
  .jisuan .two .hd .form .btn {
    width: 100%;
  }
  .jisuan .two .hd .form {
    display: block;
  }
  .jisuan .two .hd .form span {
    padding: 0.1rem 0;
    display: block;
  }
  .jisuan .two .hd .form .btn {
    margin: 0.1rem 0 0;
  }
  .jisuan .one .bd .box,
  .jisuan .one .bd .btn {
    width: 100%;
    margin: 0.1rem 0 0;
  }
  .jisuan .one .ft .btn {
    width: 1rem;
  }
  .jisuan .one .bd > .flex_item {
    display: block;
    height: auto;
  }
  .jisuan .one .bd span {
    display: inline-block;
    padding: 0.1rem 0.05rem;
  }
  .jisuan .four {
    margin-top: 0.3rem;
  }
  .homepage .banner .side .tabbox li .address {
    width: 3.2rem;
  }
  .homepage .banner .side .tabbox li .address > div span {
    width: 33.333%;
  }
  .search .btn i,
  .homepage .three .bd_other a h4 {
    font-size: 0.18rem;
  }
  .homepage .banner .bd {
    padding-top: 0;
  }
  .homepage .three .bd_other ul {
    margin: -0.05rem;
  }
  .homepage .three .bd_other ul li {
    width: 50%;
    padding: 0.05rem;
  }
  .homepage .three .bd_other a .flex .flex_item {
    height: 1rem;
  }
  .hottuijian .hd {
    padding-left: 1.2rem;
  }
  .hottuijian .hd span {
    font-size: 0.18rem;
  }
  .hottuijian .hd span img {
    width: 0.2rem;
  }
  .hottuijian .hd .swiper-button-next,
  .hottuijian .hd .swiper-button-prev {
    width: 0.28rem;
    margin-top: -0.14rem;
    height: 0.28rem;
  }
  .hottuijian .hd .swiper-button-next:after,
  .hottuijian .hd .swiper-button-prev:after {
    font-size: 0.14rem;
  }
  .hotproducts .info .side ul .dropdown {
    position: static;
    width: 100%;
    padding: 0.1rem;
  }
  .hotproducts .info .side ul > li {
    height: auto;
  }
  .tjywidth {
    width: 100%;
  }
  .flex_item.tjywidth .three .bd ul li a,
  .flex_item.tjywidth .three .bd ul li a .flex_item {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .flex_item.tjywidth .three .bd ul li a .pics {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.1rem;
  }
  .flex_item.tjywidth .three .bd ul li a .flex_item .brdge {
    display: flex;
    flex-wrap: wrap;
  }
  .flex_item.tjywidth .three .bd ul li a .flex_item .brdge span {
    margin-top: 0.1rem;
    white-space: nowrap;
  }
  .flex_item.tjywidth .three .bd ul li a .flex_item .flex .flex_item {
    display: flex;
    flex-direction: initial;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 0.1rem;
  }
  .flex_item.tjywidth .pages {
    display: flex;
    flex-wrap: wrap;
  }
  .flex_item.tjywidth .pages a,
  .flex_item.tjywidth .pages span {
    display: flex;
    margin-top: 0.1rem;
    min-width: 0.3rem;
    text-align: center;
    align-items: center;
    justify-content: center;
  }
  .pic img {
    height: auto;
    max-height: 328px;
  }
  .tabcontent .tabbox .bd ul li .box .pic img {
    height: auto;
    min-height: 155px;
    max-height: 155px;
  }
  .side .b .tabtitle li {
    text-align: center;
  }
  .footer .side ol li {
    margin-top: 0.1rem;
  }
  .infobgcolor .one .logogroup {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .productsitem .four > .flex_item .part5 .bd ul li a {
    padding: 0.13rem 0rem;
  }
  .productsitem .four > .flex_item .part5 .bd ul li a .pics {
    width: 40%;
  }
  .TextBeyondHiding2 {
    font-size: 0.12rem;
  }
  .hottuijian .three .bd li dl,
  .hottuijian .three .bd li dl dt {
    width: 100%;
    overflow: hidden;
  }
  .news-lists .lists .bd li a {
    flex-direction: column;
  }
  .newsitem .a .hd h1 {
    font-size: 0.24rem;
  }
  .productsitem {
    padding: 0.1rem 0;
  }
  .newsitem {
    padding: 0.3rem 0.2rem;
  }
  .news-lists {
    width: 100vw;
    overflow: hidden;
  }
  .news-lists .banner img {
    height: 100px;
  }
}