.big{ font-size: 3.6vw; line-height: 1.2; }
.middle{ font-size: 2.4vw; line-height: 2.8vw; margin: 0.5vw auto 1vw auto; }
.small{ font-size: 1.4vw; line-height: 2.2vw; margin-top: 1vw; }
.bianse{ background: linear-gradient(to right, #fd6cb3, #188ed7, #fd6cb3, #188ed7);-webkit-background-clip: text;color: transparent; }
.bianse2{ background: linear-gradient(to right, #fd6cb3, #188ed7);-webkit-background-clip: text;color: transparent; display:inline-block; }
.position{ position:relative; }
.overflow{ overflow:hidden; }
.center{ text-align:center; }
#g3tabultra .shows{ transform:translateY(20%); opacity:0; filter:alpha(opacity=0); transition:all 0.3s linear; }
#g3tabultra .shows.active{ transform:translateY(0%); opacity:1; filter:alpha(opacity=100); }
#g3tabultra img{ width: 100%; max-width: 100%; vertical-align: bottom; }
#g3tabultra .box1 .box{ width:30%; position:absolute; left:10%; top:20%; }
#g3tabultra .box1 .b{ font-size:3vw; line-height:1.2; }
#g3tabultra .box1 .m{ font-size:2vw; line-height:1.2; margin:2% 0px 4%; }
#g3tabultra .box1 .s{ font-size:1.2vw; line-height:2; }
#g3tabultra .box2{ width:66%; margin:8% auto; }
#g3tabultra .box2 .pt{ border-radius:10px; }
#g3tabultra .box2 .pt1{ background-color:#f4f6f8; width:40% }
#g3tabultra .box2 .pt2{ position:absolute; width: 29%; top:0%; left:41%; background-color:#e3f0ff; height:15.2vw; }
#g3tabultra .box2 .pt3{ position:absolute; width: 29%; top:0%; right:0%; background-color:#000000; height:15.2vw; }
#g3tabultra .box2 .pt4{ position:absolute; width: 29%; bottom:0%; left:41%; background-color:#f0f7fe; height:15.2vw; }
#g3tabultra .box2 .pt5{ position:absolute; width: 29%; bottom:0%; right:0%; height:15.2vw; }
#g3tabultra .box2 .text{ position:absolute; width:100%; left:0%; top:1vw; z-index:2; }
#g3tabultra .box2 .b{ font-size:1.4vw; line-height:1.2; }
#g3tabultra .box2 .s{ font-size:1.2vw; line-height:1.2; }
#g3tabultra .box2 .pt2 .img{ position:absolute; top:4%; left:-15%; width: 120%; max-width:inherit; }
#g3tabultra .box2 .pt4 .img{ position: absolute; top:39%; left:0%; }
#g3tabultra .box2 .pt5 .img{ position:absolute; width:110%; max-width:inherit; left:0%; top:0%; }
#g3tabultra .box2 .pt3 .text{ color:#ffffff; }
#g3tabultra .box2 .pt5 .text{ top:44%; }
#g3tabultra .box2 .p2{ margin-top:1%; }
#g3tabultra .box2 .pt6{ width:49.5%; }
#g3tabultra .box2 .pt7{ position:absolute; width:49.5%; top:0%; right:0%; background-color:#eff6fd; }
#g3tabultra .box3{ width:66%; margin:6% auto; }
#g3tabultra .box3 .img{ width:40%; opacity:0; filter:alpha(opacity=0); transform:translateY(20%); transition:all 0.3s linear; }
#g3tabultra .box3 .img.active{ opacity:1; filter:alpha(opacity=100); transform:translateY(0%); }
#g3tabultra .box3 .box{ width:58%; position:absolute; right:0%; top:28%; opacity:0; filter:alpha(opacity=0); transform:translateY(40%); transition:all 0.3s linear; }
#g3tabultra .box3 .box.active{ opacity:1; filter:alpha(opacity=100); transform:translateY(0%); transition-delay:0.2s; }
#g3tabultra .box3 .b{ font-size:2.4vw; line-height:1.2; }
#g3tabultra .box3 .m{ font-size:1.8vw; line-height:1.4; box-sizing: border-box; padding: 1vw 0px 1vw 1vw; margin: 2% auto 4%;
    background: linear-gradient(to right, #f0f7fe, #ffffff); display:inline-block; border-radius: 10px;
}
#g3tabultra .box3 .s{ font-size:1.6vw; line-height:1.4; }
#g3tabultra .box3 .ss{ color:#6b9bf5; padding:0px; }
#g3tabultra .box4 .fixed{ width:100%; height:30vw; }
#g3tabultra .box4 .box{ width:60%; position:absolute; left:20%; top:10%; }
#g3tabultra .box4 .img{ width:70%; position:absolute; left:15%; top:32%; transform:scale(3.5) translateY(41%); }
#g3tabultra .box4 .ul{ position:absolute; width:70%; left:22%; top:92%; z-index:2; opacity:0; filter:alpha(opacity=0); transform:translateY(25%);
    transition: all 0.3s linear; 
}
#g3tabultra .box4 .ul.active{ opacity:1; filter:alpha(opacity=100); transform:translateY(0%); }
#g3tabultra .box4 .li{ float:left; width:33.33%; display:flex; }
#g3tabultra .box4 .icon{ width: auto; height: 3vw; vertical-align:middle; margin-right:4%; }
#g3tabultra .box4 .text{ vertical-align:middle; width:76%; }
#g3tabultra .box4 .b{ font-size:1.6vw; line-height:1.2; }
#g3tabultra .box4 .s{ font-size:1.2vw; line-height:1.2; }
#g3tabultra .box4-other{ height:8vw; }
#g3tabultra .box5 .box{ width:33%; position:absolute; left:20%; top:24%; color:#ffffff; }
#g3tabultra .box6 .box{ width:66%; margin:8% auto 4%; }
#g3tabultra .box7{ width:70%; margin:12% auto 2%; }
#g3tabultra .box7 .box{ width:62%; transform:translateY(-26%); }
#g3tabultra .box7 .big{ font-size:3vw;  }
#g3tabultra .box8 .box{ width:66%; margin:4% auto; }
#g3tabultra .box9 .box{ width:50%; margin: 4% 0px 4% 17%; }
#g3tabultra .box9 .green{ color:#8ef200; }
#g3tabultra .box9 .img{ width:80%; margin-left:5%; }
#g3tabultra .box9 .ul{ width:80%; margin:6% auto; }
#g3tabultra .box9 .li{ width:20%; float:left; text-align:center; }
#g3tabultra .box9 .l2.active{ transition-delay:0.2s; }
#g3tabultra .box9 .l3.active{ transition-delay:0.4s; }
#g3tabultra .box9 .l4.active{ transition-delay:0.6s; }
#g3tabultra .box9 .l5.active{ transition-delay:0.8s; }
#g3tabultra .box9 .b{ font-size:1.4vw; line-height:1.2; }
#g3tabultra .box9 .s{ font-size:1.2vw; line-height:1.2; color:#ffffff; }
#g3tabultra .box9 .bgBlack{ background-color:#000000; position:absolute; width:100%; left:0%; bottom:0%; height:30vw;z-index:-1; }
#g3tabultra .box10 .box{ width:46%; position:absolute; left:17%; top:18%; color:#ffffff; }
#g3tabultra .box10 .box .big{ font-size:2.8vw; }
#g3tabultra .box10 .img{ width:38%; left:17%; position:absolute; top:40%; }
#g3tabultra .box10 .ul{ width:20%; position:absolute; left:64%; top:51%; }
#g3tabultra .box10 .li{ margin-bottom:14%; }
#g3tabultra .box10 .icon{ width:18%; margin-right:4%; vertical-align:middle; float:left; }
#g3tabultra .box10 .text{ width:78%; vertical-align:middle; float:left; }
#g3tabultra .box10 .b{ font-size:1.2vw; line-height:1.4; color:#ffffff; }
#g3tabultra .box10 .b2{ margin-top:6%; }
#g3tabultra .box11{ background-color:#000000; }
#g3tabultra .box11 .box{ width:66%; margin:6% auto; color:#ffffff; }
#g3tabultra .box11 .circleBox{ position:absolute;width:14vw;height:14vw;left:52%;top:30%;transform: rotateX(56deg);z-index:3; opacity:0; filter:alpha(opacity=0);
    transition: all 0.3s linear; 
}
#g3tabultra .box11 .img-box.active .circleBox{ opacity:1; filter:alpha(opacity=100); transition-delay:0.5s; }
#g3tabultra .box11 .img-box.look .circleBox{ transition:all 0s linear; }
#g3tabultra .box11 .circleBox.n2{ left:54%; top:-25%; }
#g3tabultra .box11 .circleBox.n3{ left:32%; top:-21%; }
#g3tabultra .box11 .circleBox.n4{ left:34%; top:37%; }
#g3tabultra .box11 .circle-blue{ position: absolute; width: 100%; height: 100%; top: 0%; left: 0%; }
#g3tabultra .box11 .blue-1,.blue-2, .blue-3,.blue-4{  background: url(/new/Images/g3tabultra/overview/circle.png) no-repeat center; background-size:cover; }
#g3tabultra .box11 .blue-1{ -webkit-animation: scale1 0.7s linear infinite; animation: scale1 0.7s linear infinite; }
#g3tabultra .box11 .blue-2{ -webkit-animation: scale2 0.7s linear infinite; animation: scale2 0.7s linear infinite; }
#g3tabultra .box11 .blue-3{ -webkit-animation: scale3 0.7s linear infinite; animation: scale3 0.7s linear infinite; }
#g3tabultra .box11 .blue-4{ -webkit-animation: scale4 0.7s linear infinite; animation: scale4 0.7s linear infinite; }
@-webkit-keyframes scale1 {
   0% {
      -webkit-transform: scale(0.1);
      transform: scale(0.1);
      opacity: 0;
      filter: alpha(opacity=0)
   }

   100% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
      opacity: 0.8;
      filter: alpha(opacity=30)
   }
}

@keyframes scale1 {
   0% {
      -webkit-transform: scale(0.1);
      transform: scale(0.1);
      opacity: 0;
      filter: alpha(opacity=0)
   }

   100% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
      opacity: 0.6;
      filter: alpha(opacity=30)
   }
}

