.big{ font-size: 3.6vw; line-height: 4vw; }
.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; }
.gradient{ background: linear-gradient(to left, #0072ff, #a0caff);-webkit-background-clip: text;color: transparent; }
.bgcolor{ background: linear-gradient(to right, #8b73fe, #3bf0e6);-webkit-background-clip: text;color: transparent; }
#g3tab img{ width: 100%; max-width: 100%; vertical-align: bottom; }
.bgBlueColor{ background: linear-gradient(to right, #08a7ff, #8dbbff);-webkit-background-clip: text;color: transparent; }
.inlineBlock{ display:inline-block; }
.textsHide{ transform:translateY(20px); transition:all 0.3s linear; opacity:0; }
.textsHide.active{ opacity:1; transform:translateY(0px); }
#g3tab .textAlgin{ text-align:center; }
/*#g3tab .box2 .textBox{ float: left; height: 18vw; margin-bottom: 1.6vw; overflow: hidden; position: relative;
    border-radius: 10px;
    background-color:#282a2f;
    background-image:-webkit-gradient(-135deg,#282a2f,#0f1116);
    background-image:-webkit-linear-gradient(-135deg,#282a2f,#0f1116);
    background-image:-moz-linear-gradient(-135deg,#282a2f,#0f1116);
    background-image: -ms-linear-gradient(-135deg, #282a2f 0%, #0f1116 100%);
    background-image: -o-linear-gradient(-135deg,#282a2f,#0f1116);
    background-image: linear-gradient(-135deg,#282a2f,#0f1116);
    box-shadow: 0px 0px 2px #ffffff;
    box-sizing: border-box;
}*/
#g3tab .box1{ position:relative; overflow:hidden; }
#g3tab .box1 .box{ width:40%; left:15%; top:20%; position:absolute; }
#g3tab .box1 .b{ font-size:4vw; line-height:4.2vw; }
#g3tab .box1 .m{ font-size:1.8vw; line-height:2vw; }
#g3tab .box1 .s{ font-size:1.2vw; line-height:2.2vw; margin-top:4%; }
#g3tab .box2{ position:relative; width:75%; margin:4% auto; overflow:hidden; }
#g3tab .box2 .b{ position:absolute; box-sizing:border-box; }
#g3tab .box2 .b1{ width:29%; left:0%; top:4%;  }
#g3tab .box2 .b2{ width:39%; left:30.5%; top:4%; }
#g3tab .box2 .b3{ width:29%; left:71%; top:9%; padding-left:0.5vw; }
#g3tab .box2 .b4{ width:29%; left:71%; top:38%; padding-left:0.5vw; }
#g3tab .box2 .b5{ width:29%; left:0%; top:61%; }
#g3tab .box2 .b6{ width:39%; left:30.5%; top:61%; }
#g3tab .box2 .b7{ width:29%; left:71%; top:66%; }
#g3tab .box2 .b8{ width:29%; left:71%; top:90%;padding-left:9vw; }
#g3tab .box2 .bb{ font-size:1.8vw; line-height:2vw;  }
#g3tab .box2 .ss{ font-size:1.2vw; line-height:1.4vw;  }
#g3tab .box2 .b7 .bb,#g3tab .box2 .b7 .ss{ padding-left:0.5vw; }
#g3tab .box3{ position:relative; overflow:hidden; width:75%; margin:4% auto; }
#g3tab .box3 .box{ margin:4% auto; }
#g3tab .box3 .tips{ position:absolute; width:100%; left:0%; top:94%; font-size:1vw; line-height:1.2vw; color:#7C7C7C; 
    padding-left:0.5vw; box-sizing:border-box; 
}
#g3tab .box4{ background-color:#E9F3FD; overflow:hidden; margin:4% auto 0%; padding:8vw 0px; }
#g3tab .box4 .box{ width:75%; margin:0px auto; overflow:hidden; }
#g3tab .box4 .si{ width:56%; position:relative; }
#g3tab .box4 .si img{ width:80%; margin-left:10%; position:relative; z-index:1; }
#g3tab .box4 .bg{ background-color:#ffffff; width:100%; height:80%; position: absolute; left: 0%; bottom: 0%; border-radius:1vw; }
#g3tab .box4 .img{ width:40%; position:absolute; right:0%; top:20%; background-color:#ffffff; }
#g3tab .box4 .img img{ width:90%; margin:10% 0px 0px 10%; }
#g3tab .box4 .swiper-color-pagination{ width:40%; left:60%; box-sizing:border-box; bottom:inherit; top:85%; text-align:left;  }
#g3tab .box4 .texts{ width:100%; position:absolute; left:20%; top:0%; }
#g3tab .box4 .swiper-slide{ position:relative; }
#g3tab .box4 .swiper{ position:relative; }
#g3tab .box4 .swiper-pagination-bullet{ width:12%; margin: 0px 5% 0px 0px; height:4vw; border-radius:inherit; background-color:inherit; opacity:1; }
#g3tab .box4 .swiper-pagination-bullet-active{ background-color:inherit; }
#g3tab .box4 .swiper-pagination-bullet .lines{ width:100%; height:10px; border-radius:5px; background-color:#C8CBD0; margin-top:80%; }
#g3tab .box4 .swiper-pagination-bullet-active .lines{ background-color:#1D66C5; }
#g3tab .box4 .swiper-pagination-bullet .texts{ font-size:1.4vw; line-height:1.6vw; width:16vw; top:0%; left:0%; position:absolute; opacity:0; }
#g3tab .box4 .swiper-pagination-bullet-active .texts{ opacity:1; }
#g3tab .box5{ position:relative; overflow:hidden; }
#g3tab .box5 .box{ position:absolute; width:75%; left:12.5%; top:9%; color:#ffffff; }
#g3tab .box5 .ul{ width:75%; position:absolute; left:12.5%; top:80%; color:#ffffff; overflow:hidden; }
#g3tab .box5 .li{ width:25%; float:left; }
#g3tab .box5 .img img{ height:56px; width:auto; }
#g3tab .box5 .b{ font-size:1.4vw; line-height:1.8vw; margin:4% auto 1%; }
#g3tab .box5 .s{ font-size:1.2vw; line-height:1.6vw; }
#g3tab .box6{ position:relative; overflow:hidden; }
#g3tab .box6 .box{ width:75%; position:absolute; left:12.5%; top:10%; color:#ffffff; }
#g3tab .box6 .img{ position:absolute; width:52%; left:24%; top:32%; z-index:2; }
#g3tab .box6 .circleBox{ position:absolute; width:14vw; height:14vw; left:55%; top:53%; transform: rotateY(78deg); z-index:3; }
#g3tab .box6 .circleBox.n1{ left:55%; top:73%; }
#g3tab .box6 .circleBox.n2{ left:31%; top:27%; z-index:1; }
#g3tab .box6 .circle-blue{ position: absolute; width: 100%; height: 100%; top: 0%; left: 0%; }
#g3tab .box6 .blue-1,.blue-2, .blue-3,.blue-4{  background: url(../Images/g3tab/overview/circle.png) no-repeat center; background-size:cover; }
#g3tab .box6 .blue-1{ -webkit-animation: scale1 0.7s linear infinite; animation: scale1 0.7s linear infinite; }
#g3tab .box6 .blue-2{ -webkit-animation: scale2 0.7s linear infinite; animation: scale2 0.7s linear infinite; }
#g3tab .box6 .blue-3{ -webkit-animation: scale3 0.7s linear infinite; animation: scale3 0.7s linear infinite; }
#g3tab .box6 .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)
   }
}
#g3tab .box7{ position:relative; overflow:hidden; }
#g3tab .box7 .box{ width:75%; margin:4% auto; }
#g3tab .box7 .imgBox{ position:relative; margin:4% auto; width:75%; }
#g3tab .box7 .img{ width:100%; position:absolute; left:0%; top:0%; z-index:1; opacity:0; transition:all 0.3s linear; }
#g3tab .box7 .img.active{ opacity:1; }
#g3tab .box8{ position:relative; overflow:hidden; }
#g3tab .box8 .box{ width:75%; position:absolute; left:12.5%; top:10%; }
#g3tab .box9{ position:relative; overflow:hidden; padding-top:4vw; }
#g3tab .box9 .box{ width:75%; position:absolute; left:12.5%; top:6%; }
#g3tab .box10{ position:relative; overflow:hidden; }
#g3tab .box10 .box{ position:absolute; width:75%; left:12.5%; top:9%; color:#ffffff; }
#g3tab .box10 .ul{ width:75%; position:absolute; left:12.5%; top:82%; color:#ffffff; overflow:hidden; }
#g3tab .box10 .li{ width:25%; float:left; position:relative; overflow:hidden; box-sizing:border-box;  }
#g3tab .box10 .img{ position:absolute; width:10%; top:13%; left:13%; }
#g3tab .box10 .img img{ height:67px; width:auto; max-width:inherit; }
#g3tab .box10 .b{ font-size:1.4vw; line-height:1.8vw; margin:4% auto 1%; }
#g3tab .box10 .s{ font-size:1.2vw; line-height:1.6vw; }
#g3tab .box10 .l{ width:60%; margin-left:40%; }
#g3tab .box10 .tips{ width:75%; position:absolute; left:12.5%; top:94%; font-size:0.8vw; line-height:1.2vw; color:#ffffff; }
#g3tab .box11{ position:relative; overflow:hidden; padding-top:16vw; background-color: #F5F5F5;}
#g3tab .box11 .box{ width:75%; position:absolute; left:12.5%; top:8%; }
#g3tab .box12{ position:relative; overflow:hidden; }
#g3tab .box12 .box{ width:28%; position:absolute; left:59%; top:34%; }
#g3tab .box13{ position:relative; overflow:hidden; }
#g3tab .box13 .box{ width:75%; position:absolute; left:12.5%; top:8%; }
#g3tab .box13 .texts{ position:absolute; width:15%; }
#g3tab .box13 .texts .b{ font-size:2vw; line-height:2.2vw; }
#g3tab .box13 .texts .s{ font-size:1.2vw; line-height:1.4vw; }
#g3tab .box13 .t1{ left:21%; top:42%; }
#g3tab .box13 .t2{ left:71%; top:48%; }
#g3tab .box14{ position:relative; overflow:hidden; }
#g3tab .box14 .box{ width:28%; position:absolute; left:59%; top:46%; }
#g3tab .box14 .img{ width:42%; margin:8% 0px 8% 12.5%; }
#g3tab .box15{ position:relative; overflow:hidden; }
#g3tab .box15 .linkss{ font-size:3vw; line-height:3.2vw; position:absolute; width:40%; left:55%; top:50%; }