body .visible-xs {
    display: none;
  }
  @media(max-width: 1500px) {
    .inner {
      max-width: 1200px;
    }
    .nav li a {
      padding: 0px 5px;
    }
    .nav li {
      padding: 0px 7px;
    }
    .pin {
      margin: 30px auto;
      padding: 20px;
    }
    .abpai {
      padding-left: 30px;
    }
    .wpb_wrapper {
      font-size: 15px;
      line-height: 26px;
    }
    .anwen {
      padding-left: 50px;
    }
    .news li {
      padding: 15px 22px;
    }
    .news li .thumb {
      width: 40%;
    }
    .news li .item {
      width: calc(60% - 15px);
    }
    .newbiao {
      padding: 6px 0;
    }
    .newrq em {
      font-size: 30px;
      line-height: 30px;
    }
    .fvtl a {
      font-size: 16px;
    }
    .ftsa {
      padding: 0px 20px;
    }
    .abjie {
      width: 1200px;
    }
    .mbin {
      width: 1200px;
    }
    .shiyu {
      width: 1200px;
    }
    .shouxi {
      width: 1200px;
    }
    .rongyu {
      width: 900px;
    }
    #certify {
      width: 800px;
      margin: 0 auto;
    }
    .acit {
      width: 1200px;
    }
    .aclei {
      /*width: calc(50% - 12px);*/
      width: 100%;
    }
    .aclei>img {
      display: block;
      width: 100%;
    }
    .rybtn img {
      width: 40px;
    }
    .pronei {
      width: 1200px;
    }
    .prolist {
      width: 1200px;
    }
    .pro-main {
      width: 1200px;
    }
    .mai-center {
      width: 1200px;
    }
    .mai-center li {
      width: 100%;
    }
    .news {
      width: 1200px;
    }
    .news-tail {
      width: 1200px;
    }
    .news-main img {
      max-width: 100%
    }
    .map {
      flex: 1;
      margin-left: 20px;
    }
    .cantact {
      width: 1200px;
    }
    .lc-box {
      width: 1200px;
      background-position: right 98px;
    }
    .lc-box ul li i {
      width: 90px;
      height: 90px;
    }
    .lc-box ul li p {
      font-size: 15px;
      padding-top: 8px;
    }
    .jmcontainer {
      width: 1200px;
    }
    .abryyou {
      width: 900px;
    }
    .pro-cont {
      width: 1200px;
    }
    .pro-cont .pro-main{
      margin-left: 30px;
      flex: 1;
    }
    .tongtui {
      width: 1200px;
    }
    .newsneiye li {
      width: 100%;
      margin: 0;
      margin-bottom: 15px;
    }
    .newsin {
      width: 1200px;
      display: block;
      display: flex;
      flex-direction: column;
    }
    .newsin .news {
      width: 100%;
      margin-bottom: 30px;
    }
    .newlie {
      width: 100%;
      box-sizing: border-box;
    }
    .newsin .news ul {
      margin: 0
    }
    .new-wen {
      padding: 0px 15px;
      flex: 1;
      box-sizing: border-box;
    }
    .banmap {
      width: 1200px;
    }
    .area {
      width: 1200px;
    }
    .secbox {
      width: 220px;
    }
    .city-picker-select>select{
      width: 220px;
    }
    .footer-left{
      padding-left: 50px;
      padding-right: 50px;
    }
    .dootlimg img{
      width: 300px;
    }
    .ftlo{
      margin-right: 40px;
    }
    .bntl{
      padding-top: 100px;
    }
  }
  @media(max-width: 1200px) {

    .pro-cont .pro-main{
      margin-left: auto;
    }
    .doot-waiz{
      display: block;
    }
    .footer-left{
      flex-wrap: wrap;
    }
    .ftlo{
      padding-top: 20px;
    }
    .dootl{
      display: block;
      width: 100%;
      text-align:left;
      padding-top: 30px;
    }
    .inner {
      max-width: 768px;
    }
    .head {
      padding: 10px 0;
    }
    .nav ul {
      display: block;
      max-height: 60vh;
      overflow-y: auto;
      overflow-scrolling : touch;
      -webkit-overflow-scrolling : touch;
      -moz-overflow-scrolling : touch;
      -ms-overflow-scrolling : touch;
      -o-overflow-scrolling : touch;
    }
    .xiala{
      padding-left: 30px;
    }
    .navbox {
      position: absolute;
      padding-left: 0px;
      top: 100%;
      left: 0px;
      width: 100%;
      background: #fff;
      display: block;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      padding-bottom: 30px;
      padding-top: 15px;
    }
    .search {
      display: none;
    }
    .dinahu {
      display: none;
    }
    .navbar {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
      box-sizing: border-box;
      padding: 16px 0;
    }
    .logo {
      flex: 1;
    }
    .head {
      background: #fff;
      box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3);
    }
    .head .nav li a {
      /*color: #fff;*/
    }
    .logo a {
      background: url(../images/logos.png) no-repeat center left;
      background-size: 200px auto;
    }
    .fix .logo a {
         background: url(../images/logos.png) no-repeat center left;
        background-size: 200px auto;
    }
    .navbar span {
      display: block;
      width: 40px;
      height: 3px;
      background: #666;
      position: relative;
    }
    .navbar.cur span:nth-child(2) {
      display: none;
    }
    .navbar.cur span:nth-child(1) {
      transform: rotate(45deg);
      left: 3px;
      top: -3px;
      transform-origin: left top 0px;
    }
    .navbar.cur span:nth-child(3) {
      transform: rotate(-45deg);
      left: 1px;
      transform-origin: left top 0px;
    }
    .abryyou {
      width: 100%;
    }
    .seamb {
      margin-right: 30px;
    }
    .nav {
      display: block;
    }
    .navbox {
      display: none;
    }
    .nav li {
      float: none;
    }
    .nav li a {
      text-align: left;
      padding-left: 33px;
      line-height: 40px;
    }
    .seamb {
      display: block;
    }
    .head .sea {
      background: url(../images/search.jpg) no-repeat center;
    }
    .tel {
      display: none;
      margin: 0 auto;
      color: #fff;
      background: #547834;
    }
    .navbox .sea {
      display: none;
    }
    .pin {
      display: block;
    }
    .shipin .video-shipin {
      width: 100%;
      height: auto;
    }
    .antu {
      height: auto;
      width: 100%;
      padding-bottom: 20px;
    }
    .lunin li {
      display: block;
      height: auto;
    }
    .dexlundiv{
      display: block;
      height: auto;
    }
    .antu img {
      height: auto;
      width: 100%;
    }
    .anlun {
      height: auto;
    }
    .anwen {
      padding-left: 0px;
    }
    .anct {
      padding-top: 20px;
      padding-bottom: 10px;
      margin-bottom: 10px;
    }
    .anxiw {
      margin-bottom: 10px;
    }
    .anbtn {
      height: 47px;
    }
    .abpai {
      padding-left: 0px;
      padding-top: 10px;
    }
    .news li {
      width: 100%;
      box-sizing: border-box;
      margin: 0;
      margin-bottom: 20px;
    }
    .news ul {
      margin: 0
    }
    .foot {
      display: block;
    }
    .ftsa {
      padding: 0;
    }
    .footnav {
      margin-bottom: 30px;
    }
    .anli.inner {
      margin-top: 0px;
    }
    .cont {
      padding-bottom: 0px;
    }
    .vida {
      font-size: 24px;
      line-height: 40px;
    }
    .abjie {
      width: 768px;
      flex-wrap: wrap;
    }
    .mbin {
      width: 768px;
    }
    .shiyu {
      width: 768px;
    }
    .shouxi {
      width: 768px;
    }
    .rongyu {
      width: 768px;
    }
    #certify {
      width: 768px;
    }
    .acit {
      width: 768px;
    }
    .abjiezuo {
      width: 100%;
      margin-bottom: 20px;
    }
    .abyou {
      width: 100%;
      display: block;
    }
    .abyou p {
      margin-bottom: 10px;
      padding: 0;
      width: 100%;
    }
    .shiyu {
      padding: 10px 20px;
      height: auto;
    }
    .shiyusame {
      font-size: 19px;
      line-height: 36px;
    }
    .shiyusame em {
      font-size: 42px;
    }
    .shouxi {
      height: auto;
    }
    .shouxi .tar img {
      position: relative;
      left: auto;
      right: auto;
      width: 100%;
    }
    .shejishi {
      top: 20px;
      z-index: 30;
      position: relative;
      height: auto;
      padding: 20px;
      width: 100%;
      box-sizing: border-box;
    }
    .xian img {
      max-width: 100%
    }
    #certify .swiper-slide {
      width: 30vw;
    }
    .xian {
      max-width: 768px;
      margin: 0 auto;
    }
    .nav li a:hover {
      /*color: #fff;*/
    }
    .pronei {
      width: 768px;
    }
    .prolist {
      width: 768px;
    }
    .prolist ul {
      margin: 0px -10px
    }
    .prolist li {
      width: 33.33%;
      padding: 0px 10px;
    }
    .pronei {

    }
    .pro-main {
      width: 768px;
    }
    .mai-center {
      width: 768px;
    }
    .dfjs {
      display: flex;
      flex-direction: column;
    }
    .reliable-box-r {
      padding-left: 0px;
      padding-top: 25px;
    }
    .protail {
      width: 100%;
    }
    .protail .swiper-slide img {
      width: 100%;
    }
    .antanlun {
      width: 100%;
    }
    .antantu img {
      width: 100%;
      height: auto;
    }
    .anlun-main li {
      width: 100%;
    }
    .axsbtns img {
      width: 30px;
    }
    .anlun-main {
      width: 100%;
    }
    .news {
      width: 768px;
      box-sizing: border-box;
    }
    .news-tail {
      width: 768px;
    }
    .news-next {
      padding: 5px 0;
      margin-top: 16px;
    }
    .map {
      width: 768px;
    }
    .cantact {
      width: 768px;
    }
    .contact-tit {
      font-size: 24px;
    }
    .lianxi-list li {
      width: 100%;
      margin-bottom: 12px;
      box-sizing: border-box;
      height: auto;
    }
    .lc-box {
      width: 768px;
      background: none;
      overflow: hidden;
      background-position: right 98px;
    }
    .lc-box ul li {
      width: 33.33%;
    }
    .lc-box ul li p {
      font-size: 15px;
      padding-top: 8px;
    }
    .jmcontainer {
      width: 768px;
    }
    .pro-cont {
      width: 768px;
    }
    .pro-lanmu {
      display: none;
    }
    .tongtui {
      width: 768px;
    }
    .newsin {
      width: 768px;
      padding-top: 30px;
    }
    .news-lie {
      display: none;
    }
    .new-wen {
      padding-right: 0px;
    }
    .banmap {
      width: 768px;
    }
    .area {
      width: 768px;
      flex-wrap: wrap;
    }
    .secbox {
      width: calc(33.33% - 10px);
      margin-bottom: 10px;
      box-sizing: border-box;
    }
    .city-picker-select>select{
      width: calc(33.33% - 10px);
      margin-bottom: 10px;
      box-sizing: border-box;
    }
    .city-picker-select{
      flex-wrap: wrap;
      width: 100%;
      flex: auto;
      margin-right: 0px;
    }
    input.secbox {
      width: calc(100% - 220px);
    }
    .ar-sh {
      width: 200px;
      margin-bottom: 10px;
    }
    .footer-left {
      /* padding-left: 0px; */
      padding-bottom: 20px;
    }
    .anlist li{
      width: 33.33%;
    }
  }
  @media(max-width: 769px) {
    .fixa .logo a{
      width: 200px;
      flex: none;
      background-position: left center;
      background-size: 200px auto;
    }
    .news {
      padding: 0px 10px;
      padding-top: 60px;
      width: 100%;
    }
    .share {
      display: none;
    }
    .new-wen {
      padding-left: 10px;
      padding-right: 10px;
    }
    .tongtui {
      width: calc(100% - 40px);
      padding: 0px 20px;
    }
    .newul .nltm {
      white-space: nowrap;
      width: 100px;
    }
    .newsin .news {
      padding: 0;
    }
    .dizhilie {
      width: calc(100% - 30px);
      margin: 0 auto;
      margin-bottom: 30px;
      max-height: 350px;
      overflow-y: auto;
      overflow-scrolling: touch;
      -webkit-overflow-scrolling: touch;
      -moz-overflow-scrolling: touch;
      -ms-overflow-scrolling: touch;
      -o-overflow-scrolling: touch;
      box-sizing: border-box;
    }
    .banmap {
      display: flex;
      width: 100%;
      flex-direction: column;
    }
    .newul li a {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      flex: 1;
      box-sizing: border-box;
    }
    .newfenye {
      display: none;
    }
    .newlie {
      padding: 0;
      border: none;
    }
    .newsin {
      width: 100%;
      box-sizing: border-box;
      padding: 0px 20px;
      margin-bottom: 20px;
    }
    .tuitl {
      font-size: 20px;
    }
    .tuilist {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
    .news-taitil {
      font-size: 20px;
      line-height: 24px;
    }
    .map {
      margin: 0;
    }
    .tuisame {
      width: calc(50% - 10px);
      margin-bottom: 15px;
    }
    body .hidde-xs {
      display: none;
    }
    .news-tail {
      padding: 0px 10px;
      /* padding-top: 60px; */
      width: 100%;
      box-sizing: border-box;
    }
    .banner {
      padding-top: 10px;
    }
    .lxkg {
      padding-top: 60px;
    }
    .cantact {
      box-sizing: border-box;
      padding: 0px 12px;
      width: 100%;
    }
    .news-time {
      font-size: 18px;
    }
    .map {
      width: 100%;
      height: auto;
      overflow: hidden;
    }
    .news-next a:nth-child(2) {
      flex: 1;
      white-space: nowrap;
      margin-left: 33px;
    }
    .bntl {
      padding-top: 130px;
    }
    .map iframe {
      height: 400px !important
    }
    body .visible-xs {
      display: block;
    }
    .bottom-box {
      overflow: hidden;
    }
    .lianxi-list li:first-child {
      width: 100%;
    }
    .inner {
      width: 100% !important;
    }
    .head {
      box-sizing: border-box;
      padding: 0px 10px;
    }
    .nav li a {
      padding-left: 20px;
    }
    .banner {
      /* padding-top: 60px; */
    }
    .pin.inner {
      margin-top: 10px;
    }
    .vision {
      height: auto;
      padding: 20px 0;
    }
    .vision-in {
      flex-wrap: wrap;
      text-align: center;
    }
    .visame {
      padding: 0px 10px;
    }
    .bottom-box {
      flex-wrap: wrap;
    }
    .qrcode-list {
      margin-top: 30px;
    }
    .visame:nth-child(1) {
      margin-bottom: 10px;
      width: 100%;
    }
    .abptsm span {
      display: none;
    }
    .vida {
      font-size: 20px;
      line-height: 30px;
    }
    .tilyw {
      font-size: 18px;
    }
    .lanmu {
      padding: 0px 20px;
    }
    .tilyw {}
    .tilzw {
      font-size: 16px;
    }
    .pro .lunwa {
      margin: 0px;
    }
    .pro {
      margin: 10px 0;
    }
    .content-box-info {
      padding-top: 20px;
    }
    .pro h4 {
      padding-bottom: 6px;
    }
    .anli {
      padding: 0px 10px;
      width: 100%;
      box-sizing: border-box;
    }
    .anct {
      font-size: 20px;
    }
    .antil em {
      font-size: 16px;
    }
    .anht {
      font-size: 20px;
    }
    .anct {
      margin-bottom: 0px;
      padding-top: 21px;
    }
    .syanmore {
      font-size: 16px;
    }
    .news li a {
      display: flex;
      flex-direction: column-reverse;
    }
    .news li .thumb {
      height: auto;
      width: 100%;
      margin-bottom: 10px;
    }
    .news li .item {
      width: 100%;
    }
    .news li {
      padding: 15px;
      margin-bottom: 15px;
    }
    .footnav {
      display: block;
    }
    .foot {
      padding: 0px 15px;
      box-sizing: border-box;
    }
    .fvtl {
      padding-bottom: 5px;
    }
    .ftsa {
      margin-bottom: 20px;
    }
    .footer-left {
      margin-bottom: 30px;
    }
    .copri {
      color: #888;
      padding: 0px 15px;
      padding-top: 10px;
      margin-top: 20px;
      line-height: 22px;
      border-top: 1px solid #eee;
    }
    .abjie {
      width: 100%;
      padding: 0px 20px;
      box-sizing: border-box;
    }
    .mbin {
      width: 100%;
      padding: 0px 15px;
      box-sizing: border-box;
    }
    .shiyu {
      width: 100%;
      padding: 30px 15px;
      box-sizing: border-box;
      flex-wrap: wrap;
      justify-content: center;
    }
    .shiyusame {
      width: 100%;
      text-align: center;
      padding: 15px 0;
    }
    .shouxi {
      width: 100%;
      padding: 0px 20px;
      box-sizing: border-box;
    }
    .rongyu {
      width: 100%;
      box-sizing: border-box;
      padding: 0px 15px;
      margin-bottom: 30px;
    }
    #certify {
      width: 100%;
      box-sizing: border-box;
      /* padding: 0px 15px; */
    }
    .acit {
      width: 100%;
      box-sizing: border-box;
      padding: 0px 15px;
    }
    #certify .swiper-slide {
      width: 50vw;
    }
    #certify .swiper-slide img {
      height: auto;
    }
    #certify .swiper-slide {
      height: auto;
    }
    .rybtn img {
      width: 20px;
    }
    .idx_tit {
      font-size: 22px;
    }
    #certify .swiper-container {
      margin-bottom: 20px;
    }
    .ajbt {
      font-size: 20px;
      line-height: 32px;
    }
    .mbin {
      padding-left: 5px;
    }
    .mianbao {
      margin-bottom: 15px;
    }
    .abdw {
      font-size: 28px;
    }
    .banganx {
      margin-top: 15px;
    }
    .title-content-text {
      font-size: 16px;
    }
    .pronei {

    }
    .sale-wrapwa{
      overflow-x: auto;
      overflow-scrolling : touch;
      -webkit-overflow-scrolling : touch;
      -moz-overflow-scrolling : touch;
      -ms-overflow-scrolling : touch;
      -o-overflow-scrolling : touch;
    }
    .sale-wrap {
      display: flex;
      position: relative;
      z-index: 50;

    }
    .sale-left-wrap {
      width: 100%;
      font-size: 13px;
      white-space:nowrap;

    }
    .sale-left-wrap em {
      margin-left: 5px;
    }
    .lansame {
      /* flex: 1; */
      padding: 0px 10px;
      width: auto;
    }
    .sale-list {
      position: absolute;
      left: 0px;
      top: 100%;
      height: auto;
      width: 100%;
      display: none;
      background: #fff;
    }
    .prolist ul {
      margin: 0
    }
    .pronei {
      width: 100%;
    }
    .prolist {
      width: 100%;
    }
    .prolist {
      padding-top: 30px;
    }
    .sale-list ul {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
    }
    .sale-list li {
      text-align: center;
      width: 50%;
      padding: 0;
      float: none;
    }
    .sale-list li a {
      display: block;
      line-height: 40px;
      font-size: 13px;
    }
    .reliable-box-r {
      padding: 25px;
    }
    .pro-main {
      margin-right: 10px;
      margin-left: 10px;
      width: calc(100% - 20px);
    }
    .mai-center {
      width: 100%;
    }
    .anlist ul {
      margin: 0
    }
    .anlist li {
      width: 50%;
      margin-bottom: 30px;
      padding: 0px 5px;
    }
    .an-name {
      font-size: 15px;
      line-height: 40px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 0px 10px;
      box-sizing: border-box;
    }
    .footnav {
      display: none;
    }
    .ftma img {
      width: 26vw;
    }
    .footer-left {
      text-align: center;
    }
    .foot .p2 {
      margin-left: auto;
      margin-right: auto;
    }
    .lc-box {
      width: 100%;
      box-sizing: border-box;
    }
    .jmcontainer {
      width: 100%;
    }
    .msg-list {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
    }
    .msg-list label {
      width: 100%;
      text-align: left;
    }
    .msg-box {
      width: calc(100% - 30px);
      box-sizing: border-box;
      margin-right: auto;
      margin-left: auto;
      padding: 10px 12px;
    }
    .msg-list select {}
    .msg-box .submit button {
      margin: 0 auto;
      display: block;
    }
    .msg-list select {
      width: calc(33.33% - 15px);
    }
    .jmtl {
      font-size: 24px;
      margin-bottom: 30px;
    }
    .lc-box ul {
      display: flex;
      flex-wrap: wrap;
    }
    .lc-box ul li {
      margin: 10px 0;
      width: 50%;
    }
    .jiameng {
      padding-top: 0px;
    }
    .wpb_wrapper h2 {
      font-size: 18px;
      text-align: center;
    }
    .wpb_wrapper {
      padding: 0px 10px;
    }
    .banner-mb img {
      width: 100%;
      display: block;
      height: 70vh;
    }
    .vision-in {
      padding: 0px 20px;
      box-sizing: border-box;
    }
    .newshome {
      padding-top: 9px;
    }
    .anli.inner {
      margin-bottom: 60px;
    }
    .vertical-number-box {
      display: none;
    }
    .aclei {
      width: 100%;
      margin-bottom: 10px;
    }
    .layervidwo {
      width: 95vw;
      height: calc(95vw * 1080 / 1920);
    }
    .layervidwo .video-layer {
      width: 95vw;
      height: calc(95vw * 1080 / 1920);
    }
    body .queding {
      display: flex;
      justify-content: space-between;
      border-top: 1px solid #eee;
      border-bottom: 1px solid #eee;
    }
    .qxqedin {
      line-height: 50px;
      flex: 1;
      text-align: center;
      color: #666;
      font-size: 13px;
    }
    .anmore {
      font-size: 16px;
      width: 106px;
      border-width: 1px;
      line-height: 32px;
    }
    .join-title {
      padding: 0px 30px;
    }
    .pro-cont {
      width: 100%;
    }
    .ftma {
      display: block;
      position: static;
    }
    .ftic {
      display: none;
    }
    .ftlo {
      margin-right: 0px;
      margin: 0px 5px
    }
    .ftic img {
      width: 28vw;
    }
    .ftic {
      width: 28vw;
    }
    .area {
      width: 100%;
      padding: 0px 20px;
      box-sizing: border-box;
      flex-wrap: wrap;
      margin-bottom: 0px;
    }
    .secbox {
      width: calc(33.33% - 10px);
      margin-bottom: 10px;
      box-sizing: border-box;
    }
    input.secbox {
      width: calc(100% - 130px);
    }
    .ar-sh {
      width: 120px;
      margin-bottom: 10px;
    }
    .newstab a{
      padding: 0px 6px;
      font-size:12px;
      line-height: 35px;
      margin: 0px 4px;

    }
    .newstab{

    }
    .newwa{
      /* padding-top: 66px; */
    }
    .chapleo ul{
      padding: 20px 20px;
      display: block;
    }
    .chapleo ul li{
      width: 100%;
      margin-bottom: 20px;
    }
    .chanptles{
      font-size:18px;
    }
    .pagination li{
      display:none;
    }
    .pagination li:first-child{
      display: flex;
    }
    .pagination li:last-child{
      display: flex;
    }

  }
  @media(max-width: 550px) {
    .probox {
      padding-top: 0px;
    }
    .suolue {
      width: calc(100% - 50px);
    }
    .proxiaotu {
      padding-right: 10px;
      padding-left: 10px;
      box-sizing: border-box;
    }
    .proxiaobtn img {
      width: 15px;
    }
    .prolist li {
      width: 50%;
    }
    .category-name {
      width: 90px;
      letter-spacing: -2px;
    }
    .mai img {
      max-width: 90%
    }
    .mai {
      margin: 3px 0;
    }
    .category {
      padding: 3px 0;
    }
    body .mai-lebtn {
      width: 30px;
      background-size: 100% auto;
      display: none !important;
    }
    body .mai-ribtn {
      width: 30px;
      background-size: 100% auto;
      display: none !important;
    }
    .mai-letl {
      text-indent: 0;
      font-size: 20px;
    }
    .reliable-box-r {
      padding-bottom: 0px;
    }
    .actil {
      font-size: 16px;
    }
    .dootl {
      font-size: 20px;
    }
    .shencheng {
      width: 85px;
    }
  }
  /*产品*/

  @media (max-width:768px) {
    .tabqxs{
      flex-wrap: wrap;
    }
    .tabqxs .flex1{
      display:none;
    }
    .tabqxs a{
      width: 33.33%;
      box-sizing: border-box;
    }
    .category-xin3{
      width: 100%;
      box-sizing: border-box;
      text-align:left;
      margin-bottom: 2px;
    }
    .category-xin2{
      width: calc(50% - 15px);
      box-sizing: border-box;
      margin-bottom: 10px;
    }
    .products-slider {
      background-size: cover !important;
    }
    .category{
      align-items: flex-start;
    }
    .products-list {
      background-attachment: inherit !important
    }
    .products ul li {
      padding: 35% 0;
      height: auto;
    }
    .products ul li .item {
      position: static;
      margin-top: 0;
    }
    .products ul li .item .p1 {
      font-size: 60px;
    }
    .products ul li .item .p2 {
      font-size: 35px;
    }
    .products ul li .item .p3 {
      margin: 5% auto;
    }
    .products-list {
      height: auto;
      padding: 50% 0;
    }
    .products-list .item {
      position: static;
      margin: 0 auto;
    }
    /*.products li.w2 a{ width:100%;}

.products li .thumb .item span{ font-size:26px;}

.products li .thumb .item font{ font-size:20px;}

.products li .thumb .item em{ font-size:16px;}

.products li p{ font-size:18px; padding:10% 15px;}

.products li .thumb{ height:800px;}
*/
    .products-lists ul li, .products-view ul li {
      width: 31.33%;
      margin-left: 1% !important;
      margin-right: 1% !important;
    }
    .products-view .p {
      font-size: 22px;
    }
    .products-slider span {
      font-size: 32px;
    }
    .footer-left{
      padding-left: 0px;
      justify-content: center;
      padding-right: 0px;
    }
  }
  @media (max-width:640px) {
    .products li .thumb {
      height: 700px;
    }
  }
  @media (max-width:480px) {
    .products ul li .item .p1 {
      font-size: 45px;
    }
    .products ul li .item .p2 {
      font-size: 23px;
    }
    .products ul li .item .p4 a {
      font-size: 13px;
      line-height: 40px;
      width: 150px;
    }
    /*.products li .thumb{ height:600px;}

.products li .thumb .item{ width:75%;}

.products li .thumb .item span{ font-size:22px;}

.products li .thumb .item font{ font-size:16px;}

.products li .thumb .item em{ font-size:14px;}

.products li p{ font-size:14px;}
*/
    .products-list .item .p1 {
      font-size: 18px;
    }
    .products-list .item .p2 {
      font-size: 50px;
    }
    .products-list .item .p4 {
      font-size: 30px;
    }
    .products-size {
      font-size: 14px;
      padding: 10px 0;
      line-height: 40px;
    }
    .products-lists .p {
      font-size: 13px;
    }
    .products-lists ul li, .products-view ul li {
      width: 48%;
    }
    .products-lists ul li span, .products-view ul li span {
      font-size: 14px;
    }
    .pro-pic ul li {
      margin-bottom: 2% !important;
    }
    .pro-pic ul li {
      width: 100%;
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
    .products-des {
      font-size: 14px;
    }
    .products-slider {
      height: auto;
      padding: 75% 0;
    }
    .products-slider span {
      position: static;
      margin: 0;
    }
    .products-view .p {
      font-size: 18px;
    }
    .footer-left{
      padding-left: 0px;
    }
  }
  @media (max-width:320px) {
    .products ul li .item .p1 {
      font-size: 40px;
    }
    .products ul li .item .p2 {
      font-size: 20px;
      letter-spacing: 6px;
    }
    .products ul li .item .p4 a {
      line-height: 35px;
      width: 120px;
    }
    /*.products li .thumb{ height:500px;}

.products li .thumb .item span{ font-size:18px;}

.products li .thumb .item font{ font-size:14px;}

.products li .thumb .item em{ font-size:13px;}

.products li p{ font-size:13px;}
*/
    .products-list .item .p1 {
      font-size: 16px;
    }
    .products-list .item .p2 {
      font-size: 42px;
    }
    .products-list .item .p4 {
      font-size: 24px;
    }
    .products-size {
      font-size: 13px;
    }
    .products-lists .p {
      font-size: 12px;
      line-height: 24px;
    }
    .products-lists ul li span, .products-view ul li span {
      font-size: 12px;
    }
    .products-des {
      font-size: 13px;
    }
  }