*{margin:0;padding:0;box-sizing:border-box;}
body{width:100%;height:100%;background:#fff url(./images/bg.jpg) no-repeat center bottom;background-size:100% auto}
#wrap{width:100%;height:100%;position:relative;overflow-x:hidden;}
.banner{width:100%;display:block;margin-bottom: -30px;}
.content{max-width:1260px;width:96%;margin:auto;box-sizing:border-box;padding:20px 0px;background:rgba(255,255,255,0.9);box-shadow:0 0 10px 0 #666;position:relative;z-index:1}
a{color:#333;text-decoration:none;}
h2{position:relative;margin:0px auto;padding-left:25px;}
h2 img{width:50%;display:block;}

.block1{position:relative;padding:0 25px;margin-bottom:40px;}
#local-arrowLeft{position:absolute;width:112px;height:74px;left:5px;top: 0;bottom:0;margin:auto;background:url(./images/prevBtn.png);background-size:100% 100%;z-index:9;}
#local-arrowRight{position:absolute;width:112px;height:74px;right:5px;top: 0;bottom:0;margin:auto;background:url(./images/nextBtn.png);background-size:100% 100%;z-index:9;}
#swiper-location,#swiper-location, .swiper-slide,.unleash_container{height:355px;}

.left{float:left;width:33%;padding-left:20px;}
.right{float:right;width:66%;padding-right:20px;}
.left img,.right img{display:block;margin:25px auto 10px;max-width:25vw;}
.right li{width:50%;float:left;}
.dt{overflow:hidden;margin-bottom:40px;}
.dt li{padding-left:20px;position:relative;color:#d59e8a;line-height:2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 25px 0 40px;font-size:16px;}
.dt li:before{content:"";width:4px;height:4px;position:absolute;left:25px;top:14px;background:#d59e8a;border-radius:50%;}

#swiper2{height:185px;padding:0 0px;width:120%;margin:25px 0 40px;left:-10%;}
#swiper2 .swiper-slide{box-shadow:0 0 5px 0 #ccc;height:185px;}
#swiper2 .swiper-slide img{width:100%;height:185px;object-fit:cover;}
#swiper2 .swiper-slide span{width:50px;height:50px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;background:url(./images/playBtn.png);background-size:100% 100%;z-index:9;}
#swiper2 .swiper-slide p{position:absolute;width:100%;line-height:32px;left:0;bottom:0;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);color:#fff;padding:0 10px;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;}
#footer0820{margin-top:0;}

.video-wrapper{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);left:0;top:0;display:none;z-index:99}
.video-close{position:absolute;right:-30px;top:-30px;}


@media screen and (max-width:1200px) {
   .content{margin-bottom:30px;}
   #footer0820{display:none;}
   #swiper-location, #swiper-location .swiper-slide,#swiper-location .unleash_container,#swiper-location .unleash_slide img{height:27.48vw;}
   #swiper2,#swiper2 .swiper-slide,#swiper2 .swiper-slide img{height:13.8vw;}
}
@media screen and (max-width:768px) {
   h2 img{width:80%}
   div.left,div.right{padding:0}
   div.left,div.right,div.right li{width:100%;float:none;}
   div#local-arrowRight,div#local-arrowLeft{width:56px;height:27px;}
   #swiper2,#swiper2 .swiper-slide,#swiper2 .swiper-slide img{height:22vw;}
   #swiper2 .swiper-slide span{width:30px;height:30px;}
}

.unleash_slider {
    overflow: hidden;
    display: block;
    position: relative;
    box-shadow: 0px 0px 10px #010101;
}
.unleash_slide {
    overflow: hidden;
    display: block;
    position:absolute;
    zoom: 1;
    background:#000
}
.unleash_content {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.unleash_slide img {
    position: relative;
    width: 100%;
    height:355px;
    object-fit:cover;
    opacity: 0.7;
    transition: opacity 700ms;
    display:block;
}
.swiper-container .swiper-slide .tit{
    position: absolute;
    left: 0;
    top: auto !important;
    bottom: 0 !important;
    width: 100%;
    height: 44px;
    opacity: 0; 
    font-size:14px;
    color:#fff;
    padding:0 10px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#80000000",GradientType=0 );
}
.unleash_slide.active img{opacity:1;}
.tit p{white-space:nowrap;width:100%;
    overflow:hidden;
    text-overflow:ellipsis;}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  -webkit-animation-fill-mode: both; /* 兼容旧版 WebKit 浏览器 */
  animation-fill-mode: both; /* 或者使用 forwards */
}