#banner{overflow: hidden;margin-bottom: 5%;}
#banner .swiper-slide{padding-bottom:41.7%;}
#banner a{width: 100%;height: 100%;}

#ind{width: 100%;display: table;margin: 5% auto 10%;}
#ind li{float: left;width: 30%;margin:0 1.6% 3%;position: relative;}
#ind li img{width: 100%;}
#ind li a{position: absolute;width:100%;height: 100%;top:0;left:0;color: #fff;font-size: 25px;background-color: rgba(0,0,0,0.4);display:flex;justify-content: center;align-items: center;}
#ind li a:hover{-webkit-backface-visibility:visible;-webkit-transform-origin:center center;-webkit-animation:demo 0.5s 0s 1 ease normal forwards ;}
@-webkit-keyframes demo{0%{opacity:100;}100%{opacity:0;}}
.canvas div:nth-of-type(1){-moz-backface-visibility:visible;-moz-transform-origin:center center;-moz-animation:demo 0.5s 0s 1 ease normal forwards ;}
@-moz-keyframes demo{0%{opacity:100;}100%{opacity:0;}}

#about{padding-bottom: 10%}
#about,#about .c{height: 100%;background:url(<{$banner.0.cover}>) center top no-repeat;overflow: hidden;}
#about h2{margin-top: 10%;}
#about .content{width: 50%;font-size: 15px;color: #373737;margin: 62px auto auto;line-height: 1.8;text-align: left;}

#pur{margin: -6% auto 8%;padding: 2% 0;box-shadow: 0 7px 7px #ccc;background-color: #fff;}
#pur img{width: 87.3%;}