@charset "utf-8";
.top {
  display: block;
}

.phone {
  display: none;
}

.nbanner {
  width: 100%;
  height: 5rem;
  overflow: hidden;
}

.nbanner img {
  width: 100%;
}

.page {
    display: flex;
    justify-content: space-between;
    margin-bottom: .5rem;
    margin-top: .3rem;
}

.page .page2 {
  width: 4.22rem;
  height: .65rem;
  background: #f4f2f5;
  padding: .2rem;
}

.page .page2:hover {
  background-color: #5F3393;
}

.page .page2:hover a {
  color: #fff;
}

.page .prv span {
  margin-left: .2rem;
}

.page .prv .truncate1 {
  display: inline;
}

.page .prv img {
  width: .16rem;
  height: .05rem;
}

.page .nex a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.page .nex a img {
  width: .16rem;
  height: .05rem;
}

/*框架*/
.frame{
margin-bottom: .5rem;
}

.frame .navs1 {
  display: flex;
  justify-content: space-between;
  padding: .2rem 0rem;
  border-bottom: 0.01rem solid #e8e8e8;
}



.frame .navs1 p {
  font-size: .3rem;
}

.frame .navs1 span {
  margin: 0rem .05rem;
}

.frame .navs1 span:nth-last-child(1) {
  display: none;
}

.frame .navs1 a:nth-last-of-type(1) {
  color: #999;
}

.frame .contents {
  display: flex;
  justify-content: space-between;
  margin-bottom: .8rem;
}

.frame .contents .lnav {
  width: 20%;
  background: #FFFFFF;
  border: 1px solid #E2D9E6;
  position: relative;
  min-height: 3rem;
  max-height: 8rem;
}

.frame .contents .lnav .lamu {
  position: relative;
  z-index: 2;
  font-weight: bold;
  font-size: .3rem;
  color: #333333;
  padding-bottom: .2rem;
  border-bottom: 0.01rem solid #E2D9E6;
  padding: .2rem;
  position: relative;
}

.frame .contents .lnav .lamu::after {
  content: '';
  width: .6rem;
  height: .04rem;
  background-color: #6a2686;
  position: absolute;
  bottom: 0;
  left: .2rem;
}

.frame .contents .lnav .navlist {
  position: relative;
  z-index: 2;
  padding: .2rem;
}

.frame .contents .lnav .navlist .list-box {
  font-size: .18rem;
  padding: .2rem .1rem;
}

.frame .contents .lnav .navlist .list-box > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000;
}

.frame .contents .lnav .navlist .list-box ul li {
  padding-top: .2rem;
}

.frame .contents .lnav .navlist .list-box ul li a {
  display: flex;
  align-items: center;
  color: #000;
}

.frame .contents .lnav .navlist .list-box ul li a .yuan {
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  background-color: #e9e0ec;
  margin-right: .1rem;
}

.frame .contents .lnav .navlist .list-box ul .liactive a {
  color: #6a2686;
}

.frame .contents .lnav .navlist .list-box ul .liactive a .yuan {
  background-color: #6a2686;
}

.frame .contents .lnav .navlist .active a {
  color: #6a2686;
  font-weight: bold;
}

.frame .contents .lnav .img {
  width: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 0rem;
}

.frame .contents .lnav .img img {
  width: 100%;
  height: auto;
}

.frame .contents .rcont {
  width: 75%;
}

.frame .dpzw {
  margin-top: .3rem;
  font-size: .16rem;
  line-height: .32rem;
  text-align: justify;
}

.frame .dpzw p,.frame .dpzw span,.frame .dpzw p span{
    font-size: .17rem  !important;
    line-height: .36rem  !important;
    text-align: justify;

}

.frame .zdsj {
  padding-bottom: .1rem;
}

.frame .zdsj .img {
  width: 5.8rem;
  height: 3.1rem;
  overflow: hidden;
  margin: 0 auto;
}

.frame .zdsj .img img {
  width: 100%;
}

.frame .zdsj .timeline-container {
  position: relative;
}

.frame .zdsj .timeline-container::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 0.01rem;
  background-color: #e7e7e7;
  transform: translateX(-50%);
  z-index: -1;
}

.frame .zdsj .timeline-container .bbq::before {
  content: '';
  position: absolute;
  top: -.5rem;
  bottom: 0;
  left: 50%;
  background: url(../images/frame/23.png) no-repeat center;
  width: .46rem;
  height: .46rem;
  background-size: .46rem .46rem;
  transform: translateX(-50%);
  z-index: 99;
}

