html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, input {    margin: 0; padding: 0; border: 0; outline: 0;font-family: '微软雅黑'; }
ol, ul {
    list-style: none;
}
a {
    font-style: normal;
    text-decoration: none; 
}
.clear {
    clear: both;
}
.fl{float:left;}
.fr{float:right;}
/*公共样式*/
.max-width{margin: 0 auto;width: 85%;margin-left: auto;margin-right: auto;}
html{overflow:auto!important;width:100%;margin:0 auto;}
html::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}
.eps-design-toolbar-item-text{color:#333;}
.eps-portlet-header{position:relative;}
.eps-portlet-header .eps-shadow.eps-dn{left:10px!important;top:10px!important;}
.clearfix:after{content:".";display:block;height:0;font-size:0em;visibility:hidden;clear:both;}
.clearfix{zoom:100%;}

 .page {
    width: 100%;
    margin: 30px 0;
    text-align: center;
    vertical-align: middle;
}
.PageCont {
    margin: 0 auto;
    display: inline-block;
}


.Pagebtn {
    padding: 6px 10px;
    font-size: 14px;
    border: 1px solid #f5f5f3;
    margin: 10px;
}
.Pagenum a {
    padding: 2px 6px;
    background: #fff;
    text-decoration: none;
    margin-right: 10px;
}
.NormalRed {
    color: #ff0000;
    padding: 6px 10px;
    border: solid 1px #ff0000;
    background: #fff;
    text-decoration: none;
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
}




@keyframes fadeInUp30 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,32px,0);
        transform: translate3d(0,32px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp30 {
    -webkit-animation-name: fadeInUp30;
    animation-name: fadeInUp30
}



/* SVG流星特效样式 */
.bn-meteor-effect {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
}

/* 流星轨迹动画 - 抛物线运动 */
.bn-meteor-trail {
  stroke-dasharray: 300;
  stroke-dashoffset: 300;
  animation: bn-trail-animation 4s ease-out infinite;
}

@keyframes bn-trail-animation {
  0% {
    stroke-dashoffset: 300;
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  100% {
    stroke-dashoffset: -300;
    opacity: 0;
  }
}

/* 流星头部样式 - 抛物线运动 */
.bn-meteor-head {
  opacity: 0;
  animation: bn-head-animation 4s ease-out infinite;
}

@keyframes bn-head-animation {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  8% {
    opacity: 1;
    transform: scale(1.2);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
  92% {
    opacity: 1;
    transform: scale(0.8);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}

/* 粒子效果 - 抛物线运动 */
.bn-particles .bn-particle {
  animation: bn-particle-animation 4s ease-out infinite;
}

@keyframes bn-particle-animation {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  20% {
    transform: scale(1.2);
    opacity: 1;
  }
  80% {
    transform: scale(0.8);
    opacity: 0.8;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}

@media (max-width: 1240px){
.banner .bancon .entit{font-size:18px!important;}
.banner .bancon .zntit{font-size:25px!important;margin-top:10px!important;}
.banner .bancon .tit{margin:20vw 0 0 30px!important;}
.banner .bancon .entit::before{top:-7px!important;}
}


@media screen and (max-width: 768px) {
.max-width{width:92%;}
.banner .swiper .swiper-wrapper .bt_img img{height:60vw!important;}
}