/*右下角弹出框提示*/
.public-pop {
  background-color: rgb( 38, 127, 216 );
  position: fixed;
  right: 0px;
  bottom: 0px;
  width: 164px;
  height: 52px;
  z-index: 995;
  border-radius: 200px 0 0 0;
  box-shadow: -10px -10px 10px rgba(38,127,216,0.21);
  padding: 0px;
  color: #fff;
  background: rgb( 38, 127, 216 ) url(../icons/icon_publicpopbg.jpg) right bottom no-repeat;
  transition: ease-in-out .3s;
}
.public-pop h1{font-size: 18px; color: #ecbb63; margin: 10px 0 10px 80px;}
.public-pop h2{font-size: 16px; color: #ecbb63; margin: 10px 0 10px 20px; line-height: 32px; cursor: pointer;}
.icon-public{display: inline-block; width: 31px; height: 29px;vertical-align: middle; background: url(/szsi/icons/icon_publicpop1.png) no-repeat center center; margin-right: 10px;}
.icon-public-arrow{display: inline-block; width: 14px; height: 17px;vertical-align: middle; background: url(/szsi/icons/icon_publicpop2.png) no-repeat center center;margin-left: 10px; vertical-align: middle; cursor: pointer;animation: moveRightLeft .6s infinite alternate;}
.public-swiper { color: #fff; font-size: 16px; line-height: 28px; width: 560px;overflow: hidden; position: relative; }
.public-swiper .swiper-wrapper{width: 100%;position: relative;height: 250px;overflow: hidden; }
/*.public-swiper p{text-indent: 2em;}*/
.public-pop.actived{display: inline-block; background: rgb( 38, 127, 216 ) url(../icons/icon_publicpopbg.jpg) right bottom no-repeat;width: 560px;
  height: 300px;padding: 30px 50px;}
.public-pop-box{display: none;}
.public-pop.actived .public-pop-icon {display: none;}
.public-pop.actived .public-pop-box{display: inline-block;}
.public-pop.actived .icon-public-arrow{ background: url(/szsi/icons/icon_publicpop2h.png) no-repeat center center;}
.public-swiper .swiper-slide{ height: 250px; overflow: hidden;}
#publicSwiper .swiper-slide div,#publicSwiper .swiper-slide div p,#publicSwiper .swiper-slide p{ text-indent: 2em;}
#publicSwiper .swiper-slide div a,#publicSwiper .swiper-slide p a{color:#fff;}
.public-pop-box .swiper-pagination{ position: absolute;right: 50px; bottom: 10px; z-index: 9; cursor: pointer;}
.public-pop-box .swiper-pagination .swiper-pagination-switch{ display: inline-block;width: 12px; height: 12px; background: #fff; border-radius: 100%; margin-left: 10px; opacity: .6;}
.public-pop-box .swiper-pagination .swiper-pagination-switch.swiper-active-switch{ opacity: 1;}


/* 定义动画 */
@keyframes moveRightLeft {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(8px); /* 根据需要调整移动的距离 */
  }
}

@media screen and (min-width:300px) and (max-width: 768px) {
	.public-pop.actived{width: 90%; height: auto;}
	.public-pop.actived .public-pop-box{ width: 100%; text-align: left; margin: 0 20px;}
	.public-swiper{width: 100%;}
	#publicSwiper{width:100%}
	#publicSwiper .swiper-wrapper,#publicSwiper .swiper-wrapper  .swiper-slide{width: auto; height: 360px;}
	#publicSwiper .swiper-slide div,#publicSwiper .swiper-slide div p,#publicSwiper .swiper-slide p{ font-size:0.9em;}
}