.frame .zdsj .timeline-container .timeline {
  list-style: none;
  position: relative;
  padding: 0;
  /* 左右不同的标记位置 */
}

.frame .zdsj .timeline-container .timeline .timeline-item {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-start;
}

.frame .zdsj .timeline-container .timeline .timeline-item:nth-child(odd) {
  justify-content: flex-end;
}

.frame .zdsj .timeline-container .timeline .timeline-item .timeline-content {
  width: 45%;
  padding: 0rem .6rem;
  position: relative;
  z-index: 2;
}

.frame .zdsj .timeline-container .timeline .timeline-item .timeline-content .timeline-date {
  font-size: .26rem;
  font-family: Arial, Helvetica, sans-serif !important;
  color: #6e2b89;
  margin-bottom: .10rem;
}

.frame .zdsj .timeline-container .timeline .timeline-item .timeline-content .timeline-text {
  color: #555;
  line-height: .3rem;
}

.frame .zdsj .timeline-container .timeline .timeline-item:nth-child(even) .timeline-content::before {
  content: '';
  position: absolute;
  height: .45rem;
  background: url(../images/frame/timel.png) no-repeat center;
  width: 1.5rem;
  background-size: 1rem .3rem;
  top: 0rem;
  right: -1.04rem;
  z-index: 3;
}

.frame .zdsj .timeline-container .timeline .timeline-item:nth-child(odd) .timeline-content::before {
  content: '';
  position: absolute;
  width: 1.5rem;
  height: .45rem;
  background: url(../images/frame/timer.png) no-repeat center;
  background-size: 1rem .3rem;
  top: .30rem;
  right: 5.37rem;
  z-index: 3;
}

.frame .zdsj .timeline-container .timeline .timeline-item:nth-child(even) .timeline-content {
  text-align: right;
}

.frame .zdsj .timeline-container .timeline .timeline-item:nth-child(even) .timeline-content .timeline-text {
  font-size: .2rem;
  color: #333;
}

.frame .zdsj .timeline-container .timeline .timeline-item:nth-child(odd) .timeline-content .timeline-date {
  margin-top: .25rem;
}

.frame .zdsj .timeline-container .timeline .timeline-item:nth-child(odd) .timeline-content .timeline-text {
  font-size: .18rem;
  color: #666;
}

.szny {
  display: flex;
  justify-content: space-between;
  margin-top: .3rem;
}

.szny .l {
  width: 25%;
  border-right: 0.01rem solid #f5f5f5;
}

.szny .l .img {
  width: 2.52rem;
  height: 3.46rem;
  overflow: hidden;
}

.szny .l .img img {
  width: 100%;
}

.szny .l .txt {
  margin-top: .2rem;
}

.szny .l .txt .names {
  font-size: .24rem;
}

.szny .l .txt .names span {
  font-size: .18rem;
}

.szny .l .txt .emil {
  font-size: .16rem;
  margin: .1rem 0rem;
}

.szny .l .txt .emil img {
  width: .27rem;
  height: .21rem;
  margin-right: .1rem;
}

.szny .l .txt .resen {
  font-size: .16rem;
  display: flex;
}

.szny .l .txt .resen img {
  width: .29rem;
  height: .31rem;
  margin-right: .1rem;
}

.szny .r {
  width: 70%;
  margin-top: .5rem;
  display: flex;
  flex-direction: column;
}
.szny .r .rcont{flex: 1;}

.szny .r .rcont .ttt {
  width: 1.11rem;
  height: .31rem;
  background: #F8F5F9;
}

.szny .r .rcont .toi {
  font-weight: bold;
  font-size: .24rem;
  color: #6A2686;
  margin-top: -.4rem;
}

.szny .r .rcont .texts {
  margin-top: .3rem;
  font-size: .18rem;
  color: #333333;
  line-height: .36rem;
  text-align: justify;
}

.tyny {
  margin-top: .5rem;
  display: flex;
  justify-content: space-between;
}

.tyny .l {
  width: 70%;
  display: flex;
  flex-direction: column;
}

.tyny .l .lcont {
  border-bottom: 0.01rem solid #E5E5E5;
}

