.big{ font-size: 3.2vw; line-height: 1.2; }
.middle{ font-size: 2.4vw; line-height: 1.2; margin: 0.5vw auto 1vw auto; }
.small{ font-size: 1.4vw; line-height: 1.6; margin-top: 1vw; }
.textBg{ background: linear-gradient(to right, #28aee0,#fc83b9);-webkit-background-clip: text;color: transparent; display:inline-block; }
.inlineBlock{ display:inline-block; }
.pr{ position:relative; overflow:hidden; }
.pa{ position:absolute; }
.floatLeft{ float:left; }
.center{ text-align:center; }
.overflow{ overflow:hidden; }
.blue{ color:#00e9ff; }
.white{ color:#ffffff; }
.green{ color:#77c159; }
#bisonx20{ background-color:#000000; }
#bisonx20 img{ width:100%; display:inline-block; }
/*#bisonx20 .box{ transform:scale(0); transition:all 0.3s linear; }
#bisonx20 .box.active{ transform:scale(1); }*/
#bisonx20 .box1 .box{ width:60%; left:20%; top:6%; }
#bisonx20 .box1 .box .b{ background: linear-gradient(to right, #c54600,#fff000,#00e9ff);-webkit-background-clip: text;color: transparent; display:inline-block;
	font-size: 3vw; line-height: 1.2; font-weight: bold;
}
#bisonx20 .box1 .box .m{ font-size:2.4vw; line-height:1.2; margin:1% 0px; }

#bisonx20 .box1 .box .ul{ width:66%; margin-left:20%; }
#bisonx20 .box1 .box .li{ float:left; width:50%; text-align:left; margin-bottom:1%; }
#bisonx20 .box1 .box .icon{ width:7%; vertical-align:middle; margin-right:2%; }
#bisonx20 .box1 .box .s{ font-size:1vw; line-height:1; vertical-align:middle; display:inline-block; }
#bisonx20 .box3 .box{ width:66%; margin:4% auto 2%; }
#bisonx20 .box3 .ul{ width:66%; margin:2% auto; }
#bisonx20 .box3 .li{ float:left; width:32%; margin-right:2%; }
#bisonx20 .box3 .li:last-child{ margin-right:0px; }
#bisonx20 .box3 .line{ border:1px solid #00e9ff; border-radius:1vw; box-sizing:border-box; width:66%; margin:2% auto 4%; }
#bisonx20 .box3 .text-box{ margin:4% 6%; }
#bisonx20 .box3 .b{ font-size:2vw; line-height:1.2; }
#bisonx20 .box3 .list{ margin:2% auto; color:#fffffe; }
#bisonx20 .box3 .item{ width:48%; margin-right:4%; box-sizing:border-box; padding-left:7%; float:left; margin-bottom:2%; }
#bisonx20 .box3 .item:nth-child(even){ margin-right:0px; }
#bisonx20 .box3 .bb{ font-size:1.6vw; line-height:1.2; }
#bisonx20 .box3 .ss{ font-size:1.2vw; line-height:1.2; margin-top:2%; }
#bisonx20 .box3 .it1 .icon{ width: 6%; left:3%; bottom:9%; }
#bisonx20 .box3 .it2 .icon{ width: 6%; left:3%; bottom:9%; }
#bisonx20 .box3 .it3 .icon{ width: 12%; left:0%; top:54%; }
#bisonx20 .box3 .it4 .icon{ width: 11%; left:1%; top:44%; }
#bisonx20 .box3 .tips{ font-size:0.8vw; line-height: 1.2; text-align:right; }
#bisonx20 .box4 .box{ width:66%; margin:4% auto 2%; color:#ffffff; }
#bisonx20 .box4 .b{ width:27.8%; font-size:1.2vw; line-height:1.2; }
#bisonx20 .box4 .b1{ left:53.5%; top:52.5%; }
#bisonx20 .box4 .b2{ left:53.5%; top:86.5%; }
#bisonx20 .box5 .box{ width:66%; margin:4% auto 2%; color:#ffffff; }
#bisonx20 .box5 .ul{ width:66%; margin:0% auto 2%; }
#bisonx20 .box5 .li{ float:left; width:25%; color:#ffffff; box-sizing:border-box; }
#bisonx20 .box5 .b{ font-size:1.4vw; line-height:1.2; margin:2% 0px; }
#bisonx20 .box5 .s{ font-size:1.2vw; line-height:1.2; }
#bisonx20 .box5 .icon{ width:20%; }
#bisonx20 .box5 .mr{ border-right:1px solid #ffffff; }
#bisonx20 .box6 .box{ width:66%; margin:4% auto; }
#bisonx20 .box6 .img-box{ width:66%; margin:2% auto; }
#bisonx20 .box6 .ul{ width:60%; left:20%; top:56%; }
#bisonx20 .box6 .li{ float:left; width:50%; }
#bisonx20 .box6 .b{ font-size:1.4vw; line-height:1.2; }
#bisonx20 .box6 .s{ font-size:1.2vw; line-height:1.2; margin-top:2%; color:#ffffff; }
#bisonx20 .box7 .box{ width:66%; margin:0% auto 2%;  }
#bisonx20 .box7 .img{ width:66%; margin:2% auto 4% ; display:block; border-radius:2vw; }
#bisonx20 .box8 .box{ width:66%; left:17%; top:8%; }
#bisonx20 .box9 .img-box{ width:66% ; margin:4% auto; padding-top:9%; }
#bisonx20 .box9 .box{ left:0%; width:100%; top:0%; }
#bisonx20 .box9 .s{ width:20%; font-size:1.2vw; line-height:1.2; left:0%; }
#bisonx20 .box9 .b{ font-size:1.6vw; line-height:1.2; }
#bisonx20 .box9 .t1{ top:40.5%; }
#bisonx20 .box9 .t2{ top:56%; }
#bisonx20 .box9 .t3{ top:68%; }
#bisonx20 .box9 .line{ width:38%; left:20%; top:43%; border-top:1px solid #ffffff; }
#bisonx20 .box9 .l2{ width:32%; top: 58%; }
#bisonx20 .box9 .l3{ width:32%; top:70%; }
#bisonx20 .box9 .l4{ width:10%; left: 51%; top:66.5%; transform:rotate(-33deg); }
#bisonx20 .box10 .box{ width:66%; margin:4% auto 2%; }
#bisonx20 .box11 .box{ width:66%; margin:4% auto 2%; }
#bisonx20 .box12{ margin:2% auto; width:66%; }
#bisonx20 .box12 .box{ margin:2% auto ; }
#bisonx20 .box13 .box{ width:66%; margin:4% auto 2%; }
#bisonx20 .box14 .box{ width:66%; margin:4% auto 2%; }
#bisonx20 .box14 .img-box{ width:90%; margin:2% auto; }
#bisonx20 .box14 .img1{ width:51%; }
#bisonx20 .box14 .img2{ width:47%; top:0%; right:0%; }
#bisonx20 .box14 .img3{ width:47%; bottom:0%; right:0%; }

#bisonx20 .box17 .box{ width:66%; margin:4% auto 2%; }
#bisonx20 .box17 .ul{ width:30%; left:54%; top:29%; }
#bisonx20 .box17 .li{ float:left; width:33.33%; margin-bottom:12%; }
#bisonx20 .box17 .icon{ width:30%; }
#bisonx20 .box17 .s{ font-size:1.2vw; line-height:1.2; margin-top:2%; }
#bisonx20 .box18 .box{ width:66%; left:17%; top:8%; }
#bisonx20 .box20 .box{ width:66%; margin:4% auto 2%; }
#bisonx20 .box20 .green{ font-size:4vw; }
#bisonx20 .box20 .img{ width:4.5%; transform:rotate(-90deg) translateX(12%); vertical-align:top; margin-left:2%; }
#bisonx20 .box21 .box{ width:66%; margin:4% auto 2%; }
#bisonx20 .box22 .box{ width:66%; margin:4% auto 2%; }
#bisonx20 .box22 .img-box{ width:90%; margin:2% auto; }
#bisonx20 .box22 .img1{ width:49%; }
#bisonx20 .box22 .img2{ width:49%; right:0%; top:0%; }
#bisonx20 .box22 .img3{ margin-top:2%; }
#bisonx20 .box22 .b{ font-size:1.4vw; line-height:1.2; }
#bisonx20 .box22 .s{ font-size:1.2vw; line-height:1.2; color:#ffffff; }
#bisonx20 .box22 .p1{ width:38%; left:7%; top:72%; }
#bisonx20 .box22 .p2{ width:38%; left:7%; top:70%; }
#bisonx20 .box22 .p3{ width:30%; left:7%; top:18%; }
#bisonx20 .box23 .button{ width:40%; left: 20%; top:34%; font-size:3vw; line-height:1.2; }
#bisonx20 .box24 .text-box{ width:66%; margin:4% auto; font-size:1.4vw; line-height:1.6; }
#bisonx20 .box24 .s{ font-size:1.2vw; line-height:1.4; margin-top:2%; }
#bisonx20 .box25 .box{ width:66%; margin:4% auto 2%; }
#bisonx20 .box25 .ul{ width:60%; margin:2% auto; }
#bisonx20 .box25 .li{ float:left; width:33.33%; }
#bisonx20 .box25 .icon{ width:16%; }
#bisonx20 .box25 .b{ font-size:1.2vw; line-height:1.2; margin-top:2%; }
#bisonx20 .box25 .list{ width:76%; margin:2% auto; }
#bisonx20 .box25 .item{ width: 14.28%; float:left; }
#bisonx20 .box25 .s{ font-size:1vw; line-height:1.2; margin-top:4%; }
#bisonx20 .box25 .circle{ width:30%; }
#bisonx20 .box25 .img-box{ width:80%; margin:4% auto; }
#bisonx20 .box25 .img1{ width:30%; margin-left:25%; }
#bisonx20 .box25 .img2{ width:30%; left:36%; top:0%; }
#bisonx20 .box25 .line{ border-top:1px solid #ffffff; z-index:1; }
#bisonx20 .box25 .l1{ width:20%; left:12%; top:26%; }
#bisonx20 .box25 .l2{ width:11%; left:31%; top:35.5%; transform:rotate(31deg); }
#bisonx20 .box25 .l3{ width:13%; left:64%; top:40%; }
#bisonx20 .box25 .l4{ width:7%; left:58%; top:32%; transform:rotate(45deg); }
#bisonx20 .box25 .l5{ width:13%; left:61%; top:52%; }
#bisonx20 .box25 .l6{ width:7.6%; left:54.5%; top:43%; transform:rotate(45deg); }
#bisonx20 .box25 .l7{ width:12%; left:57.5%; top:63%; }
#bisonx20 .box25 .l8{ width:7.6%; left:51%; top:54%; transform:rotate(45deg);  }
#bisonx20 .box25 .l9{ width:13%; left:49%; top:89%; }
#bisonx20 .box25 .l10{ width:7%; left:43%; top:81%; transform:rotate(45deg); }
#bisonx20 .box25 .ss{ color:#ffffff; font-size:1.2vw; line-height:1.2; width:20%; z-index:1; text-align:center; }
#bisonx20 .box25 .p1{ left:0%; top:20%; width:12%; }
#bisonx20 .box25 .p2{ left:78%; top:37%; width:14%; }
#bisonx20 .box25 .p3{ left:75%; top:49%; width:14%; }
#bisonx20 .box25 .p4{ left:71%; top:58%; width:14%; }
#bisonx20 .box25 .p5{ left:60%; top:83%; }