:root {
  --wzColor: #22A2E7;
}
* {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
  color:#333;
}

ul {
  list-style: none;
}
/*换行*/
.twoHang{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.threeHang{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.fourHang{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
 .main  {
  margin:0 0.3rem;
}
.pd-30 {
  padding:0 0.3rem;
}
.logo {
  margin:0.34rem 0;
}
.logo img{
  display: block;
  width: 2.7rem;
  height: 0.5rem;
}
.nav ul {
  padding-left: 0;
  margin:0;
}
.nav li {
  padding-right:0.72rem ;
}
.nav li a {
  display: block;
  padding-bottom: 0.22rem;
  font-size: 0.3rem;
  font-weight: 400;
  color:#333;
}
.nav .active a{
  color:var(--wzColor);
  border-bottom: 0.06rem solid var(--wzColor);
}
.nav .active a:hover {
  text-decoration: none;
  border-style: none;
  color:#333;
}
.nav li a:hover {
  text-decoration: none;
  color:var(--wzColor);
  border-bottom: 0.06rem solid var(--wzColor);
}
.nav .scro-x {
  display: -webkit-box;
  display: -ms-flexbox;
  overflow-x: auto;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.nav .scro-x::-webkit-scrollbar {
  display: none;
}
/*swiper*/
.swiper-slide {
  text-align: center;
  font-size: 0.18rem;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
 }
 .swiper-slide .uk-overlay-primary {
  background: rgba(34,34,34,.5);
 }
.swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
 }
.swiper-pagination  .swiper-pagination-bullet {
  background: #fff!important;
  width: 0.26rem;
  height: 0.04rem;
  margin-right: 0.1rem;
  border-radius: 0;
  opacity: 1;
}
.swiper-pagination  .swiper-pagination-bullet-active {
  background: var(--wzColor)!important;
}
.swiper-button-next, .swiper-button-prev {
  color:#fff!important;
}
/*.swiper-button-prev {
  left:20%!important;
}
.swiper-button-next {
  right:27%!important;
}*/
/**/
.title,.title1 {
  line-height: 0.45rem;
}
.title a ,.title1 span{
  font-size: 0.32rem;
  font-weight: 400;
  color:#333;
}
.title a:hover {
  text-decoration: none;
  color:var(--wzColor);
}
/**/
.list1 ul {
  padding-left: 0;
  flex-wrap:wrap;
}
.list1 li {
  list-style: none;
  width:3.1rem;
  margin-top:0.2rem;
}
.list1 li a {
  display: block;
}
.list1 li img {
  height: 2.4rem;
}
.list1 li p {
  font-size: 0.24rem;
  font-weight: 400;
  color:#333;
  text-align: center;
  margin:0.1rem 0;
}
.list1 li a:hover {
 text-decoration: none;
}
.list1 li p:hover {
 color:var(--wzColor);
}
/**/
.list2 .fl {
   margin-right:0.3rem;
}
.list2 .fl a {
  display:block;
  width: 2.7rem; 
}
.list2 .fl img {
  height: 2.14rem;
}
.list2 .fr a {
  font-size: 0.32rem;
  font-weight: 700;
  color:#333;
}
.list2 .fr p {
  font-size: 0.28rem;
  font-weight: 400;
  color:#999999;
}
.list2 .fr span {
  display: block;
  width: 2rem;
  height: 0.38rem;
  line-height: 0.38rem;
  text-align: center;
  border:0.01rem solid var(--wzColor);
}
.list2 .fr span a {
  display: block;
  font-size: 0.24rem;
  font-weight: 400;
  color:var(--wzColor);
}
.list2 .fr a:hover {
  text-decoration: none;
  color:var(--wzColor);
}
.list2 .fr span a:hover {
  color:#ccc;
}
/**/
.list3 .fl {
   margin-right:0.3rem;
}
.list3 .fl a {
  display:block;
  width: 2.65rem; 
}
.list3  .fr a {
  font-size: 0.32rem;
  font-weight: 700;
  color:#fff;
}
.list3 .fr p {
  margin-top: 0.2rem;
  font-size: 0.28rem;
  font-weight: 400;
  color:#fff;
}
.list3 .fr span {
  display: block;
  width: 2rem ;
  height: 0.38rem;
  line-height: 0.38rem;
  text-align: center;
  background: #fff;
}
.list3 .fr span a {
  display: block;
  font-size: 0.24rem;
  font-weight: 400;
  color:var(--wzColor);
}
.list3 .fr a:hover {
  text-decoration: none;
  color:#333;
}
/**/
.list4 ul {
  padding-left: 0;
  flex-wrap: wrap;
}
.list4 li {
  width:3.3rem;
  margin-top:0.2rem;
}
.list4 li img {
  height: 3rem;
}
.list4 li p {
  font-size: 0.24rem;
  font-weight: 400;
  color:#666;
}
.list4 li .p1 {
  font-size: 0.28rem;
  font-weight: 700;
  color:#333;
}
/**/
.link p{
    -webkit-box-pack: start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0.2rem 0;
}
.link p a {
  display: block;
  font-size: 0.24rem;
  font-weight: 400;
  color:#999;
  margin-right: 0.26rem;
  margin-top: 0.15rem;
}
/*footer*/
.footer {
  margin-top: 0.4rem;
  padding: 0.5rem 0.3rem;
  background: #333;
} 
.footer p {
text-align: center;
  font-size: 0.22rem;
  text-align: center;
  margin: 0.06rem 0;
  color: #999;
  letter-spacing: 0.01rem;
}
/*面包屑*/
.breadcrumb span {
  font-size: 0.3rem;
  font-weight: 400;
  color:#333;
}
.breadcrumb a {
  color: var(--wzColor);
}
.breadcrumb a:hover {
  text-decoration: none;
}
/*分页*/
.pageTurn {
  margin-top: 0.4rem;
}
.pageTurn ul {
  padding: 0 0.2rem;
  margin:0;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
}
.pageTurn ul li {
  display: inline-block;
  font-size: 0.24rem;
  font-weight: 400;
  padding: 0.06rem 0.2rem;
  margin:0.1rem 0.2rem;
}
.pageTurn ul li a {
  color: #333;
}
.pageTurn ul li:last-child a {
  color:#999;
}
.pageTurn ul li:hover{
  color:var(--wzColor);
}
.pageTurn ul li:hover a {
  text-decoration: none;
  color:var(--wzColor);
}
.pageTurn .thisclass{
    color:var(--wzColor);
    border-style: none;
    font-weight: 700;
}
/**/
.textTitle h1 {
  font-size: 0.32rem;
  color: #333333;
  font-weight: 700;
  margin-bottom: 0.3rem;
  text-align: center;
}
.textTitle .d1 {
  
}
.textTitle .d1 span {
  font-size: 0.24rem;
  font-weight: 400;
  color: #999;
  padding: 0 0.16rem;
}
.textTitle .d1 .s1 {
  margin-right: 0.3rem;
  padding-right: 0.3rem;
  border-right: 0.01rem solid #333;
}
.textContent {
  margin-top: 0.4rem;
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #666;
}
.textContent p,.textContent div {
  font-size: 0.28rem!important;
  font-weight: 400;
  color: #666!important;
  margin-bottom: 0.3rem;
}
.textContent img  {
    display: block;
    margin:0 auto;
    height:auto!important;
    width:100%!important;
}
.pageTurn>div,.pageTurn>div a {
  font-size: 0.28rem;
  font-weight: 400;
  color:#333;
}
.pageTurn>div {
   position: relative;
   padding-left: 0.3rem;
}
.pageTurn>div::before {
  content:"" ;
  position: absolute;
  left:0;
  top: 0.14rem;
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 50%;
  background: var(--wzColor);
}