@media screen and (max-width:1170px) {
  html {
    font-size: 45px;
  }

  .nav>li>a {
    font-size: 14px;
  }

  #header .k2 {
    display: none;
  }

  .banner .num li {
    width: 30px;
    height: 12px;
  }

  .z1 .bd ul li:nth-child(4n) {
    margin-right: .33rem;
  }

  .search .article form {
    margin-top: 8px;
  }

  .youshi p,
  .youshi span,
  .youshi div {
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  .youshi .bt2,
  .youshi .bt2 span {
    font-size: 20px;
  }

  .youshi .ybox1 .yleft {
    margin-left: 40px;
    margin-top: 28px;
  }

  .youshi .ybox2 .yleft {
    margin-top: 11px;
  }

  .z4 .bd {
    margin: 0 auto;
    width: 900px;
  }

  .z4 .prev {
    top: calc(127px - 18px);
    left: -22px;
  }

  .z4 .next {
    top: calc(127px - 18px);
    right: -15px;
  }


  .z5 {
    width: 900px;
    margin: 30px auto;
  }

  .z5 .z5-left {
    display: none;
  }

  .z6 .article li div {
    font-size: 12px;
  }

  .nav_foot ul {
    width: 900px;
  }

  .nav_foot ul li a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
  }

}

@media screen and (max-width: 970px) {
  html {
    font-size: 40px;
  }

  .moblie_nav .qymc .m-btn {
    display: block;
  }

  #menu {
    display: none;
  }

  .nav>li>a {
    font-size: 12px;
  }

  .search .article form {
    margin-top: .166667rem;
  }

  .z1 .bd ul {
    justify-content: space-evenly;
    margin-right: 0px;
  }

  .z2-mid {
    display: none;
  }

  .z2 .z2-main {
    justify-content: space-evenly;

  }

  .youshi .ybox1 .yleft {
    margin-left: 34px;
    margin-top: 19px;
  }

  .youshi .ybox2 .yleft {
    margin-top: 2px;
  }

  .youshi .ys1 {
    width: 8rem;
  }


  .z2-main ul li h3 {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }

  .z2-main ul li {
    margin-bottom: 10px;
  }

  .z4 .bd {
    margin: 0 auto;
    width: 600px;
  }

  .z4 .prev {
    top: calc(127px - 18px);
    left: 79px;
  }

  .z4 .next {
    top: calc(127px - 18px);
    right: 91px;
  }

  .z5 {
    width: 100%;
    margin: 20px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .z5-mid {
    margin-left: 0px;
    margin-bottom: 20px;
    width: 90%;
  }

  .z5-right {
    width: 90%;
  }

  .z5-mid li {
    margin-top: 20px;
  }

  .z6 ul li p {
    display: none;
  }

  .z6 ul li div::before {
    content: none;
  }

  .z6 ul li:nth-child(2) div span {
    font-size: 12px;
    font-weight: normal;
  }

  .copyright div {
    display: none;
  }

  .f_link {
    display: none;
  }

  .banner .num {
    bottom: 20px;
  }

  .banner .num li {
    width: 12px;
    height: 12px;
  }

  .z6 ul li {
    text-align: center;
  }

  .z6 ul li div {
    padding: 0;
  }

  .product_list li h3 a {
    font-size: 12px;
  }

  #container .right .content .product_list {
    justify-content: space-evenly;
  }

  .nav_foot {
    display: none;
  }

  .copyright {
    width: 90%;
    padding-top: 60px;
    margin: 0 auto;
  }

}


@media screen and (max-width: 840px) {
  .z6 {
    display: none;
  }

  .m_contact {
    color: rgba(205, 205, 205, .56);
    margin: 20px auto;
    display: block;
  }
}


