@charset "utf-8";

.scroll {
  scrollbar-width: thin;
}

.sjimage {
  display: none
}

.nav.show {
  display: flex;

}

/*
html {
  font-size: 100px;
}
*/
@media (min-width:751px) {
  /*
  html {
        font-size: 5.20833333vw
    font-size: 100px;
  }
*/
}

@media (min-width:1922px) {
  /*
  html {
    font-size: 100px;
  }
*/
}

@media (min-width:1025px) {
  .nav>dd:hover .snav {
    display: block
  }

  .nav>dd:hover .item {
    background: var(--red)
  }
}

@media only screen and (max-width: 1200px) {

  .nav .item {
    padding: 0 0.14rem;
    white-space: nowrap;
  }
}

@media only screen and (max-width: 1024px) {
  .videolis {

    grid-template-columns: 1fr;

  }

  .nav.show {
    display: block;
    overflow-y: auto
  }

  .nav>dd.cur .snav {
    display: block !important;
  }

  .nav>dd.cur {
    z-index: 2;
  }

  .nav>dd {
    z-index: 10;
    overflow: hidden;
  }

  .pagination li>a,
  .pagination li>span {

    padding: 0 0.12rem;
    min-width: 0.3rem;
  }

  /*
   html {
    font-size: 5.20833333vw
	 
  }
	
}
@media (max-width:750px) {
*/
  html {
    font-size: 100px;
  }

  .menu {
    display: flex;
    position: fixed;
    right: 0rem;
    top: 0.13rem;
    margin-right: 0.1rem;
  }

  .nav {
    display: none;
    position: fixed;
    flex-direction: column;
    top: 0;
    bottom: 0;
    width: 100%;
    justify-content: flex-start;
    padding-top: 0.9rem;
    background: var(--red) !important;
    /*z-index: 99999;*/
  }

  .w {
    width: auto;
    max-width: inherit;
    margin-right: 0.25rem;
    margin-left: 0.25rem;
  }

  .snav {
    position: relative;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    overflow: hidden;
  }

  .snav>a {
    background: transparent;
    color: #fff;
    padding: 0.1rem 0;
    font-size: 0.16rem;
    border-top-color: rgba(255, 255, 255, 0.2);
  }

  .nav .item {
    font-size: 0.18rem;
    justify-content: center;
    height: auto;
    border-top: rgba(255, 255, 255, 0.2) 1px solid;
    padding: 0.15rem 0.2rem;
    background: rgba(0, 0, 0, 0.1);
    background: linear-gradient(45deg, transparent, rgba(0, 0, 0, 0.15), transparent);
  }

  .zd.header .snav {
    top: 0;
  }

  .zd.header .nav .item {
    height: auto
  }

  .header .top-txt {
    display: none
  }

  .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 0.8rem;
  }

  .logo {
    width: 2.2rem;
    padding-bottom: calc(2.5rem/4*0.8);
  }

  .newsbox {
    margin-top: 0.3rem;
    display: block
  }

  .newsbox .conml-left,
  .trendsbox .conml-left {
    width: 100%;
  }

  .newsbox .conml-right,
  .trendsbox .conml-right {
    width: 100%;
  }

  .trendsbox {
    display: block
  }

  .zd.header {
    position: fixed;
  }

  .newsbox .list {
    display: block;
  }

  .list>.img {
    padding-bottom: calc(100% / 1.618 * 1);
    width: 100%;
  }

  .list .txt-info {
    margin: 0.08rem 0;
    line-height: 1.6;
  }

  .newsbox .list .txt-til {
    margin-top: 0.15rem;
  }

  .txtbx {
    /* padding-bottom: 0.2rem */
  }



  .conml-right {
    margin-left: 0;
  }

  .newsbox .conml-right .til {
    margin-bottom: 0rem;
    margin-top: 0.2rem;
  }

  .notelist>dd {
    padding: 0.15rem 0;
    height: auto;
  }

  .headbox .image {
    display: none
  }

  .sjimage {
    position: relative;
    display: block !important;
  }

  .sjimage>img {
    width: 100%;
  }

  .txtbx {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
  }

  .mt {
    margin-top: 0.4rem;
  }

  .bg {
    background-size: auto 100%;
  }

  .bg::before {
    background-position: top center;
    background-size: auto 100%;
    height: 0.2rem;
  }

  .tabs>span+span {
    margin-left: 0.2rem;
  }

  .tabs {
    margin-top: 0.2rem;
  }

  .tabs>span {
    font-size: 0.18rem;
    border: #fff solid 0.02rem;
    padding: 0.055rem 0.2rem;
  }

  .dtlist>.time {
    margin-left: 0;
  }

  .trendsbox .conml-right {
    width: auto;
    margin-top: 0.4rem;
  }

  .gclist .imgbx {
    width: 100%;
    margin-bottom: 0.16rem;
  }

  .f-nav {
    flex-wrap: wrap;
    margin: 0.4rem 0.25rem;
    justify-content: space-between;
  }

  .f-nav .item {
    flex: none;
    width: 48%;
    margin-bottom: 0.16rem;
  }

  .f-nav .item+.item {
    margin-left: 0
  }

  .f-nav .item:nth-last-of-type(1) {
    width: 100%
  }

  .gclist {
    padding-top: 0.1rem;
  }

  footer {
    background-size: auto 100%;
    font-size: 0.14rem;
    margin-top: 0.5rem;
  }

  .footer-txt>a {
    flex: none;
    text-align: left;
    width: 33.33%;
    padding-bottom: 0.05rem;
    width: auto;
    padding-bottom: 0.05rem;
    margin-right: 0.15rem;
  }

  .footer-txt {
    flex-wrap: wrap;
    justify-content: flex-start;
    text-align: left;
    padding: 0 0;
    padding: 0 0 0.1rem 0;
    flex-wrap: wrap;
  }

  .footer {
    flex-wrap: wrap;
    padding: 0.1rem 0;
  }

  .flogo {
    width: 100%;
  }

  .flogo>img {
    width: 70%;
  }

  .footer>dd+dd {
    padding-left: 0;
    margin-left: 0;
    border-top: solid 1px;
    border-left: none;
    border-image: linear-gradient(90deg, transparent, rgb(255 255 255 / 30%), transparent) 1;
  }

  .footer .ftxt,
  .footer .ficon {
    flex: none;
    width: 100%
  }

  .footer .ficon {
    padding-right: 0;
  }

  .ficon .image {}

  .banner {
    margin-top: 0.8rem;
  }

  .float {
    right: 2%;
    bottom: 0.5rem;
    width: 0.5rem;
  }

  .float>dd {
    padding: 0.1rem;
  }

  .image {
    width: 100%
  }

  .float p {
    font-size: 0.12rem;
  }

  .conmlbox {
    display: block;
  }

  .nav-lsit {
    display: none
  }

  .stil {
    height: 1.1rem;
    margin-top: -1.1rem;
    padding-bottom: 0.3rem;
    box-shadow: #ad0002 0 0.15rem 0.18rem -0.2rem
  }

  .stil>b {
    font-size: 0.18rem
  }

  .sNav {
    width: 100%;
    position: relative
  }

  .smenu {
    position: absolute;
    z-index: 1;
    top: 0.7rem;
    display: flex;
    align-items: center;
    left: 0.25rem;
    right: 0.25rem;
    border-top: solid 1px;
    border-image: linear-gradient(90deg, rgb(255 255 255 / 50%), transparent) 1;
    padding-top: 0.08rem;
    color: #fff;
  }

  .smenu::after {
    content: "";
    width: 0;
    height: 0;
    border-right: 0.06rem solid transparent;
    border-left: 0.06rem solid transparent;
    border-top: 0.06rem solid #fff;
    margin-left: 0.1rem
  }

  .nav-lsit.show {
    display: block;
    position: absolute;
    width: 100%;
    z-index: 21;
    background: #fff;
    padding: 0.03rem 0.08rem 0.08rem 0.08rem;
    box-shadow: rgb(173 0 2 / 17%) 0 0.1rem 0.4rem -0.1rem;
  }

  .nav-lsit .item>p {
    padding: 0.15rem 0.3rem;
  }

  .cont-head {
    display: block
  }

  .wzmap {
    display: flex;
    align-items: center;
    font-size: 0.12rem;
    padding: 0.08rem;
  }

  .imagebox>.item {
    width: calc(50% - 0.16rem);
  }

  .wzmap>span::before {
    width: 0.17rem;
    height: 0.17rem;
    margin: 0 0.04rem;
  }

  .poto {
    width: 100%;
    margin: 0 auto 0.2rem auto;
  }

  .cont-foot {
    margin: 0.3rem 0 0 0;
    padding-top: 0.15rem;
  }

  .cont-foot>a {
    margin: 0.1rem 0;
  }

  .jxjflist>dd {
    width: 33.33%;
    font-size: 0.16rem;
  }

  /*.jxjflist > dd:last-of-type {*/
  /*  width: 100%*/
  /*}*/
  .jxjflist {
    margin-bottom: 0;
  }

  .jw.list>.img {
    padding-bottom: calc(100% / 1.618 * 1);
    width: 100%;
    margin-bottom: 0.1rem
  }

  .jw.list>a>.img {
    padding-bottom: calc(100% / 1.618 * 1);
    width: 100%;
    margin-bottom: 0.1rem
  }

  .jw.list {
    padding-bottom: 0.0rem;
    display: block;
  }

  .jw.list+.jw.list {
    margin-top: 0.2rem;
  }

  .whbox .item {
    width: calc(50% - 0.08rem);
    margin-bottom: 0.16rem;
  }

  .dqlist>a>span {
    width: 65%;
  }

  .ficon .image {
    position: inherit;
  }

  .ewm {
    bottom: 1.4rem;
  }

  .banner {
    display: none
  }

  .contact {
    flex-wrap: wrap
  }

  .contact>dd {
    flex: none;
    width: 50%;
    border-bottom: #eee dashed 1px;
    padding: 0.2rem 0;
  }

  .contact>dd+dd {
    border-left: none;
  }

  .contact>dd:last-child {
    width: 100%;
    flex: 1;
  }

  .contact>dd:nth-child(2n+2) {
    border-left: #eee dashed 1px;
  }

  footer .w {

    margin-right: 0.2rem;
    margin-left: 0.2rem;
  }


  .pagination {
    padding: 0.2rem 0.2rem 0.1rem 0.2rem;
  }
  .newsbox .conml-left {

    display: flex;
    flex-direction: column;
  }
  /*//*/
}