@-webkit-keyframes scale2 {
   0% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
      opacity: 0.6;
      filter: alpha(opacity=30)
   }

   100% {
      -webkit-transform: scale(0.95);
      transform: scale(0.95);
      opacity: 1;
      filter: alpha(opacity=60)
   }
}

@keyframes scale2 {
   0% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
      opacity: 0.6;
      filter: alpha(opacity=30)
   }

   100% {
      -webkit-transform: scale(0.95);
      transform: scale(0.95);
      opacity: 1;
      filter: alpha(opacity=60)
   }
}

@-webkit-keyframes scale3 {
   0% {
      -webkit-transform: scale(0.95);
      transform: scale(0.95);
      opacity: 1;
      filter: alpha(opacity=60)
   }

   100% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
      opacity: 0.6;
      filter: alpha(opacity=30)
   }
}

@keyframes scale3 {
   0% {
      -webkit-transform: scale(0.95);
      transform: scale(0.95);
      opacity: 1;
      filter: alpha(opacity=60)
   }

   100% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
      opacity: 0.6;
      filter: alpha(opacity=30)
   }
}

@-webkit-keyframes scale4 {
   0% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
      opacity: 0.6;
      filter: alpha(opacity=30)
   }

   100% {
      -webkit-transform: scale(1.8);
      transform: scale(1.8);
      opacity: 0;
      filter: alpha(opacity=0)
   }
}