@media screen and (max-width: 768px) {
  html {
    font-size: 20px !important;
  }

  .youshi {
    width: 100%;
    height: auto;
    background: none;
  }

  .youshi .v-article {
    width: 90%;
    margin: 0 auto;
  }

  .youshi .v-article .ytt {
    width: 100%;
    margin: 0 auto;
  }

  .youshi .v-article .ytt dd {
    font-size: 30px;
  }

  .youshi .ybox1 {
    width: 100%;
    margin: 20px auto;
  }


  .youshi .yleft .ycon {
    width: 100%;
    margin-bottom: 20px;
  }

  .youshi .yright {
    display: none;
  }


  .youshi .ybox1 .yleft {
    width: 100%;
    margin: 0 auto;
  }

  .youshi .ys1 {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }

  .youshi p,
  .youshi div,
  .youshi span {
    text-align: center;
    text-overflow: initial;
    overflow: initial;
    white-space: normal;
    font-size: 16px;
    line-height: 2;
  }

  .youshi p {
    width: 100%;
    text-align: left;
    text-indent: 1em;
  }

  .youshi .ybox2 {
    margin-top: 0;
    width: 100%;
  }

  .youshi .ybox2 .yleft {
    width: 100%;
    margin: 0 auto;
  }



  .top,
  #header .head-txt,
  .float-kf {
    display: none !important;
  }

  #header {
    width: 100%;
    height: 50px;
  }

  #header .logo {
    width: 88px;
    height: 100%;
    line-height: 50px;
    margin-left: 10px;
  }

  #header .logo img {
    width: 100%;
    height: auto;
  }


  .moblie_nav .qymc {
    width: 100%;
  }

  .moblie_nav .qymc .m_nav {
    width: 100%;
  }

  .moblie_nav .qymc .m-btn {
    top: -50px;
    right: 0;
  }

  .banner .num li {
    width: 8px;
    height: 8px;
  }

  .search {
    width: 100%;
    height: 36px;
    line-height: 36px;
    position: relative;
  }

  .search .article {
    width: 100%;
    height: 36px;
  }

  .search .hotSearch {
    display: none;
  }

  .search #formsearch {
    width: 95%;
    height: 30px;
    margin: auto;
  }

  .search #formsearch #keyword {
    vertical-align: initial;
    width: 100%;
    height: 30px;
  }

  .search #s_btn {
    position: absolute;
    right: 30px;
    bottom: 3px;
    width: 30px;
    height: 30px;
  }

  .z1 .hd {
    margin-top: 20px;
    width: 100%;
    flex-wrap: nowrap;
  }

  .z1 .hd li {
    width: 10%;
    height: 40px;
    text-align: center;
    line-height: 40px;
  }

  .z1 .hd li a {
    display: block;
  }

  .z1 .hd img {
    display: none;
  }

  .z4,
  .z4 .v-article {
    width: 100%;
  }

  .z4 .v-article .bd {
    width: 282px;
  }

  .z4 .next {
    top: calc(127px - 18px);
    right: 25px;
  }

  .z4 .prev {
    top: calc(127px - 18px);
    left: 25px;
  }

  .copyright {
    width: 90%;
    padding-top: 8px;
    margin: 0 auto;
    padding: 10px;
  }

  #footer {
    width: 100%;
    padding-bottom: 0px;
  }

  .m-1 {
    width: 100%;
    height: 50px;
  }

  .m_contact {
    width: 90%;
    margin: auto;
    padding: 10px;
  }

  .z1 .bd {
    width: 100%;
    margin: 30px auto;
  }

  .z2 .z2-main {
    width: 100%;
    margin-top: 20px;
  }

  .z2 h1,
  .z2 h2 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
  }

  .z2 .z2-main ul {
    width: 30%;
    height: auto;
  }

  .z2 .z2-main ul li {
    margin-bottom: 30px;
  }

  .z2 .z2-main ul li h3 {
    height: auto;
    line-height: initial;
    font-size: 20px;
  }

  .z2 .z2-main ul li h3 span {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
  }

  .z3 {
    width: 100%;
    padding-top: 60px;
  }

  .z3>h1 {
    width: 100%;
    font-size: 26px;
    height: auto;
    margin: 0 auto;
  }

  .z3>h1 span {
    width: 100%;
    margin: 10px auto;
    font-size: 14px;
  }

  .z3 .article {
    width: 100%;
    margin: 0 auto;
  }

  .z3 .z3-right {
    width: 100%;
  }

  .z3 .z3-right h2 {
    margin-top: 70px;
  }

  .z3 .z3-right .z3-txt {
    width: 90%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 2;
  }

  .z3 .z3-right a {
    width: 100px;
    height: 30px;
    line-height: 30px;
  }

  #container {
    display: block;
    width: 100%;
    margin: 0 auto;

  }

  #container .left {
    width: calc(90% - 34px);
    display: block;
    margin: 0 auto;
  }

  .sort li .layer2 {
    width: 100%;
    position: initial;
    padding: 0;
    padding-left: 0;
  }

  #container .left .box .sort,
  #container .left .box .content {
    display: none;
  }


  .left .box h3 {
    /* width: 100%; */
    cursor: pointer;
    padding: 0;
    text-align: center;
  }

  .words li {
    width: 48%;
  }

  .right_word {
    margin: 0;
  }

  #container .right {
    width: 90%;
    margin: 0 auto;
  }

  .bdsharebuttonbox {
    display: none;
  }

  .list_p li {
    padding: 0;
  }

  .tab-content table {
    margin: 5px auto;
  }

  .tab-content tbody {
    width: 100%;
  }

  .tab-content .tr {
    border: 1px dotted #000;
  }

  .tab-content .td {
    padding: 0;
    text-align: center;
  }

  #container .right .content .case_detail #play img {
    width: 100%;
  }

  #container .right .content .case_detail .img-content {
    width: 100%;
  }

  .share {
    display: none;
  }

  #container .right .content .news_detail .info_title h3.title_bar {
    width: 100%;
  }

  #container .right .content .news_detail .content p:last-child {
    text-indent: 0;
    text-align: center;
  }

  #container .right .content .news_detail .content p:last-child img {
    width: 100%;
    height: 100%;
  }

  .news_list li span {
    display: none;
  }


}