@charset "utf-8";
.clearfix {
  zoom: 1;
}
.clearfix:after {
  display: block;
  content: "";
  clear: both;
}
.textleft {
  text-align: left;
}
.left {
  float: left;
  position: relative;
}
.right {
  float: right;
  position: relative;
}
.back {
  background: #f7f9fc;
}
.close {
  cursor: pointer;
  color: white;
  border-radius: 12px;
  line-height: 30px;
  text-align: center;
  height: 30px;
  width: 30px;
  font-size: 30px;
  padding: 1px;
  top: -30px;
  right: 0;
  position: absolute;
}
/* use cross as close button */
.close::before {
  content: "\2716";
}
/* 样式重置 */
body,
h1,
h2,
h3,
h4,
h5,
p,
dl,
dd,
ul,
ol,
form,
input,
textarea,
th,
td,
select {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
em {
  font-style: normal;
}
i {
  font-style: normal;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
img {
  border: none;
}
table {
  /* table间间隙 */
  border-collapse: collapse;
}
input,
textarea {
  /* 取消chrome输入框得到焦点变色的效果 */
  outline: none;
}
textarea {
  /* 取消变大变小功能 */
  resize: none;
  overflow: auto;
}
header,
footer,
section {
  position: relative;
  display: block;
  width: 100%;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  font-size: 16px;
  font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
  color: #4d4d4d;
  letter-spacing: 0.1em;
}
/* end 样式重置结束 */
header {
  position: absolute;
  color: rgba(255, 255, 255, 0.55);
  z-index: 10000;
}
header .header-top {
  font-size: 14px;
  height: 45px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
header .header-top p.left {
  top: 13px;
  letter-spacing: 0.04em;
}
header .header-top p.right {
  top: 9px;
}
header .header-top p.right a {
  -webkit-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  transition: all ease 0.2s;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.55);
}
header .header-top p.right a.login {
  margin-right: 18px;
}
header .header-top p.right a.login:hover {
  color: #0090f8;
}
header .header-top p.right a.registe {
  display: inline-block;
  width: 48px;
  line-height: 24px;
  border: 1px solid rgba(255, 255, 255, 0.55);
  text-align: center;
  border-radius: 2px;
}
header .header-top p.right a.registe:hover {
  color: #009fe8;
  border-color: #0090f8;
}
header .header-nav {
  white-space: nowrap;
}
header .header-nav > .container {
  margin-top: 17px;
}
header .header-nav > .container > a {
  float: left;
  margin-right: 66px;
  line-height: 0;
}
header .header-nav .ul1 {
  position: relative;
  float: left;
}
header .header-nav .ul1 a {
  color: white;
  display: block;
}
header .header-nav .ul1 > li {
  float: left;
  position: relative;
}
header .header-nav .ul1 > li > a {
  line-height: 40px;
  padding: 0 30px;
  font-weight: bold;
}
header .header-nav .ul1 > li.active > a {
  color: #0090f8;
}
header .header-nav .ul1 > li.active > .ul2 {
  display: block;
}
header .header-nav .ul1 .bottom-line {
  height: 3px;
  background: #0090f8;
  position: absolute;
  bottom: 0px;
}
header .header-nav .ul2,
header .header-nav .ul3 {
  position: absolute;
  background: #1d2023;
}
header .header-nav .ul2 li:hover,
header .header-nav .ul3 li:hover {
  background: rgba(35, 39, 43, 0.89);
}
header .header-nav .ul2 {
  font-size: 14px;
  top: 40px;
  left: 50%;
  display: none;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
header .header-nav .ul2 > li {
  position: relative;
}
header .header-nav .ul2 > li a {
  line-height: 40px;
  padding: 0px 30px;
}
header .header-nav .ul2 > li:hover .ul3 {
  display: block;
}
header .header-nav .ul3 {
  font-size: 12px;
  left: 100%;
  top: 0px;
  display: none;
}
hr {
  height: 1px;
  border: none;
  background: #dcdcdc;
  margin-top: 20px;
  margin-bottom: 63px;
}
.container {
  width: 1160px;
  margin: 0 auto;
  position: relative;
}
ul.withdot > li {
  position: relative;
  padding-left: 36px;
}
ul.withdot > li:before {
  content: "";
  background: #0070a2;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -5px;
}
/*关于我们 top-nav导航*/
section.aboutus-top-nav {
  padding: 0 !important;
  background: #eef2f7;
  height: 60px;
  z-index: 10;
}
section.aboutus-top-nav .container > ul {
  height: 60px;
  text-align: center;
  zoom: 1;
}
section.aboutus-top-nav .container > ul:after {
  display: block;
  content: "";
  clear: both;
}
section.aboutus-top-nav .container > ul > li {
  width: 122px;
  height: 100%;
  float: left;
  position: relative;
}
section.aboutus-top-nav .container > ul > li.active {
  border-bottom: 3px solid #0090f8;
}
section.aboutus-top-nav .container > ul > li a {
  display: inline-block;
  height: 100%;
  line-height: 60px;
  width: 100%;
}
section.aboutus-top-nav .container > ul > li:nth-child(1) {
  margin-left: 20px;
}
section.aboutus-top-nav .container > ul > li:nth-child(2) {
  margin-left: 118px;
}
section.aboutus-top-nav .container > ul > li:nth-child(3) {
  margin-left: 138px;
}
section.aboutus-top-nav .container > ul > li:nth-child(4) {
  margin-left: 128px;
}
section.aboutus-top-nav .container > ul > li:nth-child(5) {
  margin-left: 124px;
}
section.aboutus-top-nav a {
  color: #4d4d4d;
}
footer {
  text-align: center;
  background: #2f2f2f;
  color: #999;
}
footer .foot-top {
  text-align: left;
  height: 142px;
  border-bottom: 1px solid #464545;
  padding-top: 36px;
}
footer .foot-top .container {
  height: 100%;
  zoom: 1;
}
footer .foot-top .container:after {
  display: block;
  content: "";
  clear: both;
}
footer .foot-top .container > a {
  float: left;
  margin-right: 148px;
  margin-top: 28px;
}
footer .foot-top .container > div {
  float: left;
}
footer .foot-top .container > div label {
  color: #fff;
  font-size: 18px;
  display: block;
  margin-bottom: 6px;
}
footer .foot-top .container > div a {
  font-size: 12px;
  line-height: 22px;
  color: #999;
}
footer .foot-top .container > div a:hover {
  color: white;
}
footer .foot-top .container .product {
  width: 248px;
}
footer .foot-top .container .method {
  width: 264px;
}
footer .foot-top .container .aboutus {
  width: 215px;
}
footer .foot-top .container .seeme {
  float: right;
  width: 99px;
  height: 99px;
}
footer .foot-top .container .seeme img {
  display: block;
  width: 100%;
  height: 100%;
}
footer .foot-top .container .seeme p {
  text-align: center;
  font-size: 12px;
  line-height: 28px;
}
footer > .container {
  line-height: 70px;
  font-size: 12px;
}
footer > .container span {
  display: inline-block;
  width: 18px;
  height: 20px;
  background: url(/static/image/aeb91d5501ef041a5e4defe6a7234b19.png) -343px 0px no-repeat;
  margin: 0 5px;
  vertical-align: -5px;
}
/* 初始化 */
.clearfix {
  zoom: 1;
}
.clearfix:after {
  display: block;
  content: "";
  clear: both;
}
.textleft {
  text-align: left;
}
.left {
  float: left;
  position: relative;
}
.right {
  float: right;
  position: relative;
}
.back {
  background: #f7f9fc;
}
.close {
  cursor: pointer;
  color: white;
  border-radius: 12px;
  line-height: 30px;
  text-align: center;
  height: 30px;
  width: 30px;
  font-size: 30px;
  padding: 1px;
  top: -30px;
  right: 0;
  position: absolute;
}
/* use cross as close button */
.close::before {
  content: "\2716";
}
/* 背景轮播区域 */
div.jumbotron .swiper-container {
  background: black;
  height: 615px;
  color: #fff;
  position: relative;
  overflow: hidden;
}
div.jumbotron .swiper-container > ul > li img {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
div.jumbotron .swiper-container>ul>li img:nth-child(4) {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
div.jumbotron .swiper-container > ul > li a.more {
  font-size: 22px;
  letter-spacing: 0.2em;
  width: 215px;
  line-height: 44px;
  text-align: center;
  border: 1px solid #fff;
  margin-top: 48px;
  color: #fff;
  display: inline-block;
  margin-left: 40px;
  transition: all 0.5s ease;
  position: relative;
}
div.jumbotron .swiper-container > ul > li a.more:hover {
  background: white;
  color: black;
}
div.jumbotron .swiper-container > ul > li a.more:hover span {
  background: white;
}
div.jumbotron .swiper-container > ul > li a.more:hover span.line-top {
  width: 215px;
  left: -1px;
}
div.jumbotron .swiper-container > ul > li a.more:hover span.line-bottom {
  width: 215px;
  left: -1px;
}
div.jumbotron .swiper-container > ul > li a.more:hover span.line-right {
  height: 46px;
  top: -1px;
}
div.jumbotron .swiper-container > ul > li a.more:hover span.line-left {
  top: -1px;
  height: 46px;
}
div.jumbotron .swiper-container > ul > li a.more span {
  position: absolute;
  background: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
div.jumbotron .swiper-container > ul > li a.more span.line-top {
  width: 0px;
  height: 1px;
  top: -1px;
  left: -100%;
}
div.jumbotron .swiper-container > ul > li a.more span.line-bottom {
  width: 0px;
  height: 1px;
  bottom: -1px;
  left: 200%;
}
div.jumbotron .swiper-container > ul > li a.more span.line-right {
  width: 1px;
  height: 0px;
  right: -1px;
  top: -100%;
}
div.jumbotron .swiper-container > ul > li a.more span.line-left {
  left: -1px;
  top: 200%;
  width: 1px;
  height: 0px;
}
@keyframes containerAni {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    -moz-transform: translate3d(0, 30%, 0);
    -ms-transform: translate3d(0, 30%, 0);
    -o-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
div.jumbotron .swiper-container > ul > li .containerAni {
  -webkit-animation: containerAni 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 forwards;
  -o-animation: containerAni 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 forwards;
  animation: containerAni 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 forwards;
}
div.jumbotron .swiper-container > ul > li div.container {
  -webkit-transform: translate3d(0, 30%, 0);
  -moz-transform: translate3d(0, 30%, 0);
  -ms-transform: translate3d(0, 30%, 0);
  -o-transform: translate3d(0, 30%, 0);
  transform: translate3d(0, 30%, 0);
  opacity: 0;
  position: relative;
}
div.jumbotron .swiper-container > ul > li div.container > p,
div.jumbotron .swiper-container > ul > li div.container > a {
  margin-left: 76px;
}
div.jumbotron .swiper-container > ul > li div.container p {
  letter-spacing: 0.2em;
  font-size: 20px;
}
div.jumbotron .swiper-container > ul > li:nth-child(1) div.container {
  top: 206px;
}
div.jumbotron .swiper-container > ul > li:nth-child(1) div.container p:nth-child(1) {
  width: 488px;
  line-height: 62px;
  border-radius: 3px;
  text-align: center;
  background: white;
  color: black;
  font-size: 38px;
}
div.jumbotron .swiper-container > ul > li:nth-child(1) div.container p:nth-child(2) {
  margin-top: 29px;
}
div.jumbotron .swiper-container > ul > li:nth-child(1) div.container p:nth-child(3) {
  margin-top: 21px;
}
div.jumbotron .swiper-container > ul > li:nth-child(1) div.container p:nth-child(4) {
  margin-top: 17px;
}
div.jumbotron .swiper-container > ul > li:nth-child(1) div.container p:not(:first-child),
div.jumbotron .swiper-container > ul > li:nth-child(1) div.container a {
  margin-left: 116px;
}
div.jumbotron .swiper-container > ul > li:nth-child(2) div.container {
  top: 206px;
}
div.jumbotron .swiper-container > ul > li:nth-child(2) div.container p:nth-child(1) {
  letter-spacing: 0.58em;
  line-height: 30px;
}
div.jumbotron .swiper-container > ul > li:nth-child(2) div.container p:nth-child(2) {
  font-size: 38px;
  letter-spacing: 0.16em;
}
div.jumbotron .swiper-container > ul > li:nth-child(2) div.container p:nth-child(3) {
  margin-top: 24px;
  width: 710px;
  line-height: 34px;
}
div.jumbotron .swiper-container > ul > li:nth-child(2) div.container a.more {
  margin-top: 42px;
}
div.jumbotron .swiper-container > ul > li:nth-child(3) div.container {
  top: 233px;
}
div.jumbotron .swiper-container > ul > li:nth-child(3) div.container p:nth-child(1) {
  font-size: 38px;
  letter-spacing: 0.16em;
}
div.jumbotron .swiper-container > ul > li:nth-child(3) div.container p:nth-child(2) {
  width: 703px;
  line-height: 34px;
  letter-spacing: 0.2em;
  margin-top: 32px;
}
div.jumbotron .swiper-container > ul > li:nth-child(3) div.container a {
  margin-top: 60px;
}



div.jumbotron .swiper-container>ul>li:nth-child(4) div.container {
  top: 206px;
}

div.jumbotron .swiper-container>ul>li:nth-child(4) div.container p:nth-child(1) {
  font-size: 38px;
  letter-spacing: 0.16em;
}

div.jumbotron .swiper-container>ul>li:nth-child(4) div.container p:nth-child(2) {
  font-size: 38px;
    letter-spacing: 0.16em;
}
div.jumbotron .swiper-container>ul>li:nth-child(4) div.container p:nth-child(3) {
  width: 703px;
  line-height: 34px;
  letter-spacing: 0.2em;
  margin-top: 32px;
}

div.jumbotron .swiper-container>ul>li:nth-child(4) div.container a {
  margin-top: 60px;
}




div.jumbotron .swiper-container>ul>li:nth-child(5) div.container {
  top: 206px;
}

div.jumbotron .swiper-container>ul>li:nth-child(5) div.container p:nth-child(1) {
  font-size: 38px;
  letter-spacing: 0.16em;
}

div.jumbotron .swiper-container>ul>li:nth-child(5) div.container p:nth-child(2) {
  font-size: 38px;
    letter-spacing: 0.16em;
}
div.jumbotron .swiper-container>ul>li:nth-child(5) div.container p:nth-child(3) {
  width: 703px;
  line-height: 34px;
  letter-spacing: 0.2em;
  margin-top: 32px;
}

div.jumbotron .swiper-container>ul>li:nth-child(5) div.container a {
  margin-top: 60px;
}






div.jumbotron .swiper-container:hover div.btn-wrapper .rightBtn {
  opacity: 1;
  right: -61px;
}
div.jumbotron .swiper-container:hover div.btn-wrapper .leftBtn {
  opacity: 1;
  left: -61px;
}
div.jumbotron .swiper-container div.btn-wrapper {
  position: relative;
  width: 1160px;
  margin: 0 auto;
  height: 50px;
  top: 302px;
}
div.jumbotron .swiper-container div.btn-wrapper .leftBtn {
  transition: all ease 0.5s;
  z-index: 4;
  cursor: pointer;
  background: url(/static/image/aeb91d5501ef041a5e4defe6a7234b19.png) -182px 0px no-repeat;
  display: block;
  width: 28px;
  height: 50px;
  position: absolute;
  opacity: 0;
  left: -90px;
}
div.jumbotron .swiper-container div.btn-wrapper .rightBtn {
  display: block;
  transition: all ease 0.5s;
  z-index: 4;
  cursor: pointer;
  background: url(/static/image/aeb91d5501ef041a5e4defe6a7234b19.png) -233px 0px no-repeat;
  width: 28px;
  height: 50px;
  position: absolute;
  opacity: 0;
  right: -90px;
}
div.jumbotron .swiper-container > ol {
  position: absolute;
  display: inline-block;
  bottom: 20px;
}
div.jumbotron .swiper-container > ol li {
  cursor: pointer;
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid white;
  margin: 0 7px !important;
}
div.jumbotron .swiper-container > ol li.cur {
  background: white;
}
/* main部分 */
div.main {
  text-align: center;
}
div.main section {
  padding: 75px 0;
}
div.main section a.more,
div.main section p.h1,
div.main section p.h2 {
  color: #0070a2;
}
div.main section a.more {
  width: 168px;
  line-height: 36px;
  font-size: 18px;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #0070a2;
  transition: all 0.2s ease;
  position: absolute;
  bottom: 0;
}
div.main section a.more:hover {
  background: #0070a2;
  color: white;
}
div.main section h2 {
  color: #0070a2;
  font-size: 32px;
  font-weight: normal;
}
section.cloud,
section.IDC,
section.cooperation,
section.ZAN {
  background: #f7f9fc;
}
.triangle:after {
  display: block;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: 38px solid white;
  bottom: -38px;
  margin-left: -38px;
  left: 50%;
  z-index: 2;
  border-bottom: none;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}
.triangle.white:after {
  border-color: white;
}
.triangle.gray:after {
  border-color: #f7f9fc;
}
/* 各个sectin */
section.wecan {
  padding: 53px 0 !important;
}
section.wecan p {
  font-size: 25px;
  margin-top: 15px;
  letter-spacing: 0.2em;
}
@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes anticlockwise {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes heart {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  50% {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  75% {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
.epcloud-ani {
  -webkit-animation: heart 2s linear infinite forwards;
  -o-animation: heart 2s linear infinite forwards;
  animation: heart 2s linear infinite forwards;
}
section.cloud div.container {
  height: 580px;
}
section.cloud div.container div.img-wrapper {
  width: 1010px;
  height: 500px;
  margin: 0 auto;
  position: relative;
}
section.cloud div.container div.img-wrapper .item {
  background: #deebf3;
  border-radius: 13px;
  position: absolute;
}
section.cloud div.container div.img-wrapper .item img {
  margin-top: 15px;
}
section.cloud div.container div.img-wrapper .item p {
  font-size: 20px;
  position: absolute;
  bottom: 10px;
  width: 100%;
}
section.cloud div.container div.img-wrapper .item1 {
  width: 160px;
  height: 160px;
  left: 0;
  top: 0;
  background: rgba(234, 134, 147, 0.1);
}
section.cloud div.container div.img-wrapper .item2 {
  right: 0;
  top: 0;
  width: 230px;
  height: 230px;
  background: rgba(115, 136, 189, 0.1);
}
section.cloud div.container div.img-wrapper .item2 img {
  margin-top: 32px;
}
section.cloud div.container div.img-wrapper .item3 {
  width: 180px;
  height: 180px;
  left: 0;
  bottom: 0;
  margin-top: 7px;
  background: rgba(80, 172, 167, 0.1);
}
section.cloud div.container div.img-wrapper .item4 {
  right: 0;
  bottom: 0;
  width: 150px;
  height: 150px;
  background: rgba(228, 149, 109, 0.1);
}
section.cloud div.container div.img-wrapper .item4 img {
  margin-top: 20px;
}
section.cloud div.container div.wrapper {
  width: 379px;
  height: 381px;
  position: absolute;
  left: 0;
  top: 108px;
  left: 394px;
}
section.cloud div.container div.wrapper > div {
  -webkit-transform-origin: 190px 191px;
  -moz-transform-origin: 190px 191px;
  -ms-transform-origin: 190px 191px;
  -o-transform-origin: 190px 191px;
  transform-origin: 190px 191px;
}
section.cloud div.container div.wrapper > div {
  position: absolute;
  left: 0;
  top: 0;
  height: 379px;
  width: 381px;
}
section.cloud div.container div.wrapper > div.active1 {
  -webkit-animation: clockwise 40s linear infinite forwards;
  -o-animation: clockwise 40s linear infinite forwards;
  animation: clockwise 40s linear infinite forwards;
}
section.cloud div.container div.wrapper > div.active2 {
  -webkit-animation: anticlockwise 40s linear infinite forwards;
  -o-animation: anticlockwise 40s linear infinite forwards;
  animation: anticlockwise 40s linear infinite forwards;
}
section.cloud div.container div.wrapper > p.text {
  width: 132px;
  height: 84px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAABUCAYAAABDep+IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjM0RUFFM0NDMDczMTFFN0E0NjhBNUYxNUZGMTNFQUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjM0RUFFM0RDMDczMTFFN0E0NjhBNUYxNUZGMTNFQUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MzRFQUUzQUMwNzMxMUU3QTQ2OEE1RjE1RkYxM0VBQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MzRFQUUzQkMwNzMxMUU3QTQ2OEE1RjE1RkYxM0VBQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PshrhdoAAAb+SURBVHja7F1tbBRF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) no-repeat;
  line-height: 111px;
  color: white;
  font-size: 22px;
  letter-spacing: 0.02em;
  position: absolute;
  left: 50%;
  margin-left: -66px;
  top: 50%;
  margin-top: -46px;
}
section.cloud div.container a.more {
  left: 50%;
  margin-left: -85px;
}
section.safeservice {
  text-align: left;
}
section.safeservice div.container {
  height: 445px;
}
section.safeservice div.left {
  width: 302px;
  margin-left: 32px;
}
section.safeservice div.left div {
  margin-left: 66px;
  margin-top: 34px;
}
section.safeservice h2,
section.safeservice h3 {
  margin-bottom: 15px;
}
section.safeservice ul.ul1 {
  margin-left: 66px;
  font-size: 18px;
}
section.safeservice li {
  line-height: 46px;
}
section.safeservice hr {
  margin: 20px 0;
}
section.safeservice h3 {
  line-height: 31px;
  font-size: 28px;
  color: #0070a2;
}
section.safeservice h3 span {
  display: inline-block;
  width: 29px;
  height: 29px;
  background: url(/static/image/aeb91d5501ef041a5e4defe6a7234b19.png) -312px 0px no-repeat;
  vertical-align: -4px;
  margin-right: 4px;
}
section.safeservice .ul2 {
  margin-left: 50px;
}
section.safeservice a.more {
  left: 98px;
}
section.IDC {
  background: url(/static/image/f840f7329f29835be85e6fd1ed49002c.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  text-align: left;
  color: white;
  height: 527px;
}
section.IDC h2 {
  color: white !important;
}
section.IDC div.container {
  height: 527px;
}
section.IDC div.container ul {
  margin-top: 38px;
}
section.IDC div.container li {
  line-height: 28px;
  margin-bottom: 34px;
}
section.IDC div.container li:before {
  background: white;
}
section.IDC div.container > div {
  margin: 0 auto;
  width: 570px;
}
section.IDC div.container a.more {
  left: 50%;
  margin-left: -85px;
  color: white;
  border: 1px solid white;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
section.IDC div.container a.more:hover {
  background: white;
  color: #0070a2;
}
@keyframes ripple {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    border: 1px solid #348cb4;
    transform: scale(2, 2);
  }
}
section.distribute {
  padding-top: 35px !important;
  padding-bottom: 57px !important;
}
section.distribute h2 {
  margin-bottom: 20px;
}
section.distribute div.container > p {
  margin-bottom: 30px;
}
section.distribute div.container div.wrapper {
  margin: 0 auto;
  position: relative;
  width: 746px;
}
section.distribute div.container div.wrapper img {
  width: 100%;
}
section.distribute div.container .point-area {
  text-align: left;
  position: absolute;
}
section.distribute div.container .point-area .point {
  z-index: 4;
  cursor: pointer;
  position: relative;
  bottom: 6px;
  background: #0070a2;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}
section.distribute div.container .point-area div.bubble {
  z-index: 5;
  padding-bottom: 15px;
  display: none;
  width: 220px;
  text-align: center;
  position: absolute;
  left: -105px;
  bottom: 16px;
}
section.distribute div.container .point-area div.bubble:after {
  content: "";
  display: block;
  border: 10px solid #3d4249;
  width: 0;
  height: 0;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
  position: absolute;
  bottom: 5px;
  left: 100px;
}
section.distribute div.container .point-area div.bubble div.bubble-inner {
  display: inline-block;
  background: #3d4249;
  padding: 10px 18px;
  border-radius: 4px;
}
section.distribute div.container .point-area div.bubble div.bubble-inner p {
  text-align: center;
  font-size: 11px;
  line-height: 25px;
  margin: 6px 0;
}
section.distribute div.container .point-area div.bubble div.bubble-inner a {
  color: white;
}
section.distribute div.container .point-area div.ripple {
  display: none;
  position: absolute;
  width: 80px;
  height: 80px;
  left: -35px;
  top: -35px;
}
section.distribute div.container .point-area div.ripple.ripple-1:after {
  animation: ripple 2250ms ease-out infinite;
}
section.distribute div.container .point-area div.ripple.ripple-2:after {
  animation: ripple 2250ms ease-out 1125ms infinite;
}
section.distribute div.container .point-area div.ripple:after {
  box-sizing: border-box;
  transform: translate3d(0, 0, 0);
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  opacity: 0;
  left: 25px;
  top: 25px;
  position: absolute;
  border: 1px solid #348cb4;
  border-radius: 50%;
}
section.distribute div.container .point-area p.name {
  font-size: 10px;
  position: relative;
  bottom: 6px;
  display: inline-block;
  text-indent: 2px;
  text-align: left;
  letter-spacing: 0.1em;
  z-index: 2;
}
section.distribute div.container .point-area.showBubble div.bubble {
  display: block;
}
section.distribute div.container .point-area.showRipple div.ripple {
  display: block;
}
section.distribute div.container .point-area.showripple div.ripple {
  display: block;
}
section.cooperation {
  padding: 54px 0 !important;
}
section.cooperation div.container {
  height: 312px;
}
section.cooperation div.container img {
  margin-bottom: 10px;
}
section.cooperation div.container p {
  letter-spacing: 0.2em;
}
section.cooperation div.container p:nth-of-type(1) {
  font-size: 25px;
  margin-bottom: 10px;
}
section.cooperation div.container a.more {
  left: 50%;
  margin-left: -85px;
}
section.zanpartner {
  padding: 75px 0 !important;
}
section.zanpartner div.container > div.wrapper {
  width: 760px;
  height: 120px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
section.zanpartner div.container > div.wrapper * {
  box-sizing: content-box;
}
section.zanpartner div.container > div.wrapper ul {
  position: relative;
  width: 760px;
  overflow: hidden;
  height: 120px;
}
section.zanpartner div.container > div.wrapper li {
  width: 120px;
  height: 120px;
  position: absolute;
  left: 760px;
}
section.zanpartner div.container > div.wrapper div.withBack {
  width: 85px;
  height: 85px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 0px solid #ced7e3;
  border-radius: 50%;
}
section.zanpartner div.container > div.wrapper div.mask {
  width: 100%;
  height: 100%;
  background: #d5ddea;
  border-radius: 50%;
  opacity: 0.4;
  /*border:0px solid #ced7e3;*/
}
@keyframes borderAni {
  0% {
    border-width: 0px;
  }
  20% {
    border-width: 10px;
  }
  100% {
    border-width: 10px;
  }
}
section.zanpartner div.container > div.wrapper .backAni0 {
  animation: backAni0 1.5s ease 2;
  animation-direction: alternate;
}
@keyframes backAni0 {
  0% {
    width: 85px;
    height: 85px;
    background-position: 0px 0px;
    border-width: 0px;
  }
  20% {
    width: 100px;
    height: 100px;
    background-position: 0px 0px;
    border-width: 10px;
  }
  100% {
    width: 100px;
    height: 100px;
    background-position: 0px 0px;
    border-width: 10px;
  }
}
section.zanpartner div.container > div.wrapper .backAni1 {
  animation: backAni1 1.5s ease 2;
  animation-direction: alternate;
}
@keyframes backAni1 {
  0% {
    width: 85px;
    height: 85px;
    background-position: 0px -85px;
    border-width: 0px;
  }
  20% {
    width: 100px;
    height: 100px;
    background-position: 0px -100px;
    border-width: 10px;
  }
  100% {
    width: 100px;
    height: 100px;
    background-position: 0px -100px;
    border-width: 10px;
  }
}
section.zanpartner div.container > div.wrapper .backAni2 {
  animation: backAni2 1.5s ease 2;
  animation-direction: alternate;
}
@keyframes backAni2 {
  0% {
    width: 85px;
    height: 85px;
    background-position: 0px -170px;
    border-width: 0px;
  }
  20% {
    width: 100px;
    height: 100px;
    background-position: 0px -200px;
    border-width: 10px;
  }
  100% {
    width: 100px;
    height: 100px;
    background-position: 0px -200px;
    border-width: 10px;
  }
}
section.zanpartner div.container > div.wrapper .backAni3 {
  animation: backAni3 1.5s ease 2;
  animation-direction: alternate;
}
@keyframes backAni3 {
  0% {
    width: 85px;
    height: 85px;
    background-position: 0px -255px;
    border-width: 0px;
  }
  20% {
    width: 100px;
    height: 100px;
    background-position: 0px -300px;
    border-width: 10px;
  }
  100% {
    width: 100px;
    height: 100px;
    background-position: 0px -300px;
    border-width: 10px;
  }
}
section.zanpartner div.container > div.wrapper .backAni4 {
  animation: backAni4 1.5s ease 2;
  animation-direction: alternate;
}
@keyframes backAni4 {
  0% {
    width: 85px;
    height: 85px;
    background-position: 0px -340px;
    border-width: 0px;
  }
  20% {
    width: 100px;
    height: 100px;
    background-position: 0px -400px;
    border-width: 10px;
  }
  100% {
    width: 100px;
    height: 100px;
    background-position: 0px -400px;
    border-width: 10px;
  }
}
section.zanpartner div.container > div.wrapper .backAni5 {
  animation: backAni5 1.5s ease 2;
  animation-direction: alternate;
}
@keyframes backAni5 {
  0% {
    width: 85px;
    height: 85px;
    background-position: 0px -425px;
    border-width: 0px;
  }
  20% {
    width: 100px;
    height: 100px;
    background-position: 0px -500px;
    border-width: 10px;
  }
  100% {
    width: 100px;
    height: 100px;
    background-position: 0px -500px;
    border-width: 10px;
  }
}
section.zanpartner div.container > div.wrapper .backAni6 {
  animation: backAni6 1.5s ease 2;
  animation-direction: alternate;
}
@keyframes backAni6 {
  0% {
    width: 85px;
    height: 85px;
    background-position: 0px -510px;
    border-width: 0px;
  }
  20% {
    width: 100px;
    height: 100px;
    background-position: 0px -600px;
    border-width: 10px;
  }
  100% {
    width: 100px;
    height: 100px;
    background-position: 0px -600px;
    border-width: 10px;
  }
}
section.zanpartner div.container > div.wrapper .backAni7 {
  animation: backAni7 1.5s ease 2;
  animation-direction: alternate;
}
@keyframes backAni7 {
  0% {
    width: 85px;
    height: 85px;
    background-position: 0px -595px;
    border-width: 0px;
  }
  20% {
    width: 100px;
    height: 100px;
    background-position: 0px -700px;
    border-width: 10px;
  }
  100% {
    width: 100px;
    height: 100px;
    background-position: 0px -700px;
    border-width: 10px;
  }
}
section.zanpartner div.container > div.wrapper .backAni8 {
  animation: backAni8 1.5s ease 2;
  animation-direction: alternate;
}
@keyframes backAni8 {
  0% {
    width: 85px;
    height: 85px;
    background-position: 0px -680px;
    border-width: 0px;
  }
  20% {
    width: 100px;
    height: 100px;
    background-position: 0px -800px;
    border-width: 10px;
  }
  100% {
    width: 100px;
    height: 100px;
    background-position: 0px -800px;
    border-width: 10px;
  }
}
section.zanpartner div.container > div.wrapper .backAni9 {
  animation: backAni9 1.5s ease 2;
  animation-direction: alternate;
}
@keyframes backAni9 {
  0% {
    width: 85px;
    height: 85px;
    background-position: 0px -765px;
    border-width: 0px;
  }
  20% {
    width: 100px;
    height: 100px;
    background-position: 0px -900px;
    border-width: 10px;
  }
  100% {
    width: 100px;
    height: 100px;
    background-position: 0px -900px;
    border-width: 10px;
  }
}
section.zanpartner div.container > div.wrapper .backAni10 {
  animation: backAni10 1.5s ease 2;
  animation-direction: alternate;
}
@keyframes backAni10 {
  0% {
    width: 85px;
    height: 85px;
    background-position: 0px -850px;
    border-width: 0px;
  }
  20% {
    width: 100px;
    height: 100px;
    background-position: 0px -1000px;
    border-width: 10px;
  }
  100% {
    width: 100px;
    height: 100px;
    background-position: 0px -1000px;
    border-width: 10px;
  }
}
section.zanpartner div.container > div.wrapper .backAni11 {
  animation: backAni11 1.5s ease 2;
  animation-direction: alternate;
}
@keyframes backAni11 {
  0% {
    width: 85px;
    height: 85px;
    background-position: 0px -935px;
    border-width: 0px;
  }
  20% {
    width: 100px;
    height: 100px;
    background-position: 0px -1100px;
    border-width: 10px;
  }
  100% {
    width: 100px;
    height: 100px;
    background-position: 0px -1100px;
    border-width: 10px;
  }
}
section.zanpartner div.container > div.wrapper li:nth-child(1) div.withBack {
  background: url(/static/image/0e6d99527b6de0ee6f182bb08f9f11a5.png) no-repeat;
  background-position: 0px 0px;
  background-size: 100% auto;
}
section.zanpartner div.container > div.wrapper li:nth-child(2) div.withBack {
  background: url(/static/image/0e6d99527b6de0ee6f182bb08f9f11a5.png) no-repeat;
  background-position: 0px -85px;
  background-size: 100% auto;
}
section.zanpartner div.container > div.wrapper li:nth-child(3) div.withBack {
  background: url(/static/image/0e6d99527b6de0ee6f182bb08f9f11a5.png) no-repeat;
  background-position: 0px -170px;
  background-size: 100% auto;
}
section.zanpartner div.container > div.wrapper li:nth-child(4) div.withBack {
  background: url(/static/image/0e6d99527b6de0ee6f182bb08f9f11a5.png) no-repeat;
  background-position: 0px -255px;
  background-size: 100% auto;
}
section.zanpartner div.container > div.wrapper li:nth-child(5) div.withBack {
  background: url(/static/image/0e6d99527b6de0ee6f182bb08f9f11a5.png) no-repeat;
  background-position: 0px -340px;
  background-size: 100% auto;
}
section.zanpartner div.container > div.wrapper li:nth-child(6) div.withBack {
  background: url(/static/image/0e6d99527b6de0ee6f182bb08f9f11a5.png) no-repeat;
  background-position: 0px -425px;
  background-size: 100% auto;
}
section.zanpartner div.container > div.wrapper li:nth-child(7) div.withBack {
  background: url(/static/image/0e6d99527b6de0ee6f182bb08f9f11a5.png) no-repeat;
  background-position: 0px -510px;
  background-size: 100% auto;
}
section.zanpartner div.container > div.wrapper li:nth-child(8) div.withBack {
  background: url(/static/image/0e6d99527b6de0ee6f182bb08f9f11a5.png) no-repeat;
  background-position: 0px -595px;
  background-size: 100% auto;
}
section.zanpartner div.container > div.wrapper li:nth-child(9) div.withBack {
  background: url(/static/image/0e6d99527b6de0ee6f182bb08f9f11a5.png) no-repeat;
  background-position: 0px -680px;
  background-size: 100% auto;
}
section.zanpartner div.container > div.wrapper li:nth-child(10) div.withBack {
  background: url(/static/image/0e6d99527b6de0ee6f182bb08f9f11a5.png) no-repeat;
  background-position: 0px -765px;
  background-size: 100% auto;
}
section.zanpartner div.container > div.wrapper li:nth-child(11) div.withBack {
  background: url(/static/image/0e6d99527b6de0ee6f182bb08f9f11a5.png) no-repeat;
  background-position: 0px -850px;
  background-size: 100% auto;
}
section.zanpartner div.container > div.wrapper li:nth-child(12) div.withBack {
  background: url(/static/image/0e6d99527b6de0ee6f182bb08f9f11a5.png) no-repeat;
  background-position: 0px -935px;
  background-size: 100% auto;
}