@charset "utf-8";
 @import url("../fonts/iconfont.css");

 [class*="icon-"] {
   font-size: 100%;
   font-family: "iconfont" !important;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }

 :root {
   --gray: #7F7F7F;
   --red: #ad0002
 }

 html {
   font-size: 100px;
   transition: all 0s;
 }

 body {
   font-size: 0.16rem;
   font-size: 16px;
   font-weight: 400;
   overflow-x: hidden;
   letter-spacing: 0.005rem;
   -webkit-user-select: none;
   overflow-x: hidden;
   background: #fff
 }

 .img {
   position: relative;
   overflow: hidden;
 }

 .img>img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   /*object-fit: cover;*/
 }
 .img>a>img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     /*object-fit: cover;*/
 }
 .img>a {
     transition: none;
 }
 .img>a:hover {
     transition: none;
 }

 .w {
   width: 100%;
   max-width: 1200px;
   padding: 0;
   margin: 0 auto;
 }

 .head {
   position: fixed;
   width: 100%;
   height: 1rem;
   background: #fff;
   top: 0;
   left: 0;
   z-index: 100;
 }

 .logo>img {
   height: 0.62rem;
   width: 4rem;
   display: none;
 }

 .image>img {
   width: 100%;
 }

 .headbox {
   position: relative;
   height: 0;
   padding-bottom: caLc(100%/4*1.98);
 }

 .headbox .swiper-container {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%
 }

 .logo {
   background: url("../image/logo-h.png") no-repeat;
   background-size: auto 100%;
   width: 3rem;
   /*   height: 0.6rem;*/
   font-size: 0;
   padding-bottom: calc(3rem/4*0.8);
   flex: 1;
   margin-left: 0.1rem;


 }

 .topbox {
   padding: 0.12rem 0;

   display: flex;
   align-items: center;
   justify-content: space-between
 }

 .top-txt {
   background: rgba(183, 183, 183, 0.2);
   border-radius: 100rem;
   padding: 0.025rem 0.2rem;
   font-size: 0.14rem
 }

 .top-txt>a {
   margin-right: 0.2rem;
 }

 .top-txt>a,
 .top-txt .txt {
   color: rgba(50, 50, 50, 0.6)
 }

 .top-txt>a:hover {
   color: rgba(50, 50, 50, 1)
 }

 .snav {
   display: none;
   position: absolute;
   width: 100%;
   top: 0.59rem;

 }

 .snav>a {
   background: rgba(172, 0, 2, 0.85);
   color: #fff;
   display: block;
   text-align: center;
   border-top: 0.01rem solid #fff;
   padding: 0.1rem 0;
   font-size: 0.14rem
 }

 .nav {
   background: var(--red);
   display: flex;
   justify-content: center
 }

 .nav .item {
   padding: 0 0.2rem;
   height: 0.6rem;

   display: flex;
   align-items: center;
   color: #fff;
   transition: all 0.0s;
 }

 .nav .item:hover {
   filter: brightness(1.08);
 }

 .nav>dd {
   position: relative
 }

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

 .header {
   position: fixed;
   width: 100%;
   top: 0;
   left: 0;
   z-index: 99;
   background: #fff;
   height: 1.44rem
 }

 .zd.header .nav {
   background: transparent;
 }

 .zd.header .nav .item {
   height: 0.45rem;

 }

 .zd.header {
   position: absolute;
   background: transparent;
 }

 .zd.header .snav {
   top: 0.44rem;

 }

 .zd.header .top-txt {
   background: rgba(255, 255, 255, 0.2);
 }

 .zd.header .top-txt>a,
 .zd.header .top-txt .txt {
   color: rgba(255, 255, 255, 0.7);
 }

 .zd.header .top-txt>a:hover {
   color: rgba(255, 255, 255, 1);
 }

 .zd.header .logo {
   background-image: url("../image/logo-w.png");
 }

 .zd.header .snav>a:hover {
   background: var(--red)
 }

 .til {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 0.2rem
 }

 .til h1 {
   display: flex;
   align-items: center;
   font-weight: 600;
   font-size: 0.24rem;
   color: var(--red);
 }

 .til h1::before {
   content: "";
   height: 0.26rem;
   width: 0.026rem;
   background: var(--red);
   margin-right: 0.08rem;
 }

 .newsbox .conml-left {
   width: 7.13rem
 }

 .newsbox .conml-right {
   width: 4.42rem
 }

 .newsbox {
   margin-top: 0.58rem
 }

 .newsbox .list {
   background: #f4f4f4;
   display: block;
 }

 /* .newsbox .list .txt-til {
   margin-top: 0.3rem;
 } */

 .list {
   display: flex;
   align-items: center
 }

 /* .list+.list {
   margin-top: 0.28rem
 } */

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

 .txtbx {
   flex: 1;
   margin-left: 0.18rem;
   margin-right: 0.18rem;
   font-size: 0.14rem;
   margin-top: 0.14rem;
   margin-bottom: 0.14rem
 }

 .txt-til {
   font-size: 0.18rem;
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   font-weight: 500;

 }

 .conml-left .list .txt-til,
 .conml-left .time,
 .conml-left .more2 {
   height: .24rem;

 }

 .txt-info {
   font-size: 0.14rem;
   line-height: 1.6;
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   text-align: justify
 }

 .list .txt-info {
   margin: 0.16rem 0;
   line-height: 2;
   display: none;
 }

 .list .time {
   color: #7f7f7f;
   font-weight: 300;
   font-size: 0.16rem
 }

 .list .more2 {
   color: var(--red);
   font-weight: 300;
   text-transform: uppercase
 }

 .notelist>dd {
   height: 0.58rem;
   display: flex;
   align-items: center;
   border-bottom: #aaaaaa dashed 1px
 }

 .notelist>dd span {
   flex: 1;
   text-align: right;
   color: #aaaaaa
 }

 .notelist>dd a {
   width: 65%;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
 }

 .bg {
   background: url(../image/bg2.jpg) no-repeat;
   background-size: 100% auto;
 }

 .bg::before {
   content: "";
   background: url("../image/jt.png") no-repeat;
   background-size: auto 100%;
   width: 0.95rem;
   height: 0.42rem;
   display: block;
   margin: 0 auto
 }

 .tabs {
   margin-top: 0.34rem
 }

 .tabs>span,
 .tabs>a {
   font-weight: 600;
   font-size: 0.24rem;
   border-radius: 100rem;
   border: #fff solid 0.02rem;
   color: #fff;
   padding: 0.055rem 0.28rem;
 }

 .tabs>span+span,
 .tabs>a+a {
   margin-left: 0.8rem
 }

 .mt {
   margin-top: 0.88rem
 }

 [class*="colum-"] {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
   justify-content: space-between
 }

 .colum-3>.item {
   width: 31.667%;
 }

 .fcbx {
   overflow: hidden;
   width: 100%;
 }

 .fc-main {
   margin-top: 0.4rem;
   width: 100%;
   display: flex;

   align-items: flex-start;

 }

 .fc-main .item {
   margin-right: 0.16rem;
 }

 .fc-main .item>.img {
   padding-bottom: calc(3.6rem/4*2.76);
   width: 3.6rem;
 }

 .more3 {
   border-radius: 100rem;
   background: #fff;
   color: var(--red);
   padding: 0.08rem 0.2rem;
   margin: 0.3rem auto 0.3rem auto;
   display: inline-block;
   text-transform: uppercase
 }

 .more3:hover {
   background: var(--red);
   color: #fff
 }

 .trendsbox .conml-right {
   width: 6rem
 }

 .trendsbox .conml-left {
   width: 5.58rem
 }

 .trendsbox {
   margin-top: 0.58rem
 }

 .dtlist,
 .gclist {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   min-height: 1.68rem;
   border-top: rgba(0, 0, 0, 0.2) solid 0.01rem;
 }

 .dtlist:last-child,
 .gclist:last-child {
   border-bottom: rgba(0, 0, 0, 0.2) solid 0.01rem
 }

 .dtlist .cont,
 .gclist .cont {
   flex: 1
 }

 .dtlist>.time,
 .gclist>.time {
   padding: 0.1rem 0.1rem;
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: center;
   min-width: 0.8rem;
 }

 .dtlist>.time {
   background: #f1f1f1;
   margin-left: 0.12rem;
   margin-right: 0.2rem;
   padding: 0.2rem 0.1rem;
 }

 .dtlist>.time>p {
   font-size: 0.12rem
 }

 .dtlist>.time>span {
   font-size: 0.30rem;
   line-height: 1.5;
 }

 .dtlist .more4 {
   width: 0.37rem;
   height: 0.37rem;
   background: url("../image/dot-jt.png") no-repeat;
   background-size: 100% auto;
   margin-left: 0.2rem;
   font-size: 0
 }

 .dtlist .cont>.time {
   font-size: 0.14rem;
   color: #797979;
   display: flex;
   align-items: center;
   margin: 0.05rem 0;
 }

 .dtlist .cont>.time::before,
 .icontime {
   width: 0.11rem;
   height: 0.11rem;
   background: url("../image/icontime.png") no-repeat;
   background-size: auto 100%;
   content: "";
   margin-right: 0.05rem;
   display: inline-block
 }

 .icontime {
   margin-right: 0.1rem
 }

 .dtlist .txt-info {
   color: #5e5e5e
 }

 .dtlist.cur {
   background: var(--red);
   color: #fff;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
   padding: 0 0.4rem;
 }

 .dtlist.cur>.time {
   display: none;
 }

 .dtlist.cur .more4 {
   width: auto;
   height: auto;
   background: none;
   margin-left: 0rem;
   font-size: 0.14rem;
   border: #fff solid 0.01rem;
   padding: 0.04rem 0.15rem;
 }

 .dtlist.cur .cont {
   flex: none;
 }

 .dtlist.cur .cont>.time {
   display: none;
 }

 .dtlist.cur .txt-info {
   color: #fff;
   margin: 0.1rem auto;
 }

 .gclist .imgbx {
   width: 1.65rem;
 }

 .gclist .imgbx>.img {
   padding-bottom: calc(100%/3*2)
 }

 .gclist .cont {
   margin: 0 0.2rem 0 0.15rem;
 }

 .gclist>.time>p {
   /*padding: 0.22rem 0;*/
   /*color: #999999*/
   font-size: 0.12rem;
 }

 .gclist>.time>span {
   /*font-size: 0.2rem;*/
   /*line-height: 1.5;*/
   font-size: 0.30rem;
   line-height: 1.5;

 }

 .gclist>.time {
   /*padding: 0.1rem 0;*/
   /*min-width: 0.65rem;*/
   /*text-align: left;*/
   background: #f1f1f1;
   /*margin-left: 0.2rem;
     margin-right: 0.2rem;*/
   padding: 0.2rem 0.1rem;
 }

 .gclist .txt-info {
   -webkit-line-clamp: 2;
   margin-top: 0.1rem;
   color: #5e5e5e;
   min-height: 0.37rem;

 }

 .gclist>.cont a>span {
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;

 }

 .dtlist>.cont .txt-til,
 .gclist>.cont .txt-til {
   font-size: 0.16rem
 }

 .dtlist.cur>.cont .txt-til {
   font-size: 0.18rem
 }

 .f-nav,
 .f-nav .item {
   display: flex;
   align-items: center;
 }

 .f-nav {
   margin: 0.68rem auto
 }

 .f-nav .item {
   justify-content: center;
   background: #fafafa;
   flex: 1;
   flex-direction: column;
   box-shadow: rgba(138, 0, 13, 0.2) 0 0.04rem 0.16rem;
   padding: 0.20rem 0
 }

 .f-nav .item+.item {
   margin-left: 0.1rem;
 }

 .f-nav .item>span {
   margin-top: 0.1rem;
   font-size: 0.2rem
 }

 .f-nav .item .image {
   width: 0.5rem;
   height: 0.5rem;
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
   opacity: 0.4;
   transform: all 0.3
 }

 .f-nav .item:hover .image {
   -webkit-filter: grayscale(0%);
   filter: grayscale(0%);
   opacity: 1
 }

 footer {
   background: url("../image/f-bg.jpg") top center;
   background-size: 100% auto;
   padding: 0.26rem 0 0 0;
   font-size: 0.18rem;
   margin-top: 1rem
 }

 .footer-txt {
   padding: 0 0.4rem;
   display: flex;
   align-items: center;
   justify-content: center;
   border-bottom: rgba(255, 255, 255, 0.4) solid 1px;
   padding-bottom: 0.2rem
 }

 .footer-txt>a {
   flex: 1;
   text-align: center;
   color: #fff
 }

 .footer {
   padding: 0.3rem 0;
   display: flex;
   flex: 1
 }

 .flogo {
   width: 2.38rem;
 }

 .flogo>img {
   width: 100%
 }

 .footer .ficon {
   display: flex;
   align-items: center;
   padding-right: 0.15rem
 }

 .ficon .image {
   width: 0.52rem;
   position: relative;
   cursor: pointer
 }

 .ficon .image+.image {
   margin-left: 0.2rem
 }

 .ficon .image.show .ewm {
   display: block
 }

 .footer>dd {
   padding: 0.10rem 0;
 }

 .footer>dd+dd {
   border-left: rgba(255, 255, 255, 0.4) solid 1px;
   padding-left: 0.4rem;
   margin-left: 0.4rem
 }

 .footer .ftxt {
   color: #fff;
   line-height: 2;
   flex: 1
 }

 .finfo {
   background: #2b2b2b;
   color: #fff;
   padding: 0.12rem 0;
   text-align: center
 }

 .float {
   position: fixed;
   right: 0.5%;
   bottom: 0.5rem;
   /*border: var(--red) solid 1px;*/
   z-index: 20
 }

 .float>dd {
   display: flex;
   align-items: center;
   flex-direction: column;
   justify-content: center;
   text-align: center;
   padding: 0.15rem;
   background: rgba(255, 255, 255, 0.85);
   backdrop-filter: blur(0.08rem);
   border: var(--red) solid 1px;
 }

 .float>dd+dd {
   border-top: var(--red) solid 1px;
 }

 .float p {
   font-weight: 500;
   margin-top: 0.06rem
 }

 .banner {
   margin-top: 1.44rem;

 }

 .banner>img {
   width: 100%;
 }

 .conmlbox {
   display: flex;
   align-items: flex-start;
   margin-bottom: 0.3rem
 }

 .sNav {
   width: 3rem;

 }

 .conml-right {
   flex: 1;
   margin-left: 0.5rem
 }

 .stil {
   background: url("../image/tilbg.png") no-repeat right center var(--red);
   background-size: 100% auto;
   font-weight: 500;
   font-size: 0.24rem;
   padding: 0 0.25rem;
   color: #fff;
   display: flex;
   flex-direction: column;
   height: 1.44rem;
   justify-content: center;
   text-transform: uppercase;
   margin-top: -1.44rem;
   position: relative
 }

 .nav-lsit {
   margin-bottom: 1rem
 }

 .nav-lsit .item>p {
   background: #eee;
   font-size: 0.18rem;
   display: block;
   padding: 0.23rem 0.3rem;
   margin-top: 0.06rem;
   font-weight: 500;
   cursor: pointer
 }

 .nav-lsit .item:hover>p,
 .nav-lsit .item.cur>p,
 .nav-list>a:hover {
   background: var(--red);
   color: #fff !important
 }

 .sitem:hover .nav-list {
   display: flex
 }

 .nav-list {
   display: none;
   flex-direction: column;
 }

 .nav-list>a {
   padding: 0.08rem 0.3rem;
   background: #fafafa;
   margin-top: 0.04rem
 }

 .smenu {
   display: none
 }

 .nav-list>a.cur {
   color: var(--red)
 }

 .cont-head {
   padding: 0 0.25rem;
   position: relative;
   margin-top: 0.08rem;
   margin-bottom: 0.3rem;
   display: flex;
   align-items: center;
   justify-content: space-between
 }

 .cont-head::after {
   content: "";
   position: absolute;
   width: 100%;
   border-bottom: #a3a3a0 solid 1px;
   left: 0;
   bottom: 0;
 }

 .cont-head>h1 {
   padding: 0.1rem 0;
   line-height: 1;
   font-size: 0.24rem;
   font-weight: 500;
   border-bottom: var(--red) solid 0.04rem
 }

 .wzmap {
   display: flex;
   align-items: center;
   font-size: 0.14rem;
 }

 .wzmap .icon {
   width: 0.15rem;
   height: 0.15rem;
   background: url("../image/map.png");
   background-size: 100% 100%;
   margin-right: 0.1rem
 }

 .wzmap>span::before {
   content: "";
   width: 0.2rem;
   height: 0.2rem;
   background: url("../image/jt2.png");
   background-size: 100%;
   display: block;
   margin: 0 0.08rem
 }

 .cont-txt>p {
   text-align: justify;
   /* text-indent: 0.32rem;*/
   line-height: 2;
   margin-bottom: 0.15rem
 }

 .cont-txt img {
   max-width: 100%;
   height: auto !important;
 }

 .nav-lsit>.item.cur>p+.nav-list,
 .nav-lsit>.item:hover .nav-list {
   display: flex
 }

 .imagebox {
   display: flex;
   align-items: flex-start;
   flex-wrap: wrap;
 }

 .imagebox>.item {
   width: calc(25% - 0.16rem);
   margin: 0 0.08rem 0.16rem 0.08rem
 }

 .imagebox>.item .img,
 .poto .img {
   padding-bottom: calc(100%/3*4)
 }

 .poto {
   width: 4.6rem;
   margin: 0 auto 0.5rem auto
 }

 .imagebox>.item>p {
   height: 0.48rem;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #fff;
   border: rgba(0, 0, 0, 0.15) solid 1px;
   transition: all 0.1s
 }

 .imagebox>.item:hover p {
   background: var(--red);
   color: #fff
 }

 .pagination,
 #pagination {
   padding: 0.45rem 0.2rem 0.1rem 0.2rem;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
 }

 .pagination a,
 .pagination span {
   display: block;
 }

 .pagination li,
 #pagination li {
   margin: 0 0.02rem;
   flex: none;

 }

 .pagination .active {
   background: var(--red);
   color: #fff
 }

 .pagination>li a,
 .pagination>li span {
   border: rgba(0, 0, 0, 0.2) solid 1px;
   border-radius: 0.02rem;
   min-width: 0.5rem;
   height: 0.3rem;
   line-height: 0.3rem;
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0rem 0.2rem;
 }

 .pagination a:hover,
 #pagination a:hover {
   background: var(--red);
   color: #fff
 }

 .info-til {
   text-align: center;
   padding: 0.3rem 0;
   border-bottom: #cfcfcf dashed 1px;
   margin-bottom: 0.3rem
 }

 .info-til>h1 {
   font-size: 0.24rem;
   font-weight: 500;
   margin-bottom: 0.2rem
 }

 .info-til>span+span {
   margin: 0 0.1rem
 }

 .cont-foot {
   border-top: #cfcfcf dashed 1px;
   margin: 0.7rem 0 0 0;
   padding-top: 0.4rem;
   display: flex;
   flex-direction: column
 }

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

 .dqlist>a {
   display: flex;
   align-items: center;
   margin: 0.4rem 0;
   color: #666
 }

 .dqlist>a::before {
   content: "";
   width: 0.07rem;
   height: 0.07rem;
   border-radius: 10rem;
   margin-right: 0.1rem;
   background: #c8c8c8
 }

 .dqlist>a>span {
   width: 75%;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
 }

 .dqlist>a>i {
   flex: 1;
   text-align: right;
   font-style: normal
 }

 .dqlist>a:hover {
   color: var(--red)
 }

 .dqlist>a:hover::before {
   background: var(--red)
 }

 .dqlist {
   border-bottom: dashed 1px #aeaeae;
 }

 .jxjflist {
   display: flex;
   flex-wrap: wrap;
   margin-top: 0.3rem;
   margin-bottom: 2rem
 }

 .jxjflist>dd {
   width: 25%;
   border-right: #dcdcdc dashed 1px;
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 0.4rem 0.1rem;
   position: relative;
   font-size: 0.18rem
 }

 .jxjflist .imgae {
   width: 0.8rem;
   height: 0.8rem;
   margin-bottom: 0.1rem
 }

 .imgae>img {
   width: 0.8rem;
   height: 0.8rem;
 }

 .jxjflist>dd::after {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   height: 0.08rem;
   background: #f65344;
   width: 100%
 }

 .jxjflist>dd:nth-child(4n+2)::after {
   background: #9a59b5
 }

 .jxjflist>dd:nth-child(4n+3)::after {
   background: #ad0002
 }

 .jxjflist>dd:nth-child(4n+4)::after {
   background: #3598db
 }

 .whbox {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   align-content: flex-start;
   flex-wrap: wrap
 }

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

 .whbox .item>p {
   background: #eeeeee;
   text-align: center;
   padding: 0.1rem 0;
 }

 .whbox .item .img {
   padding-bottom: calc(100%/4*3)
 }

 .whbox::after {
   width: calc(33.33% - 0.16rem);
   content: ""
 }

 .jw.list>.img {
   padding-bottom: calc(2rem / 1.618 * 1);
   width: 2rem;
   box-shadow: #fff 0 0 0 1px inset;
   border: #fff solid 1px
 }
 .jw.list>a>.img {
     padding-bottom: calc(2rem / 1.618 * 1);
     width: 2rem;
     box-shadow: #fff 0 0 0 1px inset;
     border: #fff solid 1px
 }

 .jw.list {
   padding-bottom: 0.48rem;
   border-bottom: #bfbfbf dashed 1px
 }

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

 .jw.list .txt-info {
   margin: 0.05rem 0 0.24rem 0;
   line-height: 1.6;
   color: #666;
   text-indent: 0.28rem;
 }

 .jw.list .times {
   color: #999999;
   font-size: 0.12rem
 }

 .indet {
   text-indent: 0.32rem
 }

 .hzimg {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap
 }

 .hzimg>dd {
   width: 49%
 }

 .hzimg>dd img {
   width: 100%
 }

 .hzimg>dd>p {
   text-align: center;
   padding: 0.15rem 0
 }

 .contact {
   display: flex;
   border-bottom: #eee dashed 1px;
   padding-bottom: 0.2rem;
   margin: 0.2rem;
 }

 .bx {
   border: #ddd solid 1px;
 }

 .contact>dd {
   flex: 1;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start
 }

 .contact .image {
   width: 0.7rem;
   height: 0.7rem;
   margin-bottom: 0.2rem
 }

 .contact>dd+dd {
   border-left: #eee dashed 1px
 }

 .contact>dd h3 {
   font-size: 0.18rem;
   font-weight: 400;
   margin-bottom: 0.07rem
 }

 .contact>dd p {
   color: #999999;
   font-size: 0.12rem;
   text-align: center;
   padding: 0 0.1rem
 }

 .iframe {
   width: 100%;
   height: 3.54rem;
   display: block
 }

 .newsbx .dtlist>.time {
   background: none;
   margin-left: 0;
   margin-right: 0.3rem;
   padding: 0rem 0.1rem;
 }

 .newsbx .dtlist>.time>span {
   font-size: 0.60rem;
   line-height: 1;
   letter-spacing: -0.01rem
 }

 .newsbx .dtlist>.time>p {
   font-size: 0.22rem;
 }

 .newsbx .dtlist>.cont .txt-til {
   margin-bottom: 0.1rem;
 }

 .newsbx .dtlist .txt-info {
   color: #666666;
   line-height: 1.8;
 }

 .newsbx .dtlist:hover,
 .newsbx .dtlist:hover .txt-info {
   color: var(--red) !important
 }

 .newsbx .dtlist {
   border-top: rgba(0, 0, 0, 0.08) solid 0.01rem;
 }

 .zp-txt>h3 {
   font-size: 0.2rem
 }

 .zp-txt>p>label {
   display: inline-block;
   margin-right: 0.1rem
 }

 .zp-txt>p {
   margin-top: 0.15rem;
   line-height: 1.8
 }

 .btn {
   background: var(--red);
   color: #fff;
   border-radius: 0.04rem;
   padding: 0.1rem .4rem;
   margin-top: 0.4rem;
   margin-bottom: 0.2rem
 }

 .menu {
   margin-right: 0.2rem;
   width: 0.5rem;
   height: 0.5rem;
   background: rgb(51 0 1 / 42%);
   padding: 0.1rem;
   border-radius: 100rem;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   display: none
 }

 .menu>img {
   display: none
 }

 .menu::after {
   width: 70%;
   height: 70%;
   content: "";
   background: #fff;
   display: block;
   mask: url("../image/muen.png") no-repeat center / 100% auto;
   -webkit-mask: url('../image/muen.png') no-repeat center / 100% auto;
 }

 .float .topbtn {
   display: none
 }

 .banner>img {
   width: 100%;
   height: auto !important
 }

 .ewm {
   display: none;
   position: absolute;
   bottom: 0.7rem;
   left: 50%;
   transform: translateX(-50%);
   width: 1.5rem;
   background: #FFF;
   padding: 0.1rem;
   border-radius: 0.08rem;
   box-shadow: #9f0507 0 0 0.3rem 0.05rem;
 }

 .ewm::after {
   width: 0;
   height: 0;
   border-right: 0.1rem solid transparent;
   border-left: 0.1rem solid transparent;
   border-top: 0.1rem solid #fff;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   bottom: -0.1rem;
   content: "";
   position: absolute
 }

 .ewm>img {
   width: 100%
 }

 .lj:hover {
   color: red;
 }

 .image .swiper-slide img {
   width: 100%;
   height: 100%
 }

 .sjimage .swiper-slide img {
   width: 100%;
   height: 100%
 }

 .image video,
 .sjimage video {
   width: 100%;
   height: 100%;
   object-fit: cover
 }

 .newsbox .conml-left {
   width: 6.4rem;
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 0.24rem;
   align-content: flex-start;
 }

 .conml-left .til {
   grid-column: 1 / 3;
 }

 .conml-left .list .txt-til {
   margin-bottom: 0.1rem;
 }

 .ccc:hover a.more2 {

   font-size: 0.14rem;
 }

 .videolis {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 0.32rem;
 }

 .videotil {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0.58rem 0 0.36rem 0;
   font-weight: 600;
   font-size: 0.24rem;
   color: var(--red);
 }

 .videotil>span {
   width: 0.06rem;
   height: 0.06rem;
   border-radius: 100rem;
   background: var(--red);
   margin: 0 0.14rem;
 }

 .videotil::after,
 .videotil::before {
   content: "";
   flex: 1;
   margin: 0 0.24rem;
   height: 0.02rem;
 }

 .videotil::before {
   background-image: linear-gradient(-90deg, var(--red), transparent);
 }

 .videotil::after {
   background-image: linear-gradient(-90deg, transparent, var(--red));
 }

 .videolis>.item .img {
   padding-bottom: calc(100% / 16 * 9);
   width: 100%;
   border-radius: 0.04rem;

 }

 .videolis>.item p {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   margin-top: 0.16rem;
   height: 0.48rem;
 }

 .v-more {
   display: flex;
   justify-content: end;
   padding: 0.24rem 0 .24rem 0;
 }

 .videolis>.item p,
 .videolis>.item img,
 .conmlbox .whbox>.item p,
 .conmlbox .whbox>.item img {
   transition: all 0.4s ease-out;
 }

 .conmlbox .whbox>.item p {
   height: 0.43rem;
   overflow: hidden;
 }

 .videolis>.item:hover p,
 .conmlbox .whbox>.item:hover p {
   font-size: .19rem;
   color: var(--red);
 }

 .videolis>.item:hover img,
 .conmlbox .whbox>.item:hover img {
   transform: scale(1.1);
 }