@keyframes scale4 {
   0% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
      opacity: 0.6;
      filter: alpha(opacity=30)
   }

   100% {
      -webkit-transform: scale(1.8);
      transform: scale(1.8);
      opacity: 0;
      filter: alpha(opacity=0)
   }
}
#g3tabultra .box11 .img-box{ margin-bottom:8%; }
#g3tabultra .box11 .img1{width:33%; position:absolute; left:100%; top:-1%; transition:all 0.5s linear; }
#g3tabultra .box11 .img2{ width:36%; margin-left:9%; transform: translateX(-200%); transition:all 0.5s linear; }
#g3tabultra .box11 .img-box.active .img1{ left: 55%; }
#g3tabultra .box11 .img-box.active .img2{ transform: translateX(0%); }
#g3tabultra .box12 .fixed{ width:100%; height:30vw; background-color:#f5f5f5; }
#g3tabultra .box12 .text-box{ width:40%; background-color:#ffffff; position:absolute; left:17%; top:18%; height:32vw; border-radius:2vw; }
#g3tabultra .box12 .img-box{ width:38%; left: 48%; position:absolute; top: 26%; }
#g3tabultra .box12 .img-box .img{ position:absolute; width:100%; left:0%; top:0%; opacity:0; transition:all 0.1s linear; }
#g3tabultra .box12 .img-box .img.active{ opacity:1; }
#g3tabultra .box12 .ul{ position:absolute; width:60%; top:12%; left:10%; }
#g3tabultra .box12 .li{ margin-bottom:4%; border-left: 3px solid transparent; box-sizing:border-box; padding-left:4%;  }
#g3tabultra .box12 .li.active{ border-left:3px solid #8ce122; }
#g3tabultra .box12 .icon{ width:10%; }
#g3tabultra .box12 .title{ font-size:1.4vw; line-height:1.2; margin:2% auto; opacity:0.3; }
#g3tabultra .box12 .li.active .title{ opacity:1; }
#g3tabultra .box12 .text{ font-size:1.2vw; line-height:1.6; display:none; }
#g3tabultra .box12 .li.active .text{ display:block; }
#g3tabultra .box13{ width:66%; margin:6% auto; }
#g3tabultra .box13 .b{ font-size:1.6vw; line-height:1.2; margin-bottom:2%; }
#g3tabultra .box13 .s{ font-size:1.2vw; line-height:1.8; }