/* 颜色 */
/**
  * 圆角（四个角一样）
  * 参数为（圆角值）
  */
/**
  * 圆角（四个角不一样）
  * 参数为（上圆角值，右圆角值，下圆角值，左圆角值）
  */
/**
  * 投影样式
  * 参数为（水平偏移值，垂直偏移值，模糊半价，投影颜色）
  */
/**
  * 三角箭头（向上）
  * 参数为（三角箭头大小，颜色，距离左端的位置）
  */
/**
  * 三角箭头（向右）
  * 参数为（三角箭头大小，颜色，距离左端的位置）
  */
/**
  * 三角箭头（向下）
  * 参数为（三角箭头大小，颜色，距离左端的位置）
  */
/**
  * 三角箭头（向左）
  * 参数为（三角箭头大小，颜色，距离左端的位置）
  */
/**
  * 按钮大小
  * 参数为（宽度，高度，字体大小）
  */
/**
  * 按钮样式
  * 参数为（背景颜色，字体颜色）
  */
/**
  * 内容垂直居中
  */
.vertical-middle:after {
  display: inline-block;
  width: 0;
  height: 100%;
  content: "center";
  vertical-align: middle;
  overflow: hidden;
}
.banner {
  height: 540px;
  width: 100%;
  text-align: center;
  overflow: hidden;
}
.banner img {
  height: 100%;
  margin: 0 -100%;
}
.product {
  padding: 120px 0 130px;
  box-sizing: border-box;
}
.product li {
  width: 50%;
  float: left;
  text-align: center;
}
.product li .p-ico {
  width: 145px;
  height: 109px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
.product li .p-ico:hover {
  webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.product li .ico-1 {
  background-position: 0 -136px;
}
.product li .ico-2 {
  background-position: -165px -136px;
}
.product li h5 {
  font-size: 28px;
  font-weight: 500;
  margin-top: 40px;
  color: #333;
}
.product li p {
  font-size: 18px;
  padding: 15px 0 20px;
  color: #666;
  width: 68%;
  margin: 0 auto;
}
.product li a {
  -moz-border-radius: 22px;
  -webkit-border-radius: 22px;
  border-radius: 22px;
  border: 1px solid #0083fe;
  width: 120px;
  line-height: 34px;
  font-size: 16px;
  color: #0083fe;
}
.product li a:hover {
  background-color: #0083fe;
  color: #fff;
}
.ensure {
  height: 709px;
  padding-top: 70px;
  box-sizing: border-box;
  background: url(../images/ensure_bg.jpg) center no-repeat;
  text-align: center;
}
.ensure h4 {
  font-size: 36px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 75px;
}
.ensure .ensure-ul li {
  float: left;
  width: 356px;
  height: 430px;
  background-color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin: 0 12px;
  padding: 0 26px;
  box-sizing: border-box;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.ensure .ensure-ul li:hover {
  margin-top: -10px;
}
.ensure .ensure-ul li .p-ico {
  width: 144px;
  height: 144px;
  margin: 60px 0 30px;
}
.ensure .ensure-ul li .p-ico:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
}
.ensure .ensure-ul li .ico-1 {
  background-position: -2px -265px;
}
.ensure .ensure-ul li .ico-2 {
  background-position: -150px -265px;
}
.ensure .ensure-ul li .ico-3 {
  background-position: -300px -265px;
}
.ensure .ensure-ul li h5 {
  font-size: 24px;
  color: #333;
}
.ensure .ensure-ul li .sub-tit {
  font-size: 16px;
  color: #999;
  margin-bottom: 25px;
}
.ensure .ensure-ul li .info {
  font-size: 16px;
  color: #666;
}
.client-box {
  text-align: center;
  margin-bottom: 70px;
}
.client-box h4 {
  margin: 60px 0 40px;
  font-weight: 500;
  font-size: 36px;
}
.client-box .client {
  padding: 0 145px;
}
.client-box .client li {
  width: 240px;
  height: 100px;
  background-color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0px 0px 25px #cbe6ff;
  -webkit-box-shadow: 0px 0px 25px #cbe6ff;
  box-shadow: 0px 0px 25px #cbe6ff;
  margin: 15px 20px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.client-box .client li:hover {
  margin: 5px 20px 25px;
}
.client-box .client .client-1 {
  background-position: 0 -450px;
}
.client-box .client .client-2 {
  background-position: -264px -450px;
}
.client-box .client .client-3 {
  background-position: -524px -450px;
}
.client-box .client .client-4 {
  background-position: 0 -572px;
}
.client-box .client .client-5 {
  background-position: -264px -572px;
}
.client-box .client .client-6 {
  background-position: -524px -572px;
}
.client-box .client .client-7 {
  background-position: 0 -696px;
}
.client-box .client .client-8 {
  background-position: -264px -696px;
}
.client-box .client .client-9 {
  background-position: -524px -696px;
}
.data-center {
  padding: 30px 0 20px;
}
.advantage {
  height: 930px;
  background: url(../images/data_bg.jpg) center no-repeat;
}
.advantage h4 {
  margin-bottom: 68px;
}
.advantage .ensure-ul li {
  width: 333px;
  height: 308px;
  margin: 0 20px 30px;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.advantage .ensure-ul li:hover {
  margin: -10px 20px 40px;
}
.advantage .ensure-ul li .p-ico {
  width: 118px;
  height: 118px;
  margin: 28px 0 20px;
}
.advantage .ensure-ul li .ico-1 {
  background-position: 0 -845px;
}
.advantage .ensure-ul li .ico-2 {
  background-position: -136px -845px;
}
.advantage .ensure-ul li .ico-3 {
  background-position: -272px -845px;
}
.advantage .ensure-ul li .ico-4 {
  background-position: -408px -845px;
}
.advantage .ensure-ul li .ico-5 {
  background-position: -544px -845px;
}
.advantage .ensure-ul li .ico-6 {
  background-position: -680px -845px;
}
.advantage .ensure-ul li h5 {
  font-size: 22px;
  margin-bottom: 15px;
  font-weight: 600;
}
.advantage .ensure-ul li .info {
  font-size: 14px;
}
.choose-box .choose {
  padding: 0 50px;
}
.choose-box .choose li {
  width: 226px;
  height: 106px;
  margin: 15px 15px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.choose-box .choose li:hover {
  margin: 5px 15px 25px;
}
.choose-box .choose .client-1 {
  background-position: 0 -1035px;
}
.choose-box .choose .client-2 {
  background-position: -249px -1035px;
}
.choose-box .choose .client-3 {
  background-position: -496px -1035px;
}
.choose-box .choose .client-4 {
  background-position: -744px -1035px;
}
.choose-box .choose .client-5 {
  background-position: 0 -1178px;
}
.choose-box .choose .client-6 {
  background-position: -249px -1178px;
}
.choose-box .choose .client-7 {
  background-position: -496px -1178px;
}
.choose-box .choose .client-8 {
  background-position: -744px -1178px;
}
.cdn-box {
  background: url("../images/cdn-bg.png") no-repeat center;
  width: 1140px;
  height: 830px;
  padding: 0 10px;
  box-sizing: border-box;
}
.cdn-box .cdn-tit li {
  float: left;
  width: 224px;
  height: 80px;
  line-height: 88px;
  font-size: 20px;
  background: url("../images/cdn-02.png");
  text-align: center;
}
.cdn-box .cdn-tit li a {
  color: #0083fe;
}
.cdn-box .cdn-tit .first {
  background: url("../images/cdn-01.png");
}
.cdn-box .cdn-tit .last {
  background: url("../images/cdn-03.png");
}
.cdn-box .cdn-tit .current {
  background: url("../images/cdn-active.png");
}
.cdn-box .cdn-tit .current a {
  color: #333;
}
.cdn-box .cdn-intro .cdn-fl {
  text-align: center;
  width: 58.33333%;
  padding: 100px 0px 90px 40px;
  box-sizing: border-box;
}
.cdn-box .cdn-intro .cdn-fl img {
  vertical-align: middle;
}
.cdn-box .cdn-intro .cdn-fr {
  display: inline-block;
  padding: 130px 50px 60px 0px;
  box-sizing: border-box;
  width: 39.66667%;
  text-align: left;
}
.cdn-box .cdn-intro .cdn-fr h3 {
  font-weight: bold;
  font-size: 20px;
  color: #0083fe;
  margin: 0 0 10px;
}
.cdn-box .cdn-intro .cdn-fr h4 {
  font-weight: bold;
  font-size: 16px;
  margin: 0 0 10px;
}
.cdn-box .cdn-intro .cdn-fr p {
  font-size: 14px;
}
.cdn-box .cdn-intro .cdn-fr hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.goodness {
  margin-top: 60px;
  -ms-text-align-last: right;
  text-align-last: left;
  padding-bottom: 60px;
}
.goodness li {
  width: 534px;
  height: 130px;
  padding: 25px 40px 0;
  box-sizing: border-box;
  margin: 16px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0px 0px 25px #cbe6ff;
  -webkit-box-shadow: 0px 0px 25px #cbe6ff;
  box-shadow: 0px 0px 25px #cbe6ff;
}
.goodness li:hover {
  margin: 6px 16px 26px;
}
.goodness li .p-ico {
  width: 77px;
  height: 76px;
}
.goodness li .ico-1 {
  background-position: 0 -1467px;
}
.goodness li .ico-2 {
  background-position: -77px -1467px;
}
.goodness li .ico-3 {
  background-position: -154px -1467px;
}
.goodness li .ico-4 {
  background-position: -231px -1467px;
}
.goodness h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}
.goodness p {
  font-size: 14px;
  color: #666;
  width: 340px;
}
.function {
  background: url(../images/function_bg.jpg) center no-repeat;
}
.function .ensure-ul li .ico-1 {
  background-position: 0 -1313px;
}
.function .ensure-ul li .ico-2 {
  background-position: -126px -1313px;
}
.function .ensure-ul li .ico-3 {
  background-position: -253px -1313px;
}
.function .ensure-ul li .ico-4 {
  background-position: -379px -1313px;
}
.function .ensure-ul li .ico-5 {
  background-position: -506px -1313px;
}
.function .ensure-ul li .ico-6 {
  background-position: -632px -1313px;
}
.function .ensure-ul li h5 {
  font-size: 22px;
  margin-bottom: 15px;
  font-weight: 600;
}
.function .ensure-ul li .info {
  font-size: 14px;
}
.profile {
  padding: 0  70px;
  font-size: 18px;
  line-height: 2;
  text-align: left;
  text-indent: 2em;
  margin-bottom: 200px;
}
.header {
  width: 100%;
  height: 64px;
  color: #333;
  line-height: 64px;
  background: #fff;
}
.header .logo a {
  color: #333;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 1px;
}
.header .nav > li {
  margin-right: 59px;
  float: left;
}
.header .nav > li .current {
  color: #fff;
  font-weight: bold;
}
.header .nav > li > a {
  color: #333;
  display: block;
  font-size: 16px;
}
.header .nav > li > a:hover {
  color: #0083fe;
}
.header .search {
  border: 1px solid #fff;
  border-radius: 4px;
  width: 226px;
  height: 32px;
  margin-top: 25px;
  position: relative;
}
.header .search input {
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  border: none;
  width: 196px;
  height: 100%;
  padding: 0 12px;
  box-sizing: border-box;
  background: none;
  position: absolute;
  left: 0;
  top: 0;
}
.header .search input::-webkit-input-placeholder {
  color: #fff;
}
.header .search input:-moz-placeholder {
  color: #fff;
}
.header .search input::-moz-placeholder {
  color: #fff;
}
.header .search input:-ms-input-placeholder {
  color: #fff;
}
.header .search .search-btn {
  background: none;
  border: none;
  outline: none;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 32px;
  line-height: 32px;
  width: 29px;
  text-align: center;
}
.header .search .search-btn .p-ico {
  background-position: 0 -60px;
  width: 29px;
  height: 32px;
}
/**
  * 页面主要框架
  * 内容比较少时，footer会停留在底部，内容比较多时，footer在最下面
  * footer要固定高度
  */
/* 底部高度 */
.g-mn {
  position: relative;
  min-height: 100%;
  z-index: 1;
}
.g-mn-bd {
  padding: 0 0 190px;
  zoom: 1;
}
.footer {
  height: 190px;
  margin: -170px 0 0;
  position: relative;
  z-index: 9;
  background-color: #2a333c;
  clear: both;
  text-align: center;
  box-sizing: border-box;
  padding-bottom: 49px;
}
.footer:after {
  width: 0;
  height: 100%;
  content: "";
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}
.footer .footer-bd {
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
  font-size: 18px;
  color: #9b9b9c;
}
.footer .footer-bd .items {
  width: 25%;
  text-align: center;
  line-height: 60px;
  border-right: 1px solid #1a232b;
  box-sizing: border-box;
}
.footer .footer-bd .items a {
  color: #abadb0;
}
.footer .footer-bd .items .p-ico {
  width: 48px;
  height: 56px;
  margin-right: 12px;
}
.footer .footer-bd .items .ico-1 {
  background-position: 0 -60px;
}
.footer .footer-bd .items .ico-2 {
  background-position: -48px -60px;
}
.footer .footer-bd .items .ico-3 {
  background-position: -96px -60px;
}
.footer .footer-bd .items .ico-4 {
  background-position: -144px -60px;
}
.footer .footer-bd .items:hover .ico-1 {
  background-position: 0 0;
}
.footer .footer-bd .items:hover .ico-2 {
  background-position: -48px 0;
}
.footer .footer-bd .items:hover .ico-3 {
  background-position: -96px 0;
}
.footer .footer-bd .items:hover .ico-4 {
  background-position: -144px 0;
}
.footer .footer-bd .items:hover a {
  color: #fff;
}
.footer .footer-bd .items-4 {
  border-right: 0;
}
.footer .records {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  line-height: 48px;
  font-size: 14px;
  color: #abadb0;
  border-top: 1px solid #1a232b;
}
.footer .records .beian {
  color: #abadb0;
}
.footer .records .beian:hover {
  color: #0083fe;
  text-decoration: underline;
}
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  padding: 0;
  line-height: 1.5;
  color: #333;
  font-family: "Microsoft Yahei";
  font-size: 14px;
  background: #fff;
}
input,
textarea,
select,
button {
  font-family: "Microsoft Yahei";
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ul,
ol,
form {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
ul,
ol {
  padding-left: 0;
  list-style-type: none;
}
img {
  border: 0;
}
a {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
}
a:hover {
  text-decoration: none;
}
* {
  box-sizing: content-box;
}
input,
button,
select,
textarea {
  background: none;
  outline: none;
  border: 1px;
}
textarea {
  resize: none;
}
/* 清除浮动 */
.clear {
  clear: both;
  *zoom: 1;
}
.clear:after,
.clear:before {
  display: block;
  content: "clear";
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
/* font */
.b {
  font-weight: bold;
}
/* hide */
.hide {
  display: none;
}
/* float */
.fl {
  float: left;
}
.fr {
  float: right;
}
/* Text */
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
.tl {
  text-align: left;
}
/* position */
.rel {
  position: relative;
}
.abs {
  position: absolute;
}
/* Text */
.p-block {
  display: block;
}
.dis-ib {
  display: inline-block;
}
/* sprite 图片 */
.p-ico {
  background: url("../images/icon.png") no-repeat;
  display: inline-block;
  vertical-align: middle;
}
/* 页面内容宽度 */
.p-wrap-full {
  width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
.w-bg {
  width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
.bg-w {
  background-color: #fff;
}
/* margin/padding */
.mb20 {
  margin-bottom: 20px;
}
.mb10 {
  margin-bottom: 10px;
}
.mt10 {
  margin-top: 10px;
}
.mr36 {
  margin-right: 36px;
}
.p0 {
  padding: 0;
}
.txt-g {
  color: #999;
}
.w1 {
  width: 260px;
}
.wf {
  width: 100%;
}
.ab {
  color: #0083fe;
}
.ab:hover:hover {
  color: #0083fe;
  text-decoration: underline;
}
.ar {
  color: #0083fe;
}
.ar:hover {
  color: #0083fe;
  text-decoration: underline;
}
.ag {
  color: #999;
}
.ag:hover {
  text-decoration: underline;
}
.t-r {
  color: #0083fe;
}
.t-b {
  color: #0083fe;
}
.fs14 {
  font-size: 14px;
}
.fs16 {
  font-size: 16px;
}
.fs18 {
  font-size: 18px;
}
.fs20 {
  font-size: 20px;
}
.fs30 {
  font-size: 30px;
}
.ti {
  text-indent: 2em;
}
.bor-dt {
  border-top: 1px dashed #ddd;
}
.bor-r {
  border-right: 1px solid #ddd;
}
.rs {
  color: #0083fe;
  position: relative;
  margin-right: 8px;
  top: 3px;
}