.rot{ width:auto; position:fixed;right:0px;bottom:20px; z-index:23456; cursor:pointer}
.rot img{ float:left; width:120px; height:auto}
.rot-content{ width:120px; height:60px; background:#fff;border-radius:50%; position:absolute;right:100px;top:-20px; line-height:60px; text-align:center; font-size:14px; color:#222;opacity:0; visibility:hidden;transform:scale(0.5)}
.rot-content p{ float:left; width:100%; position:relative; z-index:12; color:#222}
.rot-content span{ width:50px; height:30px; background:#fff; position:absolute;right:8px;bottom:9px; transform:skewX(33deg); z-index:11}
.rot:hover .rot-content{opacity:1; visibility: visible;transform:scale(1)}

@media screen and (max-width:768px){
.rot{ display:none}
}

.content{ width:100%;overflow:hidden;background:url(../img/bg.jpg) no-repeat center; background-size:cover; position:relative}
.content-center{ width:84%;position: relative;z-index:12;margin:80px auto 0px;padding-bottom:14vw  }
.content-center img{width:100%;height: auto;opacity:0 }
.content-1pic{ width:100%;height:100%; position:absolute;left:0%;top:0px; z-index:0; opacity:1;}
.content-1pic img{ width:100%; height:auto}
.content-s{width:100%;height:100%;position: absolute;left:0px;top:0px}
.content-1{ width:100%;height:100%; position:absolute;left:0%;top:0px; z-index:212;  background-size:100%; background-position:top center; background-repeat:no-repeat;opacity:0;transition:all 0s linear }
.content-1.on{opacity:1 }
.content-1:nth-child(1){background-image:url(../img/1/0.png);}
.content-1:nth-child(2){background-image:url(../img/1/1.png);}
.content-1:nth-child(3){background-image:url(../img/1/2.png);}
.content-1:nth-child(4){background-image:url(../img/1/3.png);}
.content-1:nth-child(5){background-image:url(../img/1/4.png);}
.content-1:nth-child(6){background-image:url(../img/1/5.png);}
.content-1:nth-child(7){background-image:url(../img/1/6.png);}
.content-1:nth-child(8){background-image:url(../img/1/7.png);}
.content-1:nth-child(9){background-image:url(../img/1/8.png);}
.content-1:nth-child(10){background-image:url(../img/1/9.png);}
.content-1:nth-child(11){background-image:url(../img/1/10.png);}
.content-1:nth-child(12){background-image:url(../img/1/11.png);}
.content-1:nth-child(13){background-image:url(../img/1/12.png);}
.content-1:nth-child(14){background-image:url(../img/1/13.png);}
.content-1:nth-child(15){background-image:url(../img/1/14.png);}
.content-1:nth-child(16){background-image:url(../img/1/15.png);}
.content-1:nth-child(17){background-image:url(../img/1/16.png);}
.content-1:nth-child(18){background-image:url(../img/1/17.png);}
.content-1:nth-child(19){background-image:url(../img/1/18.png);}
.content-1:nth-child(20){background-image:url(../img/1/19.png);}
.content-1:nth-child(21){background-image:url(../img/1/20.png);}
.content-1:nth-child(22){background-image:url(../img/1/21.png);}
.content-1:nth-child(23){background-image:url(../img/1/22.png);}
.content-1:nth-child(24){background-image:url(../img/1/23.png);}
.content-1:nth-child(25){background-image:url(../img/1/24.png);}
.content-1:nth-child(26){background-image:url(../img/1/25.png);}
.content-1:nth-child(27){background-image:url(../img/1/26.png);}
.content-1:nth-child(28){background-image:url(../img/1/27.png);}
.content-1:nth-child(29){background-image:url(../img/1/28.png);}
.content-1:nth-child(30){background-image:url(../img/1/29.png);}
.content-1:nth-child(31){background-image:url(../img/1/30.png);}
.content-1:nth-child(32){background-image:url(../img/1/31.png);}
.content-1:nth-child(33){background-image:url(../img/1/32.png);}
.content-1:nth-child(34){background-image:url(../img/1/33.png);}
.content-1:nth-child(35){background-image:url(../img/1/34.png);}
.content-1:nth-child(36){background-image:url(../img/1/35.png);}
.content-1:nth-child(37){background-image:url(../img/1/36.png);}
.content-1:nth-child(38){background-image:url(../img/1/37.png);}
.content-1:nth-child(39){background-image:url(../img/1/38.png);}
.content-1:nth-child(40){background-image:url(../img/1/39.png);}
.content-1:nth-child(41){background-image:url(../img/1/40.png);}
.content-1:nth-child(42){background-image:url(../img/1/41.png);}
.content-1:nth-child(43){background-image:url(../img/1/42.png);}
.content-1:nth-child(44){background-image:url(../img/1/43.png);}
.content-1:nth-child(45){background-image:url(../img/1/44.png);}
.content-1:nth-child(46){background-image:url(../img/1/45.png);}
.content-1:nth-child(47){background-image:url(../img/1/46.png);}
.content-1:nth-child(48){background-image:url(../img/1/47.png);}
.content-1:nth-child(49){background-image:url(../img/1/48.png);}
.content-1:nth-child(50){background-image:url(../img/1/49.png);}
.content-1:nth-child(51){background-image:url(../img/1/50.png);}
.content-1:nth-child(52){background-image:url(../img/1/51.png);}
.content-1:nth-child(53){background-image:url(../img/1/52.png);}
.content-1:nth-child(54){background-image:url(../img/1/53.png); }


.content-2{ width:100%; position:absolute;left:0%;top:0%; z-index:50; cursor:pointer;height:100% }
.content-2 img{ float:left; width:100%; height:auto;opacity:1;transition:all 0s linear}
.content-3{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:11;opacity:0; background-size:100%; background-position:top left; background-repeat:no-repeat;}
.content-3.on{opacity:1}
.content-3:nth-child(1){background-image:url(../img/2/0.png);}
.content-3:nth-child(2){background-image:url(../img/2/1.png);}
.content-3:nth-child(3){background-image:url(../img/2/2.png);}
.content-3:nth-child(4){background-image:url(../img/2/3.png);}
.content-3:nth-child(5){background-image:url(../img/2/4.png);}
.content-3:nth-child(6){background-image:url(../img/2/5.png);}
.content-3:nth-child(7){background-image:url(../img/2/6.png);}
.content-3:nth-child(8){background-image:url(../img/2/7.png);}
.content-3:nth-child(9){background-image:url(../img/2/8.png);}
.content-3:nth-child(10){background-image:url(../img/2/9.png);}
.content-3:nth-child(11){background-image:url(../img/2/10.png);}
.content-3:nth-child(12){background-image:url(../img/2/11.png);}
.content-3:nth-child(13){background-image:url(../img/2/12.png);}
.content-3:nth-child(14){background-image:url(../img/2/13.png);}
.content-3:nth-child(15){background-image:url(../img/2/14.png);}
.content-3:nth-child(16){background-image:url(../img/2/15.png);}
.content-3:nth-child(17){background-image:url(../img/2/16.png);}
.content-3:nth-child(18){background-image:url(../img/2/17.png);}
.content-3:nth-child(19){background-image:url(../img/2/18.png);}
.content-3:nth-child(20){background-image:url(../img/2/19.png);}
.content-3:nth-child(21){background-image:url(../img/2/20.png);}
.content-3:nth-child(22){background-image:url(../img/2/21.png);}
.content-3:nth-child(23){background-image:url(../img/2/22.png);}
.content-3:nth-child(24){background-image:url(../img/2/23.png);}
.content-3:nth-child(25){background-image:url(../img/2/24.png);}
.content-3:nth-child(26){background-image:url(../img/2/25.png);}
.content-3:nth-child(27){background-image:url(../img/2/26.png);}
.content-3:nth-child(28){background-image:url(../img/2/27.png);}
.content-3:nth-child(29){background-image:url(../img/2/28.png);}
.content-3:nth-child(30){background-image:url(../img/2/29.png);}
.content-3:nth-child(31){background-image:url(../img/2/30.png);}
.content-3:nth-child(32){background-image:url(../img/2/31.png);}
.content-3:nth-child(33){background-image:url(../img/2/32.png);}
.content-3:nth-child(34){background-image:url(../img/2/33.png);}
.content-3:nth-child(35){background-image:url(../img/2/34.png);}
.content-3:nth-child(36){background-image:url(../img/2/35.png);}
.content-3:nth-child(37){background-image:url(../img/2/36.png);}
.content-3:nth-child(38){background-image:url(../img/2/37.png);}
.content-3:nth-child(39){background-image:url(../img/2/38.png);}
.content-3:nth-child(40){background-image:url(../img/2/39.png);}
.content-3:nth-child(41){background-image:url(../img/2/40.png); }

.content-4{ width:100%; position:absolute;left:0%;top:0%; z-index:60; cursor:pointer;height:100%}
.content-4pic{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:11;opacity:0; background-size:100%; background-position:top left; background-repeat:no-repeat}
.content-4pic.on{opacity:1}
.content-4pic:nth-child(1){background-image:url(../img/3/0.png);}
.content-4pic:nth-child(2){background-image:url(../img/3/1.png);}
.content-4pic:nth-child(3){background-image:url(../img/3/2.png);}
.content-4pic:nth-child(4){background-image:url(../img/3/3.png);}
.content-4pic:nth-child(5){background-image:url(../img/3/4.png);}
.content-4pic:nth-child(6){background-image:url(../img/3/5.png);}
.content-4pic:nth-child(7){background-image:url(../img/3/6.png);}
.content-4pic:nth-child(8){background-image:url(../img/3/7.png);}
.content-4pic:nth-child(9){background-image:url(../img/3/8.png);}
.content-4pic:nth-child(10){background-image:url(../img/3/9.png);}
.content-4pic:nth-child(11){background-image:url(../img/3/10.png);}
.content-4pic:nth-child(12){background-image:url(../img/3/11.png);}
.content-4pic:nth-child(13){background-image:url(../img/3/12.png);}
.content-4pic:nth-child(14){background-image:url(../img/3/13.png);}
.content-4pic:nth-child(15){background-image:url(../img/3/14.png);}
.content-4pic:nth-child(16){background-image:url(../img/3/15.png);}
.content-4pic:nth-child(17){background-image:url(../img/3/16.png);}
.content-4pic:nth-child(18){background-image:url(../img/3/17.png);}
.content-4pic:nth-child(19){background-image:url(../img/3/18.png);}
.content-4pic:nth-child(20){background-image:url(../img/3/19.png);}
.content-4pic:nth-child(21){background-image:url(../img/3/20.png);}
.content-4pic:nth-child(22){background-image:url(../img/3/21.png);}
.content-4pic:nth-child(23){background-image:url(../img/3/22.png);}
.content-4pic:nth-child(24){background-image:url(../img/3/23.png);}
.content-4pic:nth-child(25){background-image:url(../img/3/24.png);}
.content-4pic:nth-child(26){background-image:url(../img/3/25.png);}
.content-4pic:nth-child(27){background-image:url(../img/3/26.png);}
.content-4pic:nth-child(28){background-image:url(../img/3/27.png);}
.content-4pic:nth-child(29){background-image:url(../img/3/28.png);}
.content-4pic:nth-child(30){background-image:url(../img/3/29.png);}
.content-4pic:nth-child(31){background-image:url(../img/3/30.png);}
.content-4pic:nth-child(32){background-image:url(../img/3/31.png);}
.content-4pic:nth-child(33){background-image:url(../img/3/32.png);}
.content-4pic:nth-child(34){background-image:url(../img/3/33.png);}
.content-4pic:nth-child(35){background-image:url(../img/3/34.png);}
.content-4pic:nth-child(36){background-image:url(../img/3/35.png);}
.content-4pic:nth-child(37){background-image:url(../img/3/36.png);}
.content-4pic:nth-child(38){background-image:url(../img/3/37.png);}
.content-4pic:nth-child(39){background-image:url(../img/3/38.png);}
.content-4pic:nth-child(40){background-image:url(../img/3/39.png);}
.content-4pic:nth-child(41){background-image:url(../img/3/40.png);}

.content-5{ width:100%; position:absolute;left:0%;top:0%; z-index:70; cursor:pointer;height:100%}
.content-5pic{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:11;opacity:0; background-size:100%; background-position:top left; background-repeat:no-repeat}
.content-5pic.on{opacity:1}
.content-5pic:nth-child(1){background-image:url(../img/4/0.png);}
.content-5pic:nth-child(2){background-image:url(../img/4/1.png);}
.content-5pic:nth-child(3){background-image:url(../img/4/2.png);}
.content-5pic:nth-child(4){background-image:url(../img/4/3.png);}
.content-5pic:nth-child(5){background-image:url(../img/4/4.png);}
.content-5pic:nth-child(6){background-image:url(../img/4/5.png);}
.content-5pic:nth-child(7){background-image:url(../img/4/6.png);}
.content-5pic:nth-child(8){background-image:url(../img/4/7.png);}
.content-5pic:nth-child(9){background-image:url(../img/4/8.png);}
.content-5pic:nth-child(10){background-image:url(../img/4/9.png);}
.content-5pic:nth-child(11){background-image:url(../img/4/10.png);}
.content-5pic:nth-child(12){background-image:url(../img/4/11.png);}
.content-5pic:nth-child(13){background-image:url(../img/4/12.png);}
.content-5pic:nth-child(14){background-image:url(../img/4/13.png);}
.content-5pic:nth-child(15){background-image:url(../img/4/14.png);}
.content-5pic:nth-child(16){background-image:url(../img/4/15.png);}
.content-5pic:nth-child(17){background-image:url(../img/4/16.png);}
.content-5pic:nth-child(18){background-image:url(../img/4/17.png);}
.content-5pic:nth-child(19){background-image:url(../img/4/18.png);}
.content-5pic:nth-child(20){background-image:url(../img/4/19.png);}
.content-5pic:nth-child(21){background-image:url(../img/4/20.png);}
.content-5pic:nth-child(22){background-image:url(../img/4/21.png);}
.content-5pic:nth-child(23){background-image:url(../img/4/22.png);}
.content-5pic:nth-child(24){background-image:url(../img/4/23.png);}
.content-5pic:nth-child(25){background-image:url(../img/4/24.png);}
.content-5pic:nth-child(26){background-image:url(../img/4/25.png);}
.content-5pic:nth-child(27){background-image:url(../img/4/26.png);}
.content-5pic:nth-child(28){background-image:url(../img/4/27.png);}
.content-5pic:nth-child(29){background-image:url(../img/4/28.png);}
.content-5pic:nth-child(30){background-image:url(../img/4/29.png);}
.content-5pic:nth-child(31){background-image:url(../img/4/30.png);}
.content-5pic:nth-child(32){background-image:url(../img/4/31.png);}
.content-5pic:nth-child(33){background-image:url(../img/4/32.png);}
.content-5pic:nth-child(34){background-image:url(../img/4/33.png);}
.content-5pic:nth-child(35){background-image:url(../img/4/34.png);}
.content-5pic:nth-child(36){background-image:url(../img/4/35.png);}
.content-5pic:nth-child(37){background-image:url(../img/4/36.png);}
.content-5pic:nth-child(38){background-image:url(../img/4/37.png);}
.content-5pic:nth-child(39){background-image:url(../img/4/38.png);}
.content-5pic:nth-child(40){background-image:url(../img/4/39.png);}

.content-6{ width:100%; position:absolute;left:0%;top:0%; z-index:80; cursor:pointer;height:100%}
.content-6pic{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:11;opacity:0; background-size:100%; background-position:top left; background-repeat:no-repeat}
.content-6pic.on{opacity:1}
.content-6pic:nth-child(1){background-image:url(../img/5/0.png);}
.content-6pic:nth-child(2){background-image:url(../img/5/1.png);}
.content-6pic:nth-child(3){background-image:url(../img/5/2.png);}
.content-6pic:nth-child(4){background-image:url(../img/5/3.png);}
.content-6pic:nth-child(5){background-image:url(../img/5/4.png);}
.content-6pic:nth-child(6){background-image:url(../img/5/5.png);}
.content-6pic:nth-child(7){background-image:url(../img/5/6.png);}
.content-6pic:nth-child(8){background-image:url(../img/5/7.png);}
.content-6pic:nth-child(9){background-image:url(../img/5/8.png);}
.content-6pic:nth-child(10){background-image:url(../img/5/9.png);}
.content-6pic:nth-child(11){background-image:url(../img/5/10.png);}
.content-6pic:nth-child(12){background-image:url(../img/5/11.png);}
.content-6pic:nth-child(13){background-image:url(../img/5/12.png);}
.content-6pic:nth-child(14){background-image:url(../img/5/13.png);}
.content-6pic:nth-child(15){background-image:url(../img/5/14.png);}
.content-6pic:nth-child(16){background-image:url(../img/5/15.png);}
.content-6pic:nth-child(17){background-image:url(../img/5/16.png);}
.content-6pic:nth-child(18){background-image:url(../img/5/17.png);}
.content-6pic:nth-child(19){background-image:url(../img/5/18.png);}
.content-6pic:nth-child(20){background-image:url(../img/5/19.png);}
.content-6pic:nth-child(21){background-image:url(../img/5/20.png);}
.content-6pic:nth-child(22){background-image:url(../img/5/21.png);}
.content-6pic:nth-child(23){background-image:url(../img/5/22.png);}
.content-6pic:nth-child(24){background-image:url(../img/5/23.png);}
.content-6pic:nth-child(25){background-image:url(../img/5/24.png);}
.content-6pic:nth-child(26){background-image:url(../img/5/25.png);}
.content-6pic:nth-child(27){background-image:url(../img/5/26.png);}
.content-6pic:nth-child(28){background-image:url(../img/5/27.png);}
.content-6pic:nth-child(29){background-image:url(../img/5/28.png);}
.content-6pic:nth-child(30){background-image:url(../img/5/29.png);}
.content-6pic:nth-child(31){background-image:url(../img/5/30.png);}
.content-6pic:nth-child(32){background-image:url(../img/5/31.png);}
.content-6pic:nth-child(33){background-image:url(../img/5/32.png);}
.content-6pic:nth-child(34){background-image:url(../img/5/33.png);}
.content-6pic:nth-child(35){background-image:url(../img/5/34.png);}
.content-6pic:nth-child(36){background-image:url(../img/5/35.png);}
.content-6pic:nth-child(37){background-image:url(../img/5/36.png);}
.content-6pic:nth-child(38){background-image:url(../img/5/37.png);}
.content-6pic:nth-child(39){background-image:url(../img/5/38.png);}
.content-6pic:nth-child(40){background-image:url(../img/5/39.png);}
.content-6pic:nth-child(41){background-image:url(../img/5/40.png);}

.content-7{ width:100%; position:absolute;left:0%;top:0%; z-index:90; cursor:pointer;height:100%}
.content-7pic{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:11;opacity:0; background-size:100%; background-position:top left; background-repeat:no-repeat}
.content-7pic.on{opacity:1}
.content-7pic:nth-child(1){background-image:url(../img/6/1.png);}
.content-7pic:nth-child(2){background-image:url(../img/6/2.png);}
.content-7pic:nth-child(3){background-image:url(../img/6/3.png);}
.content-7pic:nth-child(4){background-image:url(../img/6/4.png);}
.content-7pic:nth-child(5){background-image:url(../img/6/5.png);}
.content-7pic:nth-child(6){background-image:url(../img/6/6.png);}
.content-7pic:nth-child(7){background-image:url(../img/6/7.png);}
.content-7pic:nth-child(8){background-image:url(../img/6/8.png);}
.content-7pic:nth-child(9){background-image:url(../img/6/9.png);}
.content-7pic:nth-child(10){background-image:url(../img/6/10.png);}
.content-7pic:nth-child(11){background-image:url(../img/6/11.png);}
.content-7pic:nth-child(12){background-image:url(../img/6/12.png);}
.content-7pic:nth-child(13){background-image:url(../img/6/13.png);}
.content-7pic:nth-child(14){background-image:url(../img/6/14.png);}
.content-7pic:nth-child(15){background-image:url(../img/6/15.png);}
.content-7pic:nth-child(16){background-image:url(../img/6/16.png);}
.content-7pic:nth-child(17){background-image:url(../img/6/17.png);}
.content-7pic:nth-child(18){background-image:url(../img/6/18.png);}
.content-7pic:nth-child(19){background-image:url(../img/6/19.png);}
.content-7pic:nth-child(20){background-image:url(../img/6/20.png);}
.content-7pic:nth-child(21){background-image:url(../img/6/21.png);}
.content-7pic:nth-child(22){background-image:url(../img/6/22.png);}
.content-7pic:nth-child(23){background-image:url(../img/6/23.png);}
.content-7pic:nth-child(24){background-image:url(../img/6/24.png);}
.content-7pic:nth-child(25){background-image:url(../img/6/25.png);}
.content-7pic:nth-child(26){background-image:url(../img/6/26.png);}
.content-7pic:nth-child(27){background-image:url(../img/6/27.png);}
.content-7pic:nth-child(28){background-image:url(../img/6/28.png);}
.content-7pic:nth-child(29){background-image:url(../img/6/29.png);}
.content-7pic:nth-child(30){background-image:url(../img/6/30.png);}
.content-7pic:nth-child(31){background-image:url(../img/6/31.png);}
.content-7pic:nth-child(32){background-image:url(../img/6/32.png);}
.content-7pic:nth-child(33){background-image:url(../img/6/33.png);}
.content-7pic:nth-child(34){background-image:url(../img/6/34.png);}
.content-7pic:nth-child(35){background-image:url(../img/6/35.png);}
.content-7pic:nth-child(36){background-image:url(../img/6/36.png);}
.content-7pic:nth-child(37){background-image:url(../img/6/37.png);}
.content-7pic:nth-child(38){background-image:url(../img/6/38.png);}
.content-7pic:nth-child(39){background-image:url(../img/6/39.png);}
.content-7pic:nth-child(40){background-image:url(../img/6/40.png);}

.content-8{ width:100%; position:absolute;left:0%;top:0%; z-index:90; cursor:pointer;height:100%}
.content-8pic{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:11;opacity:0; background-size:100%; background-position:top left; background-repeat:no-repeat}
.content-8pic.on{opacity:1}
.content-8pic:nth-child(1){background-image:url(../img/7/1.png);}
.content-8pic:nth-child(2){background-image:url(../img/7/2.png);}
.content-8pic:nth-child(3){background-image:url(../img/7/3.png);}
.content-8pic:nth-child(4){background-image:url(../img/7/4.png);}
.content-8pic:nth-child(5){background-image:url(../img/7/5.png);}
.content-8pic:nth-child(6){background-image:url(../img/7/6.png);}
.content-8pic:nth-child(7){background-image:url(../img/7/7.png);}
.content-8pic:nth-child(8){background-image:url(../img/7/8.png);}
.content-8pic:nth-child(9){background-image:url(../img/7/9.png);}
.content-8pic:nth-child(10){background-image:url(../img/7/10.png);}
.content-8pic:nth-child(11){background-image:url(../img/7/11.png);}
.content-8pic:nth-child(12){background-image:url(../img/7/12.png);}
.content-8pic:nth-child(13){background-image:url(../img/7/13.png);}
.content-8pic:nth-child(14){background-image:url(../img/7/14.png);}
.content-8pic:nth-child(15){background-image:url(../img/7/15.png);}
.content-8pic:nth-child(16){background-image:url(../img/7/16.png);}
.content-8pic:nth-child(17){background-image:url(../img/7/17.png);}
.content-8pic:nth-child(18){background-image:url(../img/7/18.png);}
.content-8pic:nth-child(19){background-image:url(../img/7/19.png);}
.content-8pic:nth-child(20){background-image:url(../img/7/20.png);}
.content-8pic:nth-child(21){background-image:url(../img/7/21.png);}
.content-8pic:nth-child(22){background-image:url(../img/7/22.png);}
.content-8pic:nth-child(23){background-image:url(../img/7/23.png);}
.content-8pic:nth-child(24){background-image:url(../img/7/24.png);}
.content-8pic:nth-child(25){background-image:url(../img/7/25.png);}
.content-8pic:nth-child(26){background-image:url(../img/7/26.png);}
.content-8pic:nth-child(27){background-image:url(../img/7/27.png);}
.content-8pic:nth-child(28){background-image:url(../img/7/28.png);}
.content-8pic:nth-child(29){background-image:url(../img/7/29.png);}
.content-8pic:nth-child(30){background-image:url(../img/7/30.png);}
.content-8pic:nth-child(31){background-image:url(../img/7/31.png);}
.content-8pic:nth-child(32){background-image:url(../img/7/32.png);}
.content-8pic:nth-child(33){background-image:url(../img/7/33.png);}
.content-8pic:nth-child(34){background-image:url(../img/7/34.png);}
.content-8pic:nth-child(35){background-image:url(../img/7/35.png);}
.content-8pic:nth-child(36){background-image:url(../img/7/36.png);}
.content-8pic:nth-child(37){background-image:url(../img/7/37.png);}
.content-8pic:nth-child(38){background-image:url(../img/7/38.png);}
.content-8pic:nth-child(39){background-image:url(../img/7/39.png);}
.content-8pic:nth-child(40){background-image:url(../img/7/40.png);}
.content-8pic:nth-child(41){background-image:url(../img/7/31.png);}

.content-9{ width:50%; position:absolute;left:63%;top:-2%; z-index:41; cursor:pointer}
.content-9 img{ float:left; width:100%; height:auto;opacity:1;position: relative;z-index:20 }
.content-9pic{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:11;opacity:0; background-size:100%; background-position:top left; background-repeat:no-repeat}
.content-9pic.on{opacity:1}
.content-9pic:nth-child(1){background-image:url(../img/8/0.png);}
.content-9pic:nth-child(2){background-image:url(../img/8/1.png);}
.content-9pic:nth-child(3){background-image:url(../img/8/2.png);}
.content-9pic:nth-child(4){background-image:url(../img/8/3.png);}
.content-9pic:nth-child(5){background-image:url(../img/8/4.png);}
.content-9pic:nth-child(6){background-image:url(../img/8/5.png);}
.content-9pic:nth-child(7){background-image:url(../img/8/6.png);}
.content-9pic:nth-child(8){background-image:url(../img/8/7.png);}
.content-9pic:nth-child(9){background-image:url(../img/8/8.png);}
.content-9pic:nth-child(10){background-image:url(../img/8/9.png);}
.content-9pic:nth-child(11){background-image:url(../img/8/10.png);}
.content-9pic:nth-child(12){background-image:url(../img/8/11.png);}
.content-9pic:nth-child(13){background-image:url(../img/8/12.png);}
.content-9pic:nth-child(14){background-image:url(../img/8/13.png);}
.content-9pic:nth-child(15){background-image:url(../img/8/14.png);}
.content-9pic:nth-child(16){background-image:url(../img/8/15.png);}
.content-9pic:nth-child(17){background-image:url(../img/8/16.png);}
.content-9pic:nth-child(18){background-image:url(../img/8/17.png);}
.content-9pic:nth-child(19){background-image:url(../img/8/18.png);}
.content-9pic:nth-child(20){background-image:url(../img/8/19.png);}
.content-9pic:nth-child(21){background-image:url(../img/8/20.png);}
.content-9pic:nth-child(22){background-image:url(../img/8/21.png);}
.content-9pic:nth-child(23){background-image:url(../img/8/22.png);}
.content-9pic:nth-child(24){background-image:url(../img/8/23.png);}
.content-9pic:nth-child(25){background-image:url(../img/8/24.png);}
.content-9pic:nth-child(26){background-image:url(../img/8/25.png);}
.content-9pic:nth-child(27){background-image:url(../img/8/26.png);}
.content-9pic:nth-child(28){background-image:url(../img/8/27.png);}
.content-9pic:nth-child(29){background-image:url(../img/8/28.png);}
.content-9pic:nth-child(30){background-image:url(../img/8/29.png);}
.content-9pic:nth-child(31){background-image:url(../img/8/30.png);}
.content-9pic:nth-child(32){background-image:url(../img/8/31.png);}
.content-9pic:nth-child(33){background-image:url(../img/8/32.png);}
.content-9pic:nth-child(34){background-image:url(../img/8/33.png);}
.content-9pic:nth-child(35){background-image:url(../img/8/34.png);}
.content-9pic:nth-child(36){background-image:url(../img/8/35.png);}
.content-9pic:nth-child(37){background-image:url(../img/8/36.png);}
.content-9pic:nth-child(38){background-image:url(../img/8/37.png);}
.content-9pic:nth-child(39){background-image:url(../img/8/38.png);}
.content-9pic:nth-child(40){background-image:url(../img/8/39.png);}

.content-10{ width:54%; position:absolute;left:56%;top:53.5%; z-index:41; cursor:pointer}
.content-10 img{ float:left; width:100%; height:auto;opacity:0}
.content-10pic{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:11;opacity:0; background-size:100%; background-position:top left; background-repeat:no-repeat}
.content-10pic.on{opacity:1}
.content-10pic:nth-child(1){background-image:url(../img/9/0.png);}
.content-10pic:nth-child(2){background-image:url(../img/9/1.png);}
.content-10pic:nth-child(3){background-image:url(../img/9/2.png);}
.content-10pic:nth-child(4){background-image:url(../img/9/3.png);}
.content-10pic:nth-child(5){background-image:url(../img/9/4.png);}
.content-10pic:nth-child(6){background-image:url(../img/9/5.png);}
.content-10pic:nth-child(7){background-image:url(../img/9/6.png);}
.content-10pic:nth-child(8){background-image:url(../img/9/7.png);}
.content-10pic:nth-child(9){background-image:url(../img/9/8.png);}
.content-10pic:nth-child(10){background-image:url(../img/9/9.png);}
.content-10pic:nth-child(11){background-image:url(../img/9/10.png);}
.content-10pic:nth-child(12){background-image:url(../img/9/11.png);}
.content-10pic:nth-child(13){background-image:url(../img/9/12.png);}
.content-10pic:nth-child(14){background-image:url(../img/9/13.png);}
.content-10pic:nth-child(15){background-image:url(../img/9/14.png);}
.content-10pic:nth-child(16){background-image:url(../img/9/15.png);}
.content-10pic:nth-child(17){background-image:url(../img/9/16.png);}
.content-10pic:nth-child(18){background-image:url(../img/9/17.png);}
.content-10pic:nth-child(19){background-image:url(../img/9/18.png);}
.content-10pic:nth-child(20){background-image:url(../img/9/19.png);}
.content-10pic:nth-child(21){background-image:url(../img/9/20.png);}
.content-10pic:nth-child(22){background-image:url(../img/9/21.png);}
.content-10pic:nth-child(23){background-image:url(../img/9/22.png);}
.content-10pic:nth-child(24){background-image:url(../img/9/23.png);}
.content-10pic:nth-child(25){background-image:url(../img/9/24.png);}
.content-10pic:nth-child(26){background-image:url(../img/9/25.png);}
.content-10pic:nth-child(27){background-image:url(../img/9/26.png);}
.content-10pic:nth-child(28){background-image:url(../img/9/27.png);}
.content-10pic:nth-child(29){background-image:url(../img/9/28.png);}
.content-10pic:nth-child(30){background-image:url(../img/9/29.png);}
.content-10pic:nth-child(31){background-image:url(../img/9/30.png);}
.content-10pic:nth-child(32){background-image:url(../img/9/31.png);}
.content-10pic:nth-child(33){background-image:url(../img/9/32.png);}
.content-10pic:nth-child(34){background-image:url(../img/9/33.png);}
.content-10pic:nth-child(35){background-image:url(../img/9/34.png);}
.content-10pic:nth-child(36){background-image:url(../img/9/35.png);}
.content-10pic:nth-child(37){background-image:url(../img/9/36.png);}
.content-10pic:nth-child(38){background-image:url(../img/9/37.png);}
.content-10pic:nth-child(39){background-image:url(../img/9/38.png);}
.content-10pic:nth-child(40){background-image:url(../img/9/39.png);}

.content-12{ width:51%; position:absolute;left:15%;top:53.5%; z-index:41; cursor:pointer}
.content-12 img{ float:left; width:100%; height:auto;opacity:0}
.content-12pic{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:11;opacity:0; background-size:100%; background-position:top left; background-repeat:no-repeat}
.content-12pic.on{opacity:1}
.content-12pic:nth-child(1){background-image:url(../img/10/0.png);}
.content-12pic:nth-child(2){background-image:url(../img/10/1.png);}
.content-12pic:nth-child(3){background-image:url(../img/10/2.png);}
.content-12pic:nth-child(4){background-image:url(../img/10/3.png);}
.content-12pic:nth-child(5){background-image:url(../img/10/4.png);}
.content-12pic:nth-child(6){background-image:url(../img/10/5.png);}
.content-12pic:nth-child(7){background-image:url(../img/10/6.png);}
.content-12pic:nth-child(8){background-image:url(../img/10/7.png);}
.content-12pic:nth-child(9){background-image:url(../img/10/8.png);}
.content-12pic:nth-child(10){background-image:url(../img/10/9.png);}
.content-12pic:nth-child(11){background-image:url(../img/10/10.png);}
.content-12pic:nth-child(12){background-image:url(../img/10/11.png);}
.content-12pic:nth-child(13){background-image:url(../img/10/12.png);}
.content-12pic:nth-child(14){background-image:url(../img/10/13.png);}
.content-12pic:nth-child(15){background-image:url(../img/10/14.png);}
.content-12pic:nth-child(16){background-image:url(../img/10/15.png);}
.content-12pic:nth-child(17){background-image:url(../img/10/16.png);}
.content-12pic:nth-child(18){background-image:url(../img/10/17.png);}
.content-12pic:nth-child(19){background-image:url(../img/10/18.png);}
.content-12pic:nth-child(20){background-image:url(../img/10/19.png);}
.content-12pic:nth-child(21){background-image:url(../img/10/20.png);}
.content-12pic:nth-child(22){background-image:url(../img/10/21.png);}
.content-12pic:nth-child(23){background-image:url(../img/10/22.png);}
.content-12pic:nth-child(24){background-image:url(../img/10/23.png);}
.content-12pic:nth-child(25){background-image:url(../img/10/24.png);}
.content-12pic:nth-child(26){background-image:url(../img/10/25.png);}
.content-12pic:nth-child(27){background-image:url(../img/10/26.png);}
.content-12pic:nth-child(28){background-image:url(../img/10/27.png);}
.content-12pic:nth-child(29){background-image:url(../img/10/28.png);}
.content-12pic:nth-child(30){background-image:url(../img/10/29.png);}
.content-12pic:nth-child(31){background-image:url(../img/10/30.png);}
.content-12pic:nth-child(32){background-image:url(../img/10/31.png);}
.content-12pic:nth-child(33){background-image:url(../img/10/32.png);}
.content-12pic:nth-child(34){background-image:url(../img/10/33.png);}
.content-12pic:nth-child(35){background-image:url(../img/10/34.png);}
.content-12pic:nth-child(36){background-image:url(../img/10/35.png);}
.content-12pic:nth-child(37){background-image:url(../img/10/36.png);}
.content-12pic:nth-child(38){background-image:url(../img/10/37.png);}
.content-12pic:nth-child(39){background-image:url(../img/10/38.png);}
.content-12pic:nth-child(40){background-image:url(../img/10/39.png);}

.content-center a.link1{width:16.5vw;height:15.3vw;position: absolute;left:17vw;top:1vw;z-index:260;border-radius:36%  }
.content-center a.link2{width:25.5vw;height:20.3vw;position: absolute;left:32vw;top:7vw;z-index:260;border-radius:36%  }
.content-center a.link3{width:15.5vw;height:14.3vw;position: absolute;left:60vw;top:21vw;z-index:260;border-radius:47%  }
.content-center a.link4{width:20.5vw;height:14.3vw;position: absolute;left:37vw;top:31vw;z-index:260;border-radius:47%  }
.content-center a.link5{width:20.5vw;height:14.3vw;position: absolute;left:14vw;top:28vw;z-index:260;border-radius:47%  }
.content-center a.link6{width:18.5vw;height:12.3vw;position: absolute;left:8vw;top:15vw;z-index:260;border-radius:47%  }
.content-center a.link7{width:18.5vw;height:12.3vw;position: absolute;left:55vw;top:1vw;z-index:260;border-radius:47%;}
.content-center a.link8{width:20.5vw;height:15.3vw;position: absolute;left:50vw;top:42vw;z-index:260;border-radius:47%; }
.content-center a.link9{width:23.5vw;height:18.3vw;position: absolute;left:15vw;top:42vw;z-index:260;border-radius:47%; }

@media screen and (max-width:1560px){
.nav ul li{margin-left:35px}
}
@media screen and (max-width:1560px){
.nav ul li{margin-left:20px}
}
@media screen and (max-width:1150px){
.nav {margin-right: 15px;}
.nav ul li{margin-left:10px}
}



@media screen and (max-width:768px){
.rot.show{ position: absolute;right:0px;bottom:calc(12% + 40px); display:block}
.rot img{  width:100px;}
.rot-content{right:80px;opacity:1; visibility: visible;transform:scale(1)}
.sj{ width:100%; overflow:hidden; display:block; background:url(../img/bg_sj.jpg) no-repeat center top;background-size:cover; position:relative;padding-bottom:40px }
.sj-1{ width:100%; overflow:hidden; position:relative; margin-top:50px}
.sj-1 img{ float:left; width:100%; height:auto}
.sj-1pic{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:11;opacity:0; background-size:100%; background-position:top left; background-repeat:no-repeat}
.sj-1pic.on{opacity:1}
.sj-1pic:nth-child(1){background-image:url(../img/12/1.png);}
.sj-1pic:nth-child(2){background-image:url(../img/12/3.png);}
.sj-1pic:nth-child(3){background-image:url(../img/12/5.png);}
.sj-1pic:nth-child(4){background-image:url(../img/12/7.png);}
.sj-1pic:nth-child(5){background-image:url(../img/12/9.png);}
.sj-1pic:nth-child(6){background-image:url(../img/12/12.png);}
.sj-1pic:nth-child(7){background-image:url(../img/12/15.png);}
.sj-1pic:nth-child(8){background-image:url(../img/12/18.png);}
.sj-1pic:nth-child(9){background-image:url(../img/12/21.png);}
.sj-1pic:nth-child(10){background-image:url(../img/12/24.png);}
.sj-1pic:nth-child(11){background-image:url(../img/12/27.png);}
.sj-1pic:nth-child(12){background-image:url(../img/12/30.png);}
.sj-1pic:nth-child(13){background-image:url(../img/12/33.png);}
.sj-1pic:nth-child(14){background-image:url(../img/12/36.png);}
.sj-1pic:nth-child(15){background-image:url(../img/12/39.png);}
.sj-1pic:nth-child(16){background-image:url(../img/12/42.png);}
.sj-1pic:nth-child(17){background-image:url(../img/12/45.png);}
.sj-1pic:nth-child(18){background-image:url(../img/12/48.png);}
.sj-1pic:nth-child(19){background-image:url(../img/12/51.png);}
.sj-1pic:nth-child(20){background-image:url(../img/12/54.png);}
.sj-1pic:nth-child(21){background-image:url(../img/12/57.png);}
.sj-1pic:nth-child(22){background-image:url(../img/12/60.png);}
.sj-1pic:nth-child(23){background-image:url(../img/12/63.png);}
.sj-1pic:nth-child(24){background-image:url(../img/12/66.png);}
.sj-1pic:nth-child(25){background-image:url(../img/12/69.png);}
.sj-1pic:nth-child(26){background-image:url(../img/12/72.png);}
.sj-1pic:nth-child(27){background-image:url(../img/12/75.png);}
.sj-1pic:nth-child(28){background-image:url(../img/12/78.png);}
.sj-1pic:nth-child(29){background-image:url(../img/12/81.png);}
.sj-1pic:nth-child(30){background-image:url(../img/12/84.png);}
.sj-1pic:nth-child(31){background-image:url(../img/12/87.png);}
.sj-1pic:nth-child(32){background-image:url(../img/12/90.png);}
.sj-1pic:nth-child(33){background-image:url(../img/12/93.png);}
.sj-1pic:nth-child(34){background-image:url(../img/12/96.png);}
.sj-1pic:nth-child(35){background-image:url(../img/12/99.png);}
.sj-1pic:nth-child(36){background-image:url(../img/12/102.png);}
.sj-1pic:nth-child(37){background-image:url(../img/12/105.png);}
.sj-1pic:nth-child(38){background-image:url(../img/12/108.png);}
.sj-1pic:nth-child(39){background-image:url(../img/12/111.png);}
.sj-1pic:nth-child(40){background-image:url(../img/12/114.png);}
.sj-1pic:nth-child(41){background-image:url(../img/12/117.png);}
.sj-1pic:nth-child(42){background-image:url(../img/12/120.png);}
.sj-1pic:nth-child(43){background-image:url(../img/12/123.png);}
.sj-1pic:nth-child(44){background-image:url(../img/12/126.png);}
.sj-1pic:nth-child(45){background-image:url(../img/12/129.png);}
.sj-1pic:nth-child(46){background-image:url(../img/12/132.png);}
.sj-1pic:nth-child(47){background-image:url(../img/12/135.png);}
.sj-1pic:nth-child(48){background-image:url(../img/12/138.png);}
.sj-1pic:nth-child(49){background-image:url(../img/12/141.png);}
.sj-1pic:nth-child(50){background-image:url(../img/12/144.png);}



.sj-2{ width:100%; overflow:hidden; position: absolute;left:0px;top:50px; z-index:20}
.sj-2 img{ float:left; width:100%; height:auto}
@keyframes move{
0%{transform:translateY(0px)}
50%{transform:translateY(40px)}
100%{transform:translateY(0px)}
}
.sj-3{ width:100%; overflow:hidden;position: absolute;left:0px;top:50px;animation:move 10s ease infinite alternate;height:100%;z-index:40  }
.sj-3 img{ float:left; width:100%; height:auto;opacity:0}
.sj-3pic{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:41;opacity:0; background-size:100%; background-position:top left; background-repeat:no-repeat}
.sj-3pic.on{opacity:1}
.sj-3pic:nth-child(1){background-image:url(../img/13/0.png);}
.sj-3pic:nth-child(2){background-image:url(../img/13/1.png);}
.sj-3pic:nth-child(3){background-image:url(../img/13/2.png);}
.sj-3pic:nth-child(4){background-image:url(../img/13/3.png);}
.sj-3pic:nth-child(5){background-image:url(../img/13/4.png);}
.sj-3pic:nth-child(6){background-image:url(../img/13/5.png);}
.sj-3pic:nth-child(7){background-image:url(../img/13/6.png);}
.sj-3pic:nth-child(8){background-image:url(../img/13/7.png);}

.sj-4{ width:100%; overflow:hidden;position: absolute;left:0px;top:50px; z-index:70; height:100%}
.sj-4 a{overflow: hidden}
.sj-4 a:nth-child(1){ width:100%; position:absolute;left:0px;top:0px; z-index:12; height:17%; display:block}
.sj-4 a:nth-child(2){ width: 57%;position: absolute;left: 0px;top: 17%;z-index: 12;height: 11%;display: block;border-radius: 0px 77px 183px 0px;}
.sj-4 a:nth-child(3){width: 58%;position: absolute;right: 0px;top:25%;z-index: 12;height:11%;display: block;border-radius: 33%;}
.sj-4 a:nth-child(4){ width: 52%;position: absolute;left: 0px;top:33%;z-index: 12;height:11%;display: block;border-radius: 73px;}
.sj-4 a:nth-child(5){ width: 50%;position: absolute;right: 0px;top:40%;z-index: 12;height:10%;display: block;border-radius: 64px;}
.sj-4 a:nth-child(6){ width: 56%;position: absolute;left: 0px;top: 45%;z-index: 12;height: 14%;display: block;border-radius: 0px 113px 40px 1px;}
.sj-4 a:nth-child(7){width: 50%;position: absolute;right: 0px;top: 54%;z-index: 12;height: 14%;display: block;border-radius: 85px;}
.sj-4 a:nth-child(8){ width: 61%;position: absolute;left: 0px;top: 60%;z-index: 12;height: 16%;display: block;border-radius: 0px 197px 0px;}
.sj-4 a:nth-child(9){ width: 50%;position: absolute;left: 21%;top: 77%;z-index: 12;height: 16%;display: block;}