.tyny .l .lcont .title {
  font-size: .30rem;
  color: #5F3393;
  line-height: .41rem;
}

.tyny .l .lcont .time {
  font-size: .16rem;
  color: #333333;
  margin: .2rem 0rem;
}


.tyny .l .textcont {
  margin-top: .3rem;
padding-bottom: .8rem;
}

.tyny .l .textcont p,.tyny .l .textcont span,.tyny .l .textcont p span {
     font-size: .18rem !important;
    line-height: .3rem !important;
    font-family: Muli, Arial, Microsoft JhengHei !important;
}
.tyny .l .textcont p img,.tyny .l .textcont span img,.tyny .l .textcont p span img {
    width: 100%;
    height: auto;
    margin: .2rem 0rem;
}

.tyny .r {
  width: 25%;
}

.tyny .r .nytit {
  height: .59rem;
  background: #5F3393;
  text-align: center;
  line-height: .59rem;
  color: #fff;
  font-size: .18rem;
}

.tyny .r .hotnew ul li {
  border-bottom: 0.01rem dashed #ccc;
  font-size: .16rem;
  padding: .16rem 0rem;
}

.tyny .r .hotnew ul li a {
  font-size: .18rem;
  margin-bottom: .05rem;
}

.tyny .r .img {
  margin-top: .3rem;
  width: 100%;
  height: 1.74rem;
  overflow: hidden;
}

.tyny .r .img img {
  width: 100%;
}

.tyny .r .ben {
  height: .59rem;
  background: #5F3393;
  text-align: center;
  line-height: .59rem;
  margin: .1rem 0rem;
}

.tyny .r .ben a {
  color: #fff;
  font-size: .18rem;
}

.tyny .r .yan {
  height: .59rem;
  background: #8152b9;
  text-align: center;
  line-height: .59rem;
}

.tyny .r .yan a {
  color: #fff;
  font-size: .18rem;
}

.thrnav {
  width: 100%;
}

.thrnav ul {
  display: flex;
  margin-top: .3rem;
}

.thrnav ul li {
  background: #FFFFFF;
  box-shadow: 0rem 0rem 0.1rem 0rem rgba(0, 0, 0, 0.08);
  margin-right: .2rem;
  text-align: center;
  line-height: .4rem;
  padding: .03rem .15rem;
  border-radius: .05rem;
}

.thrnav ul li a {
  color: #333333;
  font-size: .18rem;
}

.thrnav ul li:hover {
  background: #5F3393;
}

.thrnav ul li:hover a {
  color: #fff;
}

.thrnav ul .thatiive {
  background: #5F3393;
}

.thrnav ul .thatiive a {
  color: #fff;
}

