.big{ font-size: 3vw; line-height: 4vw; }
.middle{ font-size: 3vw; line-height: 3.4vw; margin: 0.5vw auto 1.5vw auto; }
.small{ font-size: 1.4vw; line-height: 2.2vw; margin-top: 2vw; }
#ufitPro img{ width: 100%; max-width: 100%; }
.yellow{ color:#FFC603 ; }
.bgColorShow{ background-image: linear-gradient(to right, #030305 , #111629); }
#ufitPro .box1{ overflow: hidden; position: relative; }
#ufitPro .box1 .box{ width: 60%; left: 20%; top: 7%; position: absolute; text-align: center; color: #ffffff; }
#ufitPro .box1 .box .b{ font-size: 3vw; line-height: 3.4vw; }
#ufitPro .box1 .box .m{ font-size: 2.4vw; line-height: 2.8vw; margin: 0.5% auto 2% auto; }
#ufitPro .box1 .box .s{ font-size: 1.6vw; line-height: 2vw; }
#ufitPro .box2 .ptt{ overflow: hidden; position: relative; margin: 2% auto; width: 75%; }
#ufitPro .box2 .pt{ position: absolute; color: #000000; text-align: center; font-size: 1.6vw; line-height: 1.8vw; }
#ufitPro .box2 .p1{  width: 49.5%; top: 2%; left: 0%; }
#ufitPro .box2 .p2{ width: 24.3%; top: 2%; left: 50.5%; }
#ufitPro .box2 .p3{ width: 24.3%; top: 2%; left: 75.5%; }
#ufitPro .box2 .p4{ width: 49.5%; top: 50%; left: 0%; }
#ufitPro .box2 .p5{ width: 24.3%; top: 50%; left: 50.5%; }
#ufitPro .box2 .p6{ width: 24.3%; top: 50%; left: 75.5%; }
#ufitPro .box2 .p7{ width: 14%; top: 83%; left: 2%; text-align: left; }
#ufitPro .box2 .p8{ width: 49.5%; top: 76%; left: 50.4%; }
#ufitPro .box2 .tips{ font-size: 1vw; line-height: 1.2vw; color: #000000; text-align: center; margin:1% auto; }
#ufitPro .box3{ overflow: hidden; background-color: #0a5692; }
#ufitPro .box3 .ptt{ position: relative; height: 50vw; width: 100%; overflow: hidden; }
#ufitPro .box3 .ptt .leftBox{ width: 26%; position: absolute; left: 22%; top: 2%; color: #ffffff; }
#ufitPro .box3 .ptt .leftBox .img{ text-align: center; }
#ufitPro .box3 .ptt .leftBox .b{ font-size: 2vw; line-height: 2.4vw; margin-bottom: 3%; }
#ufitPro .box3 .ptt .leftBox .s{ font-size: 2vw; line-height: 2.4vw; margin-bottom: 3%; }
#ufitPro .box3 .ptt .rightBox{ width: 26%; position: absolute; left: 52%; top: 10.6%; color: #ffffff; text-align: right; }
#ufitPro .box3 .ptt .rightBox .img{ text-align: center; }
#ufitPro .box3 .ptt .rightBox .img img{ width: 80%; }
#ufitPro .box3 .ptt .rightBox .b{ font-size: 2vw; line-height: 2.4vw; margin-bottom: 3%; }
#ufitPro .box3 .ptt .rightBox .s{ font-size: 2vw; line-height: 2.4vw; margin-bottom: 3%; }
#ufitPro .box3 .ptt .pp { margin-top: 10vw; text-align: left; }
#ufitPro .box3 .ptt .pp .s{ font-size: 2vw; line-height: 2.4vw; }
#ufitPro .box3 .ptt .pp .bgColor{ background-color: #136CB0; margin-bottom: 3%; }
#ufitPro .box3 .ptt .p4{ margin-bottom: 10vw; }
#ufitPro .box4{ overflow: hidden; position: relative; padding-top: 2%; }
#ufitPro .box4 .img{ width: 36%; margin-left: 54%; }
#ufitPro .box4 .box{ width: 36%; position: absolute; left: 12.5%; top: 19%; } 
#ufitPro .box4 .box ul{ overflow: hidden; margin-top: 18%; }
#ufitPro .box4 .box ul li{ width: 50%; float: left; text-align: center;  position: relative; }
#ufitPro .box4 .box ul li .b{ font-size: 1.8vw; line-height: 2vw; }
#ufitPro .box4 .box ul li .img1{ width: 24%; margin-top: 12%; margin-left: -20%; }
#ufitPro .box4 .box ul li .img2{ width: 50%; margin-top: 12%; margin-left: -20%; }
#ufitPro .box4 .box ul li .text1{ position: absolute; width: 21%; bottom: 0%; left: 42%; font-size: 1.4vw; line-height: 1.6vw; z-index: 1; }
#ufitPro .box4 .box ul li .text2{ position: absolute; width: 21%; bottom: 0%; left: 63%; font-size: 1.4vw; line-height: 1.6vw; z-index: 1; }
#ufitPro .box5{ position: relative; overflow: hidden; }
#ufitPro .box5 .box{ width: 75%; left: 12.5%; position: absolute; top: 2%; text-align: center; }
#ufitPro .box6{ position: relative; overflow: hidden; }
#ufitPro .box6 .box{ width: 75%; margin: 4% auto; text-align: center; }
#ufitPro .box6 table{ width: 40%; left: 12.5%; top: 38%; position: absolute; }
#ufitPro .box6 table .b{ text-align: center; font-size: 1.6vw; }
#ufitPro .box6 table .m{ font-size: 1.6vw; line-height: 2vw; padding-left: 5%; box-sizing: border-box; }
#ufitPro .box6 table .s{ font-size: 1.2vw; line-height: 2vw; padding-left: 5%; box-sizing: border-box; }
#ufitPro .box6 table td{ border: 1px solid #000000; padding-top: 5px; padding-bottom: 5px; }
#ufitPro .box6 table td.ml{ border-left: inherit; }
#ufitPro .box6 table td.mr{ border-right: inherit; }
#ufitPro .box6 table td.mb{ border-bottom: inherit; }
#ufitPro .box7{ position: relative; overflow: hidden; }
#ufitPro .box7 .box{ width: 75%;position: absolute; left: 12.5%; top: 6%; text-align: center; }
#ufitPro .box7 .img1{ width: 64%; left: 18%; top: 75%; position: absolute; }
#ufitPro .box7 .ul{ width: 69%; overflow: hidden; position: absolute; left: 15.5%; top: 81%; text-align: center; }
#ufitPro .box7 .ul2{ top: 93%; }
#ufitPro .box7 .ul li{ float: left; width: 14.28%; font-size: 1.4vw; line-height: 1.8vw; color: #ffffff;  }
#ufitPro .box8{ overflow: hidden; }
#ufitPro .box8 .ppt{ position: relative; width: 100%; overflow: hidden; height: 49vw; }
#ufitPro .box8 .ppt .imgBox{ position: absolute; left: 0%; top: 12%; width: 100%; }
#ufitPro .box8 .ppt .imgBox .img1{ width: 22%; margin-left: 24%; position: relative;}
#ufitPro .box8 .ppt .imgBox .img{ position: absolute; width: 100%; left: 0%; top: 0%; opacity: 0; }
#ufitPro .box8 .ppt .imgBox .img2{ z-index: 2; }
#ufitPro .box8 .ppt .imgBox .img3{ z-index: 3; }
#ufitPro .box8 .ppt .imgBox .img4{ z-index: 4; }
#ufitPro .box8 .ppt .rightBox{ width: 40%; position: absolute; left: 53%; top: 0%; height: 34vw; }
#ufitPro .box8 .ppt .rightBox .box{ width: 100%; position: absolute; left: 0%; top: 16%; }
#ufitPro .box8 .ppt .rightBox .b2{ top: 120%; }
#ufitPro .box8 .ppt .rightBox .b3{ top: 120%; }
#ufitPro .box8 .ppt .rightBox .b4{ top: 120%; }
#ufitPro .box8 .ppt .tips{ position: absolute; width: 75%; left: 12.5%; top: 101%; font-size: 1vw; line-height: 1.2vw; text-align: center; }

#ufitPro .box9{ overflow: hidden; position: relative; }
#ufitPro .box9 .box{ width: 75%; left: 12.5%; top: 7%; position: absolute; text-align: center; }
#ufitPro .box9 .img{ width: 84%; left: 8%; top: 56%; position: absolute; }
#ufitPro .box9 .img2{ width: 74%; left: 13%; top: 20%; position: absolute; }
#ufitPro .box9 .p{ position: absolute; width: 20%; text-align: center; }
#ufitPro .box9 .p1{ font-size: 1.2vw; line-height: 1.4vw; left: 6%; top: 29%; }
#ufitPro .box9 .p2{ font-size: 1.2vw; line-height: 1.4vw; left: 15%; top: 36.5%; }
#ufitPro .box9 .p3{ font-size: 1.2vw; line-height: 1.4vw; left: 30.5%; top: 33%; }
#ufitPro .box9 .p4{ font-size: 1.2vw; line-height: 1.4vw; left: 48%; top: 32.5%; }
#ufitPro .box9 .p5{ font-size: 1.2vw; line-height: 1.4vw; left: 63%; top: 36%; }
#ufitPro .box9 .p6{ font-size: 1.2vw; line-height: 1.4vw; left: 73.5%; top: 28.5%; }
#ufitPro .box9 .p7{ font-size: 1.2vw; line-height: 1.4vw; left: 6%; top: 52%; }
#ufitPro .box9 .p8{ font-size: 1.2vw; line-height: 1.4vw; left: 22%; top: 47%; }
#ufitPro .box9 .p9{ font-size: 1.2vw; line-height: 1.4vw; left: 33%; top: 50%; }
#ufitPro .box9 .p10{ font-size: 1.2vw; line-height: 1.4vw; left: 48%; top: 50%; }
#ufitPro .box9 .p11{ font-size: 1.2vw; line-height: 1.4vw; left: 59.5%; top: 47%; }
#ufitPro .box9 .p12{ font-size: 1.2vw; line-height: 1.4vw; left: 74%; top: 52%; }