@keyframes kenburnsDown{
  0%{-webkit-transform:scale(1) ;transform:scale(1);}
  100%{-webkit-transform:scale(1.2) ;transform:scale(1.2);}
}
#banner {/* margin-top: 89px; */position: fixed;top: 0;left: 0;bottom: 0;width: 100%;height: 100vh;}
#banner .swiper-slide{position: relative;}
#banner .swiper-slide .art{width: 30%; position: absolute;left: 5%;bottom: 5%;z-index: 10;color: #fff;}
#banner .swiper-slide .art .title{font-size: 36px;}
#banner .swiper-slide .art .desc{font-size: 16px;}
#banner .swiper-slide a{display: block;width:100%;height:auto;min-height:100%;transition:1s linear 2s;}
#banner .swiper-slide-active a,#banner .swiper-slide-duplicate-active a{transform:scale(1);animation: kenburnsDown 9s ;}
#banner .swiper-slide-prev a{transform:scale(1.2);}
#content {position:relative;margin-top: 98vh;background:#fff;}
#content:after {content:'';width:0;height:0;background-image: url(/images/27/banner-bg.png);position:absolute;top:-150px;width: 100%;height: 235px;bottom: -220px;right: 0;}
.page #content:after { border-color:transparent transparent #f6f6f6; }

@media (max-width:1660px){
#content {margin-top: 88vh;}
#content:after {top: -170px;width: 100%;bottom: -220px;}
}
@media (max-width:1440px) {
#content {margin-top: 81vh;}
#content:after {top: -200px;width: 130%;}
}
@media (max-width:1366px) {
#content {margin-top: 78vh;}
#content:after {top: -180px;width: 130%;}
}
@media (max-width:1280px) {
#content {margin-top: 71vh;}
#content:after {top: -180px;width: 130%;}
}
@media (max-width:1140px) {
#content {margin-top: 62vh;}
#content:after {top: -180px;width: 150%;}
}

@media screen and (max-width: 1024px){
	#banner{margin-top: 55px;}
	#banner .swiper-slide .art .title{font-size: 30px;}
	#content {margin-top: 570px;}
}
@media (max-width:980px) {
#content {margin-top: 446px;}
#content:after {top: -180px;width: 180%;}
}
@media screen and (max-width: 768px){
	#banner .swiper-slide a{height: 390px;background-size: cover;}
#content {margin-top: 456px;}
}
@media screen and (max-width: 640px){
	#banner .swiper-slide .art{width: 40%;}
	#banner .swiper-slide .art .title{font-size: 26px;}
}
@media (max-width:560px) {
#content {margin-top: 48vh;}
#content:after {top: -160px;width: 230%;}
}
@media screen and (max-width: 480px){
	#banner .swiper-slide a {
    height: 300px;
    background-size: cover;
    }
	#content {margin-top: 380px;}
	#content:after {top: -180px;width: 300%;}
}
}
@media screen and (max-width: 375px){
	#content:after {
    border-width: 0 0 70px 100vw;
    top: -180px;
    width: 250%;
}
}