.glry > ul {
  margin-top: .3rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.glry > ul li {
  margin: .1rem 0rem;
  width: 48%;
  background: #FFFFFF;
  border: 1px solid #DBE0E4;
  display: flex;
  padding: .2rem;
  position: relative;
}

.glry > ul li .img {
  width:1.57rem;
  height: 2.15rem;
  overflow: hidden;
}

.glry > ul li .img img {
  width: 100%;
}

.glry > ul li .text {
  margin-left: .2rem;
width: 60%;
}

.glry > ul li .text a {
  font-weight: bold;
}

.glry > ul li .text a span:nth-child(1) {
  font-size: .24rem;
  color: #5f3393;
}

.glry > ul li .text a span:nth-child(2) {
  font-size: .18rem;
  color: #333;
  margin-left: .1rem;
}

.glry > ul li .text .ldec {
  margin-top: .2rem;
  font-size: .16rem;
}

.glry > ul li .text .ldec p {
  display: flex;
  margin: .1rem 0rem;
}

.glry > ul li .text .ldec p span:nth-child(1) {
  width: 10%;
  margin-right: .1rem;
}

.glry > ul li .text .ldec p span:nth-child(2) {
  color: #666;
  width: 80%;
}

.syslb {
  margin-top: .3rem;
}

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

.syslb ul li {
  margin-bottom: .5rem;
  width: 48%;
}

.syslb ul li .fbox .img {
  width: 100%;
  height: 2.18rem;
  overflow: hidden;
  position: relative;
}

.syslb ul li .fbox .img:hover > img {
  transform: scale(1.1);
}

.syslb ul li .fbox .img > img {
  width: 100%;
  transition: transform 1.5s ease;
}

.syslb ul li .fbox .img .sdyy {
  width: 1.05rem;
  overflow: hidden;
  position: absolute;
  right: .3rem;
  top: .3rem;
}

.syslb ul li .fbox .fbiao {
  margin-top: .2rem;
}

.syslb ul li .fbox .fbiao a {
  font-size: .24rem;
  color: #200f36;
}

.syslb ul li .fbox .fbiao a:hover {
  color: #5f3393;
}

.syslb ul li .fbox .fivcont {
  margin-top: .2rem;
}

.syslb ul li .fbox .fivcont a {
  font-size: .16rem;
  color: #200f36;
}

.syslb ul li .fbox .fivcont a:hover {
  color: #5f3393;
}

.syslb ul li .fbox .fivcont span {
  color: #200f36;
  margin: 0rem .1rem;
}

.tdcy .tit {
  margin-top: .3rem;
  font-size: .2rem;
  color: #000;
  font-weight: bold;
}

.tdcy > ul {
  margin-top: .1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.tdcy > ul li {
  margin: .1rem 0rem;
  background: #FFFFFF;
  position: relative;
}

.tdcy > ul li .img {
  width: 1.57rem;
  height: 2.15rem;
  overflow: hidden;
}

.tdcy > ul li .img img {
  width: 100%;
}

.tdcy > ul li .text {
  margin-top: .1rem;
}

.tdcy > ul li .text a {
  font-weight: bold;
}

.tdcy > ul li .text a span:nth-child(1) {
  font-size: .24rem;
  color: #5f3393;
}

.tdcy > ul li .text a span:nth-child(2) {
  font-size: .18rem;
  color: #333;
  margin-left: .1rem;
}

.tdcy > ul li .text .ldec {
  margin-top: .2rem;
  font-size: .16rem;
}

.tdcy > ul li .text .ldec p {
  display: flex;
  margin: .1rem 0rem;
}

.tdcy > ul li .text .ldec p span:nth-child(1) {
  width: 10%;
  margin-right: .1rem;
}

.tdcy > ul li .text .ldec p span:nth-child(2) {
  color: #666;
  width: 80%;
}

.zyxc {
  margin: .5rem 0rem;
}

.zyxc ul li {
  cursor: pointer;
  border-bottom: 0.01rem solid #DBE0E4;
  padding-bottom: .2rem;
    margin-top: .2rem;
}

.zyxc ul li .img {
  width: 100%;
}

.zyxc ul li .img img {
  width: 100%;
}

.zyxc ul li p {
  font-size: .2rem;
  margin-top: .2rem;
}


.prodct {
  margin-top: .3rem;
}

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

.prodct ul li {
  margin-bottom: .3rem;
}

.prodct ul li .box {
  width: 4.4rem;
  overflow: hidden;
  border-radius: 0.04rem;
}

.prodct ul li .box:hover .img img {
  transform: scale(1.1);
}

.prodct ul li .box .img {
  width: 4.4rem;
  overflow: hidden;
}

.prodct ul li .box .img img {
  width: 100%;
  transition: transform 1.5s ease;
}

.prodct ul li .box .text2 {
  width: 100%;
  color: #000;
  margin-top: .3rem;
}

.prodct ul li .box .text2 a {
  font-size: .24rem;
  color: #200f36;
}

.prodct ul li .box .text2 .tto {
  font-size: .14rem;
  color: #999;
  margin: .1rem 0rem;
}

.mtbd {
  margin: .3rem 0rem;
}

.mtbd .toi {
  font-size: .2rem;
  margin-top: .5rem;
  margin-bottom: .2rem;
  font-weight: bold;
  color: #5F3393;
}

.mtbd ul li {
  border-top: 0.01rem solid #E5E5E5;
  padding: .2rem 0rem;
}

.mtbd ul li a {
  font-size: .16rem;
}

.xyhj {

  position: relative;
}

.xyhj .xyswiper .box {
  position: relative;
}

.xyhj .xyswiper .box .picimg {
  height: 4.5rem;
  overflow: hidden;
}

.xyhj .xyswiper .box .picimg img {
  width: 100%;
  height: auto;
}

.xyhj .xyswiper .box .tets {
  color: #fff;
  font-size: .18rem;
  position: absolute;
  bottom: 0;
  left: 0;
    background-color: rgb(0 0 0 / 30%);
  padding: .2rem;
  width: 100%;
}

.xyhj .xyswiper .box .tets p:nth-child(2) {
  font-size: .16rem;
  margin-top: 0.1rem;
  display: none;
}

.xyhj .xyswiper .box:hover .tets p:nth-child(2) {
  display: block;
}

.xyhj .btnxy {
  position: absolute;
  left: 0;
  top: 2.5rem;
}

.xyhj .swiper-button-next,
.xyhj .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: .91rem;
  height: .56rem;
  margin-top: -.22rem;
  z-index: 10;
  cursor: pointer;
  background-size: .91rem .56rem;
  background-position: center;
  background-repeat: no-repeat;
}

.xyhj .swiper-button-prev,
.xyhj .swiper-container-rtl .swiper-button-next {
  background-image: url(../images/index/banl.png);
  left: 0.5rem;
  right: auto;
}

.xyhj .swiper-button-next,
.xyhj .swiper-container-rtl .swiper-button-prev {
  background-image: url(../images/index/banr.png);
  right: -9.2rem;
  left: auto;
}

.xytplb {
  margin-top: .1rem;
}

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

.xytplb ul li {
  width: 48%;
  cursor: pointer;
  border-bottom: 0.01rem solid #DBE0E4;
  padding-bottom: .2rem;
    margin-bottom: .3rem;
}

.xytplb ul li .picimg {
  height: 2.5rem;
  overflow: hidden;
}

.xytplb ul li .picimg img {
  width: 100%;
  height: auto;
}

.xytplb ul li p {
  font-size: .2rem;
  margin-top: .2rem;
}

.xsjs .xsdec {
  font-size: .16rem;
  text-indent: .32rem;
  text-align: justify;
  line-height: .3rem;
  margin-top: .5rem;
}

.xsjs p ,.xsjs p span, .xsjs span {
  font-size: .17rem !important;
  text-align: justify;
  line-height: .32rem !important;
 
}

.xsjs .jswiper .box {
  position: relative;
  cursor: pointer;
}

.xsjs .jswiper .box .picimg {
  height: 2rem;
  overflow: hidden;
}

.xsjs .jswiper .box .picimg img {
  width: 100%;
}

.xsjs .jswiper .box .tets {
  color: transparent;
  font-size: .18rem;
  position: absolute;
  bottom: 0;
}



/* 弹窗样式 */
.image-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  overflow: auto;
  touch-action: none;
}

