@charset "utf-8";

@font-face{
  font-family: "pyi";
  src: url(../fonts/Poly.woff);
  font-weight: normal;
  font-style: normal;
}
.l1 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.l2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.l3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.leader {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0.3rem 0;
}
.lead-l {
  width: 47%;
  margin-top: 0.4rem;
}
.lead-l ul {
  position: relative;
  height: 5.8rem;
}
.lead-l ul li {
  position: absolute;
  width: 3.88rem;
}
.lead-l ul li:nth-child(1) {
  left: 0;
  top: 0;
}
.lead-l ul li:nth-child(2) {
  right: 0;
  top: 1rem;
  z-index: 3;
}
.lead-l ul li:nth-child(3) {
  left: 1rem;
  bottom: 0;
  z-index: 3;
}
.lead-l ul li .pic {
  padding-top: 65.979%;
}
.lead-r {
  width: 45%;
}
.lead-r ul li a {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  line-height: 0.36rem;
  border-bottom: 1px solid rgba(17, 81, 159, 0.12);
  padding: 0.2rem 0;
}
.lead-r ul li a .lead-zw {
  width: 70%;
  padding-left: 0.5rem;
  font-size: 0.18rem;

  color: #11519f;
}
.lead-r ul li a .lead-name {
  width: 26%;
  font-size: 0.18rem;
  color: #333333;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .lead-r ul li a .lead-zw {
    padding-left: 0.2rem;
  }
}
@media screen and (max-width: 1000px) {
  .lead-l ul li {
    width: 2.6rem;
  }
  .lead-l ul {
    height: 4rem;
  }
}
@media screen and (max-width: 700px) {
  .leader {
    display: block;
  }
  .lead-l {
    width: 60%;
    margin: 0 auto;
  }
  .lead-r {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .lead-l {
    width: 100%;
  }
  .leader {
    padding: 0;
  }
}
.his-bk1 {position: relative;
  display: flex;
  justify-content: 
  space-between;
  flex-wrap: wrap;
  padding: .1rem 0;
  align-items: center;
}
.his-bk1::after{content:"";position: absolute;left: .5rem;bottom: 0.5rem;width: 3.9rem;height: .91rem;background: url(../images/his-bk1-xx.png) no-repeat center center;background-size: 100% 100%;}
.his-bk1 .his-tit img{
  height: 2.4rem;
}
.his-bk1 .his-jj{
  width:37%;
}
.his-bk1 .his-jj p{font-size: .18rem;color: #555555;line-height: .38rem;text-indent: 2em;}
.his-bk1 .his-tp{
  width:38.5%;height: 5.53rem;
}
.his-bk1 .his-tp ul{
  height: 100%;
  position: relative;
}
.his-bk1 .his-tp ul li{position: absolute; width: 3.1rem;}
.his-bk1 .his-tp ul li:nth-child(1){position: absolute;left: 0;top:0;z-index: 1;}
.his-bk1 .his-tp ul li:nth-child(2){position: absolute;right:0;top:1.45rem;border:.1rem solid #FCF8F4; z-index: 2;}
.his-bk1 .his-tp ul li:nth-child(3){position: absolute;left: .6rem;bottom:0;z-index: 3;border:.1rem solid #FCF8F4; z-index: 2;}
.his-bk1 .his-tp ul li .pic{padding-top: 70.64%;}

.his-bk1 .his-logo{position: absolute;left: 30%;bottom: .3rem;}
.his-bk1 .his-logo a{display: block;}
.his-bk1 .his-logo a img{display: block;}
.his-bk2{margin-top: 1.3rem;position: relative;padding-top: 1.4rem;}
.his-bk2::after{content: "";width: 34%;position: absolute;top: 3%;height: 1px;right: 12.5%;background: rgba(15, 94, 187, 0.15);}
.his-bk2 .his-s2-tit{position: absolute;top: 0;left: 26%;}
.his-bk2 .his-s2-tit span{display: inline-block;padding: 0 .65rem; line-height: .61rem;background: #0F5EBB;font-size: .2rem;font-weight: bold;color: #fff;}
.his-bk2>ul{position: relative;display: flex;justify-content: space-between;}
.his-bk2>ul::before{content: "";position: absolute;width: 37.6%;top: -3.8%;left: 19.4%;height: 1px;background: rgba(15, 94, 187, 0.15);}
.his-bk2>ul::after{content: "";position: absolute;width:1px;top: -9.8%;left: 40.8%;height: .5rem;background: rgba(15, 94, 187, 0.15);}
.his-bk2>ul>li:nth-child(1){position: relative;width:39%;}
.his-bk2>ul>li ul::after{content: "";position: absolute;left: 50%;transform: translateX(-50%);width: 1px;bottom: .2rem; top:0;}
.his-bk2>ul>li ul::before{content: "";position: absolute;left: 50%;transform: translateX(-50%);width: 1px;top: -.3rem; height: .3rem;}
.his-bk2>ul>li:nth-child(1) ul::before{background: rgba(15, 94, 187, 0.15);}
.his-bk2>ul>li:nth-child(2) ul::before{background: rgba(15, 94, 187, 0.15);}
.his-bk2>ul>li:nth-child(3) ul::before{top: -1.12rem;height: 1.12rem;background: rgba(15, 94, 187, 0.15);}
.his-bk2>ul>li:nth-child(1) ul::after{background:#E5EEF9;}
.his-bk2>ul>li:nth-child(1) ul li{background:#E5EEF9; }
.his-bk2>ul>li:nth-child(2){position: relative;width:28%;}
.his-bk2>ul>li:nth-child(2) ul::after{background: #E7E1D4;}
.his-bk2>ul>li:nth-child(2) ul li{background: #F7F5F0;}
.his-bk2>ul>li:nth-child(3) ul::after{background: #F7F1F1;;}
.his-bk2>ul>li:nth-child(3){position: relative;width:25%;}
.his-bk2>ul>li:nth-child(3) ul li{background: #F7F1F1;}
.his-bk2>ul>li ul{position: relative;}
.his-bk2>ul>li ul li{position: relative;margin-bottom: .2rem;z-index: 9;}
.his-bk2>ul>li ul li a{display: flex;align-items: center;padding: .15rem 0;}
.his-bk2>ul>li ul li a span{width: 1.13rem;line-height: .32rem;text-align: center;border-right: 1px dashed  rgba(17, 80, 157, 0.2);font-family: "pyi";}
.his-bk2>ul>li:nth-child(1) ul li a span{color: #11509D;}
.his-bk2>ul>li:nth-child(2) ul li a span{color: #9C8B69;}
.his-bk2>ul>li:nth-child(3) ul li a span{color: #C44127;}
.his-bk2>ul>li ul li a p{width: calc(100% - 1.13rem);padding: 0 .23rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
@media screen and (max-width: 1200px){.his-bk1::after{width: 2.8rem; height: .71rem;}}
@media screen and (max-width: 1000px){
  .his-bk1 .his-logo{position: static;width: 100%;}
  .his-bk1{padding-left: 1rem;display: block;}
  .his-bk1 .his-tit{
    position: absolute;
    left: 0;
    top:50%;
    transform: translateY(-50%);
  }.his-bk1 .his-jj{
    width: 100%;margin: .25rem 0;
  }.his-bk1 .his-logo a img{
    margin: 0 auto;max-width: 100%;
  }.his-bk1 .his-tp{
    width: 100%;height: initial;
  }
  .his-bk1 .his-tp ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .his-bk1 .his-tp ul li{
    position: static!important;width: 32%;
  }.his-bk2{
    margin-top: .5rem;padding-left: 1rem;padding-top: 0;
  }.his-bk2>ul{
    display: block;
  }.his-bk2>ul>li{
    width: 100%!important;
  }
  .his-bk2 .his-s2-tit{
    left: 0;
    top:50%;background: #0F5EBB;
    transform: translateY(-50%); width: .51rem;padding: .15rem;
  }.his-bk2 .his-s2-tit span{word-break: break-all;
   padding: 0;line-height: 1.2;display: block;text-align: center;
  
  }
  .his-bk2>ul>li ul::before{
    left: -.3rem;top:auto;
    top:50%;transform: translateY(-50%);width: .3rem;
    height: 1px;display: none;

 }.his-bk2>ul>li:nth-child(3) ul::before{
  width: .3rem;
  height: 1px;        top: 50%;
  transform: translateY(-50%);
 }.his-bk2>ul::before{
  left: -.3rem;top:50%;transform: translateY(-50%);width: 1px;
  height: 40%;display: none;
 }.his-bk2>ul::after{
  top:50%;transform: translateY(-50%);
  width: .5rem;
  height: 1px;left: -10%;
 }.his-bk2::after{
  display: none;
 
 }
}
@media screen and (max-width: 700px){.his-bk2{
  padding-left: .6rem;
}
.his-bk2>ul>li ul li a span{
  width: .8rem;
}
}
.jgsz-box{
  margin-bottom: .85rem;
}
.jgsz-box:nth-child(2) ul li{
  width: 50%;
}
.jgsz-box:nth-child(3) ul li{
  width: 50%;
}
.jgsz-box ul{display: flex;flex-wrap: wrap;margin-top: .35rem;}
.jgsz-box ul li{/* display: flex; *//* flex-direction: column; */width: 25%;padding: .2rem 0;align-items: center;padding-left: 0.2rem;background: url(../images/l-jg-icon.png) no-repeat left .3rem;border-bottom: 1px solid rgba(17, 81, 159, 0.12);}
.jgsz-box ul li a{display: inline-block;font-size: .18rem;color: #333;line-height: .36rem;/* padding-left:.2rem; *//* background: url(../images/l-jg-icon.png) no-repeat left center; *//* overflow: hidden; *//* text-overflow: ellipsis; *//* white-space: nowrap; */}
.jgsz-box ul li a:hover{color: #0F5EBB;}
@media screen and (max-width: 1000px){.jgsz-box ul li{
  width: 50%;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}}
@media screen and (max-width: 1000px){.jgsz-box ul li a{padding-top: .1rem;padding-bottom: .1rem;}.jgsz-box{margin-bottom: .15rem;}}
/* 图文列表页 */

.main-down>ul>li {

transition: all .6s;
}

.main-down ul li a {display: flex;
  align-items: center;
  flex-wrap: wrap;  padding: 0.3rem 0;transition: all .6s;
  
}
.main-down ul li:hover a{padding-left: .3rem;background: url(../images/tw-bg.jpg) no-repeat center center;
background-size: cover;}
.main-down ul li a .tw-pic {
  position: relative;

  width: 3.8rem;

}

.main-down ul li a .tw-pic .pic {
  padding-top: 67%;
}

.main-down ul li a .tw-pic img {
  display: block;
  width: 100%;
  transition: all .3s;
}

.main-down ul li:hover .tw-pic img {
  transform: scale(1.2);
}

.main-down ul li .zs-text {
flex:1;
min-width: 0;
  padding-left: 0.6rem;padding-right: .8rem;
 
  
}

.main-down ul li .zs-text h3 {
  font-size: 0.2rem;
  font-weight: bold;
  color: #333;
  
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main-down ul li:hover .zs-text h3 {
  color: #fff;
}

.main-down ul li .zs-text p {
  font-size: 0.16rem;
  font-weight: normal;
  line-height: 0.28rem;
  height: .56rem;
  margin-top: .25rem;
  color: #666666;
  /* overflow: hidden; */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.main-down ul li:hover .zs-text p{
  color: #fff;
}
.main-down ul li .zs-text .more{
  position: relative;
  padding-top: .2rem;
  margin-bottom: .15rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* padding-bottom: .2rem; */
}.main-down ul li .zs-text .more::before{
  content: "";
  position: absolute;
 
  left: .16rem;
  
  right: 0;
  border-top: 1px dashed rgba(39, 110, 193, 0.2);
  order: -1;
  }
.main-down ul li .zs-text .more::after{
  content: "";
  /* position: absolute; */
  top: .36rem;
  left: 0;
  width: .15rem;
  height: .15rem;
  border-radius: 50%;
  order: -1;
  right: 0;
  border: 1px solid rgba(39, 110, 193, 0.2);
}
.main-down ul li .zs-text span {padding-left: .25rem;
  font-size: 0.18rem;
  color: #276EC1;
  line-height: 0.1rem;background: url(../images/sz-icon.png) no-repeat left center;font-family: "pyi";
}
.main-down ul li:hover .zs-text span{background: url(../images/sz-more-other.png) no-repeat left center; color: #fff;}
.main-down ul li .zs-text .more i{/* position: absolute; */right: 0;top: .2rem;width: .45rem;height: .45rem;background: #0F5EBB url(../images/sz-more.png) no-repeat center center;border-radius: 50%;z-index: 6;}
.main-down ul li:hover .zs-text .more::before{    border-top: 1px dashed rgba(255, 255, 255, 0.2);}
.main-down ul li:hover .zs-text .more::after{border: 1px solid rgba(255, 255, 255, 0.2);}
.main-down ul li:hover .zs-text .more i{background: #BB2026 url(../images/sz-more.png) no-repeat center center;}
@media screen and (max-width: 1000px){.main-down ul li .zs-text{
  padding-left: .2rem;padding-right: .2rem;
}.main-down ul li a .tw-pic{width: 3rem;}}
@media screen and (max-width: 700px){.main-down ul li a{
  padding: 0;padding-bottom: .3rem;
}.main-down ul li a .tw-pic{width: 100%;}.main-down ul li .zs-text{
  padding-top: .15rem;padding-bottom: .15rem;
}.main-down ul li .zs-text p{
  margin-top: .15rem;
}}
/* 日期列表 */

.date-list { display: flex;
  justify-content: space-between;
  flex-wrap: wrap;margin-top: .5rem;

  transition: all .6s;
}
.date-list li{
  width: 48%;  margin-bottom: 0.4rem;
}
.date-list li a {
  display: flex;
  align-items: center;
  padding: 0.25rem  0;

  background-position: center center;
  border: 1px solid rgba(39, 110, 193, 0.2);
  transition: all .6s;
}

.date-list li:hover a {
  background: url(../images/date-txt-bg.jpg) no-repeat center center;
  background-size: cover
}

.date-list li a .date {position: relative;
  width: 1.6rem;
text-align: center;
  color: #fff;
  color: #11509D;
  border-right: 1px dashed #C3D3EE;
  font-family: "pyi";
  transition: all .6s;
}
.date-list li a .date::after{content: "";position: absolute;width: 0.07rem;top:50%;transform: translateY(-50%);right: 0;
height: 0.07rem;border-radius: 50%;background: #C3D3EE;    right: -.035rem;}


.date-list li a .date p {
  font-size: 0.52rem;
  
}

.date-list li a .date span {
  font-size: 0.18rem;
  opacity: .6;
}

.date-list li a .text {
  flex: 1;
  min-width: 0;
  margin: 0 0.4rem;
}

.date-list li a .text p {
  position: relative;
  font-size: 0.18rem;
  min-height: 0.6rem;
  line-height: 0.32rem;
  max-height: .64rem\0;
  color: #333333;
}
.date-list li a .text p::after{
  content: "";
  position: absolute;
 right: 0;top:50%;
 transform: translateY(-50%);
 width: .45rem;
 height: .45rem;border-radius: 50%;background:#BB2026 url(../images/sz-more.png) no-repeat center center;
 background-size: .15rem auto;opacity: 0;
 z-index: -1;

}

@media screen and (min-width: 1024px){.date-list li:hover a .date p{color: #fff;}.date-list li:hover a .date span{color: #fff;}.date-list li:hover a .text p{
  padding-right: .5rem;
}.date-list li:hover a .text p::after{
  opacity: 1;
  z-index: 9;
}.date-list li:hover a .text p {
  color: #fff;
}
.date-list li:hover a .date::after{width: .21rem;height: .21rem;right: -0.105rem;background: url(../images/date-qq-gd.png) no-repeat center center;background-size: 100% 100%;}
}
@media screen and (max-width: 1000px){
  .date-list li a .date{width: 1rem;}
  .date-list li a .date p{font-size: .3rem;}
  .date-list li a{padding: .15rem 0;}
  .date-list li a .text{margin: 0 .15rem;}}
  @media screen and (max-width: 700px){.date-list{margin-top: 0;}.date-list li{width: 100%;margin-bottom: .15rem;}}
  /* 列表页 */
.list{position: relative;min-height: 7.1rem;}
.list::after{content:"";  position:absolute ;    top:0.55rem;bottom: 0.55rem;width: 1px;background: rgba(17, 80, 157, 0.1);}
.list>li {
  position: relative;
  line-height: 1.02rem;
  padding-left: 0.63rem;
  padding-right: 1.5rem;border-bottom: 1px solid rgba(17, 80, 157, 0.1);
 
}
.list>li::before{
content: "";
position: absolute;
left:0;height: .07rem;
bottom: -.035rem;
width: 0;
background:url(../images/list-xx-qq.png) no-repeat right center;transition: all .6s;

  
}

.list>li::after{
  content: "";
position: absolute;
left: -.045rem;top:50%;
transform: translateY(-50%);
width: 0.09rem;
height: 0.09rem;
background: #C3D3EE;border-radius: 50%;

  
}
.list>li:last-child::before{
  display: none;
}
.list>li:last-child{
  border-bottom: none;
}
.list>li>span {
  position: absolute;
  right: 0.3rem;
  top: 0;padding-left: .25rem;
  font-size: 0.2rem;
  color: #B3B3B3;background: url(../images/icon-date.png) no-repeat left center;background-size: .16rem auto;
  font-family: "pyi";
}



.list>li a {
  display: block;
  position: relative;
  font-size: 0.2rem;
  color: #333;
  left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all .6s;
}

@media screen and (min-width: 1024px){
  .list>li:hover::after{content: "";position: absolute;width: .27rem;height: .27rem;left:-.135rem;background: url(../images/list-icon.png) no-repeat center center;background-size: 100% 100%;}
  .list>li:hover a{font-weight: bold;color: #B62629;}
  .list>li:hover::before{
    width: 100%;
  }
}
@media screen and (max-width: 700px){
  .list>li{line-height: .6rem;padding-left: .25rem;padding-right: 1.2rem;}
  .list>li span{
    right: 0;
    font-size: .18rem;
  }.list>li a{
    font-size: .18rem;
  }.list::after{top:.35rem;bottom: .35rem;}
}
/* content */

.new-cont {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  /* overflow: hidden; */
  z-index: 99;
  position: relative;
}
.new-contl{width: calc(100% - 4.65rem);}

.new-cont h3 {
  color: #000;
  font-size: 0.24rem;
  line-height: 0.4rem;
  text-align: center;
}
.cont-art-bt{position: relative;
  padding: .15rem; 
  background: url(../images/art-tit-bg.png) no-repeat left top;
  background-size: auto 100%; margin-bottom: .3rem;
}
.cont-art-bt::after{content: "";
  position: absolute;
  left: .85rem;
  right: 0;
  bottom: -.2rem;
  height: 1px;
  background: #eee;} 
.cont-art-bt>div{padding :.3rem 0 .3rem .6rem ; background: linear-gradient(270deg, rgba(245, 241, 255, 0) 0%, rgba(245, 241, 255, 0.7) 50%, #F5FAFF 96%);}
.cont-tit {

 display: flex;
  justify-content:space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-top: .15rem;
 
}
.cont-tit .wz-ll{
  display: flex;
  align-items: center;flex-wrap: wrap;
}
.cont-tit span {display: flex;
  align-items: center;
  font-size: 0.15rem;
  color: #999999;
  align-items: center;
  margin: 0 0.2rem 0 0;
  line-height: 0.4rem;
}
.cont-tit span img{
  padding-right: .15rem;  max-height: 0.17rem;
}




.cont-tit .wz {
 font-size: .17rem;color:#777777;
}

.cont-tit .wz span {
  display: inline-block;
  margin: 0 .05rem;
  width: .22rem;
  height: .22rem;
  text-align: center;
  line-height: .22rem;

  font-size: .17rem;
  color:#777777;
  cursor: pointer;
}

.cont-tit .wz span.on {
 color:#11509D;
}

.cont-tit .special-wz {
  margin-right: 0;
  margin-left: .3rem;
  width: .24rem;
  height: .24rem;
  line-height: .24rem;
  text-align: center;
  border-radius: 50%;
  background: #00447D;
  font-size: .18rem;
  color: #fff;
  cursor: pointer;
}
.my-share-d{
  display: flex!important;;align-items: center;
}.my-share-d>div{
  margin-left: .1rem;
}
.qrid_zz {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  display: none;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
  justify-content: center;
  align-items: center;
}

.qrid_zz #qrid {
  padding: 8px;
  background: #fff;
  border-radius: 5px;
}
#qrcode{
  top: 20px;
  left: 20px;
  position: relative;
}
.tips-area{
  margin-top: -10%;
}
.tips{
  text-align: center;
  width: 100%;
  font-size: 20px;
  color: #ffffff;
}
.article {
  padding-bottom: 0.5rem;
}

.article p {

font-size: 0.18rem;
  color: #444;
  line-height: .34rem ;
  margin-top: 0.2rem ;
}

.article span {
  font-size: 0.16rem;
  line-height: 0.34rem;
  margin-bottom: 0.2rem ;
font-family:微软雅器 !important;
}

.article img {
  max-width: 100%;
  height: auto !important;
  border: 0px !important;
}

.pages {position: relative;
  padding: 0 .2rem;
  padding-top: 0.35rem;
  border-top: 1px solid #eee;
}
.pages::after{content: "";position: absolute;top:-.02rem;left: 0; width: 0.94rem;height: 0.04rem;background: url(../images/art-d-xx.png) no-repeat center center;background-size: 100% 100%;}
.pages p {
  padding-top: .2rem;
  /* margin-bottom: 0.1rem; */

  line-height: 0.32rem;
  transition: 0.5s;
}
.pages p span{  font-size: 0.18rem;
  color:#11509D;}
.pages p a {font-size: .18rem;
  color: #555;
  transition: 0.5s;
  padding-left: 0.05rem;
  transition: 0.5s;
}
.pages p a:hover{
  color:#11509D;
}
.new-contr{width: 4.22rem;}.new-contr ul li{
  padding:0 .28rem;transition: all .6s;
}
.new-contr ul{
  margin-top: .55rem;
}
.new-contr ul li a{display: block;padding: .28rem 0;border-bottom: 1px solid rgba(0, 0, 0, 0.06);transition: all .6s;}
.new-contr ul li a .date{
  position: relative;
}
.new-contr ul li a span{position: relative; padding-left:.3rem;padding-right: .3rem; background: url(../images/icon-date3.png) no-repeat left center; font-size: .2rem;color: #11509D;font-family:"pyi";}
.new-contr ul li a span::before{content: "";position: absolute;width: .1rem;height: .1rem;border-radius: 50%;border: 1px solid rgba(17, 80, 157, 0.2);right: 0; top:50%;transform: translateY(-50%);opacity: 0;z-index: -1;}
.new-contr ul li a .date::after{content: "";position: absolute; left: 0;right: 0; height: .01rem;background: rgba(17, 80, 157, 0.2); top:50%;opacity: 0;z-index: -1;}
.new-contr ul li a p{font-size: 0.16rem;
  font-weight: normal;
  line-height: 0.28rem;

  color: #333333;margin-top: .1rem;}
@media(min-width: 1024px) {
  .new-contr ul li:hover{
    background: url(../images/art-r-bg.jpg) no-repeat center center;
    background-size: 100% 100%;
  }
  .new-contr ul li:hover a{
    border-bottom: 1px solid transparent;
  }
  .new-contr ul li:hover a span::before{
    opacity: 1;
    z-index: 9;
  }
  .new-contr ul li:hover a .date::after{
    opacity: 1;
    z-index: 8;
  } .new-contr ul li:hover a span{background: #ebf2fc url(../images/icon-date3.png) no-repeat left center;z-index: 9;}
}

@media screen and (max-width: 1024px) {
  .new-cont {
      width: 100%;
      
  }
  .cont-r {
      display: none;
  }
  .cont-titl {
      width: 100%;
  }
  .cont-tit span {
      margin-right: 0.2rem;
  }
}
@media screen and (max-width: 1000px){.new-cont{
  display: block;
}.new-contl{
  width: 100%;
}.new-contr{
  width: 100%;
  margin-top: .2rem;
}.new-contr ul{
  margin-top: .15rem;
}}
@media screen and (max-width: 700px){.article p{
  margin-top: .15rem!important;
}.new-contr ul li a{padding: .15rem 0;}.new-contr ul li{
  padding: 0 .15rem;
}.pages{padding: .2rem 0;}.cont-art-bt{background: none;}.cont-art-bt>div{
  padding: .15rem;
}.cont-art-bt::after{
  left: 0;
}}
/* 简介页 */
.art-whjj{margin-top: .2rem;}
.art-whjj p{
  margin-top: .35rem;
  font-size: 0.18rem !important;
  color: #444;
  text-indent: 2em;
  line-height: 0.38rem !important;
}
@media screen and (max-width: 700px){.art-whjj p{
  margin-top: .2rem;
}
.itit>div.itit-text{font-size: .26rem;}
}
/* 综合页 */

.compise-art .com-bk1{position: relative;display: flex;justify-content: space-between;align-items:flex-end;margin-top: .3rem;}
.compise-art .com-bk1::after{content:"";position: absolute;right: -15%;width: 8.4rem;top: 0;bottom: 0;/* height: 5.9rem; */background:url(../images/art-bk1-bg.jpg) no-repeat center center;background-size: 100% 100%;}
.compise-art .cbk1-l{position: relative;  width: 47%;z-index: 9;}
.compise-art .cbk1-l p{font-size: 0.18rem;
  font-weight: normal;
  line-height: 0.38rem;margin-top: .2rem;text-indent: 2em;


  color: #444444;}
  .compise-art .cbk1-r .pic{
    padding-top: 64.54%;
    clip-path: polygon(0 0, calc(100% - .3rem) 0, 100% .3rem, 100% 100%, 0 100%);
  }
.compise-art .cbk1-r{position: relative;width:50.25%;z-index: 9;}
.compise-art .cbk1-r::after{content: "";position: absolute;top: -.15rem;right: -0.15rem;width:1.21rem;height: 1.3rem;background: url(../images/art-r-s1-bg.png) no-repeat center center;background-size: 100% 100%;}
.com-bk2{
  margin: .8rem 0;
}
.com-bk2 ul{display: flex;}
.com-bk2 ul li{
  width: 16.666%;text-align: center;
}
.com-bk2 ul li .icon{margin: 0 auto;background: url(../images/bk2-num-bg.png) no-repeat center center;width: 1.94rem;height: 1.94rem;background-size: 100% 100%;line-height: 1.94rem;text-align: center;font-size: .2rem;color: #0F5EBB;}
.com-bk2 ul li:hover .icon{background: url(../images/bk2-num-bg1.png) no-repeat center center;background-size: 100% 100%;}
.com-bk2 ul li .icon span{

  width: 100%;height: 100%;font-size: 0.62rem;color: #0F5EBB;font-family: "pyi";
}
.com-bk2 ul li p{font-size: .18rem;color: #333333;}
.com-bk2 ul li:hover p{font-weight: bold;color: #B42528;}
.com-art-jj p{font-size: 0.18rem;text-indent: 2em;
  font-weight: normal;
  line-height: 0.38rem;margin-bottom: .3rem;}
  .com-art-jj p span{color:#11519F;font-weight: bold;}
  .com-bk4 ul{display: flex;
  flex-wrap: wrap;}
  .com-bk4 ul li{width: 33.333%;}
  .com-bk4 ul li a{display: block;}
  .com-bk4 ul li a .pic{
    padding-top:63.46%;
  }
  .com-bk4{
    margin-bottom: .55rem;
  }
  .com-bk6{position: relative;display: flex;justify-content: space-between;margin-bottom:.6rem;align-items: flex-end;padding-top: .6rem;}
  .com-bk6::after{
  content: "";
  position: absolute;
  top:0;
  bottom: 0;
  right: -12%;
  width: 90%;
  background: url(../images/art-bk6-bg.png) no-repeat center center;
  background-size: 100% 100%;
  }
.com-bk6 .com-bk6l{position: relative;z-index: 9;width:49%;margin-left: -12%;/* clip-path: polygon(0 0, calc(100% - .3rem) 0, 100% .3rem, 100% 100%, 0 100%); */}
.com-bk6 .com-bk6l a{
  display: block;
  position: relative;
  padding-top: .1rem;
  padding-right: .1rem;
}
.com-bk6 .com-bk6l a::after{content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: #AA2431;clip-path: polygon(0 0, calc(100% - .3rem) 0, 100% .3rem, 100% 100%, 0 100%);}
.com-bk6l .pic{padding-top: 63.83%;z-index: 9;clip-path: polygon(0 0, calc(100% - .3rem) 0, 100% .3rem, 100% 100%, 0 100%);}
.com-bk6 .com-bk6r{position: relative;z-index: 9;width: 59%;padding-bottom: .2rem;}
.com-bk6r p{font-size: 18px;
  font-weight: normal;
  line-height: 0.38rem;
color: #FFFFFF;
 font-size: 0.18rem;}
 .com-bk6r p span{font-weight: bold;}

 @media screen and (max-width:1330px){.compise-art .com-bk1::after{top:.9rem}.com-bk6 .com-bk6r{

 }}
 @media screen and (max-width:1200px){.compise-art .com-bk1::after{width: 55%;
height: 4.3rem;top:auto;bottom: 0;}.compise-art .com-bk1{
  flex-wrap: wrap;
}.compise-art .cbk1-r{width: 100%;order: -1;}.compise-art .cbk1-l{width: 100%;}.compise-art .com-bk1::after{display: none;}.compise-art .cbk1-r::after{
  display: none;
}.com-bk2 ul{
  flex-wrap: wrap;
}.com-bk2 ul li{
  width: 33.333%;
  margin-bottom: .15rem;
}.com-bk6{
  flex-wrap: wrap;padding-top: .2rem;
}.com-bk6 .com-bk6l{
  width: 100%;
  margin-left: 0;
}.com-bk6::after{width: 110%;left: 0;
}
.com-bk6 .com-bk6r{
  width: 100%;margin-top: .15rem;padding-left: .15rem;padding-right: .15rem;
}}

@media screen and (max-width:700px){.compise-art .com-bk1{
  margin-top: 0;
}.com-bk2 ul li{width: 50%;}.com-bk2 ul li .icon span{
  font-size: .4rem;
}.com-bk2{
  margin: .2rem 0;
}.com-bk4{
  margin-bottom: .2rem;
}.com-art-jj p{
  margin-bottom: .15rem;
}.com-bk6{
  margin-bottom: .2rem;
}}


 .viewing-par{
  overflow: hidden
  ;
}
.viewing {
  display: flex;
  align-items: flex-start;
  position: relative;
  z-index: 9;
}

.viewing-l {
  width: 82%;
  margin-right: .2rem;
  position: relative;
}
.viewing-l::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2.4rem;
  max-height: 50%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.viewing-l ul li a {
  display: block;
}

.viewing-l ul li a .pic {
  padding-top: 59%;
}

.viewing-r {
  flex: 1;
  min-width: 0;
  position: absolute;
  right: 0;
  left: calc(82% + .2rem);
  bottom: 0;
  top: 0;
}

.viewing-r .slick-list {
  overflow: visible;
}

.viewing-r ul {
}

.viewing-r ul li {
  transition: all 0.5s;
  border: none !important;
}



.viewing-r .slick-vertical .slick-slide a .pic::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.5s;
}

.viewing-r ul li a {
  display: block;
  transition: all 0.5s;
  position: relative;
  padding:5.9% 0;
}

.viewing-r ul li a::before {
  content: "";
  position: absolute;
  left: -.22rem;
  top: 0;
  width: 5.04rem;
  bottom: 0;
  background: url(../images/viewing-ritembg.png) no-repeat;
  background-position: center center;
  background-size: cover;
  transform: scaleX(0);
  transform-origin: right center;
  transition: all 0.5s;
}

.viewing-r ul li a .pic {
  padding-top: 61.3%;
}


.viewing-r ul li.slick-current a {
}

.viewing-r ul li.slick-current a::before {
  transform: scaleX(1);
}
.viewing-r ul li.slick-current a .pic::after{
  opacity: 0;
}
.viewing-rarrow {
  position: absolute;
  left: .4rem;
  bottom: .4rem;
  display: flex;
  align-items: center;
}

.viewing-rarrow div {
  width: 0.46rem;
  height: 0.46rem;
  border-radius: 50%;
  margin-left: .22rem;
  cursor: pointer;
  position: relative;
  margin-left: .35rem;
}

.viewing-rarrow div::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  z-index: 2;
}

.viewing-rarrow div::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  z-index: 1;
  transform: scale(.9);
}

.viewing-rprev::before {
  background: url(../images/viewing-prev.png) no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  z-index: 1;
}


.viewing-rnext::before {
  background: url(../images/viewing-next.png) no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  z-index: 1;
}


.viewing-rarrow div:hover::after {
  animation: scaleTwo 1s 1;
}

@keyframes scaleTwo {
  0% {
      -webkit-transform: scale(.9);
      transform: scale(.9);
      opacity: .9
  }

  100% {
      -webkit-transform: scale(1.6);
      transform: scale(1.3);
      opacity: 0
  }
}




@media screen and (max-width:1024px){
  
  .viewing {
      display: block;
  }

  .viewing-l {
      width: auto;
      margin-right: 0;
      margin-bottom: .2rem;
  }
  .viewing-r{
      position: static;
  }
  .viewing-r ul {
      margin: 0 -.1rem;
  }

  .viewing-r ul li a {
     padding: .1rem;
  }

  .viewing-rarrow {
      justify-content: center;
      left: 0;
      right: 0;
      bottom: 0.1rem;
  }

  .viewing-rarrow div {
      margin: 0 .1rem;
  }
  .viewing-r ul li a::before{
      right: 0;
      width: auto;
      left: 0;
  }
}

.pb_sys_common {
    font-size: 12px;
    font-family: SimSun;
    line-height: 34px !important;
    color: #222;
}


.cont img{height:auto !important;max-width:80%;margin: 5px 0px;}
.cont p{/*text-indent:2em;*/line-height: 28px;}
.cont video{
height:auto !important;
max-width:100%;
}
.cont .vsbcontent_img{text-align: center;}
.cont .table{
overflow-x: auto;
    text-align: center;
    margin: 0 auto;
    width: auto;
}
.cont .table table{
    margin: 0 auto;
    width: auto;
    max-width: 895px;
}

.cont .table p{
text-indent:0px;
}

.bq-r a {
    font-size: 0.15rem;
    line-height: 0.3rem;
    color: #b2c1d3;
}