.indexBusinessMain .commonweb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.indexBusinessMain .commonweb .indexBusiness { width: 100%; padding: 0px; }

.indexBusinessMain .commonweb .indexBusiness .content { padding-top: 0px; }

.indexBusinessMain .commonweb .indexBusiness .content .list { padding-top: 20px; }

.indexBusinessMain .commonweb .indexBusiness .content .list .number { font-size: 24px; line-height: 1; font-weight: 600; color: #2d3080; }

.indexBusinessMain .commonweb .indexBusiness .content .list .desc {    width: 100%; padding-top: 10px; font-size: 14px; line-height: 22px; color: #353535; }
.indexBusinessMain .commonweb .indexBusiness .content .list .mobile{display:none;}

.indexBusinessMain .commonweb .indexBusinessMap { margin-top: 25px; width: 100%; height: 100%; position: relative; }

.indexBusinessMain .commonweb .indexBusinessMap .mapImg { width: 100%; display: block; }

.indexBusinessMain .commonweb .indexBusinessMap .China { position: absolute; width: 5%; left: 33.8%; top: 33.8%; z-index: 30; }

.indexBusinessMain .commonweb .indexBusinessMap .China img { width: 100%; position: relative; z-index: 10; display: block; }

.indexBusinessMain .commonweb .indexBusinessMap .China::after { -webkit-animation: amplify 2.8s infinite 0.1s; animation: amplify 2.8s infinite 0.1s; content: ''; width: 31px; height: 31px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; border-radius: 50%; background: rgba(209, 43, 43, 0.1); opacity: 0.1; }

.indexBusinessMain .commonweb .indexBusinessMap .China::before { -webkit-animation: amplify 2.8s infinite 0s; animation: amplify 2.8s infinite 0s; content: ''; width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; border-radius: 50%; background: rgba(209, 43, 43 0.1); opacity: 0.1;z-index: 2; }

.indexBusinessMain .commonweb .indexBusinessMap .dotBox .list { position: absolute; width: 7px; height: 7px; background: #d12b2b; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transform: translate(-1px, -2px); -ms-transform: translate(-1px, -2px); transform: translate(-1px, -2px); }

.indexBusinessMain .commonweb .indexBusinessMap .dotBox .list::after { -webkit-animation: amplify 2.8s infinite 0.3s; animation: amplify 2.8s infinite 0.3s; content: ''; width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; border-radius: 50%; background: rgba(209, 43, 43, 0.1); opacity: 0.3; }

.indexBusinessMain .commonweb .indexBusinessMap .dotBox .list::before { -webkit-animation: amplify 2.8s infinite 0.2s; animation: amplify 2.8s infinite 0.2s; content: ''; width: 13px; height: 13px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; border-radius: 50%; background: rgba(209, 43, 43, 0.1); opacity: 0.1; z-index: 2; }

.indexBusinessMain .commonweb .indexBusinessMap .dotBox .list p {position: absolute; font-size: 2vw; white-space: nowrap;}

.indexBusinessMain .commonweb .indexBusinessMap .dotBox .list p.top,
.indexBusinessMain .commonweb .indexBusinessMap .dotBox .list p.bottom {left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.indexBusinessMain .commonweb .indexBusinessMap .dotBox .list p.left,
.indexBusinessMain .commonweb .indexBusinessMap .dotBox .list p.right {top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}

.indexBusinessMain .commonweb .indexBusinessMap .dotBox .list p.top {  top: -3.033vw;  }

.indexBusinessMain .commonweb .indexBusinessMap .dotBox .list p.bottom {  bottom: -3.033vw;  }

.indexBusinessMain .commonweb .indexBusinessMap .dotBox .list p.left {  left: -3.033vw;  }

.indexBusinessMain .commonweb .indexBusinessMap .dotBox .list p.right {  right: -3.033vw;  }

.indexBusinessMain .commonweb .indexBusinessMap .mapSvg { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; }

.indexBusinessMain .commonweb .indexBusinessMap .st91 { fill: none; stroke: #0040a0; stroke-width: 0.75; stroke-miterlimit: 10; stroke-dashoffset: 970px; stroke-dasharray: 965px; -webkit-animation: animation-line 10.04s ease-in forwards infinite; animation: animation-line 10.04s ease-in forwards infinite; }

@-webkit-keyframes animation-line { 0% { stroke-dashoffset: 970px; }
  14.28571% { stroke-dashoffset: 0px; }
  61.42857% { stroke-dashoffset: 0px; }
  85.71429% { stroke-dashoffset: -970px; }
  to { stroke-dashoffset: -970px; } }

@keyframes animation-line { 0% { stroke-dashoffset: 970px; }
  14.28571% { stroke-dashoffset: 0px; }
  61.42857% { stroke-dashoffset: 0px; }
  85.71429% { stroke-dashoffset: -970px; }
  to { stroke-dashoffset: -970px; } }

@keyframes blowUp { 0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(2.8); transform: scale(2.8); } }

@-webkit-keyframes blowUp { 0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(2.8); transform: scale(2.8); } }

@keyframes blowUp1 { 0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(5); transform: scale(5); } }

@-webkit-keyframes blowUp1 { 0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(5); transform: scale(5); } }



@media (min-width: 858px) { 

  .indexBusinessMain {  }
  .indexBusinessMain .commonweb .indexBusiness { width: -webkit-calc(100% - 64.375vw); width: calc(100% - 64.375vw); padding: 0vw 1.875vw 0vw 0vw; }
  .indexBusinessMain .commonweb .indexBusiness .content { padding-top: 3.125vw; }
  .indexBusinessMain .commonweb .indexBusiness .content .list { padding-top: 3.125vw; }
  .indexBusinessMain .commonweb .indexBusiness .content .list .number { font-size: 5.625vw; }
  .indexBusinessMain .commonweb .indexBusiness .content .list .desc { padding-top: 0.625vw; font-size: 1vw; line-height: -webkit-calc(22 / 16); line-height: calc(22 / 16); }
  .indexBusinessMain .commonweb .indexBusinessMap { margin: 0px; width: 64.375vw; }
  .indexBusinessMain .commonweb .indexBusinessMap .China { position: absolute; width: 5%; left: 33.8%; top: 33.8%; z-index: 30; }
  .indexBusinessMain .commonweb .indexBusinessMap .China::after{width: 7vw;height: 7vw;}
  .indexBusinessMain .commonweb .indexBusinessMap .China::before{width: 5vw;height: 5vw;}
  .indexBusinessMain .commonweb .indexBusinessMap .dotBox .list::after{width: 2.5vw;height: 2.5vw;}
  .indexBusinessMain .commonweb .indexBusinessMap .dotBox .list::before{width: 2vw;height: 2vw;}
  .indexBusinessMain .commonweb .indexBusinessMap .dotBox .list { width: 0.625vw; height: 0.625vw; -webkit-transform: translate(0vw, 0vw); -ms-transform: translate(0vw, 0vw); transform: translate(0vw, 0vw); }
  .indexBusinessMain .commonweb .indexBusinessMap .dotBox .list p { font-size: 1vw; }
  .indexBusinessMain .commonweb .indexBusinessMap .dotBox .list p.top {  top: -2.5vw;  }
  .indexBusinessMain .commonweb .indexBusinessMap .dotBox .list p.bottom {  bottom: -2.5vw;  }
  .indexBusinessMain .commonweb .indexBusinessMap .dotBox .list p.left {  left: -2.5vw;  }
  .indexBusinessMain .commonweb .indexBusinessMap .dotBox .list p.right {  right: -2.5vw;  }
  .i-list4{padding: 0rem 0 3rem;}
  .indexBusinessMain .commonweb .indexBusiness .content .list .number{font-size:20px;}

  
   }

@media (min-width: 992px) {
  .indexBusinessMain { }
  .indexBusinessMain .commonweb .indexBusiness { width: -webkit-calc(100% -  61.979vw); width: calc(100% -  61.979vw); padding: 0vw 1.563vw 0vw 0vw; }
  .indexBusinessMain .commonweb .indexBusiness .content { padding-top: 2.604vw; }
  .indexBusinessMain .commonweb .indexBusiness .content .list { padding-top: 2.604vw; }
  .indexBusinessMain .commonweb .indexBusiness .content .list .number { font-size: 24px; }
  .indexBusinessMain .commonweb .indexBusiness .content .list .desc { padding-top: 0.521vw; font-size: 0.883vw; line-height: -webkit-calc(22 / 16); line-height: calc(22 / 12); }
  .indexBusinessMain .commonweb{-webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
  .indexBusinessMain .commonweb .indexBusinessMap { width: 58.6458vw; }
  .indexBusinessMain .commonweb .indexBusinessMap .China { position: absolute; width: 5%; left: 33.8%; top: 33.8%; z-index: 30; }
  .indexBusinessMain .commonweb .indexBusinessMap .China::after{width: 8.9063vw;height: 8.9063vw;}
  .indexBusinessMain .commonweb .indexBusinessMap .China::before{width: 5.5729vw;height: 5.5729vw;}
  .indexBusinessMain .commonweb .indexBusinessMap .dotBox .list::after{width: 3.125vw;height: 3.125vw;}
  .indexBusinessMain .commonweb .indexBusinessMap .dotBox .list::before{width: 1.6667vw;height: 1.6667vw;}
  .indexBusinessMain .commonweb .indexBusinessMap .dotBox .list { width: 0.521vw; height: 0.521vw; -webkit-transform: translate(0vw, 0vw); -ms-transform: translate(0vw, 0vw); transform: translate(0vw, 0vw); }
  .indexBusinessMain .commonweb .indexBusinessMap .dotBox .list p { font-size: 0.833vw; }
  .indexBusinessMain .commonweb .indexBusinessMap .dotBox .list p.top {  top: -2.083vw;  }
  .indexBusinessMain .commonweb .indexBusinessMap .dotBox .list p.bottom {  bottom: -2.083vw;  }
  .indexBusinessMain .commonweb .indexBusinessMap .dotBox .list p.left {  left: -2.083vw;  }
  .indexBusinessMain .commonweb .indexBusinessMap .dotBox .list p.right {  right: -2.083vw;  }
   }



@-webkit-keyframes amplify {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes amplify {
  0% {
    -moz-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  75% {
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes amplify {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    -moz-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes float {
  0% {
    /* opacity: 0; */
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  50% {
    -webkit-transform: translate3d(0, -30px, -30px);
    transform: translate3d(0, -30px, 0);
  }

  100% {
    /* -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0) */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes float {
  0% {
    /* opacity: 0; */
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  50% {
    -webkit-transform: translate3d(0, -30px, -30px);
    -moz-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  100% {
    /* -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0) */
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes float {
  0% {
    /* opacity: 0; */
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  50% {
    -webkit-transform: translate3d(0, -30px, -30px);
    -moz-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  100% {
    /* -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0) */
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.float {
  -webkit-animation-name: float;
  -moz-animation-name: float;
  animation-name: float;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  /* animation: float 5s  infinite;
  -webkit-animation: float 5s infinite; */
}

@-webkit-keyframes framesWidth {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes framesWidth {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

@keyframes framesWidth {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes framesHeight {
  0% {
    height: 0%;
  }

  100% {
    height: 100%;
  }
}

@-moz-keyframes framesHeight {
  0% {
    height: 0%;
  }

  100% {
    height: 100%;
  }
}

@keyframes framesHeight {
  0% {
    height: 0%;
  }

  100% {
    height: 100%;
  }
}

@-webkit-keyframes mySvg {
  0% {
    stroke-dashoffset: 167;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@-moz-keyframes mySvg {
  0% {
    stroke-dashoffset: 167;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes mySvg {
  0% {
    stroke-dashoffset: 167;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes scale {
  0% {
    -moz-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scale {
  0% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
}



.i-list4 {
	
  /** background: url(../img/img90.jpg) no-repeat center center; **/
  background-size: cover;
  padding: 3.5rem 0 3rem;
   position: relative;
}
#wave {
  position: absolute;
  left: 0;
  top: 18px;
  width: 100%;
  z-index: 0;
}