.modal-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  background-color: transparent;
}

.modal-image {
  max-width: 95%;
  max-height: 70vh;
  margin-bottom: 15px;
  transition: transform 0.3s ease;
  -webkit-user-drag: none;
  user-select: none;
}

.close-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  color: white;
  font-size: 30px;
  font-weight: bold;
  cursor: pointer;
  z-index: 1001;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.nav-btn {
  color: white;
  font-size: 30px;
  cursor: pointer;
  padding: 15px;
  user-select: none;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-title {

  margin-top: 10px;
  padding: 0 100px;
  font-size: 18px;
  word-break: break-word;
color: #fff;
}

/* 移动端手势区域 */
.gesture-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

/* 列表项样式 */
.listxc {
  cursor: pointer;
  margin-bottom: 15px;
}

.listxc img {
  max-width: 100%;
  height: auto;
  display: block;
}

.listxc p {
  margin-top: 5px;
}

/* 响应式调整 */
@media (min-width: 768px) {
  .modal-image {
    max-width: 80%;
    max-height: 80%;
  }
  .nav-btn {
    font-size: 35px;
    padding: 20px;
    width: 50px;
    height: 50px;
  }
  .close-btn {
    top: 20px;
    right: 30px;
    font-size: 35px;
  }
}

/* 加载动画 */
.loading {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 16px;
}

.p_pages span {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    background: #FFFFFF;
    margin: 0 5px;
    padding: 0 15px;
    cursor: pointer;
}

.p_pages span a {
    color: #666666;
    display: block;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
}

.p_pages span:hover {
    border-color: #5F3393;
    color: #5F3393;
}

.p_pages .p_no_d{
    background: #5F3393!important;
    border-color: #5F3393!important;
    color: #fff !important;
}

.p_pages .p_no_d a {
    color: #fff;
}



/*小屏幕*/
@media screen and (max-width: 1200px) {
  .top {
    display: none;
  }
  .phone {
    display: block;
  }
}


.tyny .l .textcont iframe{
      width: 100%;
}