body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,table,tbody,p,th,td,em{-webkit-text-size-adjust:none;margin:0;padding:0;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:12px;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft Yahei', '微软雅黑', Tahoma, Arial, Helvetica, STHeiti;}
html,body{height:100%;}
img,input,button,a,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-weight:normal;font-style:normal;}
a:active, a:focus{outline:none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
*html{background-image:url(about:blank);background-attachment:fixed;}

.slide-main{height:520px;position:relative;overflow:hidden;border-radius:0 0 16px 16px;}
.slide-main::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.12) 100%);
  z-index: 10;
  pointer-events: none;
}
.prev,.next{display:block;width:48px;height:48px;position:absolute;z-index:222;top:50%;transform:translateY(-50%);overflow:hidden;cursor:pointer;opacity:0.3;transition:all 0.3s;background:rgba(29,52,77,0.5);border-radius:50%;display:flex;align-items:center;justify-content:center;}
.prev img,.next img{width:22px;height:22px;}
.prev{left:50px;}
.next{right:50px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:0.85;background:rgba(29,52,77,0.8);}
.slide-box,.slide{display:block;width:100%;height:520px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:520px;position:relative;position:absolute;z-index:8;}
.slide img{height:520px;width:100%;object-fit:cover;}

@media (max-width: 992px) {
  .slide-main{height:380px;}
  .slide-box,.slide{height:380px;}
  .slide img{height:380px;}
  .prev,.next{width:40px;height:40px;}
  .prev{left:25px;}
  .next{right:25px;}
}

@media (max-width: 768px) {
  .slide-main{height:260px;border-radius:0 0 12px 12px;}
  .slide-box,.slide{height:260px;}
  .slide img{height:260px;}
  .prev,.next{width:36px;height:36px;}
  .prev{left:12px;}
  .next{right:12px;}
}

@media (max-width: 480px) {
  .slide-main{height:190px;border-radius:0 0 8px 8px;}
  .slide-box,.slide{height:190px;}
  .slide img{height:190px;}
}