* { margin: 0; padding: 0; }
.wrap1 { height: 500px; }
.p-box { position: relative; width: 1200px; margin: 0 auto;  }
.tab { position: absolute; left: 0; top: 10px; width: 255px; height: 475px; list-style-type: none; }
.tab li { height: 95px; background-image: url(http://www.360gann.com/images/tabnor.png); }
.tab .on { background-image: url(http://www.360gann.com/images/tabact.png); }
.tab .f01 { background-position: 0 0; }
.tab .f02 { background-position: 0 -95px; }
.tab .f03 { background-position: 0 -190px; }
.tab .f04 { background-position: 0 -285px; }
.tab .f05 { background-position: 0 bottom; }
.swiper-container { position: absolute; right: 240px; top: 10px; z-index: 2; width: 680px; height: 475px;}
.swiper-slide img { width: 100%; }
.char0 { position: absolute; right: -80px; top: 170px; z-index: 3; }