@charset "UTF-8";
/*--公共部分--*/
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  touch-callout: none;
  cursor: pointer;
}
body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre {
  margin: 0;
  padding: 0;
  border: 0;
  background-repeat: no-repeat;
}
h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
body, button, input, select, textarea {
  font-size: 14px;
  line-height: 24px;
  color: #4f556b;
  font-family: Arial, 'Microsoft YaHei','Hiragino Sans GB', sans-serif;
  background: #fff;
}
ul, li {
  list-style: none;
}
img {
  border: 0px;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
*, :after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
}
article, aside, footer, header, nav, section {
  display: block;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
  color: #333;
  outline: none;
  cursor: pointer;
}
a:hover {
  background-repeat: no-repeat;
  text-decoration: none;
}
a, input[type="button"], button, label, input[type="submit"] {
  cursor: pointer;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
audio, video {
  display: inline-block;
}
[type="checkbox"], [type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
input, textarea, select {
  outline: none;
}
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], select, textarea {
  outline-style: none;
  -webkit-appearance: none;
  resize: none;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  *zoom: 1;
}
.clear {
  clear: both;
  line-height: 0;
  height: 0;
  font-size: 0;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.show {
  display: block !important;
}
.hide {
  display: none !important;
}
.commonweb, .weblg {
  padding: 0px 15px;
  margin: 0 auto;
}
.commonwebbox {
  margin-left: 0px;
  margin-right: 0px;
}
.commonleft {
  float: none;
}
.commonright {
  float: none;
}
.visible-sm, .visible-md, .visible-lg {
  display: none;
}
.hidden-sm, .hidden-md, .hidden-lg {
  display: block;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
@media (max-width: 320px) {
  body {
    min-width: 320px;
  }
}
@media (min-width: 768px) {
  .commonweb, .weblg {
    padding: 0px 20px;
  }
  .commonwebbox {
    margin-left: -10px;
    margin-right: -10px;
  }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .visible-sm {
    display: block;
  }
  .hidden-sm {
    display: none;
  }
}
@media (min-width: 992px) {
  .commonweb, .weblg {
    padding: 0px 40px;
  }
  .commonwebbox {
    margin-left: -10px;
    margin-right: -10px;
  }
  .commonleft {
    float: left;
  }
  .commonright {
    float: right;
  }
  .visible-md {
    display: block;
  }
  .hidden-md {
    display: none;
  }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
}
@media (min-width: 1200px) {
  html {
    cursor: default;
  }
  .commonleft {
    float: left;
  }
  .commonright {
    float: right;
  }
  .visible-lg {
    display: block;
  }
  .hidden-lg {
    display: none;
  }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
}
@media (min-width: 1280px) {
  .weblg {
    margin: 0px auto;
    max-width: 1200px;
    padding: 0;
  }
}
@media (min-width: 1680px) {
  .commonweb {
    margin: 0px auto;
    max-width: 1600px;
    padding: 0;
  }
}
/* layout start*/
@font-face {
  font-family: 'Montserrat-Regular'; src: url("../fonts/Montserrat-Regular.ttf"), url("../fonts/Montserrat-Regular.eot"), url("../fonts/Montserrat-Regular.woff");
}
@font-face {
  font-family: 'airstrip'; src: url("../fonts/airstrip.ttf"), url("../fonts/airstrip.eot"), url("../fonts/airstrip.woff");
}
@charset "UTF-8";
/*箭头*/
@charset "UTF-8";
/*箭头*/
/*公共样式*/
.commonweb1200 {
  max-width: 1200px;
}
.m-pt50 {
  padding-top: 30px;
}
.mptb60 {
  padding-top: 35px;
  padding-bottom: 35px;
}
@media (min-width: 1024px) {
  .m-pt50 {
    padding-top: 50px;
  }
  .mptb60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
/*头部*/
header {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 99;
  width: 100%;
  transition: transform .3s ease, -webkit-transform .3s ease;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}
body {
  padding-top: 60px;
}
.logo {
  float: left;
  width: 30%;
  padding: 15px 0;
}
.logo img {
  height: 30px;
  display: block;
}
nav {
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%;
  padding-bottom: 120px;
  height: 100%;
  overflow-y: auto;
  z-index: 10;
  background: #fff;
  display: none;
}
nav ul li {
  border-bottom: 1px solid #ccc;
}
nav ul li h4 {
  font-size: 16px;
  position: relative;
}
nav ul li h4 a {
  display: block;
  padding: 15px 35px;
  color: #202229;
}
.mobnav-btn {
  position: absolute;
  right: 15px;
  top: 13px;
  display: block;
  z-index: 23;
  width: 30px;
  height: 30px;
}
.mobnav-btn span {
  top: 50%;
  margin-top: 0;
}
.mobnav-btn span:first-child {
  content: "";
  top: 7px;
  left: 0;
}
.mobnav-btn span:last-child {
  content: "";
  top: auto;
  bottom: 5px;
  left: 0;
}
.mobnav-btn span, .mobnav-btn span:first-child, .mobnav-btn span:last-child {
  left: 2px;
  position: absolute;
  background: #1D2846;
  -webkit-transition: all 0.5s ease;
  width: 25px;
  height: 2px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.mobnav-btn.g_close span {
  opacity: 0;
}
.mobnav-btn.g_close span:first-child {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  top: 15px;
  opacity: 1;
}
.mobnav-btn.g_close span:last-child {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  top: 15px;
  opacity: 1;
}
.indexbanner .m-dot {
  position: absolute;
  bottom: 5px;
  text-align: center;
  z-index: 10;
}
.indexbanner .m-dot span {
  display: inline-block;
  margin: 0 4px;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  opacity: 1;
  position: relative;
  background: #1054FF;
}
.indexbanner .m-dot span.swiper-pagination-bullet-active {
  width: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
/*首页*/
.wedo {
  padding: 40px 0 20px;
  color: #333;
  line-height: 20px;
}
.m-title {
  font-size: 24px;
  color: #111;
  line-height: 30px;
  text-align: center;
  margin-bottom: 20px;
  font-weight: lighter;
}
.single-con {
  text-align: center;
}
.maxwidth1140 {
  max-width: 1140px;
  margin: 0 auto;
}
.weullist {
  font-size: 0;
  line-height: 0;
  padding-top: 24px;
  text-align: center;
}
.weullist li {
  display: inline-block;
  width: 33.3%;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 20px;
  color: #202229;
  position: relative;
}
.weullist li h3 {
  font-size: 14px;
}
.weullist li:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -9px;
  width: 19px;
  height: 10px;
  background: url(../images/news-icon04.png) 0 0 no-repeat;
  opacity: 0;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  -o-background-size: 10px auto;
  background-size: 10px auto;
}
.weullist li .we-icon {
  position: relative;
  cursor: pointer;
  width: 85.22727%;
  margin: 0 auto;
  max-width: 204px;
}
.weullist li .we-icon img {
  width: 100%;
}
.weullist li .we-icon .hoverbefore {
  display: block;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}
.weullist li .we-icon .hoverafter {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  opacity: 0;
}
.slide-list li.cur:before, .slide-list li:hover:before {
  opacity: 1;
}
.slide-list li.cur .hoverafter, .slide-list li:hover .hoverafter {
  opacity: 1;
}
.slide-list li.cur .hoverbefore, .slide-list li:hover .hoverbefore {
  opacity: 0;
}
/*首页改版*/
.m-news-title {
  color: #202229;
  position: relative;
  margin-bottom: 15px;
  padding-top: 5px;
}
.m-news-title:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 3px;
  display: block;
  left: 50%;
  margin-left: -15px;
  top: 0;
  background: url(../images/news-icon01.png) 0 0 no-repeat;
  -o-background-size: auto 3px;
  background-size: auto 3px;
}
.indexcolumn-box {
  padding-top: 20px;
}
.indexcolumn-box ul {
  margin: 0 -12px;
  display: none;
}
.indexcolumn-box ul li {
  padding: 0 12px 20px;
}
.indexcolumn-box ul li .arror-right {
  background: url(../images/news-icon03.png) 0 0 no-repeat;
  -o-background-size: 22px auto;
  background-size: 22px auto;
}
.indexcolumn-box ul li:hover .arror-right {
  background: url(../images/curbtn.png) 0 0 no-repeat;
  -o-background-size: 22px auto;
  background-size: 22px auto;
}
.indexcolumn-box ul li h2 {
  font-size: 14px;
}
.colunmbg {
  background: #EBF0FC;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  height: 70px;
  color: #202229;
  display: block;
}
.colunmbg .m-numitem {
  position: absolute;
  top: -10px;
  left: 10px;
}
.colunmbg .m-ycenter {
  text-align: center;
  padding: 0 25px 0 35px;
}
.colunmbg .arror-right {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  display: block;
  background: url(../images/news-icon03.png) 0 0 no-repeat;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  -o-background-size: 22px auto;
  background-size: 22px auto;
}
.m-numitem {
  position: relative;
}
.m-numitem i {
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  color: #fff;
  display: block;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #4756FF;
  background: -webkit-gradient(linear, left top, right top, from(#3f47ff), to(#4780ff));
  background: -webkit-linear-gradient(left, #3f47ff, #4780ff);
  background: -moz- oldlinear-gradient(left, #3f47ff, #4780ff);
  background: -o-linear-gradient(left, #3f47ff, #4780ff);
  background: linear-gradient(to right, #3f47ff, #4780ff);
  position: relative;
  z-index: 1;
  font-style: normal;
}
.m-numitem:before {
  content: "";
  position: absolute;
  width: 26px;
  height: 26px;
  display: block;
  top: -2px;
  left: -3px;
  background: url(../images/news-icon02.png) 0 0 no-repeat;
  -o-background-size: cover;
  background-size: cover;
  z-index: 0;
}
.index-advantage {
  color: #666666;
  padding-bottom: 30px;
}
.advantage-bigbox {
  background-image: url(../images/advantagebg.jpg);
  background-position: center -100px;
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 35px;
  -webkit-box-shadow: 0 0 20px rgba(214, 221, 249, 0.4);
  box-shadow: 0 0 20px rgba(214, 221, 249, 0.4);
}
.advantage-bigbox .m-news-title {
  color: #fff;
}
.advantage-bigbox .m-news-title:before {
  background: url(../images/news-icon05.png) 0 0 no-repeat;
}
.advantage-list {
  padding-top: 8%;
  padding-bottom: 30px;
  font-size: 0;
  line-height: 0;
}
.advantage-list li {
  float: none;
  display: inline-block;
  vertical-align: top;
  padding: 0 10px 20px 53px;
  width: 100%;
  position: relative;
  font-size: 14px;
}
.advantage-list li a {
  color: #4f556b;
}
.advimg {
  overflow: hidden;
  margin-right: 13px;
  width: 40px;
  position: absolute;
  top: 0;
  left: 0;
}
.advimg img {
  display: block;
  width: 100%;
}
.adv-con {
  line-height: 20px;
}
.adv-con h2 {
  font-size: 16px;
  margin-bottom: 5px;
  color: #202229;
}
.iclassic-wrapper {
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
}
.m-case-list {
  margin: 0 -10px;
}
.m-case-list li {
  padding: 0 10px;
}
.m-case-list li .imgzoom {
  position: relative;
  overflow: hidden;
}
.m-case-list li .imgzoom:before {
  content: "";
  display: block;
  padding-bottom: 62.7451%;
}
.m-case-list li .imgzoom img {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.m-case-list li .item {
  position: relative;
}
.m-case-list li .item a {
  display: block;
}
.m-case-list li .title {
  margin-top: 20px;
  font-size: 16px;
  color: #202229;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 24px;
  line-height: 24px;
  margin-bottom: 5px;
}
.m-case-list li .desc {
  margin-bottom: 20px;
  color: #4f556b;
  font-size: 14px;
}
.icase-list .content {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 73px;
  z-index: 3;
  width: 100%;
  overflow: hidden;
  background: rgba(3, 130, 219, 0.8);
  -webkit-transition: all ease-in .3s;
  -o-transition: all ease-in .3s;
  -moz-transition: all ease-in .3s;
  transition: all ease-in .3s;
}
.icase-list .content .msg {
  padding: 52px 25px 25px;
}
.icase-list .content .msg h4 {
  font-size: 15px;
  line-height: 24px;
  color: #fff;
  opacity: .92;
}
.icase-list .content .brand {
  padding: 32px 0 0 25px;
  height: 90px;
  line-height: 90px;
  font-size: 0;
}
.icase-list .content .brand img {
  display: none;
  width: auto;
  max-height: 100%;
  vertical-align: middle;
}
.icase-list .content .desc {
  color: #fff;
  padding: 0 25px;
  display: -webkit-box;
  height: 72px;
  line-height: 24px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.icase-list .content .ico-line {
  display: block;
  width: 100%;
  height: 37px;
  background: url(../images/icaseline.png) no-repeat 25px bottom;
}
.medium {
  padding-top: 40px;
  padding-bottom: 20px;
  background-color: #F4F4F4;
}
.medium-list {
  padding-top: 5px;
}
.medium-list li {
  text-align: center;
  color: #666;
  font-size: 14px;
  line-height: 26px;
  padding-bottom: 20px;
}
.medium-list li .medium-img {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  max-width: 40px;
}
.medium-list li .medium-img img {
  width: 100%;
}
.medium-list li .medium-box {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.index-newswrap {
  padding-top: 40px;
  padding-bottom: 20px;
  background: #F9FAFF;
}
.news-tab {
  text-align: center;
  font-size: 0;
  line-height: 0;
}
.news-tab a {
  display: inline-block;
  line-height: 20px;
  text-align: center;
  padding: 0 10px 10px;
  color: #202229;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  position: relative;
  font-size: 14px;
}
.news-tab a em {
  font-style: normal;
  position: relative;
}
.news-tab a em:before {
  content: "";
  width: 0;
  position: 10px;
  height: 2px;
  background: #284EFF;
}
.news-tab a:after {
  content: "/";
  position: absolute;
  right: 0;
  top: 0;
}
.news-tab a:last-child:after {
  display: none;
}
.news-tab a.cur {
  color: #1054ff;
}
.news-tab a.cur em:before {
  width: 100%;
}
.indexnews-list {
  overflow: hidden;
  padding-top: 20px;
}
.indexnews-list ul {
  margin: 0 -10px;
  display: none;
}
.indexnews-list ul li {
  padding: 0 10px 10px;
  font-size: 16px;
}
.indexnews-list ul li a {
  display: block;
  border: 1px solid #EBF0FC;
  padding: 20px 22px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  color: #202229;
}
.indexnews-list ul li a .newsdate {
  color: #4f556b;
  display: block;
  margin-bottom: 18px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  font-family: 'Montserrat-Regular';
}
.indexnews-list ul li a .newsmore {
  display: block;
  margin-top: 10px;
}
.indexnews-list ul li a .newsmore i {
  width: 8px;
  height: 8px;
  display: inline-block;
  margin: 0 2px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #C3C3C3;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}
.indexnews-list ul li a h4 {
  display: -webkit-box;
  height: 48px;
  line-height: 24px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 10px;
}
.worker-date {
  color: #4f556b;
  margin-left: -10px;
  font-size: 13px;
}
.worker-date span {
  padding: 0 10px;
}
.m-ft-contact .content {
  position: relative;
  text-align: center;
  margin: 0 auto;
  display: inline-block;
}
.m-ft-contact .motto {
  position: absolute;
  left: 0;
  top: 3px;
  width: 236px;
  padding: 35px 0;
  background-color: #303030;
  font-size: 38px;
  line-height: 30px;
  color: #fff;
  font-family: simsun;
  display: none;
}
.m-ft-contact .motto span {
  font-size: 50px;
  line-height: 60px;
  display: block;
}
.m-ft-contact .info {
  overflow: hidden;
  zoom: 1;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}
.m-ft-contact .info a {
  color: #fff;
}
.m-ft-contact h3 {
  margin-bottom: 14px;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
}
/*.m-ft-contact h2 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
}*/
.m-ft-contact .msg {
  margin-bottom: 12px;
  font-size: 14px;
  color: #333;
}
.m-ft-contact .msg a {
  font-weight: 700;
}
.m-ft-contact .msg h4 {
  padding-top: 2px;
  font-size: 20px;
  line-height: 36px;
}
.icontact-cover {
  margin-bottom: 6.25%;
  padding: 105px 0 78px;
  background-color: #af1212;
}
.full-icontact-cover {
  padding: 40px 0;
  background-color: #e6e6e6;
  text-align: center;
}
.full-icontact-cover h3 {
  color: #d90000;
}
.full-icontact-cover .info {
  color: #333;
}
.full-icontact-cover .info a {
  color: #333;
}
.m-ft-contact .btns {
  text-align: center;
  padding-bottom: 25px;
}
.m-ft-contact .btns a {
  display: inline-block;
  width: 130px;
  height: 36px;
  padding: 0 0 0 33px;
  -webkit-border-radius: 23px;
  border-radius: 23px;
  font-size: 14px;
  line-height: 36px;
  color: #fff;
  background-repeat: no-repeat;
  background-position: 23px center;
  margin: 0 12px;
}
.m-ft-contact .btns .oline {
  background-color: #5E70A1;
  background-image: url(../images/icoline.png);
}
.m-ft-contact .btns .edit {
  background-color: #1054FF;
  background-image: url(../images/icedit.png);
}
.seofooter {
  padding: 45px 0 40px;
  background-color: #071025;
  color: #6d7792;
}
.seofooter a {
  color: #6d7792;
}
.share-wrap span {
  display: inline-block;
  vertical-align: middle;
}
.share-wrap .share-box {
  display: inline-block;
  vertical-align: middle;
}
.share-wrap .share-box a {
  width: 31px;
  height: 31px;
  margin: 0 5px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  -o-background-size: cover;
  background-size: cover;
}
.share-wrap .share-box a.bds_tsina {
  background-image: url(../images/wicon15.png);
}
.share-wrap .share-box a.bds_sqq {
  background-image: url(../images/wicon16.png);
}
.share-wrap .share-box a.bds_weixin {
  background-image: url(../images/wicon17.png);
}
.footer-left {
  padding-top: 7px;
  padding-bottom: 7px;
}
.footer-left a:hover {
  color: #1054FF;
}
/*banner*/
.inbanner {
  position: relative;
  overflow: hidden;
}
.inbanner img {
  display: block;
  height: 200px;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.seo-bannercon {
  position: absolute;
  color: #fff;
  left: 8.33333%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: 30px;
  max-width: 1600px;
  width: 100%;
}
.seo-bannercon p {
  font-weight: lighter;
}
.seo-bannercon .ban-title {
  font-size: 24px;
  line-height: 30px;
  font-weight: lighter;
  margin-bottom: 0;
}
.seo-bannercon .ban-text {
  font-size: 18px;
  margin-bottom: 15px;
}
.seo-bannercon .ban-title2 {
  color: #2abfef;
  font-size: 24px;
  line-height: 30px;
  font-weight: lighter;
}
/*seo快速*/
.ranking-system-one {
  padding-top: 30px;
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
}
.circles-text {
  line-height: 24px;
  padding-top: 20px;
}
.circles-text h4 {
  line-height: 24px;
  font-size: 18px;
  margin-bottom: 5px;
}
.circles-icon {
  width: 90px;
  height: 90px;
  border: 1px solid #0282DB;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 auto;
}
.circles-icon img {
  display: block;
  width: 100%;
}
.system-circles {
  position: relative;
  padding: 20px 0;
}
.system-circles ul {
  margin: 0 auto;
  position: relative;
}
.system-circles ul li {
  font-size: 14px;
  color: #0282DB;
  float: left;
  width: 50%;
  padding-bottom: 20px;
}
.centerimg {
  display: none;
}
.ranking-system-two {
  padding-top: 40px;
  background-color: #F9FAFF;
  overflow: hidden;
}
.ranking-title {
  text-align: center;
  font-size: 30px;
  font-weight: lighter;
  line-height: 40px;
}
.num-list {
  padding-top: 20px;
  margin: 0 -10px;
}
.num-list li {
  padding: 0 10px 20px;
}
.num-list li p {
  font-weight: lighter;
}
.num-list li .num-box {
  background-color: #0282DB;
  font-size: 20px;
  color: #fff;
  text-align: center;
  padding: 48px 20px;
  line-height: 30px;
  max-width: 450px;
  margin: 0 auto;
  position: relative;
  display: block;
}
.num-list li .num-box .num-text {
  font-size: 40px;
  line-height: 40px;
  display: block;
  color: #5baee7;
  font-family: 'Montserrat-Regular';
  margin-bottom: 20px;
}
.immediate-use {
  padding-top: 30px;
  padding-bottom: 30px;
}
.immediate-use a {
  width: 140px;
  height: 40px;
  border: 1px solid #bfbfbf;
  margin: 0 auto;
  display: block;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  color: #0282DB;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}
/*seo普通*/
.seo-ordinary {
  color: #fff;
  background-position: center 0;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
}
.banner-left {
  font-size: 18px;
  line-height: 30px;
  position: relative;
  padding: 30px 10px;
  text-align: center;
}
.coloryellow {
  font-size: 30px;
  color: #f3ff07;
  font-weight: lighter;
  line-height: 40px;
  margin-bottom: 10px;
}
.banner-right {
  text-align: center;
  padding: 0 20px 30px;
  font-size: 16px;
  line-height: 24px;
}
.banner-right img {
  width: auto;
  height: auto;
}
.pb20 {
  padding-bottom: 20px;
}
.pt100 {
  padding-top: 30px;
}
.seom-title {
  font-size: 26px;
  font-weight: lighter;
  line-height: 30px;
  text-align: center;
  margin-bottom: 10px;
}
.container {
  font-size: 14px;
}
.ranking-dec {
  text-align: center;
}
.optimization {
  padding-top: 20px;
  margin: 0 -10px;
}
.optimization li {
  text-align: center;
  padding-bottom: 10px;
}
.optimization li a {
  display: block;
  background-color: #F2F2F2;
  padding: 30px 10px;
  color: #666666;
}
.optimization li a .opt-icon img {
  height: 60px;
}
.optimization li a h4 {
  font-size: 20px;
  margin: 10px 0;
}
.additional-services {
  padding-top: 30px;
  padding-bottom: 20px;
}
.additional-list {
  font-size: 0;
  line-height: 0;
  padding-top: 25px;
  text-align: center;
}
.additional-list li {
  display: inline-block;
  width: 50%;
  text-align: center;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  padding: 0 10px 20px;
}
.additional-list li .add-icon {
  width: 100px;
  height: 100px;
  border: 1px solid #C4C4C4;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto 10px;
}
.additional-list li .add-icon img {
  display: block;
  width: 100%;
}
.additional-list li h5 {
  font-size: 16px;
  margin-bottom: 10px;
}
.additional-list li .max-width240 {
  max-width: 240px;
  margin: 0 auto;
}
.recommend-banner {
  position: relative;
  overflow: hidden;
}
.recommend-banner .zooomimg {
  display: block;
  height: 200px;
}
.recommend-con {
  position: absolute;
  top: 26.66667%;
  left: 20px;
  right: 0;
  font-size: 16px;
  line-height: 24px;
  color: #0382DB;
  padding-right: 20px;
}
.recommend-con img {
  width: auto;
  display: inline-block;
  vertical-align: top;
  float: left;
  overflow: hidden;
  margin-right: 20px;
}
.recommend-con .recommend-text {
  padding-top: 15px;
  margin-left: 25px;
}
.recommend-con .recommend-text p {
  font-weight: lighter;
}
.classic-case {
  padding-top: 35px;
  padding-bottom: 24px;
}
.classic-case ul {
  padding-top: 20px;
}
.optimize {
  padding-top: 35px;
  background-color: #F2F2F2;
  overflow: hidden;
}
.colorbule {
  color: #0282DB;
}
.compare-tit {
  font-size: 26px;
  color: #111;
  text-align: center;
  line-height: 40px;
  margin-bottom: 20px;
  font-weight: lighter;
}
.compare-tit span {
  font-family: 'Montserrat-Regular';
  color: #0282DB;
  font-weight: bold;
  display: inline-block;
  margin: 0 18px;
}
.optimize {
  position: relative;
  padding-bottom: 25px;
}
.optimize:before {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  background-color: #EAEAEA;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.optimize .commonweb {
  position: relative;
  z-index: 2;
}
.compare-list li {
  position: relative;
  min-height: 50px;
  margin-bottom: 18px;
  line-height: 20px;
}
.dot-icon {
  position: relative;
  min-height: 50px;
}
.compare-left {
  width: 50%;
  float: left;
  padding-right: 50px;
  text-align: right;
  color: #0282DB;
}
.compare-right {
  width: 50%;
  float: left;
  padding-left: 50px;
}
.compare-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.coliumn-tit {
  width: 50px;
  height: 30px;
  background-color: #BFBFBF;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  position: relative;
}
.coliumn-tit:before, .coliumn-tit:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  top: 50%;
  margin-top: -1px;
  display: block;
  left: -10px;
  background-color: #158ADC;
}
.coliumn-tit:after {
  left: auto;
  right: -10px;
  background-color: #bfbfbf;
}
.coliumn-tit .icon-left, .coliumn-tit .icon-right {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: solid 2px #0282DB;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.coliumn-tit .icon-right {
  left: auto;
  right: -20px;
  border-color: #BFBFBF;
}
.standard {
  padding-top: 35px;
  overflow: hidden;
}
.standard ul {
  padding-top: 15px;
}
.standard .pt100 {
  padding-bottom: 20px;
}
/*seo优化*/
.why-column-one {
  padding-top: 35px;
  padding-bottom: 35px;
  background-color: #F2F2F2;
  overflow: hidden;
}
.why-list {
  padding-top: 25px;
  margin: 0 -28px;
}
.why-list li {
  text-align: center;
  padding: 0 28px 20px;
  color: #666666;
  font-size: 14px;
}
.why-list li .why-icon {
  margin-bottom: 16px;
}
.why-list li .why-icon img {
  height: 60px;
}
.why-list li .why-title {
  font-size: 18px;
  margin-bottom: 10px;
  color: #333;
}
.why-list li p {
  max-width: 340px;
  margin: 0 auto;
}
.compare-talking {
  min-height: 280px;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  color: #cae3f6;
  font-size: 14px;
}
.talk-title {
  font-weight: bold;
  font-size: 26px;
  line-height: 40px;
  color: #fff;
  margin-bottom: 18px;
}
.five-advantages {
  padding-top: 35px;
  padding-bottom: 35px;
}
.five-advantages .commonweb {
  max-width: 1050px;
}
.advant-title {
  width: 120px;
  height: 100%;
  text-align: center;
  color: #0282DB;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 2px;
  position: relative;
  margin: 0 auto;
  left: 0.2%;
}
.advant-title:before {
  content: "";
  display: block;
  padding-bottom: 100%;
  width: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.advant-title:after {
  content: "";
  display: block;
  height: 80px;
  width: 1px;
  position: absolute;
  left: 50%;
  background: url(../images/wicon48.png) 0 0 no-repeat;
  top: -80px;
  z-index: 2;
}
.advant-title img {
  width: 38.97059%;
  display: block;
  margin: 0 auto 20px;
}
.advant-title .center-title {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.advant-icon {
  width: 81.125%;
  margin: -8.4% auto;
  position: relative;
  z-index: 2;
  display: none;
}
.advant-icon img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.advant-list {
  position: relative;
  z-index: 1;
  font-size: 0;
  line-height: 0;
  text-align: center;
}
.advant-list li {
  display: inline-block;
  width: 50%;
  text-align: center;
  position: relative;
  vertical-align: top;
  padding-bottom: 20px;
}
.advant-list li:last-child {
  width: 100%;
}
.advant-list li:last-child .advant-box {
  width: 29.21875%;
}
.advant-list li .advant-box {
  margin: 0 auto 18px;
  width: 58.4375%;
  background: url(../images/wicon43.png) 0 0 no-repeat;
  -o-background-size: 100% auto;
  background-size: 100% auto;
  background-color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.advant-list li .advant-img {
  position: relative;
  width: 81.28342%;
  margin: 0 auto;
  padding-top: 7%;
}
.advant-list li .advant-img:after {
  content: "";
  display: block;
  padding-bottom: 98.5%;
  width: 100%;
  border: 1px dashed #0282DB;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.advant-list li .advant-img img {
  position: absolute;
  top: 7%;
  left: 50%;
  max-width: 100%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.advant-content {
  color: #666666;
  padding: 0 10px;
  font-size: 14px;
  line-height: 24px;
}
.advant-content h4 {
  font-size: 16px;
  margin-bottom: 10px;
  color: #333333;
}
.advant-dec {
  font-size: 22px;
  color: #0282DB;
  text-align: center;
  line-height: 30px;
}
.advant-dec p {
  font-weight: bold;
}
.provide-services {
  padding-top: 40px;
  background-color: #F9FAFF;
}
.plus {
  display: block;
  width: 30px;
  height: 30px;
  background-color: #00A0E9;
  border: 1px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -23px;
  background-image: url(../images/wicon52.png);
  background-position: center center;
  background-repeat: no-repeat;
  -o-background-size: 15px auto;
  background-size: 15px auto;
  z-index: 99;
}
.provide-list li .m-fs16 {
  font-size: 16px;
  line-height: 24px;
}
.provide-list li h4 {
  margin-bottom: 20px;
}
.provide-list li:nth-child(1) .num-box {
  background-color: #00A0E9;
}
.provide-list li:nth-child(1) .num-box .num-text {
  color: #8ecce9;
}
.provide-list li:nth-child(1) .num-box .plus {
  background-color: #00A0E9;
}
.provide-list li:nth-child(2) .num-box {
  background-color: #8FC31F;
}
.provide-list li:nth-child(2) .num-box .num-text {
  color: #ddfc9b;
}
.provide-list li:nth-child(2) .num-box .plus {
  background-color: #8FC31F;
}
.provide-list li:nth-child(3) .num-box {
  background-color: #F39800;
}
.provide-list li:nth-child(3) .num-box .num-text {
  color: #fcdda9;
}
.provide-list li:nth-child(3) .num-box .plus {
  background-color: #F39800;
}
.choose-wrap {
  padding-top: 40px;
  padding-bottom: 40px;
}
.m-fs20 {
  font-size: 16px;
}
.choose-list {
  padding-top: 30px;
}
.choose-list li {
  font-size: 14px;
  color: #666666;
  margin-bottom: 20px;
  padding: 0;
  position: relative;
}
.choose-list li .choose-box {
  background: #0282DB;
  width: 64px;
  height: 64px;
  display: inline-block;
  font-size: 18px;
  color: #fff;
  text-align: center;
  padding: 10px 10px 0;
  line-height: 22px;
  float: left;
  overflow: hidden;
  margin-right: 10px;
  position: absolute;
  top: 0;
  left: 0;
}
.choose-list li .choose-left {
  padding-left: 74px;
}
.choose-list li .choose-left h4 {
  font-size: 16px;
  margin-bottom: 2px;
}
.m-pt0 {
  padding-top: 0;
}
.cooperation {
  background-color: #f2f2f2;
  padding-top: 40px;
  padding-bottom: 40px;
}
.cooperation-list {
  padding-top: 30px;
}
.cooperation-list ul li {
  border-bottom: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}
.cooperation-list ul li a {
  display: block;
  position: relative;
  cursor: default;
}
.cooperation-list ul li .zoom {
  position: relative;
  overflow: hidden;
}
.cooperation-list ul li .zoom:before {
  content: "";
  display: block;
  padding-bottom: 50.9434%;
}
.cooperation-list ul li a:after {
  content: "";
  position: absolute;
  width: 34px;
  height: 34px;
  bottom: -16px;
  right: -28px;
  background-color: #F2F2F2;
  background-image: url(../images/wimg17.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}
.cooperation-list ul li img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
}
.cooperation-list ul li:nth-child(2n-2) {
  border-right: none;
}
.cooperation-list ul li:nth-child(2n-2) a:after {
  display: none;
}
.m-fs30 {
  font-size: 18px;
  text-align: center;
}
.m-fs30 p {
  font-weight: lighter;
}
.inpage-banner {
  position: relative;
  color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
}
.inpage-banner .commonweb {
  min-height: 200px;
  line-height: 30px;
  position: relative;
  padding: 40px 0;
}
.m-position {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  padding: 0 10px;
}
.seo-case {
  padding-top: 40px;
  padding-bottom: 35px;
  overflow: hidden;
}
.case-img {
  text-align: center;
  margin-bottom: 15px;
}
.case-img img {
  height: 50px;
}
.in-caselist {
  padding-top: 15px;
  margin: 0 -10px;
}
.in-caselist li {
  margin-bottom: 20px;
}
.in-caselist li a {
  display: block;
  border: 1px solid #E0E0E0;
  position: relative;
  max-width: 431px;
  margin: 0 auto;
}
.in-caselist li a:before {
  content: "";
  display: block;
  padding-bottom: 92.80742%;
}
.in-caselist li a img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.seocase-wrap {
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  padding-top: 10px;
}
.seocase-wrap p {
  font-weight: lighter;
}
.favorite {
  padding-top: 40px;
  background: url(../images/wimg21.jpg) center 0 no-repeat;
  -o-background-size: cover;
  background-size: cover;
  padding-bottom: 20px;
}
.favorite-left {
  line-height: 30px;
  overflow: hidden;
}
.favorite-left span {
  font-size: 24px;
  color: #a7bfe7;
  display: block;
  margin-bottom: 3px;
}
.favorite-left em {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  font-style: normal;
}
.favorite-left img {
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  width: 50px;
}
.favorite-left .favorite-text {
  display: inline-block;
  overflow: hidden;
  padding-top: 20px;
  text-align: left;
}
.favorite-right {
  color: #becbe1;
  font-size: 0;
  line-height: 0;
  padding-top: 20px;
}
.item-favor {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
}
.item-favor img {
  float: left;
  margin-right: 15px;
  overflow: hidden;
  display: block;
}
.item-favor .item-box {
  overflow: hidden;
  max-width: 210px;
}
.item-favor .item-box span, .item-favor .item-box em {
  display: block;
  font-style: normal;
}
.item-favor .item-box span {
  margin-bottom: 5px;
}
.num-icon {
  margin-bottom: 14px;
}
.num-icon img {
  height: 50px;
}
.animated {
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*新闻中心*/
.inside-banner {
  position: relative;
  overflow: hidden;
  color: #fff;
}
.inside-banner img {
  display: block;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 150px;
}
.ban-info {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
  font-size: 16px;
}
.ban-info h2 {
  font-size: 18px;
  line-height: 34px;
}
.full-case-crumbs {
  position: relative;
  z-index: 10;
  width: 100%;
  padding: 14px 0;
  border-bottom: 1px solid #ededed;
  display: none;
}
.full-case-crumbs.crumbs-fff {
  background-color: #fff;
}
.full-case-crumbs .crumbs {
  float: left;
  line-height: 42px;
}
.full-case-crumbs .crumbs a, .full-case-crumbs .crumbs i, .full-case-crumbs .crumbs span {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  font-size: 16px;
  line-height: 42px;
  margin-left: 10px;
  margin-right: 10px;
}
.full-case-crumbs .crumbs a:hover {
  color: #1054ff;
}
.full-case-crumbs .crumbs i {
  padding: 0 1em;
  font-family: consolas;
  font-style: normal;
}
.full-case-crumbs .crumbs span {
  color: #1054ff;
}
.full-case-crumbs .crumbs .home {
  padding-left: 36px;
  background: url(../images/crumbhome.png) no-repeat 0 10px;
}
.full-case-crumbs .crumbs .home:hover {
  background-image: url(../images/crumbhomeac.png);
}
.full-case-crumbs .edit {
  float: right;
  width: 210px;
  height: 42px;
  text-align: center;
  background-color: #fff;
}
.full-case-crumbs .edit span {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  font-size: 16px;
  line-height: 42px;
  color: #1054ff;
  padding-left: 44px;
  background: url(../images/editbkac.png) no-repeat 0 44.9%;
}
.news-subnav {
  padding-top: 30px;
  text-align: center;
}
.news-subnav .news-cate {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  padding-left: 2px;
}
.news-subnav .news-cate li {
  float: left;
  width: 33.3333%;
  margin-bottom: 2px;
  background-color: #f2f2f2;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.news-subnav .news-cate a {
  display: block;
  width: 100%;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  color: #333;
  text-align: center;
  background-color: #f2f2f2;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.news-subnav .news-cate a:hover {
  color: #fff;
  background-color: #1054ff;
}
.news-subnav .news-cate .cur a {
  color: #fff;
  background-color: #1054ff;
}
.online-news-wrapper {
  padding-top: 4.375%;
  overflow: hidden;
}
.online-news-wrapper ul {
  padding-top: 10px;
  padding-bottom: 40px;
}
.online-news-wrapper li a {
  display: block;
  padding: 30px 20px;
  overflow: hidden;
  border-top: 1px solid #d9d9d9;
  -webkit-transition: all ease .2s;
  -o-transition: all ease .2s;
  -moz-transition: all ease .2s;
  transition: all ease .2s;
}
.online-news-wrapper li a:hover {
  background-color: #f2f2f2;
}
.online-news-wrapper li a:hover .title {
  color: #1054ff;
}
.online-news-wrapper .date {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 24px;
  color: #666;
}
.online-news-wrapper .date .line {
  display: block;
  width: 20px;
  height: 0;
  padding-top: 10px;
  border-bottom: 3px solid #d9d9d9;
}
.online-news-wrapper .title {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #1a1a1a;
  display: -webkit-box;
  height: 48px;
  line-height: 24px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.online-news-wrapper .desc {
  font-size: 14px;
  line-height: 24px;
  color: #666;
  display: -webkit-box;
  height: 96px;
  line-height: 24px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.loadmore {
  display: block;
  text-align: center;
  color: #fff;
  margin-bottom: 30px;
}
.loadmore img {
  max-width: 100%;
}
.case-news-article {
  position: relative;
  padding: 30px 15px 20px;
  margin-bottom: 10px;
  background-color: #fff;
  min-height: 800px;
}
.case-news-article img {
  max-width: 100%;
}
.case-news-article .title {
  margin: 0 0 14px;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  color: #333;
}
.case-news-article .share a {
  float: left;
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 0 0 10px;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center;
}
.case-news-article .share .bds_weixin {
  background-image: url(../images/bdwx.png);
}
.case-news-article .share .bds_tsina {
  background-image: url(../images/bdsa.png);
}
.case-news-article .share .bds_qzone {
  background-image: url(../images/bdqz.png);
}
.case-news-article .share .bds_more {
  background-image: url(../images/bdmr.png);
}
.case-news-article .info {
  padding-top: 10px;
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 24px;
  border-bottom: 1px solid #ccc;
  color: #999;
}
.case-news-article .info .tag {
  float: left;
  color: #999;
}
.case-news-article .info .tag:hover {
  color: #1054ff;
}
.case-news-article .info i {
  float: left;
  padding: 0 17px;
}
.case-news-article .info .date {
  float: left;
  margin-right: 10px;
}
.case-news-article .singlepage {
  padding: 40px 0;
  overflow: hidden;
}
.case-news-article .singlepage p, .case-news-article .singlepage span {
  white-space: normal !important;
}
.g-news-detail {
  background-color: #f2f2f2;
  padding-bottom: 30px;
}
.detail-container {
  padding-top: 30px;
  max-width: 1200px;
  margin: 0 auto;
}
.qrcode-wrapper {
  margin-bottom: 10px;
  padding: 32px 0 38px;
  background-color: #fff;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  color: #666;
}
.qrcode-wrapper .label {
  padding: 10px 0 7px;
}
.qrcode-wrapper img {
  vertical-align: middle;
}
.hot-tags {
  margin-bottom: 10px;
  background-color: #fff;
}
.hot-tags .title {
  padding-left: 20px;
  font-size: 18px;
  line-height: 52px;
  color: #333;
  border-bottom: 1px solid #d9d9d9;
}
.hot-tags ul {
  min-height: 68px;
  padding: 16px 12px 28px 20px;
}
.hot-tags ul li {
  float: left;
  width: 25%;
  margin-bottom: 10px;
  height: 26px;
  padding: 0 1%;
}
.hot-tags ul a {
  display: block;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  background-color: #f2f2f2;
  text-align: center;
  font-size: 14px;
  line-height: 26px;
  color: #333;
}
.page-ctrl {
  padding: 22px 26px 19px 18px;
  background-color: #fff;
}
.page-ctrl .label {
  position: relative;
  margin-bottom: 12px;
  padding-left: 29px;
  background-position: 0 center;
  background-repeat: no-repeat;
  font-size: 18px;
  line-height: 30px;
  color: #333;
}
.page-ctrl .label span {
  position: absolute;
  right: 0;
  top: 50%;
  padding-left: 5px;
  color: #ddd;
  font-size: 0;
  width: 130px;
  height: 1px;
  background-color: #ccc;
}
.page-ctrl .prev {
  background-image: url(../images/newsprev.png);
}
.page-ctrl .next {
  background-image: url(../images/newsnext.png);
}
.page-ctrl .item {
  margin-bottom: 25px;
}
.page-ctrl a {
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
  max-height: 72px;
  line-height: 24px;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.page-ctrl a:hover {
  color: #1054ff;
}
.page-ctrl .date {
  display: block;
}
/* 返回首页 返回栏目*/
.g-return-wrapper {
  text-align: center;
  padding: 15px 0 25px;
}
.g-return-wrapper a {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  min-width: 80px;
  margin: 0 10px;
  padding: 0 30px;
  font-size: 14px;
  line-height: 35px;
  border: solid 1px #ccc;
  -webkit-transition: all ease .2s;
  -o-transition: all ease .2s;
  -moz-transition: all ease .2s;
  transition: all ease .2s;
  color: #666;
  overflow: hidden;
  text-align: center;
}
.g-return-wrapper a:hover {
  border-color: #1054ff;
  color: #1054ff;
}
/*联系我们*/
.m-chl-title {
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #202229;
}
.contact-ways {
  padding-top: 35px;
}
.contact-ways .info {
  padding: 20px 0;
}
.contact-ways .info .item {
  float: left;
  width: 100%;
  font-size: 16px;
  line-height: 28px;
  color: #4f556b;
  margin-bottom: 20px;
}
.contact-ways .info .item a {
  color: #4f556b;
}
.contact-ways .info .item a:hover {
  color: #1054ff;
}
.contact-ways .info img {
  vertical-align: middle;
  height: 100px;
}
.contact-ways .info .ico {
  margin-bottom: 10px;
  text-align: center;
}
.contact-ways .info h4 {
  font-weight: bold;
  text-align: center;
  color: #202229;
}
.contact-ways .info span {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  text-align: right;
}
.contact-ways .info .label1 {
  width: 46%;
}
.contact-ways .info .label2 {
  width: 46%;
}
.contact-ways .info .label3 {
  width: 43%;
}
.contact-ways .info .label4 {
  width: 45%;
}
.contact-ways .info .wcode img {
  height: auto;
}
.full-arrive {
  padding: 35px 0 0;
  background: #F9FAFF;
}
.arrive-info {
  padding-bottom: 30px;
}
.arrive-lf {
  padding: 0 0 20px 50px;
  background: url(../images/arrico.png) no-repeat 0 0;
  -o-background-size: 30px auto;
  background-size: 30px auto;
}
.arrive-lf .arr-title {
  margin-bottom: 31-px;
  color: #1054ff;
}
.arrive-lf .arr-title h3 {
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
}
.arrive-lf .arr-title h4 {
  font-size: 30px;
  line-height: 40px;
  text-transform: uppercase;
}
.arrive-lf .addr {
  font-size: 16px;
  line-height: 28px;
  color: #1a1a1a;
}
.arrive-lf .addr span {
  font-weight: bold;
}
.arrive-rg {
  overflow: hidden;
  font-size: 14px;
  line-height: 26px;
}
.arrive-rg .tag {
  font-weight: bold;
}
.full-bdmap {
  width: 100%;
  height: 250px;
}
.contact-feedback {
  padding-top: 35px;
  padding-bottom: 35px;
}
.contact-feedback .m-chl-title {
  margin-bottom: 20px;
}
.contact-feedback .contact-form {
  max-width: 1200px;
  margin: 0 auto;
}
.contact-feedback .text label {
  display: block;
  padding: 10px 0;
  margin-bottom: 16px;
  border-bottom: 1px solid #ccc;
}
.contact-feedback .text label input {
  display: block;
  width: 100%;
  font-size: 14px;
}
.contact-feedback .text label input::-webkit-input-placeholder {
  color: #999;
}
.contact-feedback .text label input:-moz-placeholder {
  color: #999;
}
.contact-feedback .text label input::-moz-placeholder {
  color: #999;
}
.contact-feedback .text label input:-ms-input-placeholder {
  color: #999;
}
.contact-feedback .text .imgval {
  position: relative;
}
.contact-feedback .text .imgval img {
  position: absolute;
  right: 0;
  top: 3px;
  height: 40px;
}
.contact-feedback .msg p {
  font-size: 16px;
  line-height: 50px;
}
.contact-feedback .msg textarea {
  display: block;
  border: 1px solid #ccc;
  width: 100%;
  height: 100px;
  padding: 10px;
}
.contact-feedback .form-ctrl {
  padding-top: 30px;
}
.contact-feedback .form-ctrl label {
  display: block;
  width: 48%;
  height: 50px;
  padding: 14px 0;
}
.contact-feedback .form-ctrl label input {
  display: block;
  width: 100%;
  font-size: 18px;
  line-height: 20px;
  height: 20px;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
}
.contact-feedback .form-ctrl .sub {
  float: left;
  background-color: #1054ff;
}
.contact-feedback .form-ctrl .reset {
  float: right;
  background-color: #ccc;
}
.case-filter {
  position: relative;
  z-index: 3;
  margin-bottom: 30px;
  background-color: #f2f2f2;
}
.case-filter .options {
  padding: 20px 0;
}
.case-filter .options select {
  display: block;
  width: 100%;
  height: 44px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 17px;
  line-height: 40px;
  background: none;
}
.case-filter .options select option {
  color: #666;
}
.case-filter .selector {
  position: relative;
  float: left;
  width: 100%;
  border: 1px solid #e6e6e6;
  margin-bottom: 10px;
}
.case-filter .selector a {
  font-size: 16px;
  color: #333;
}
.case-filter .selector.ac .sec-title, .case-filter .selector.cur .sec-title {
  background-color: #d90000;
  color: #fff;
}
.case-filter .selector.ac .sec, .case-filter .selector.cur .sec {
  background-image: url(../images/secless.png);
}
.case-filter .sec-title {
  display: block;
  padding-left: 20px;
  line-height: 40px;
}
.case-filter .sec {
  background: url(../images/secadd.png) no-repeat 95.16% center;
  -o-background-size: 10px auto;
  background-size: 10px auto;
}
.case-filter .all {
  background: none;
}
.case-filter .sec-option {
  display: none;
  position: absolute;
  left: 0;
  top: 40px;
  width: 100%;
  background-color: #f2f2f2;
  max-height: 240px;
  overflow-y: auto;
  z-index: 2;
  padding: 10px 0;
}
.case-filter .sec-option a {
  display: block;
  padding-left: 20px;
  line-height: 40px;
  font-size: 14px;
}
.case-filter .sec-option a:hover {
  color: #fff;
  background-color: #d90000;
}
.case-filter .edit {
  float: right;
  width: 25%;
  height: 80px;
  text-align: center;
  display: none;
}
.case-filter .edit span {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  font-size: 16px;
  line-height: 80px;
  color: #d90000;
  padding-left: 44px;
  background: url(../images/editbkac.png) no-repeat 0 44.9%;
}
.m-case-select {
  position: relative;
  z-index: 10;
}
.m-case-select .selected {
  display: block;
  height: 44px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 17px;
  line-height: 40px;
  background: none;
  background-repeat: no-repeat;
  background-position: 228px center;
  background-image: url(../images/secico.png);
  cursor: pointer;
}
.m-case-select .selected.cur, .m-case-select .selected:hover {
  background-color: #d90000;
  background-image: url(../images/secicoac.png);
  color: #fff;
}
.m-case-select .selected.cur select, .m-case-select .selected:hover select {
  color: #fff;
}
.m-case-select .m-options {
  display: none;
  position: absolute;
  left: 0;
  top: 44px;
  z-index: 10;
  width: 100%;
  color: #666;
  padding: 15px 0;
  background-color: #ededed;
  max-height: 318px;
  overflow: auto;
}
.m-case-select .m-options a {
  display: block;
  font-size: 16px;
  line-height: 36px;
  padding-left: 17px;
}
.m-case-select .m-options a:hover {
  color: #d90000;
}
.cate-wrapper {
  overflow: hidden;
}
.cate-wrapper ul {
  margin: 0 -17px;
  font-size: 0;
}
.cate-wrapper li {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  margin-bottom: 45px;
  padding: 0 17px;
  float: none;
}
.cate-wrapper .item img {
  display: block;
  width: 100%;
  -webkit-transition: all ease .7s;
  -o-transition: all ease .7s;
  -moz-transition: all ease .7s;
  transition: all ease .7s;
}
.cate-wrapper .item .well-case, .cate-wrapper .item a {
  display: block;
}
.cate-wrapper .item .well-case:hover img, .cate-wrapper .item a:hover img {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
  transform: scale(1.03);
}
.cate-wrapper .item .well-case:hover .name, .cate-wrapper .item a:hover .name {
  color: #1054ff;
}
.cate-wrapper .thumb {
  position: relative;
  overflow: hidden;
  margin-bottom: 23px;
}
.cate-wrapper .thumb .ratio {
  display: block;
  width: 100%;
  padding-bottom: 62.96296%;
}
.cate-wrapper .thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
}
.cate-wrapper .name {
  font-size: 16px;
  line-height: 32px;
  font-weight: bold;
  color: #1a1a1a;
}
.cate-wrapper .desc {
  margin-bottom: 10px;
  font-size: 14px;
  color: #999;
  display: -webkit-box;
  height: 72px;
  line-height: 24px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.cate-wrapper .cate {
  font-size: 14px;
  line-height: 14px;
  color: #999;
  border-left: 4px solid #1054ff;
}
.cate-wrapper .cate a {
  display: inline;
  color: #999;
  padding: 0 0.5em;
}
.cate-wrapper .cate a:hover {
  color: #1054ff;
}
.cate-wrapper .cate .dot {
  font-size: 18px;
  line-height: 14px;
}
/* 相关新闻*/
.full-related-news {
  width: 100%;
  padding: 35px 0 20px;
  background-color: #F9FAFF;
}
.related-news {
  overflow: hidden;
}
.related-news ul {
  margin: 0 -10px;
}
.related-news a {
  display: block;
  overflow: hidden;
  margin: 0 0 10px;
  border: 1px solid #EBF0FC;
  padding: 20px 20px 19px;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  transition: all ease .3s;
}
.related-news .title {
  margin-bottom: 10px;
  font-size: 16px;
  display: -webkit-box;
  height: 48px;
  line-height: 24px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #202229;
}
.related-news .date {
  font-size: 18px;
  line-height: 30px;
  color: #4f556b;
  font-family: 'Montserrat-Regular';
}
.cooperation-box {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  z-index: 101;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2);
}
.cooperation-box .wcooperation {
  width: 100%;
  height: 100%;
  padding: 35px 15px;
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  margin: 0 auto;
}
.cooperation-box .wcooperation iframe {
  width: 100%;
  height: 100%;
}
.cooperation-box .cooperation-close {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 3;
  width: 40px;
  height: 40px;
  background: url(../images/index_09.png) no-repeat center;
  -o-background-size: 20px 20px;
  background-size: 20px 20px;
}
.cooperation-iframe {
  height: 100%;
  overflow-y: auto;
}
.cooperation-left {
  color: #212121;
}
.cooperation-left a {
  color: #212121;
}
.cooperation-left h3 {
  font-size: 20px;
  line-height: 30px;
  color: #e60012;
  padding-bottom: 15px;
}
.cooperation-left h4 {
  font-size: 24px;
  line-height: 30px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 25px;
}
.cooperation-left h5 {
  font-size: 18px;
  line-height: 26px;
  padding-bottom: 20px;
}
.cooperation-left p {
  font-size: 13px;
}
.cooperation-left .coopb {
  font-size: 13px;
  padding: 20px 0px;
}
.cooperation-right h3 {
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 10px;
}
.cooperation-right .baseinfo li {
  margin-bottom: 8px;
}
.cooperation-right .baseinfo label {
  display: block;
  padding: 6px 10px;
  height: 36px;
  overflow: hidden;
  background: #f6f6f6;
  border: 1px solid #d9d9d9;
}
.cooperation-right .baseinfo input {
  display: block;
  width: 100%;
  font-size: 15px;
  line-height: 24px;
  height: 24px;
  color: #999;
  background: none;
}
.cooperation-right .baseinfo .name {
  margin-bottom: 8px;
}
.cooperation-right .type-label {
  padding-top: 6px;
  font-size: 20px;
  line-height: 30px;
}
.cooperation-right .type-label span {
  display: block;
  font-size: 24px;
  line-height: 40px;
}
.cooperation-right .project-type dd {
  float: left;
  position: relative;
  width: 33.3%;
  padding: 5px 5px 5px 0;
  cursor: pointer;
}
.cooperation-right .project-type input {
  display: none;
}
.cooperation-right .project-type .checked {
  position: absolute;
  right: -1px;
  bottom: -1px;
  z-index: 3;
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: center;
}
.cooperation-right .project-type label {
  position: relative;
  display: block;
  cursor: pointer;
  background-color: #f6f6f6;
  text-align: center;
  border: 1px solid #f6f6f6;
}
.cooperation-right .project-type label.cur {
  border-color: #e81727;
}
.cooperation-right .project-type label.cur .checked {
  background-image: url(../images/zdshzimg01.jpg);
}
.cooperation-right .project-type span {
  display: block;
  padding: 15px 0;
  font-size: 14px;
  line-height: 18px;
}
.cooperation-right .budget-title {
  font-size: 16px;
  font-weight: bold;
  padding: 8px 0px 5px;
}
.cooperation-right .budget label {
  float: left;
  font-size: 14px;
  line-height: 26px;
  margin-right: 12px;
}
.cooperation-right .budget input {
  margin: 6px 3px 0 0;
  padding: 0;
  width: 14px;
  height: 14px;
  vertical-align: top;
}
.cooperation-right .verification {
  padding-top: 10px;
  padding-right: 150px;
  position: relative;
}
.cooperation-right .verification label {
  display: block;
  width: 100%;
  padding: 6px 10px;
  margin-right: 20px;
  height: 36px;
  overflow: hidden;
  background: #f6f6f6;
  border: 1px solid #d9d9d9;
  position: relative;
}
.cooperation-right .verification input {
  display: block;
  line-height: 24px;
  height: 24px;
  width: 100%;
  background: none;
  outline: none;
  font-size: 15px;
  color: #999;
}
.cooperation-right .verification img {
  position: absolute;
  right: 0;
  top: 10px;
  height: 36px;
}
.cooperation-right .sub {
  padding-top: 15px;
}
.cooperation-right .sub input {
  width: 100%;
  padding: 10px 0px;
  border: 1px solid #e81727;
  font-size: 16px;
  font-weight: bold;
  color: #e81727;
  cursor: pointer;
  background: none;
  outline: none;
}
/*网站建设*/
.category-btn {
  text-align: left;
  background-color: #1054ff;
  color: #fff;
  font-size: 16px;
  height: 47px;
  line-height: 47px;
  margin: 0 15px;
  background-image: url(../images/nav.png);
  background-position: 20px center;
  padding-left: 50px;
  position: relative;
}
.category-btn:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  display: block;
  right: 15px;
  top: 18px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.category-list {
  position: relative;
  padding: 20px 0 0;
}
.category-list ul {
  padding-top: 2px;
  display: none;
}
.category-list ul li {
  display: inline-block;
  width: 100%;
}
.category-list ul li a {
  display: block;
  width: 100%;
  height: 47px;
  line-height: 47px;
  font-size: 14px;
  color: #555;
  background-color: #f1f1f1;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 20px center;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  padding-left: 20px;
}
.category-list ul li.cur a, .category-list ul li:hover a {
  background-color: #1054ff;
  color: #fff;
}
.products-bg {
  background-color: #F8F8F8;
  padding: 30px 0 10px;
  overflow: hidden;
}
.products-list {
  margin: 0 -15px;
  padding-bottom: 15px;
}
.products-list li {
  padding: 0 15px 20px;
}
.products-list li .preview-box {
  position: relative;
  padding-right: 124px;
  background-color: #fff;
}
.preview .screen {
  width: 100%;
  height: 243px;
  border: 1px solid #e5e5e5;
  background: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.preview a {
  display: block;
  width: 100%;
  position: absolute;
  z-index: 1;
}
.preview a img {
  display: block;
  vertical-align: middle;
}
.control {
  position: absolute;
  top: 0;
  right: 0;
  width: 124px;
  padding: 30px 10px;
}
.control a {
  display: block;
  line-height: 32px;
  color: #666;
  border: 1px solid #ddd;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  text-align: center;
  margin-bottom: 20px;
  transition: all .3s;
}
.control a:hover {
  background-color: #1054ff;
  color: #fff;
  border-color: #1054ff;
}
.products-detail {
  color: #888;
  padding: 40px 0;
  font-size: 14px;
}
.products-detail img {
  max-width: 100%;
}
.title-0 {
  font-size: 36px;
  color: #1054ff;
  line-height: 40px;
  text-align: center;
  margin-bottom: 10px;
}
.price-item {
  text-align: center;
  padding: 40px 0;
}
.price-item li {
  display: inline-block;
  text-align: left;
  padding: 0 2%;
  width: 32%;
}
.price-item li .name {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  padding: 4px 7px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 10px;
}
.price-item li .price {
  font-size: 30px;
  line-height: 40px;
  font-family: 'Montserrat-Regular';
}
.price-item li.li1 .name {
  background: #FFC804;
}
.price-item li.li1 .price {
  color: #FFC804;
}
.price-item li.li2 .name {
  background: #FF4300;
}
.price-item li.li2 .price {
  color: #FF4300;
}
.price-item li.li3 .name {
  background: #00B3FF;
}
.price-item li.li3 .price {
  color: #00B3FF;
}
.wrap .product-images {
  width: 95%;
  max-width: 1054px;
  margin: 0 auto;
}
.wrap .image-pc {
  width: 91.08159392789%;
}
.wrap .image-pc .img {
  top: 9.0556274256%;
  right: 3.8541666666666666%;
  bottom: 30.789133247%;
  left: 3.8541666666666666%;
}
.wrap .image-tablet {
  width: 31.3092979127%;
  left: 0;
  bottom: -1.0349288486%;
  z-index: 2;
}
.wrap .image-tablet .img {
  top: 10.212765957%;
  right: 6.060606060606%;
  bottom: 10.212765957%;
  left: 6.060606060606%;
}
.wrap .image-phone {
  width: 14.7058823529%;
  left: 23.8140417457%;
  bottom: -1.42302716688%;
  z-index: 3;
}
.wrap .image-phone .img {
  top: 14.457831325%;
  right: 6.4516129%;
  bottom: 14.457831325%;
  left: 6.4516129%;
}
.wrap .img img {
  top: 0;
}
.wrap .inline-block {
  display: inline-block;
}
.wrap .relative {
  position: relative;
  z-index: 1;
}
.wrap .absolute {
  position: absolute;
  z-index: 1;
}
.wrap .over {
  overflow: hidden;
}
.products-process {
  background: #1054ff;
  padding: 80px 0 50px;
}
.detail-title {
  text-align: center;
  font-size: 30px;
  line-height: 30px;
  color: #fff;
  font-weight: lighter;
}
.process-list {
  padding-top: 30px;
}
.process-list li {
  margin-bottom: 20px;
}
.process-list li a {
  display: block;
  background: url(../images/hexagon-bg.png) center 0 no-repeat;
  height: 135px;
  -o-background-size: auto 135px;
  background-size: auto 135px;
}
.process-list li a .zoomimg {
  text-align: center;
  padding: 24px 0 0;
}
.process-list li a .zoomimg img {
  height: 58px;
}
.process-list li a h4 {
  text-align: center;
  font-size: 18px;
  color: #1054ff;
  margin-top: 10px;
}
.products-service {
  background: #FFFFFF;
  padding: 50px 0 0;
}
.products-service .detail-title {
  color: #333;
}
.service-list {
  font-size: 0;
  line-height: 0;
  text-align: center;
  padding-top: 50px;
}
.service-list li {
  display: inline-block;
  font-size: 20px;
  line-height: 24px;
  width: 50%;
  padding-bottom: 20px;
}
.service-list li .sericon {
  width: 100px;
  height: 100px;
  margin: 0 auto 10px;
  background: #EEEEEE;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.service-list li .sericon img {
  margin-top: 25px;
  height: 50px;
}
.sub-nav {
  padding-bottom: 20px;
  font-size: 14px;
}
.sub-nav a {
  display: block;
  color: #202229;
  padding: 5px 40px 5px 60px;
  line-height: 20px;
}
.arrorright-btn {
  position: absolute;
  width: 50%;
  right: 0;
  top: 0;
  height: 100%;
  display: block;
}
.arrorright-btn:after {
  content: "";
  position: absolute;
  top: 19px;
  right: 20px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #7c8287;
  border-top: 1px solid #7c8287;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
nav ul li.active .arrorright-btn:after, .inside-tab-main li h4.active .arrorright-btn:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 21px;
}
@charset "UTF-8";
/*箭头*/
@media (min-width: 640px) {
  /*首页*/
  .advantage-list li {
    width: 50%;
    padding: 0 0 30px 53px;
  }
  .inside-banner img {
    width: 100%;
    height: auto;
    left: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .news-subnav .news-cate li {
    width: auto;
  }
  .news-subnav .news-cate li a {
    padding: 0 20px;
  }
  .contact-ways .info .item {
    width: 50%;
  }
  .advantage-bigbox {
    background-position: center 0;
  }
  .seofooter {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  /*首页*/
  .weullist li {
    width: 20%;
  }
  .advantage-list li {
    padding: 0 30px 7% 46px;
    width: 33.33%;
  }
  .medium-list li {
    padding-bottom: 0;
  }
  /*banner*/
  .inbanner img {
    width: 100%;
    height: auto;
    left: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .system-circles {
    padding: 30px 0;
  }
  .system-circles ul li {
    width: 25%;
  }
  .immediate-use {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .immediate-use a {
    width: 184px;
    height: 55px;
    line-height: 55px;
    font-size: 20px;
  }
  .immediate-use a:hover {
    background-color: #0282DB;
    color: #fff;
    border-color: #0282DB;
  }
  .additional-list li {
    width: 33.3%;
  }
  .num-list li {
    padding-bottom: 0;
  }
  .advant-list li {
    width: 20%;
  }
  .advant-list li:last-child {
    width: 20%;
  }
  .advant-list li:last-child .advant-box {
    width: 58.4375%;
  }
  .cooperation-list ul li:nth-child(2n-2) {
    border-right: 1px solid #e6e6e6;
  }
  .cooperation-list ul li:nth-child(2n-2) a:after {
    display: block;
  }
  .cooperation-list ul li:nth-child(3n-3) {
    border-right: none;
  }
  .cooperation-list ul li:nth-child(3n-3) a:after {
    display: none;
  }
  .item-favor {
    width: 33.3%;
    padding-right: 20px;
  }
  /*网站建设*/
  .category-btn {
    display: none;
  }
  .category-list {
    padding: 40px 0;
  }
  .category-list ul {
    text-align: center;
    display: block;
  }
  .category-list ul li {
    width: auto;
  }
  .category-list ul li a {
    width: 144px;
    height: 47px;
    line-height: 47px;
    margin: 3px 0.5%;
    padding-left: 0;
  }
  .category-list ul li.all-product a {
    padding-left: 20px;
    background-image: url(../images/navhover.png);
  }
  .category-list ul li.all-product.cur a {
    background-image: url(../images/nav.png);
  }
  .category-list ul li.cur a, .category-list ul li:hover a {
    background-color: #1054ff;
    color: #fff;
  }
  .price-item li {
    width: auto;
  }
  .service-list li {
    width: 20%;
  }
}
@charset "UTF-8";
/*箭头*/
@media (min-width: 992px) {
  .optimization li {
    padding-bottom: 0;
    border-bottom: 1px solid #E6E6E6;
  }
  .choose-list li:nth-child(2n+1) {
    clear: left;
  }
  .choose-wrap {
    padding-top: 140px;
    padding-bottom: 80px;
  }
  .m-fs20 {
    font-size: 16px;
  }
  .choose-list {
    padding-top: 50px;
  }
  .choose-list li {
    font-size: 15px;
    margin-bottom: 90px;
    padding: 0 0 0 40px;
  }
  .choose-list li .choose-box {
    width: 94px;
    height: 94px;
    font-size: 30px;
    padding: 14px 15px 0;
    line-height: 34px;
    margin-right: 20px;
    left: 40px;
  }
  .choose-list li .choose-left {
    padding-top: 5px;
    padding-left: 114px;
  }
  .choose-list li .choose-left h4 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .cooperation-list li {
    width: 20%;
  }
  .cooperation {
    padding-top: 80px;
    padding-bottom: 90px;
  }
  .cooperation-list {
    padding-top: 50px;
  }
  .cooperation-list ul li .zoom {
    overflow: hidden;
  }
  .cooperation-list ul li .zoom img {
    -webkit-transition: transform ease 0.7s;
    -moz-transition: transform ease 0.7s;
    -o-transition: transform ease 0.7s;
    -webkit-transition: -webkit-transform ease 0.7s;
    transition: -webkit-transform ease 0.7s;
    -o-transition: -o-transform ease 0.7s;
    -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s;
    transition: transform ease 0.7s;
    transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s;
  }
  .cooperation-list ul li .zoom:hover img {
    -webkit-transform: scale(1.03, 1.03);
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -o-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  .cooperation-list ul li:nth-child(3n-3) {
    border-right: 1px solid #e6e6e6;
  }
  .cooperation-list ul li:nth-child(3n-3) a:after {
    display: block;
  }
  .cooperation-list ul li:nth-child(5n-5) {
    border-right: none;
  }
  .cooperation-list ul li:nth-child(5n-5) a:after {
    display: none;
  }
  .m-fs30 {
    font-size: 30px;
  }
  .inpage-banner .commonweb {
    line-height: 50px;
    min-height: 280px;
  }
}
@media (min-width: 1024px) {
  /*头部*/
  header {
    position: relative;
  }
  .main-header-hidden {
    -webkit-transform: translateY(-106px);
    -ms-transform: translateY(-106px);
    transform: translateY(-106px);
    -o-transform: translateY(-106px);
    -moz-transform: translateY(-106px);
  }
  .main-header-fixed {
    position: fixed;
  }
  .main-header-fixed .logo {
    padding: 15px 0;
  }
  .main-header-fixed nav ul li h4 a {
    padding: 23px 0;
  }
  .main-header-fixed .sub-nav {
    top: 70px;
  }
  body {
    padding-top: 0;
  }
  .logo {
    float: left;
    width: 20%;
    padding: 25px 0;
  }
  .logo img {
    height: 40px;
  }
  nav {
    float: right;
    position: static;
    padding-bottom: 0;
    width: auto;
    height: auto;
    overflow-y: inherit;
    display: block !important;
  }
  nav ul li {
    float: left;
    border-bottom: 0;
    position: relative;
  }
  nav ul li h4 {
    padding: 0 9px;
    font-size: 13px;
  }
  nav ul li h4 a {
    padding: 33px 0;
    position: relative;
  }
  nav ul li h4 a:before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    display: block;
    width: 0;
    border-bottom: 2px solid #1054ff;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
  }
  nav ul li.cur h4 a, nav ul li:hover h4 a {
    color: #1054ff;
  }
  nav ul li.cur h4 a:before, nav ul li:hover h4 a:before {
    width: 100%;
    opacity: 1;
  }
  .sub-nav {
    position: absolute;
    top: 90px;
    left: 50%;
    width: 200px;
    z-index: 9;
    background: #fff;
    margin-left: -80px;
    padding: 0;
    display: none;
    font-size: 14px;
    -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
    padding: 20px 20px 20px 40px;
  }
  .sub-nav a {
    display: block;
    padding: 8px 0;
    line-height: 20px;
  }
  .sub-nav a:hover {
    color: #1054FF;
  }
  .arrorright-btn {
    display: none;
  }
  .mobnav-btn {
    display: none;
  }
  .m-ft-contact .content {
    padding-left: 285px;
  }
  .m-ft-contact .motto {
    display: block;
  }
  .m-ft-contact .info {
    font-size: 16px;
    line-height: 36px;
  }
  .m-ft-contact h3 {
    margin-bottom: 14px;
    font-size: 40px;
    line-height: 40px;
  }
  .m-ft-contact h2 {
    font-size: 30px;
  }
  .m-ft-contact .msg {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 36px;
  }
  .m-ft-contact .msg a {
    font-weight: 700;
  }
  .m-ft-contact .msg h4 {
    padding-top: 2px;
    font-size: 20px;
    line-height: 36px;
  }
  .m-ft-contact .btns {
    padding-bottom: 25px;
  }
  .m-ft-contact .btns a {
    width: 146px;
    height: 46px;
    padding: 0 0 0 33px;
    font-size: 16px;
    line-height: 46px;
  }
  .full-icontact-cover {
    padding: 57px 0 50px;
  }
  .ranking-system-one {
    padding-top: 50px;
    padding-bottom: 20px;
  }
  .ranking-system-two {
    padding-top: 50px;
  }
  .ranking-title {
    font-size: 34px;
    line-height: 50px;
  }
  .num-list {
    padding-top: 30px;
  }
  .num-list li {
    padding: 0 20px;
  }
  .num-list li .num-box {
    line-height: 30px;
  }
  .num-list li .num-box .num-text {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 10px;
  }
  /*首页改版*/
  .m-news-title {
    margin-bottom: 15px;
    padding-top: 16px;
  }
  .m-news-title:before {
    height: 5px;
    -o-background-size: auto 5px;
    background-size: auto 5px;
  }
  .indexcolumn-box {
    padding-top: 40px;
  }
  .indexcolumn-box ul {
    display: none;
  }
  .indexcolumn-box ul li {
    width: 20%;
  }
  .colunmbg {
    height: 70px;
  }
  .colunmbg .m-numitem {
    top: -18px;
    left: 18px;
  }
  .colunmbg .m-ycenter {
    padding: 0 35px 0 25px;
  }
  .colunmbg .arror-right {
    right: 15px;
  }
  .m-numitem i {
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
  .m-numitem:before {
    width: 36px;
    height: 36px;
    top: -5px;
    left: -8px;
  }
  /*seo普通*/
  .pt100 {
    padding-top: 50px;
  }
  .seo-ordinary {
    overflow: inherit;
  }
  .ordinary-con {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .banner-left {
    width: 50%;
    text-align: right;
    font-size: 24px;
    line-height: 30px;
    float: left;
    padding: 0;
    padding-right: 18px;
  }
  .banner-left .line-bot {
    right: 0;
    position: absolute;
    height: 200%;
    width: 1px;
    display: block;
    background-color: #93C7ED;
    top: 0;
  }
  .banner-left .line-bot:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    border: 1px solid #91C6EC;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    left: -6px;
    top: -14px;
  }
  .coloryellow {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 10px;
  }
  .banner-right {
    float: left;
    width: 50%;
    text-align: left;
    padding-left: 20px;
    font-size: 16px;
    line-height: 24px;
  }
  .banner-right img {
    width: auto;
    height: auto;
  }
  .container {
    font-size: 16px;
  }
  .additional-services {
    padding-top: 80px;
  }
  .additional-list {
    padding-top: 55px;
  }
  .additional-list li {
    width: 25%;
    padding: 0 10px 30px;
  }
  .recommend-banner {
    position: relative;
  }
  .recommend-banner .zooomimg {
    display: block;
    width: 100%;
  }
  .recommend-con {
    position: absolute;
    top: 26.66667%;
    left: 15.10417%;
    right: 0;
    font-size: 30px;
    line-height: 36px;
  }
  .recommend-con img {
    width: auto;
    display: inline-block;
    vertical-align: top;
  }
  .recommend-con .recommend-text {
    display: inline-block;
    vertical-align: top;
    padding-top: 15px;
    margin-left: 25px;
  }
  .recommend-con .recommend-text p {
    font-weight: lighter;
  }
  .seom-title {
    font-size: 30px;
  }
  .compare-tit {
    font-size: 30px;
  }
  .classic-case {
    padding-top: 45px;
    padding-bottom: 14px;
  }
  .classic-case ul {
    padding-top: 40px;
  }
  .compare-tit {
    margin-bottom: 30px;
  }
  .compare-list li {
    font-size: 18px;
  }
  .optimize {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .compare-list li {
    margin-bottom: 28px;
    line-height: 30px;
  }
  .dot-icon {
    padding-top: 9px;
  }
  .compare-left {
    padding-right: 150px;
  }
  .compare-right {
    padding-left: 150px;
  }
  .coliumn-tit {
    width: 165px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
  }
  .coliumn-tit:before, .coliumn-tit:after {
    width: 47px;
    height: 2px;
    left: -47px;
  }
  .coliumn-tit:after {
    left: auto;
    right: -47px;
  }
  .coliumn-tit .icon-left, .coliumn-tit .icon-right {
    left: -55px;
  }
  .coliumn-tit .icon-right {
    left: auto;
    right: -55px;
  }
  .immediate-use a {
    width: 184px;
    height: 55px;
    line-height: 55px;
    font-size: 18px;
  }
  .standard {
    padding-top: 50px;
  }
  .standard ul {
    padding-top: 35px;
  }
  /*seo优化*/
  .why-column-one {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .why-list {
    padding-top: 52px;
  }
  .why-list li {
    font-size: 16px;
  }
  .why-list li .why-icon {
    margin-bottom: 36px;
  }
  .why-list li .why-icon img {
    height: 84px;
  }
  .why-list li .why-title {
    font-size: 20px;
    margin-bottom: 18px;
  }
  .compare-talking {
    padding-top: 88px;
    padding-bottom: 40px;
    font-size: 16px;
  }
  .talk-title {
    font-size: 30px;
  }
  .five-advantages {
    padding-top: 55px;
    padding-bottom: 75px;
  }
  .advant-title {
    width: 17%;
    font-size: 30px;
  }
  .advant-title:before {
    border: 1px dashed #1054ff;
  }
  .advant-title:after {
    height: 100px;
    top: -100px;
  }
  .advant-title img {
    margin: 0 auto 26px;
  }
  .advant-icon {
    display: block;
  }
  .advant-list li {
    margin-top: -1%;
  }
  .advant-list li .advant-box {
    margin: 0 auto 28px;
  }
  .advant-list li:nth-child(1) {
    left: 2%;
  }
  .advant-list li:last-child {
    right: 1%;
  }
  .advant-content {
    padding: 0 20px;
  }
  .advant-content h4 {
    font-size: 18px;
    margin-bottom: 18px;
  }
  .advant-dec {
    font-size: 30px;
    line-height: 40px;
    padding-top: 30px;
  }
  .plus {
    width: 46px;
    height: 46px;
    bottom: -22px;
    margin-left: -23px;
    -o-background-size: 25px auto;
    background-size: 25px auto;
  }
  .provide-services {
    padding-top: 50px;
  }
  .m-fs20 {
    font-size: 20px;
  }
  .m-pt0 {
    padding-top: 0;
  }
  .seo-case {
    padding-top: 70px;
    padding-bottom: 65px;
  }
  .case-img {
    margin-bottom: 25px;
  }
  .in-caselist {
    padding-top: 55px;
  }
  .seocase-wrap {
    font-size: 30px;
    line-height: 40px;
    padding-top: 20px;
  }
  .favorite {
    padding-top: 100px;
    padding-bottom: 80px;
  }
  .favorite ul li {
    padding-bottom: 40px;
  }
  .favorite-left {
    float: left;
    width: 30.9375%;
  }
  .favorite-left img {
    width: 65px;
    float: left;
  }
  .favorite-left .favorite-text {
    display: block;
  }
  .favorite-right {
    float: right;
    width: 68%;
    padding-top: 50px;
  }
  .item-favor {
    width: 33.3%;
  }
  .num-icon img {
    height: 84px;
  }
  /*新闻中心*/
  .ban-info {
    font-size: 18px;
    line-height: 30px;
  }
  .ban-info h2 {
    font-size: 40px;
    line-height: 60px;
  }
  .full-case-crumbs {
    display: block;
  }
  .news-subnav {
    padding-top: 3.375%;
  }
  .news-subnav .news-cate a {
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    min-width: 140px;
  }
  .online-news-wrapper {
    padding-top: 4.375%;
  }
  .online-news-wrapper ul {
    padding-bottom: 60px;
  }
  .online-news-wrapper li a {
    padding: 13.74322% 20px 16.27486%;
  }
  .online-news-wrapper .date {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 24px;
  }
  .online-news-wrapper .date .line {
    padding-top: 15px;
  }
  .online-news-wrapper .title {
    margin-bottom: 32px;
    font-size: 18px;
  }
  .loadmore {
    margin-bottom: 60px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
  }
  /*联系我们*/
  .m-chl-title {
    font-size: 36px;
    line-height: 46px;
  }
  .contact-ways {
    padding-top: 70px;
  }
  .contact-ways .info {
    padding: 50px 0;
  }
  .contact-ways .info .item {
    font-size: 16px;
    line-height: 28px;
    width: 25%;
  }
  .contact-ways .info img {
    height: 135px;
  }
  .contact-ways .info .ico {
    margin-bottom: 30px;
  }
  .full-arrive {
    padding: 72px 0 0;
  }
  .arrive-info {
    padding-bottom: 68px;
  }
  .arrive-lf {
    float: left;
    padding: 0 40px 20px 50px;
  }
  .arrive-rg {
    padding-left: 40px;
    border-left: 1px solid #d9d9d9;
    font-size: 16px;
    line-height: 30px;
  }
  .full-bdmap {
    height: 500px;
  }
  .contact-feedback {
    padding-top: 80px;
    padding-bottom: 86px;
  }
  .contact-feedback .m-chl-title {
    margin-bottom: 41px;
  }
  .contact-feedback .text {
    float: left;
    width: 48%;
  }
  .contact-feedback .text label {
    margin-bottom: 36px;
    padding: 17px 0;
  }
  .contact-feedback .text label input {
    font-size: 16px;
  }
  .contact-feedback .text .imgval img {
    top: 5px;
  }
  .contact-feedback .msg {
    float: right;
    width: 48%;
  }
  .contact-feedback .msg textarea {
    height: 329px;
  }
  .contact-feedback .form-ctrl {
    padding-top: 12px;
    width: 431px;
    margin: 0 auto;
  }
  .contact-feedback .form-ctrl label {
    width: 197px;
    height: 60px;
    padding: 20px 0;
  }
  .contact-feedback .form-ctrl label input {
    font-size: 18px;
  }
  .case-filter {
    margin-bottom: 69px;
  }
  .case-filter .options {
    float: left;
    width: 100%;
    padding: 0;
  }
  .case-filter .options {
    width: 100%;
  }
  .case-filter .selector {
    width: 33%;
    margin-bottom: 0;
    border: none;
    border-right: 1px solid #e6e6e6;
  }
  .case-filter .sec-title {
    padding-left: 68px;
    line-height: 80px;
  }
  .case-filter .sec {
    -o-background-size: 20px auto;
    background-size: 20px auto;
  }
  .case-filter .sec-option {
    top: 80px;
    padding: 0;
  }
  .case-filter .sec-option a {
    padding-left: 68px;
    line-height: 60px;
    font-size: 16px;
  }
  .full-related-news {
    padding: 52px 0 57px;
  }
  .related-news ul {
    padding-top: 20px;
  }
  .related-news a {
    margin: 0 0 23px;
    padding: 20px 30px 19px;
  }
  .related-news a:hover {
    border-color: transparent;
    background: #fff;
    -webkit-box-shadow: 10px 0 30px rgba(210, 218, 249, 0.4);
    box-shadow: 10px 0 30px rgba(210, 218, 249, 0.4);
  }
  .related-news a:hover .title {
    color: #1054ff;
  }
  .related-news a:hover .date {
    color: #1054ff;
  }
  .related-news .title {
    margin-bottom: 4px;
    font-size: 16px;
  }
  .related-news .date {
    font-size: 18px;
    line-height: 30px;
  }
  .cooperation-box {
    height: auto;
    bottom: auto;
  }
  .cooperation-box .wcooperation iframe {
    height: 596px;
  }
  .cooperation-iframe {
    max-width: 1100px;
    margin: 0 auto;
    margin-bottom: 40px;
  }
  .cooperation-left {
    float: left;
    width: 40.90909%;
    color: #212121;
  }
  .cooperation-left h3 {
    font-size: 40px;
    line-height: 42px;
    padding-bottom: 25px;
  }
  .cooperation-left h4 {
    font-size: 45px;
    line-height: 48px;
    padding-bottom: 35px;
  }
  .cooperation-left h5 {
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 20px;
  }
  .cooperation-left .coopb {
    padding: 35px 0px;
  }
  .cooperation-right {
    float: right;
    width: 45.27273%;
  }
  .cooperation-right h3 {
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 10px;
  }
  .cooperation-right .baseinfo .name {
    float: left;
    width: 220px;
  }
  .cooperation-right .baseinfo .tel {
    float: right;
    width: 220px;
  }
  .cooperation-right .type-label {
    font-size: 24px;
  }
  .cooperation-right .type-label span {
    font-size: 30px;
    line-height: 40px;
  }
  .cooperation-right .project-type dd {
    width: 119px;
  }
  .cooperation-box .cooperation-close {
    right: 0;
    top: 20px;
    width: 40px;
    height: 40px;
    background: url(../images/index_09.png) no-repeat center;
    -o-background-size: 40px auto;
    background-size: 40px auto;
  }
  .products-bg {
    padding: 50px 0 20px;
  }
  .products-list {
    padding-bottom: 0;
  }
  .products-list li {
    padding: 0 15px 50px;
  }
  .products-detail {
    padding: 80px 0 0;
    font-size: 16px;
  }
  .title-0 {
    font-size: 54px;
    line-height: 60px;
  }
  .price-item {
    padding: 40px 0;
  }
  .price-item li {
    padding: 0 5%;
  }
  .price-item li .price {
    font-size: 46px;
    line-height: 50px;
  }
  .products-process {
    background: #1054ff;
    padding: 10% 0;
  }
  .detail-title {
    font-size: 50px;
    line-height: 50px;
  }
  .process-list {
    padding-top: 80px;
  }
  .process-list li a {
    height: 229px;
    -o-background-size: auto 229px;
    background-size: auto 229px;
  }
  .process-list li a .zoomimg {
    padding: 40px 0 0;
  }
  .process-list li a .zoomimg img {
    height: 88px;
  }
  .process-list li a h4 {
    font-size: 26px;
    margin-top: 8.73362445%;
  }
  .service-list {
    padding-top: 50px;
  }
  .service-list li {
    font-size: 24px;
    width: 20%;
  }
  .service-list li .sericon {
    width: 120px;
    height: 120px;
    margin: 0 auto 20px;
  }
  .service-list li .sericon img {
    margin-top: 20px;
    height: auto;
  }
  .products-service {
    padding: 10% 0;
  }
}
@charset "UTF-8";
/*箭头*/
@media (min-width: 1200px) {
  nav ul li h4 {
    padding: 0 14px;
    font-size: 14px;
  }
  /*首页*/
  .wedo {
    padding: 80px 0 70px;
    overflow: hidden;
  }
  .m-title {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 50px;
  }
  .single-con {
    text-align: center;
  }
  .weullist {
    padding-top: 40px;
    margin: 0 -5%;
  }
  .weullist li {
    width: 20%;
    font-size: 18px;
    padding-bottom: 46px;
  }
  .weullist li:before {
    -o-background-size: 19px auto;
    background-size: 19px auto;
  }
  .weullist li .we-icon {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    width: 57.95455%;
  }
  .weullist li h3 {
    font-size: 18px;
  }
  /*首页改版*/
  .colunmbg .m-ycenter {
    padding: 0 55px 0 65px;
  }
  .colunmbg .arror-right {
    right: 11.19403%;
  }
  .index-advantage {
    padding-bottom: 20px;
  }
  .advantage-bigbox {
    padding-top: 65px;
  }
  .advantage-list {
    padding-top: 7%;
    padding-bottom: 50px;
    padding-left: 4%;
  }
  .advantage-list li {
    padding: 0 50px 5.2% 130px;
  }
  .advimg {
    width: 62px;
    left: 50px;
  }
  .adv-con h2 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .iclassic-wrapper {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .m-case-list {
    margin: 0 -18px;
  }
  .m-case-list li {
    padding: 0 18px;
    overflow: hidden;
  }
  .m-case-list li:hover img {
    -webkit-transform: scale(1.03, 1.03);
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -o-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  .m-case-list li img {
    -webkit-transition: transform ease 0.7s;
    -moz-transition: transform ease 0.7s;
    -o-transition: transform ease 0.7s;
    -webkit-transition: -webkit-transform ease 0.7s;
    transition: -webkit-transform ease 0.7s;
    -o-transition: -o-transform ease 0.7s;
    -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s;
    transition: transform ease 0.7s;
    transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s;
  }
  .icase-list li:hover .content {
    visibility: visible;
    opacity: 1;
  }
  .medium {
    padding-top: 95px;
    padding-bottom: 80px;
  }
  .medium-list {
    padding-top: 35px;
  }
  .medium-list li {
    font-size: 16px;
    line-height: 30px;
  }
  .medium-list li .medium-img {
    margin-right: 16px;
    max-width: 60px;
  }
  .index-newswrap {
    padding-top: 50px;
    padding-bottom: 57px;
  }
  .news-tab {
    padding-top: 20px;
  }
  .news-tab a {
    font-size: 16px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    padding: 0 30px 16px;
  }
  .news-tab a em:before {
    bottom: -18px;
  }
  .news-tab a.cur, .news-tab a:hover {
    color: #1054ff;
  }
  .news-tab a.cur em:before, .news-tab a:hover em:before {
    width: 100%;
  }
  .indexnews-list {
    overflow: hidden;
    padding-top: 40px;
  }
  .indexnews-list ul {
    margin: 0 -10px;
  }
  .indexnews-list ul li {
    padding: 0 10px 30px;
  }
  .indexnews-list ul li a {
    padding: 22px 30px;
  }
  .indexnews-list ul li a .newsdate {
    margin-bottom: 18px;
  }
  .indexnews-list ul li a .newsmore {
    margin-top: 20px;
  }
  .indexnews-list ul li a:hover {
    border-color: transparent;
    background: #fff;
    -webkit-box-shadow: 10px 0 30px rgba(210, 218, 249, 0.4);
    box-shadow: 10px 0 30px rgba(210, 218, 249, 0.4);
  }
  .indexnews-list ul li a:hover .newsdate {
    color: #1054ff;
  }
  .indexnews-list ul li a:hover h4 {
    color: #1054ff;
  }
  .indexnews-list ul li a:hover .newsmore i {
    border-color: #1054ff;
  }
  .share-wrap {
    float: right;
  }
  .footer-left {
    float: left;
  }
  .indexbanner .m-dot {
    bottom: 20px;
  }
  /*banner*/
  .seo-bannercon {
    position: absolute;
    left: 8.33333%;
    line-height: 30px;
  }
  .seo-bannercon .ban-title {
    font-size: 48px;
    line-height: 50px;
    margin-bottom: 16px;
  }
  .seo-bannercon .ban-text {
    font-size: 30px;
    margin-bottom: 35px;
  }
  .seo-bannercon .ban-title2 {
    font-size: 48px;
    line-height: 50px;
  }
  .case-news-article {
    float: left;
    width: 76.66667%;
    padding: 40px 60px 0;
    margin: 0;
  }
  .case-news-article .share {
    position: static;
    float: right;
  }
  .detail-sidebar {
    float: right;
    width: 22.5%;
  }
  .case-news-article {
    padding: 40px 60px 0;
  }
  .case-news-article .share {
    position: absolute;
    right: 60px;
  }
  .case-news-article .title {
    margin: 0 0 14px;
    font-size: 24px;
    line-height: 48px;
  }
  .case-news-article .info {
    padding-top: 5px;
    padding-bottom: 33px;
  }
  .case-news-article .singlepage {
    padding: 36px 0 77px;
    font-size: 16px;
    line-height: 30px;
  }
  .g-news-detail {
    padding-bottom: 60px;
  }
  .detail-container {
    padding-top: 40px;
  }
  .hot-tags .title {
    padding-left: 20px;
    font-size: 18px;
    line-height: 52px;
  }
  .hot-tags ul {
    min-height: 68px;
    padding: 16px 10px 28px 10px;
  }
  .hot-tags ul li {
    width: 33.3%;
    margin: 0 0 8px 0;
    height: 26px;
  }
  /* 返回首页 返回栏目*/
  .g-return-wrapper {
    padding: 30px 0 50px;
  }
  .g-return-wrapper a {
    font-size: 16px;
  }
  .cooperation-box .cooperation-close {
    right: -70px;
  }
}
@media (min-width: 1366px) {
  /*seo快速*/
  .ranking-system-one {
    padding-top: 108px;
    padding-bottom: 90px;
    font-size: 24px;
    line-height: 50px;
  }
  .circles-text {
    line-height: 24px;
    padding-top: 20px;
  }
  .circles-text h4 {
    line-height: 24px;
    font-size: 20px;
    margin-bottom: 10px;
  }
  .circles-icon {
    width: 170px;
    height: 170px;
  }
  .system-circles {
    padding: 140px 0;
  }
  .system-circles ul {
    width: 605px;
    height: 605px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px dashed #D6D6D6;
    margin: 0 auto;
    position: relative;
  }
  .system-circles ul li {
    position: absolute;
    font-size: 16px;
    width: auto;
  }
  .system-circles ul li:nth-child(1) {
    top: -90px;
    left: 214px;
  }
  .system-circles ul li:nth-child(2) {
    left: 514px;
    top: 214px;
  }
  .system-circles ul li:nth-child(2) .circles-text {
    position: absolute;
    left: 180px;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: 0;
  }
  .system-circles ul li:nth-child(3) {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -166px;
  }
  .system-circles ul li:nth-child(4) {
    right: 500px;
    top: 214px;
  }
  .system-circles ul li:nth-child(4) .circles-text {
    position: absolute;
    right: 200px;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: 0;
  }
  .centerimg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
  }
  nav ul li h4 {
    padding: 0 20px;
  }
}
@charset "UTF-8";
@media (min-width: 1580px) {
  .logo {
    width: 25%;
  }
  nav ul li h4 {
    font-size: 16px;
    padding: 0 20px;
  }
  .ranking-system-one {
    font-size: 30px;
  }
  .ranking-system-two {
    padding-top: 80px;
  }
  .ranking-title {
    font-size: 40px;
    line-height: 50px;
  }
  .num-list {
    padding-top: 60px;
  }
  .num-list li .num-box {
    font-size: 24px;
    padding: 48px 20px;
    line-height: 36px;
  }
  .num-list li .num-box .num-text {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 20px;
  }
  /*seo普通*/
  .ordinary-con {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .banner-left {
    font-size: 36px;
    line-height: 50px;
    padding: 0;
    padding-right: 18px;
  }
  .banner-left .line-bot {
    height: 170%;
  }
  .coloryellow {
    font-size: 48px;
    line-height: 50px;
  }
  .pt100 {
    padding-top: 100px;
  }
  .seom-title {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 10px;
  }
  .container {
    font-size: 16px;
  }
  .ranking-dec {
    font-size: 16px;
  }
  .optimization {
    padding-top: 50px;
  }
  .optimization li a {
    padding: 40px 20px;
  }
  .optimization li a .opt-icon img {
    height: 80px;
  }
  .optimization li a h4 {
    font-size: 24px;
    margin: 25px 0;
  }
  .additional-list {
    padding-top: 55px;
  }
  .additional-list li {
    font-size: 15px;
    padding: 0 10px 50px;
  }
  .additional-list li .add-icon {
    width: 160px;
    height: 160px;
    margin: 0 auto 20px;
  }
  .additional-list li h5 {
    font-size: 20px;
  }
  .classic-case {
    padding-top: 85px;
    padding-bottom: 54px;
  }
  .classic-case ul {
    padding-top: 50px;
  }
  .compare-tit {
    font-size: 40px;
  }
  .compare-list li {
    font-size: 16px;
  }
  .optimize {
    padding-top: 60px;
    padding-bottom: 76px;
  }
  .pt100 {
    padding-bottom: 40px;
  }
  .standard {
    padding-top: 100px;
  }
  .standard ul {
    padding-top: 45px;
  }
  /*seo优化*/
  .why-column-one {
    padding-top: 105px;
    padding-bottom: 165px;
  }
  .why-list {
    padding-top: 112px;
  }
  .talk-title {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 28px;
  }
  .advant-dec {
    font-size: 36px;
    line-height: 48px;
    padding-top: 50px;
  }
  .provide-services {
    padding-top: 80px;
  }
  .m-fs20 {
    font-size: 20px;
  }
  .m-pt0 {
    padding-top: 0;
  }
  .choose-list {
    padding-top: 76px;
  }
  .choose-list li {
    padding: 0 0 0 80px;
  }
  .choose-list li .choose-box {
    left: 80px;
  }
  .ranking-dec {
    font-size: 16px;
  }
  .in-caselist {
    margin: 0 -4.4%;
    padding-top: 55px;
  }
  .seocase-wrap {
    font-size: 36px;
    line-height: 50px;
    padding-top: 40px;
  }
  .favorite-left {
    line-height: 48px;
  }
  .favorite-left span {
    font-size: 40px;
  }
  .favorite-left em {
    font-size: 36px;
  }
  .favorite-left img {
    margin-right: 10px;
  }
  .favorite-left .favorite-text {
    padding-top: 26px;
  }
  .favorite {
    padding-top: 113px;
    padding-bottom: 0;
  }
  .favorite ul li {
    padding-bottom: 130px;
  }
  .favorite-right {
    padding-top: 78px;
    max-width: 995px;
  }
  .item-favor {
    font-size: 16px;
    line-height: 24px;
  }
  .pb100 {
    padding-bottom: 100px;
  }
  /*新闻中心*/
  .ban-info {
    font-size: 20px;
    line-height: 30px;
  }
  .ban-info h2 {
    font-size: 50px;
    line-height: 66px;
  }
  /*新闻中心*/
  .online-news-wrapper li a {
    margin: 0 30px;
  }
  /*联系我们*/
  .contact-ways .info {
    padding: 87px 9.0625% 73px;
  }
  .arrive-lf {
    padding: 5px 38px 0 95px;
    -o-background-size: 69px auto;
    background-size: 69px auto;
  }
  .arrive-lf .arr-title {
    margin-bottom: 31-px;
  }
  .arrive-lf .arr-title h3 {
    font-size: 24px;
    line-height: 30px;
  }
  .arrive-lf .arr-title h4 {
    font-size: 48px;
    line-height: 60px;
  }
  .arrive-lf .addr {
    font-size: 16px;
    line-height: 28px;
  }
  .case-filter .options {
    width: 75%;
    float: left;
  }
  .case-filter .edit {
    display: block;
  }
}
@media (min-width: 1600px) {
  .indexnews-list ul {
    margin: 0 -15px;
  }
  .indexnews-list ul li {
    padding: 0 15px 30px;
  }
  .m-ft-contact .content {
    padding-left: 285px;
    margin-left: 90px;
  }
  .m-ft-contact .motto {
    font-size: 48px;
    line-height: 54px;
  }
  .m-ft-contact .motto span {
    font-size: 65px;
    line-height: 70px;
  }
  .m-ft-contact .info {
    line-height: 36px;
  }
  .m-ft-contact h3 {
    font-size: 60px;
    line-height: 80px;
  }
  .m-ft-contact h2 {
    margin-bottom: 4px;
    font-size: 40px;
    line-height: 52px;
  }
}
@media (min-width: 1920px) {
  .num-list {
    margin: 0 -4%;
  }
}
@charset "UTF-8";
/* =谷歌整站优化 s */
.gg-optimization {
  width: 100%;
  padding-top: 25px;
  padding-bottom: 10px;
}
.gg-commonweb {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1600px;
  margin: 0 auto;
}
.gg-title-module {
  text-align: center;
}
.gg-title-module .title {
  width: 100%;
  color: #202229;
  font-size: 20px;
  font-weight: lighter;
  line-height: 1.4;
}
.gg-title-module .title span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-top: 10px;
  padding-bottom: 7px;
}
.gg-title-module .title span:after {
  content: '';
  position: absolute;
  width: 30px;
  height: 3px;
  background: url(../images/ll-gantan.png) no-repeat scroll center center;
  -o-background-size: contain;
  background-size: contain;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.gg-title-module .sub {
  color: #4f556b;
  font-size: 12px;
  line-height: 18px;
}
.gg-optimize {
  width: 100%;
  padding-top: 20px;
}
.gg-optimize-ul {
  width: 100%;
}
.gg-optimize-ul li {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
.gg-optimize-ul li:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.gg-optimize-ul li a {
  display: block;
  width: 100%;
}
.gg-optimize-ul li .image {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.gg-optimize-ul li .image:before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 56.11111%;
}
.gg-optimize-ul li .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.gg-optimize-ul li .word {
  padding-top: 20px;
  padding-bottom: 20px;
}
.m-optimize {
  background-repeat: no-repeat;
  background-position: right bottom;
  -o-background-size: auto 50%;
  background-size: auto 50%;
  position: relative;
  padding: 28px 15px 40px;
  -webkit-box-shadow: 0 4px 20px #dfe5fa;
  box-shadow: 0 4px 20px #dfe5fa;
}
.m-optimize .icon {
  position: absolute;
  left: 18px;
  top: -10px;
}
.m-optimize .title {
  color: #202229;
  line-height: 26px;
  font-size: 16px;
  color: #202229;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  margin-bottom: 5px;
}
.m-optimize .info {
  color: #4f556b;
  font-weight: lighter;
}
.optimize-icon {
  width: 26px;
  height: 26px;
  color: #fff;
  text-align: center;
  line-height: 26px;
}
.optimize-icon:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../images/tt-dian.png) no-repeat scroll center center;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
  top: -4px;
  left: -7px;
}
.optimize-icon em {
  display: block;
  font-style: normal;
  width: 100%;
  height: 100%;
  background: #3f47ff;
  background: -webkit-gradient(linear, left top, right top, from(#3f47ff), to(#4780ff));
  background: -webkit-linear-gradient(left, #3f47ff, #4780ff);
  background: -moz- oldlinear-gradient(left, #3f47ff, #4780ff);
  background: -o-linear-gradient(left, #3f47ff, #4780ff);
  background: linear-gradient(to right, #3f47ff, #4780ff);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  z-index: 2;
}
.in-analysis {
  width: 100%;
}
.analysis-hd {
  background-color: #fbcb48;
  padding: 18px 0;
}
.analysis-hd .an-commonweb {
  position: relative;
}
.analysis-hd .ggicon {
  position: absolute;
  left: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 90px;
  overflow: hidden;
}
.analysis-hd .ggicon img {
  display: block;
  width: 100%;
}
.an-commonweb {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1440px;
  margin: 0 auto;
}
.analysis-title {
  text-align: center;
  color: #202229;
  font-size: 18px;
  line-height: 1.46667;
}
.analysis-bd {
  background-color: #f9faff;
  background-image: url(../images/inanbg.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 30px;
}
.analysis-wrap {
  width: 100%;
  overflow: hidden;
}
.analysis-ul {
  margin-left: -10px;
  margin-right: -10px;
}
.analysis-ul li {
  margin-bottom: 15px;
}
.m-analysis {
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
}
.m-analysis .title {
  text-align: center;
  line-height: 40px;
  background: #2a4dff;
  background: -webkit-gradient(linear, left top, right top, from(#1453ff), to(#5d3fff));
  background: -webkit-linear-gradient(left, #1453ff, #5d3fff);
  background: -moz- oldlinear-gradient(left, #1453ff, #5d3fff);
  background: -o-linear-gradient(left, #1453ff, #5d3fff);
  background: linear-gradient(to right, #1453ff, #5d3fff);
  color: #fff;
  font-size: 16px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
.m-analysis .word {
  width: 100%;
  padding: 20px 15px 25px;
  position: relative;
  border: 1px solid #dde4f3;
  border-top: none;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.m-analysis .word .nums {
  position: absolute;
  bottom: -7px;
  right: -3px;
  color: #f6f7fb;
  font-size: 48px;
  line-height: 1;
}
.m-analysis .word .info {
  color: #4f556b;
  font-size: 14px;
  line-height: 20px;
  display: block;
  width: 100%;
}
.seo-examination {
  width: 100%;
  padding-top: 25px;
  padding-bottom: 35px;
}
.seo-container {
  width: 100%;
  position: relative;
  margin-top: 25px;
}
.seo-container .bg {
  width: 100%;
  overflow: hidden;
}
.seo-container .bg img {
  display: block;
  width: 100%;
}
.seoExam-ul {
  width: 100%;
  padding-top: 20px;
}
.seoExam-ul li {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
.seoExam-ul li .seoitem {
  width: 100%;
  position: relative;
  background: rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 0 0px 20px #e7ebfc;
  box-shadow: 0 0px 20px #e7ebfc;
  padding: 20px 15px;
}
.seoExam-ul li .seoitem:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  background: #1652ff;
  background: -webkit-gradient(linear, left top, right top, from(#1652ff), to(#bdb1ff));
  background: -webkit-linear-gradient(left, #1652ff, #bdb1ff);
  background: -moz- oldlinear-gradient(left, #1652ff, #bdb1ff);
  background: -o-linear-gradient(left, #1652ff, #bdb1ff);
  background: linear-gradient(to right, #1652ff, #bdb1ff);
  width: 100%;
}
.seoExam-ul li .title {
  color: #202229;
  font-size: 16px;
  line-height: 26px;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 8px;
}
.seoExam-ul li .info {
  color: #4f556b;
  font-size: 13px;
  font-weight: lighter;
  line-height: 18px;
  display: block;
}
/* =谷歌整站优化 e */
/* 谷歌快速排名 s */
.gg-ranking {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 25px;
}
.ranking-cons {
  width: 100%;
  margin-top: 20px;
  position: relative;
}
.ranking-cons .bg {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.ranking-cons .bg img {
  display: block;
  width: 100%;
}
.ranking-ul li {
  width: 100%;
  margin-bottom: 20px;
}
.ranking-ul .rank {
  width: 100%;
  overflow: hidden;
  padding: 16px 8px 15px 10px;
  -webkit-box-shadow: 0 5px 10px #e0e6fb;
  box-shadow: 0 5px 10px #e0e6fb;
  position: relative;
}
.ranking-ul .rank:before {
  content: '';
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  background: #1054ff;
  background: -webkit-gradient(linear, left top, right top, from(#1054ff), to(#aa99ff));
  background: -webkit-linear-gradient(left, #1054ff, #aa99ff);
  background: -moz- oldlinear-gradient(left, #1054ff, #aa99ff);
  background: -o-linear-gradient(left, #1054ff, #aa99ff);
  background: linear-gradient(to right, #1054ff, #aa99ff);
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.ranking-ul .rank .icon {
  float: left;
  width: 40px;
  overflow: hidden;
}
.ranking-ul .rank .icon img {
  display: block;
  width: 100%;
}
.ranking-ul .rank .over {
  overflow: hidden;
  min-height: 55px;
  padding-top: 6px;
  padding-left: 10px;
}
.ranking-ul .rank .over .info {
  width: 100%;
  display: block;
  color: #202229;
  font-size: 14px;
  line-height: 18px;
}
/* 谷歌快速排名 e */
/* 谷歌关键字优化 s */
.gkey-optimize {
  width: 100%;
  padding-top: 35px;
  padding-bottom: 45px;
}
.key-progress {
  width: 100%;
  padding-top: 20px;
}
.dl-progress {
  width: 100%;
}
.dl-progress li {
  width: 100%;
  position: relative;
}
.dl-progress li:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.dl-progress li a {
  display: block;
  width: 100%;
}
.dl-progress li .image {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.dl-progress li .image:before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 58.88889%;
}
.dl-progress li .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.dl-progress li .word {
  padding-top: 40px;
  padding-bottom: 20px;
}
.key-object {
  background-repeat: no-repeat;
  background-position: right bottom;
  -o-background-size: auto 50%;
  background-size: auto 50%;
  position: relative;
  padding: 28px 15px 40px;
  -webkit-box-shadow: 0 4px 20px #dfe5fa;
  box-shadow: 0 4px 20px #dfe5fa;
}
.key-object .mark {
  position: absolute;
  left: 18px;
  top: -16px;
}
.key-object .title {
  color: #202229;
  line-height: 26px;
  font-size: 16px;
  color: #202229;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  margin-bottom: 5px;
}
.key-object .info {
  color: #4f556b;
  font-size: 12px;
  font-weight: lighter;
  line-height: 18px;
  width: 100%;
  display: block;
}
.progressmark {
  display: inline-block;
  line-height: 36px;
}
.progressmark em {
  display: block;
  font-style: normal;
  font-weight: bold;
  position: relative;
  z-index: 2;
  padding: 0 16px;
  background: #3f48ff;
  background: -webkit-gradient(linear, left top, right top, from(#3f48ff), to(#477fff));
  background: -webkit-linear-gradient(left, #3f48ff, #477fff);
  background: -moz- oldlinear-gradient(left, #3f48ff, #477fff);
  background: -o-linear-gradient(left, #3f48ff, #477fff);
  background: linear-gradient(to right, #3f48ff, #477fff);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
}
.progressmark:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: -5px;
  left: -8px;
  background: #a5b9ff;
  background: -webkit-gradient(linear, left top, left bottom, from(#a5b9ff), to(#e7edfc));
  background: -webkit-linear-gradient(top, #a5b9ff, #e7edfc);
  background: -moz- oldlinear-gradient(top, #a5b9ff, #e7edfc);
  background: -o-linear-gradient(top, #a5b9ff, #e7edfc);
  background: linear-gradient(top, #a5b9ff, #e7edfc);
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.ul-progress {
  margin-left: -5px;
  margin-right: -5px;
}
.ul-progress li {
  padding: 20px 5px 16px;
}
.m-progress {
  background: #ecf0fc;
  background: -webkit-linear-gradient(45deg, #ebf0fc, #f6f8fb);
  background: -moz- oldlinear-gradient(45deg, #ebf0fc, #f6f8fb);
  background: -o-linear-gradient(45deg, #ebf0fc, #f6f8fb);
  background: linear-gradient(45deg, #ebf0fc, #f6f8fb);
  width: 100%;
  position: relative;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 30px 15px 25px 35px;
  height: 100%;
}
.m-progress .icon {
  position: absolute;
  left: 18px;
  top: -15px;
}
.m-progress .title {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: #202229;
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 8px;
}
.m-progress .info {
  width: 100%;
  line-height: 20px;
  color: #4f556b;
  font-size: 14px;
}
.analysis-bdplus {
  background: #f9faff url(../images/inanbg.png) no-repeat scroll right bottom;
  -o-background-size: cover;
  background-size: cover;
  padding: 30px 0;
}
.analysis-article {
  width: 100%;
  text-align: center;
}
.analysis-article .title {
  color: #202229;
  font-weight: bold;
  font-size: 16px;
  line-height: 28px;
}
.analysis-article .word {
  width: 100%;
  padding-top: 13px;
  padding-bottom: 20px;
}
.analysis-text {
  color: #4f556b;
  font-weight: lighter;
  font-size: 14px;
  line-height: 18px;
}
.analysis-ulplus {
  margin-left: -15px;
  margin-right: -15px;
}
.analysis-ulplus li {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
}
.okey-optimize {
  width: 100%;
  padding-bottom: 30px;
}
/* 谷歌关键字优化 e */
@charset "UTF-8";
@media (min-width: 768px) {
  /* =谷歌整站优化 s */
  .gg-optimization {
    padding-top: 45px;
    padding-bottom: 25px;
  }
  .gg-title-module .title {
    font-size: 22px;
  }
  .gg-optimize-ul li:nth-child(odd) .image {
    float: right;
    width: 50%;
  }
  .gg-optimize-ul li:nth-child(odd) .word {
    float: left;
    width: 50%;
  }
  .gg-optimize-ul li:nth-child(even) .image {
    float: left;
    width: 50%;
  }
  .gg-optimize-ul li:nth-child(even) .word {
    float: right;
    width: 50%;
  }
  .m-optimize .info {
    display: block;
  }
  /* =谷歌整站优化 e */
  /* 谷歌快速排名 s */
  .ranking-ul {
    margin-right: -10px;
    margin-left: -10px;
  }
  .ranking-ul:after {
    content: '';
    display: block;
    width: 100%;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .ranking-ul li {
    float: left;
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }
  /* 谷歌快速排名 e */
  /* 谷歌关键字优化 s */
  .dl-progress li .image {
    width: 50%;
  }
  .dl-progress li .word {
    width: 50%;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .dl-progress li:nth-child(even) .image {
    float: left;
  }
  .dl-progress li:nth-child(even) .word {
    float: right;
  }
  .dl-progress li:nth-child(odd) .image {
    float: right;
  }
  .dl-progress li:nth-child(odd) .word {
    float: left;
  }
  .key-object {
    -o-background-size: auto 60%;
    background-size: auto 60%;
  }
  /* 谷歌关键字优化 e */
}
@charset "UTF-8";
@media (min-width: 1024px) {
  /* =谷歌整站优化 s */
  .gg-optimization {
    padding-top: 60px;
  }
  .gg-commonweb {
    padding-left: 40px;
    padding-right: 40px;
  }
  .gg-title-module .title {
    font-size: 30px;
  }
  .gg-title-module .title span {
    padding-top: 14px;
  }
  .gg-title-module .title span:after {
    height: 5px;
  }
  .gg-title-module .sub {
    font-size: 14px;
    line-height: 22px;
  }
  .gg-optimize {
    padding-top: 40px;
  }
  .gg-optimize-ul li {
    margin-bottom: 30px;
  }
  .gg-optimize-ul li .word {
    padding-top: 4.86111%;
    padding-bottom: 5.41667%;
  }
  .gg-optimize-ul li:nth-child(odd) .word {
    padding-right: 30px;
  }
  .gg-optimize-ul li:nth-child(even) .word {
    padding-left: 30px;
  }
  .m-optimize {
    -o-background-size: auto 70%;
    background-size: auto 70%;
    padding: 46px 40px 70px;
  }
  .m-optimize .info {
    font-size: 14px;
  }
  .analysis-hd .ggicon {
    left: 55px;
    width: 110px;
  }
  .an-commonweb {
    padding-left: 40px;
    padding-right: 40px;
  }
  .analysis-title {
    font-size: 24px;
  }
  .analysis-bd {
    padding-top: 70px;
    padding-bottom: 60px;
  }
  .analysis-ul li {
    margin-bottom: 20px;
  }
  .m-analysis .title {
    line-height: 48px;
    font-size: 18px;
  }
  .m-analysis .word {
    padding: 26px 15px 25px;
  }
  .seo-examination {
    padding-top: 45px;
    padding-bottom: 55px;
  }
  .seo-container {
    margin-top: 35px;
  }
  .seo-container .bg {
    height: 420px;
  }
  .seo-container .bg img {
    width: auto;
    height: 100%;
    margin: 0 auto;
  }
  .seoExam-ul {
    padding-top: 0px;
    position: absolute;
    top: 0;
  }
  .seoExam-ul li {
    width: 320px;
  }
  .seoExam-ul li .seoitem {
    background: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 0 10px 20px #e7ebfc;
    box-shadow: 0 10px 20px #e7ebfc;
  }
  .seoExam-ul li:nth-child(odd) {
    float: left;
  }
  .seoExam-ul li:nth-child(even) {
    float: right;
  }
  .seoExam-ul li:nth-child(2n+1) {
    clear: both;
  }
  /* =谷歌整站优化 e */
  /* 谷歌快速排名 s */
  .gg-ranking {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .ranking-cons {
    margin-top: 45px;
  }
  .ranking-cons .bg {
    height: 484px;
  }
  .ranking-cons .bg img {
    width: auto;
    height: 100%;
    margin: 0 auto;
  }
  .ranking-ul {
    margin-right: 0px;
    margin-left: 0px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .ranking-ul li {
    padding-left: 0px;
    padding-right: 0px;
    width: 330px;
  }
  .ranking-ul .rank {
    background-color: #fff;
    padding: 24px 12px 14px 20px;
    -webkit-box-shadow: 0 10px 20px #e0e6fb;
    box-shadow: 0 10px 20px #e0e6fb;
  }
  .ranking-ul .rank .icon {
    width: 48px;
  }
  .ranking-ul .rank .over {
    padding-top: 9px;
    padding-left: 16px;
  }
  .ranking-ul li:nth-child(odd) {
    float: left;
  }
  .ranking-ul li:nth-child(even) {
    float: right;
  }
  .ranking-ul li:nth-child(2n+1) {
    clear: both;
  }
  /* 谷歌快速排名 e */
  /* 谷歌关键字优化 s */
  .gkey-optimize {
    padding-top: 55px;
    padding-bottom: 65px;
  }
  .key-progress {
    padding-top: 35px;
  }
  .dl-progress li .word {
    padding-top: 6.11111%;
    padding-bottom: 6.11111%;
  }
  .dl-progress li:nth-child(even) .word {
    padding-left: 35px;
  }
  .dl-progress li:nth-child(odd) .word {
    padding-right: 35px;
  }
  .key-object {
    -o-background-size: auto 80%;
    background-size: auto 80%;
    padding: 42px 35px 65px;
    -webkit-box-shadow: 0 5px 25px #dfe5fa;
    box-shadow: 0 5px 25px #dfe5fa;
  }
  .key-object .title {
    margin-bottom: 11px;
    font-size: 18px;
  }
  .key-object .info {
    font-size: 14px;
  }
  .progressmark em {
    font-size: 16px;
  }
  .analysis-bdplus {
    padding: 50px 0;
  }
  .analysis-article .title {
    font-size: 18px;
  }
  .analysis-article .word {
    padding-bottom: 40px;
  }
  .analysis-ulplus {
    margin-left: -25px;
    margin-right: -25px;
  }
  .analysis-ulplus li {
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 30px;
  }
  .okey-optimize {
    padding-bottom: 50px;
  }
  .m-optimize .icon {
    top: -15px;
  }
  .optimize-icon {
    width: 36px;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
  }
  /* 谷歌关键字优化 e */
}
@charset "UTF-8";
@media (min-width: 1260px) {
  /* =谷歌整站优化 s */
  .gg-optimization {
    padding-top: 70px;
  }
  .gg-commonweb {
    padding-left: 60px;
    padding-right: 60px;
  }
  .gg-title-module .title {
    font-size: 34px;
  }
  .gg-optimize {
    padding-top: 50px;
  }
  .gg-optimize-ul li {
    margin-bottom: 37px;
  }
  .gg-optimize-ul li:nth-child(odd) .word {
    padding-right: 50px;
  }
  .gg-optimize-ul li:nth-child(even) .word {
    padding-left: 50px;
  }
  .m-optimize {
    -o-background-size: auto auto;
    background-size: auto auto;
    padding: 70px 50px;
    -webkit-box-shadow: 0 10px 30px #dfe5fa;
    box-shadow: 0 10px 30px #dfe5fa;
  }
  .m-optimize .title {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .analysis-hd .ggicon {
    left: 65px;
    width: 128px;
  }
  .analysis-title {
    font-size: 30px;
  }
  .analysis-bd {
    padding-bottom: 80px;
  }
  .analysis-ul li {
    margin-bottom: 0px;
    width: 20%;
  }
  .seo-examination {
    padding-top: 65px;
    padding-bottom: 80px;
  }
  .seo-container {
    margin-top: 55px;
  }
  .seo-container .bg {
    height: 495px;
  }
  .seoExam-ul li {
    width: 370px;
  }
  .seoExam-ul li .seoitem {
    padding: 30px 20px;
  }
  .seoExam-ul li .title {
    font-size: 18px;
    margin-bottom: 11px;
  }
  /* =谷歌整站优化 e */
  /* 谷歌快速排名 s */
  .gg-ranking {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .ranking-cons .bg {
    height: 570px;
  }
  .ranking-ul li {
    margin-bottom: 20px;
  }
  .ranking-ul .rank {
    padding: 16px 16px 14px 24px;
    -webkit-box-shadow: 0 10px 40px #e0e6fb;
    box-shadow: 0 10px 40px #e0e6fb;
  }
  /* 谷歌快速排名 e */
  /* 谷歌关键字优化 s */
  .gkey-optimize {
    padding-top: 65px;
    padding-bottom: 90px;
  }
  .dl-progress li:nth-child(even) .word {
    padding-left: 65px;
  }
  .dl-progress li:nth-child(odd) .word {
    padding-right: 65px;
  }
  .key-object {
    -o-background-size: auto auto;
    background-size: auto auto;
    padding: 58px 45px 75px;
    -webkit-box-shadow: 0 5px 25px #dfe5fa;
    box-shadow: 0 5px 25px #dfe5fa;
  }
  .key-object .title {
    margin-bottom: 11px;
    font-size: 18px;
  }
  .progressmark em {
    font-size: 16px;
  }
  .ul-progress {
    margin-left: -15px;
    margin-right: -15px;
  }
  .ul-progress li {
    padding-left: 15px;
    padding-right: 15px;
  }
  .m-progress {
    padding: 30px 25px 35px 35px;
  }
  .m-progress .title {
    margin-bottom: 12px;
    font-size: 16px;
  }
  .analysis-bdplus {
    padding: 60px 0;
  }
  .analysis-ulplus {
    margin-left: -30px;
    margin-right: -30px;
  }
  .analysis-ulplus li {
    padding-left: 30px;
    padding-right: 30px;
  }
  .okey-optimize {
    padding-bottom: 70px;
  }
  /* 谷歌关键字优化 e */
}
@media (min-width: 1460px) {
  /* =谷歌整站优化 s */
  .gg-commonweb {
    padding-left: 80px;
    padding-right: 80px;
  }
  .gg-title-module .title {
    font-size: 40px;
  }
  .gg-optimize-ul li:nth-child(odd) .word {
    padding-right: 65px;
  }
  .gg-optimize-ul li:nth-child(even) .word {
    padding-left: 65px;
  }
  .analysis-hd .ggicon {
    left: 80px;
  }
  .an-commonweb {
    padding-left: 0px;
    padding-right: 0px;
  }
  .analysis-bd {
    padding-top: 80px;
    padding-bottom: 100px;
  }
  .m-analysis .word {
    padding: 32px 18px 25px;
  }
  /* =谷歌整站优化 e */
  /* 谷歌关键字优化 s */
  .key-object {
    padding: 68px 55px 95px;
    -webkit-box-shadow: 0 10px 35px #dfe5fa;
    box-shadow: 0 10px 35px #dfe5fa;
  }
  .m-progress {
    padding: 30px 35px 45px 65px;
  }
  .m-progress .title {
    margin-bottom: 12px;
    font-size: 16px;
  }
  .analysis-ulplus {
    margin-left: -37px;
    margin-right: -37px;
  }
  .analysis-ulplus li {
    padding-left: 37px;
    padding-right: 37px;
  }
  /* 谷歌关键字优化 e */
}
@charset "UTF-8";
.select-box dl dt:after {
  _font-size: 0;
  _line-height: 0;
  _overflow: hidden;
  width: 0;
  height: 0;
}
/*箭头*/
/*公共样式*/
.commonweb1200 {
  max-width: 1200px;
}
/* 元素类型 */
.db {
  display: block;
}
.dn {
  display: none;
}
.di {
  display: inline;
}
.dib {
  display: inline-block;
}
.transparent {
  opacity: 0;
}
.mobdb {
  display: block;
}
.pcdb {
  display: none;
}
/*文字排版、颜色*/
.f12 {
  font-size: 12px;
}
.f14 {
  font-size: 14px;
}
.f16 {
  font-size: 16px;
}
.f18 {
  font-size: 18px;
}
.f20 {
  font-size: 20px;
}
.m-fs18 {
  font-size: 15px;
}
.xs-fs40 {
  font-size: 20px;
  line-height: 30px;
}
.fligter {
  font-weight: lighter;
}
/* 溢出样式 */
.ofh {
  overflow: hidden;
}
.ofs {
  overflow: scroll;
}
.ofa {
  overflow: auto;
}
.ofv {
  overflow: visible;
}
/* 定位方式 */
.ps {
  position: static;
}
.pr {
  position: relative;
  zoom: 1;
}
.pa {
  position: absolute;
}
.pf {
  position: fixed;
}
/* 垂直对齐方式 */
.vt {
  vertical-align: top;
}
.vm {
  vertical-align: middle;
}
.vb {
  vertical-align: bottom;
}
.pcfl {
  float: none;
}
.pcfl {
  float: none;
}
.tc {
  text-align: center;
}
.dnbr br {
  display: none;
}
.m-ycenter {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.color4f {
  color: #4f556b;
}
.m-fs40 {
  font-size: 22px;
  line-height: 30px;
}
.mb15 {
  margin-bottom: 15px;
}
.m-fs24 {
  font-size: 18px;
}
@media (min-width: 1024px) {
  .mobdb {
    display: none;
  }
  .pcdb {
    display: block;
  }
  .pcfl {
    float: left;
  }
  .pcfr {
    float: right;
  }
  .xs-fs40 {
    font-size: 30px;
    line-height: 40px;
  }
  .dnbr br {
    display: block;
  }
  .m-fs40 {
    font-size: 40px;
    line-height: 50px;
  }
  .m-f16 {
    font-size: 16px;
  }
  .m-fs18 {
    font-size: 18px;
  }
  .m-fs24 {
    font-size: 24px;
  }
}
@media (min-width: 1580px) {
  .xs-fs40 {
    font-size: 40px;
    line-height: 50px;
  }
}
/*SEO推广知识*/
.knowledgebg {
  background: #f6f7fa;
}
.knowledge-base {
  padding: 20px 0;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  background: #fff;
}
.knowledge-title {
  font-size: 18px;
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
.knowledge-search {
  border: 1px solid #ddd;
  background: #fff;
  position: relative;
  min-width: 240px;
  margin: 0 auto;
}
.knowledge-tab {
  padding-bottom: 4px;
  text-align: center;
  font-size: 0;
  line-height: 0;
}
.knowledge-tab a {
  font-size: 12px;
  line-height: 24px;
  display: inline-block;
  padding: 4px 8px;
  border: 1px solid #ccc;
  margin: 0 1% 10px;
  color: #333;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  width: 31.3%;
  max-width: 200px;
}
.knowledge-tab a.cur {
  background-color: #1054FF;
  color: #fff;
  border-color: #1054FF;
}
.se-input {
  display: inline-block;
  padding: 5px 60px 5px 10px;
  background: #fff;
  width: 100%;
}
.se-input::-webkit-input-placeholder {
  color: #999;
}
.se-input:-moz-placeholder {
  color: #999;
}
.se-input::-moz-placeholder {
  color: #999;
}
.se-input:-ms-input-placeholder {
  color: #999;
}
.se-btn {
  position: absolute;
  top: 4px;
  right: 2px;
  margin: 0 4px;
  width: 60px;
  background: -webkit-gradient(linear, left top, right top, from(#443FFE), to(#3664FF));
  background: -webkit-linear-gradient(left, #443FFE, #3664FF);
  background: -moz- oldlinear-gradient(left, #443FFE, #3664FF);
  background: -o-linear-gradient(left, #443FFE, #3664FF);
  background: linear-gradient(to right, #443FFE, #3664FF);
  color: #fff;
  text-align: center;
  -webkit-border-radius: 4px !important;
  border-radius: 4px !important;
}
.knowledge-wrap {
  padding-top: 20px;
  padding-bottom: 30px;
}
.knowledge-left {
  background: #fff;
  position: relative;
}
.knowledge-left ul li a {
  display: block;
  color: #555;
  padding: 10px 20px;
  border-bottom: 1px solid #e8eef6;
  line-height: 20px;
}
.knowledge-left ul li a:hover, .knowledge-left ul li a.cur {
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#3860f4), to(#5f87f8));
  background: -webkit-linear-gradient(left, #3860f4, #5f87f8);
  background: -moz- oldlinear-gradient(left, #3860f4, #5f87f8);
  background: -o-linear-gradient(left, #3860f4, #5f87f8);
  background: linear-gradient(to right, #3860f4, #5f87f8);
  border-bottom: 1px solid #3b63f4;
}
.mob-knowledge {
  position: fixed;
  top: 0;
  right: 0;
  width: 80%;
  background: #fff;
  z-index: 100;
  height: 100%;
  overflow-y: auto;
  -webkit-box-shadow: -5px 2px 8px rgba(0, 0, 0, 0.06);
  box-shadow: -5px 2px 8px rgba(0, 0, 0, 0.06);
  padding-bottom: 20px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  opacity: 0;
}
.mob-knowledge.show {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  opacity: 1;
}
.article-title {
  font-size: 16px;
  color: #fff;
  height: 42px;
  background: -webkit-gradient(linear, left top, right top, from(#3860f4), to(#5f87f8));
  background: -webkit-linear-gradient(left, #3860f4, #5f87f8);
  background: -moz- oldlinear-gradient(left, #3860f4, #5f87f8);
  background: -o-linear-gradient(left, #3860f4, #5f87f8);
  background: linear-gradient(to right, #3860f4, #5f87f8);
  -o-background-size: 100%;
  background-size: 100%;
  line-height: 42px;
  padding-left: 20px;
  position: relative;
}
.article-title:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 16px;
  top: 16px;
}
.mobile-titbtn {
  padding-left: 30px;
}
.mobile-titbtn:before {
  right: auto;
  left: 16px;
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.know-crumb {
  padding: 0px 8px 0 20px;
  height: 42px;
  line-height: 42px;
  color: #999;
  background: #fff;
  border-bottom: 1px solid #e8eef6;
  white-space: nowrap;
  margin-bottom: 10px;
  border: 1px solid #e8eef6;
}
.know-crumb a {
  color: #999;
}
.know-crumb a:hover {
  text-decoration: underline;
}
.knowledge-box {
  padding: 30px 15px;
  background: #fff;
  border: 1px solid #e8eef6;
  overflow: hidden;
}
.type-tit {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}
.options {
  background: #fff;
  margin-bottom: 20px;
}
.options ul {
  padding: 20px 15px;
}
.options ul li {
  overflow: hidden;
  clear: both;
  padding-bottom: 20px;
  line-height: 20px;
}
.options ul li .know-num {
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  float: left;
  text-align: center;
  background: #999999;
  color: #fff;
  font-size: 20px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-right: 10px;
}
.options ul li a {
  display: block;
  overflow: hidden;
  color: #555;
  display: -webkit-box;
  height: 48px;
  line-height: 24px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.options ul li a:hover {
  text-decoration: underline;
  color: #1054FF;
}
.options ul li:nth-child(1) .know-num {
  background: #d9534f;
}
.options ul li:nth-child(2) .know-num {
  background: #f0ad4e;
}
.options ul li:nth-child(3) .know-num {
  background: #5cb85c;
}
.options ul li:nth-child(4) .know-num {
  background: #428bca;
}
.options ul li:nth-child(5) .know-num {
  background: #5bc0de;
}
.options ul li:nth-child(6) .know-num {
  background: #5bc0de;
}
.options ul li:nth-child(7) .know-num {
  background: #5bc0de;
}
.options ul li:nth-child(8) .know-num {
  background: #5bc0de;
}
.phpmyfaq-list li {
  position: relative;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
.phpmyfaq-list li a {
  color: #5078f7;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 24px;
  line-height: 24px;
  display: block;
}
.phpmyfaq-list li span {
  color: #666;
}
.article img {
  max-width: 100%;
}
.read-num {
  color: #666;
}
.case-deatils {
  padding-top: 30px;
  padding-bottom: 30px;
}
.case-deatils img {
  max-width: 100%;
}
.deatils-list {
  position: relative;
  margin-bottom: 30px;
}
.deatils-tit {
  text-align: center;
  color: #0a1633;
  font-size: 18px;
  margin-bottom: 20px;
}
.deatils-right {
  overflow: hidden;
  color: #0a1633;
}
.deatils-imglogo {
  text-align: center;
}
.all-pt0 {
  padding-top: 0;
}
.white-dot {
  padding-top: 20px;
}
.white-dot ul li a:after {
  background-color: #fff;
}
.commonweb1440 {
  max-width: 1440px;
}
/*资讯*/
.fengxiangyun-msg {
  padding-top: 30px;
  background: #f9faff;
}
.fengxiangyun-msg img {
  max-width: 100%;
}
.msg-tel {
  color: #4f556b;
  padding: 10px 0 20px;
}
.msg-tel a {
  color: #4f556b;
}
.lineheight0 {
  line-height: 0;
}
.friend-links {
  padding-bottom: 10px;
}
.friend-links h6 {
  padding-bottom: 9px;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}
.friend-links h6 .tilte {
  float: left;
  margin-right: 9px;
}
.friend-links h6 .tilte:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 5px;
  height: 16px;
  margin: 4px 10px 0 0;
  background: #1054ff;
}
.friend-links h6 a {
  display: block;
  padding: 0 10px;
  font-size: 14px;
  line-height: 22px;
  border: 1px solid rgba(109, 119, 146, 0.2);
}
.friend-links h6 .exchagne {
  float: left;
}
.friend-links h6 .flod {
  float: right;
}
.friend-links .link-list {
  height: 26px;
  overflow: hidden;
}
.friend-links .link-list a {
  position: relative;
  font-size: 14px;
  margin-right: 15px;
}
.friend-links .link-list a::before {
  content: "";
  position: absolute;
  left: -8px;
  top: 1px;
  width: 1px;
  height: 14px;
  background-color: #777;
}
.m-inpagebanner {
  position: relative;
  overflow: hidden;
}
.m-inpagebanner img {
  display: block;
  height: 190px;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.m-inpage-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  max-width: 1440px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
}
.inbanner-title {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 5px;
}
.inbanner-title span {
  font-family: "airstrip";
  color: #ffdf4a;
  font-size: 30px;
}
/*谷歌网站优化*/
.google-import {
  padding-top: 35px;
  padding-bottom: 35px;
}
.google-top-list {
  padding-top: 30px;
  margin: 0 -5px;
}
.website-top-list{
  padding-top: 30px;
}
.google-top-list li {
  padding: 0 5px 40px;
}
.google-top-list li img {
  margin: -30px 0 13px;
  width: 66px;
  width: 66px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 30px rgba(214, 221, 249, 0.4);
  box-shadow: 0 0 30px rgba(214, 221, 249, 0.4);
}
.google-top-box {
  border: solid 1px #dde3f3;
  padding: 0 20px 30px;
  border-bottom: 3px solid #4446ff;
}
.google-top-box .google-dec {
  color: #4f556b;
  line-height: 18px;
  font-size: 14px;
  max-width: 280px;
  margin: 0 auto;
}
.google-top-box .google-dec h3 {
  color: #202229;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 5px;
}
.google-bigtit {
  text-align: center;
  background: #fde261;
  background: -webkit-gradient(linear, left top, right top, from(#fac541), to(#fde261));
  background: -webkit-linear-gradient(left, #fac541, #fde261);
  background: -moz- oldlinear-gradient(left, #fac541, #fde261);
  background: -o-linear-gradient(left, #fac541, #fde261);
  background: linear-gradient(to right, #fac541, #fde261);
  position: relative;
  font-size: 18px;
  margin-top: -40px;
  color: #202229;
  padding: 20px;
  padding-left: 80px;
}
.google-bigtit img {
  display: block;
  position: absolute;
  left: 10px;
  width: 60px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.google-column-item {
  background: url(../images/googleimg05.jpg) center bottom no-repeat;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 35px;
  padding-bottom: 30px;
}
.google-column-item ul {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10px;
}
.google-column-item ul li {
  padding: 0 10px 15px;
  cursor: pointer;
}
.item-wrap .item-top {
  height: 60px;
  line-height: 60px;
  background: url(../images/googleicon06.png) 0 0 no-repeat;
  -o-background-size: cover;
  background-size: cover;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  -webkit-box-shadow: 0 6px 8px rgba(7, 18, 119, 0.16);
  box-shadow: 0 6px 8px rgba(7, 18, 119, 0.16);
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.item-wrap .item-bottom {
  border: 1px solid #dfe6f4;
  padding: 35px 20px 29px;
  font-size: 14px;
  color: #4f556b;
  text-align: center;
  background: #fff;
  border-top: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.item-wrap .item-bottom .decheight {
  display: -webkit-box;
  height: auto;
  line-height: 24px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:4;
}
.item-wrap .item-bottom .gdeatils-btn {
  margin-top: 28px;
  display: block;
  height: 44px;
  -webkit-border-radius: 22px;
  border-radius: 22px;
  border: solid 1px #ffc600;
  background: #fde261;
  background: -webkit-gradient(linear, left top, right top, from(#fac541), to(#fde261));
  background: -webkit-linear-gradient(left, #fac541, #fde261);
  background: -moz- oldlinear-gradient(left, #fac541, #fde261);
  background: -o-linear-gradient(left, #fac541, #fde261);
  background: linear-gradient(to right, #fac541, #fde261);
  text-align: center;
  line-height: 44px;
  color: #202229;
}
.google-advantage {
  padding-top: 35px;
}
.google-goodness {
  line-height: 0;
  font-size: 0;
  margin: 0 -10px;
  padding-top: 10px;
}
.google-goodness li {
  float: none;
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  color: #4f556b;
  padding: 0 10px 20px;
}
.google-goodness li .goodness-img {
  padding-top: 5px;
}
.google-goodness li .goodness-img img {
  display: block;
  width: 100%;
}
.google-goodness li .goodness-tit {
  font-size: 16px;
  color: #202229;
  text-align: center;
  margin-bottom: 4px;
  line-height: 26px;
}
.google-goodness li .goodness-dec {
  font-size: 13px;
}
.whitebg {
  background: #fff;
}
.bulebg {
  background: #f9faff;
}
.bulebg img {
  max-width: 100%;
}
/*微定制*/
.select-box dl {
  position: relative;
  padding: 10px 0 10px 66px;
  border-bottom: 1px solid #e6e6e6;
}
.select-box dl dt {
  position: absolute;
  left: 0;
  font-size: 14px;
  background: -webkit-gradient(linear, left top, right top, from(#443ffe), to(#3664ff));
  background: -webkit-linear-gradient(left, #443ffe, #3664ff);
  background: -moz- oldlinear-gradient(left, #443ffe, #3664ff);
  background: -o-linear-gradient(left, #443ffe, #3664ff);
  background: linear-gradient(to right, #443ffe, #3664ff);
  color: #fff;
  padding: 2px 4px;
}
.select-box dl dt:after {
  content: "";
  display: block;
  position: absolute;
  right: -12px;
  top: 50%;
  margin-top: -6px;
  border-width: 6px;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent #3761ff;
}
.select-box dl dd {
  padding-right: 44px;
  position: relative;
}
.select-box dl dd a {
  display: inline-block;
  font-size: 13px;
  padding: 0 6px;
  line-height: 30px;
  height: 30px;
  margin-bottom: 4px;
  border: 1px solid transparent;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.select-box dl dd a i {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
  border: 1px solid #ccc;
}
.select-box dl dd a:hover, .select-box dl dd a.cur {
  border-color: #1054ff;
}
.select-box dl dd .arrormore-btn {
  position: absolute;
  display: block;
  right: 0;
  top: 5px;
  padding-right: 16px;
  font-size: 12px;
}
.select-box dl dd .arrormore-btn:after {
  content: "";
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #1054ff;
  border-top: 2px solid #1054ff;
  border-left: 0;
  border-bottom: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.select-box dl dd .arrormore-btn.cur:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 9px;
}
.prod-height {
  height: 34px;
  overflow: hidden;
}
.prod-height.add {
  height: auto;
}
.customized {
  text-align: center;
  padding: 30px 0;
}
.customized a {
  padding: 10px 40px;
  display: inline-block;
  background: #473bff;
  background: -webkit-gradient(linear, left top, right top, from(#443ffe), to(#3664ff));
  background: -webkit-linear-gradient(left, #443ffe, #3664ff);
  background: -moz- oldlinear-gradient(left, #443ffe, #3664ff);
  background: -o-linear-gradient(left, #443ffe, #3664ff);
  background: linear-gradient(to right, #443ffe, #3664ff);
  color: #fff;
  font-size: 16px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
/*案例详情*/
.case-head .info {
  padding: 30px 0;
  text-align: center;
  background: #fff;
  position: relative;
}
.info .img {
  width: 29.71576%;
  margin: 0 auto;
}
.info .img img {
  max-width: 100%;
}
.info .content {
  overflow: hidden;
}
.info .content .desc {
  margin-bottom: 20px;
  color: #4f556b;
  line-height: 20px;
  text-align: left;
}
.info .content .view {
  display: inline-block;
  width: 120px;
  height: 36px;
  text-align: center;
  border: 1px solid #1054ff;
  line-height: 36px;
  color: #202229;
  -webkit-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.u-cshd-title {
  padding: 10px 0 0;
}
.u-cshd-title .en {
  font-size: 18px;
  line-height: 28px;
  color: #4f556b;
  font-weight: bold;
  font-family: "Montserrat-Regular";
}
.u-cshd-title .cn {
  font-size: 18px;
  line-height: 34px;
  color: #202229;
  position: relative;
  padding-bottom: 5px;
  margin-bottom: 10px;
  display: inline-block;
}
.u-cshd-title .cn:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  display: block;
  left: 0;
  background-color: #5342ff;
  bottom: 0;
}
.server {
  padding: 3.125% 5.625%;
  background-color: #f9faff;
  font-size: 14px;
  line-height: 30px;
  color: #4f556b;
  position: relative;
}
.server .u-cshd-title .cn:before {
  left: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.server .dot {
  padding-left: 16px;
  position: relative;
}
.server .dot:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #5342ff;
  display: inline-block;
  left: 0;
  top: 50%;
  margin-top: -2px;
}
.case-body {
  padding: 30px 0;
  color: #4f556b;
}
.case-body img {
  max-width: 100%;
}
.full-case-body {
  width: 100%;
  color: #4f556b;
  padding: 30px 0;
}
.full-case-body img {
  max-width: 100%;
}
.full-case-body .content-view {
  max-width: 1200px;
}
.m-casebtn {
  padding: 30px 0 0;
  text-align: center;
}
.m-casebtn a {
  display: inline-block;
  vertical-align: top;
  width: 160px;
  margin: 0 3px;
  font-size: 15px;
  line-height: 40px;
  border: solid 1px #1054ff;
  -webkit-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  transition: all ease 0.2s;
  color: #202229;
}
.full-case-body .bold {
  font-size: 20px;
  line-height: 32px;
  color: #202229;
  margin-bottom: 10px;
}
.full-case-body .text{
  text-align: left;
}
.full-case-body img {
  max-width: 100%;
  height: auto !important;
}
.full-case-body .content-view {
  text-align: center;
}
.full-case-body .bold br {
  display: none;
}
.right-content {
  position: relative;
  z-index: 10;
  padding: 20px 0 30px;
}
.right-content .color-left {
  position: static;
  padding: 0 15px 30px;
  text-align: center;
}
.right-content .color-left .color-panel {
  padding-top: 10px;
  max-width: 80%;
}
.right-content .color-right {
  padding-left: 0;
}
.right-content .color-right img {
  width: 100%;
}
.skew-content {
  overflow: hidden;
  z-index: 10;
  width: 100%;
  position: relative;
}
.skew-content .skew-bg {
  position: absolute;
  top: -60%;
  left: 0;
  bottom: -60%;
  z-index: 1;
  width: 100%;
  overflow: hidden;
}
.skew-content .skew-bg img {
  max-width: none;
  width: auto;
  min-width: 100%;
  height: 100% !important;
}
.skew-content .case-server {
  position: relative;
  z-index: 2;
}
.skew-content .case-server .text {
  position: static;
  width: 100%;
  padding: 20px 15px 0;
  margin-bottom: 15px;
  text-align: center;
  max-width: 540px;
}
.skew-content .case-server .cimg {
  padding-left: 15px;
}
.skew-content .case-ue {
  padding-top: 4.16667%;
  position: relative;
  z-index: 2;
}
.skew-content .case-ue .text {
  position: static;
  padding: 0 15px;
  text-align: center;
}
.skew-content .case-ue .cimg {
  padding: 0 15px;
  text-align: center;
}
.who-float-img {
  overflow: hidden;
  padding-top: 20px;
}
.m-colorgay {
  color: #4f556b;
}
.sidebar {
  display: block;
  position: fixed;
  bottom: 20%;
  right: 0;
  z-index: 99;
  width: 55px;
  -webkit-border-top-left-radius: 20px;
  border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 24px;
  border-bottom-left-radius: 24px;
  background: #443ffe;
  background: -webkit-gradient(linear, left top, left bottom, from(#3664ff), to(#443ffe));
  background: -webkit-linear-gradient(top, #3664ff, #443ffe);
  background: -moz- oldlinear-gradient(top, #3664ff, #443ffe);
  background: -o-linear-gradient(top, #3664ff, #443ffe);
  background: linear-gradient(to bottom, #3664ff, #443ffe);
}
.sidebar a {
  position: relative;
  display: block;
  width: 55px;
  margin: 0;
  padding-top: 48px;
  text-align: center;
}
.sidebar a i {
  display: block;
  font-style: normal;
  font-size: 12px;
  line-height: 22px;
  color: #fff;
  text-align: center;
}
.sidebar a span {
  display: none;
  position: absolute;
  right: 0px;
  top: 0px;
  height: 45px;
  padding-left: 50px;
  color: #fff;
  line-height: 45px;
  font-size: 14px;
  background-color: #071025;
  background-repeat: no-repeat;
  background-image: url(../images/icon.png);
}
.sidebar .qq {
  background: url(../images/sideqq.png) no-repeat center 16px;
}
.sidebar .qq span {
  background-position: -360px -186px;
  width: 90px;
}
.sidebar .tel {
  background: url(../images/sidetel.png) no-repeat center 18px;
}
.sidebar .tel span {
  top: 12px;
  width: 180px;
  height: 56px;
  font-size: 16px;
  line-height: 56px;
  font-weight: bold;
  text-align: left;
  background-position: -355px -226px;
}
/*
.sidebar .edit {
  background: url(../images/sideedit.png) no-repeat center 21px;
}
*/
.sidebar .con {
  background: url(../images/sidecon.png) no-repeat center 21px;
}
.sidebar .manage {
  background: url(../images/management.png) no-repeat center 10px;
  -o-background-size: auto 30px;
  background-size: auto 30px;
}
.sidebar .edit span {
  width: 120px;
  background-position: -362px -275px;
}
.sidebar .price {
  background: url(../images/sideprice.png) no-repeat center 14px;
}
.sidebar .wechat {
  background: url(../images/sidewechat.png) no-repeat center 19px;
  margin-bottom: 6px;
}
.sidebar .wechat span {
  top: 15px;
  background: #fff;
  right: 65px;
  padding: 0px;
  width: 160px;
  height: 160px;
  padding: 8px;
  border: 1px solid #ccc;
}
.sidebar .wechat span img {
  display: block;
  width: 100%;
  height: auto;
}
.hometop {
  position: fixed;
  padding-top: 0;
  height: 54px;
  background-color: #f0f1f6;
  background-image: url(../images/sidetop.png);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-border-bottom-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
/*管理系统*/
.manage-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 999;
  display: none;
}
.manage-system {
  position: fixed;
  max-width: 600px;
  width: 90%;
  top: 50%;
  left: 5%;
  min-height: 90%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background: #fff;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}
.man-title {
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  background: url(../images/mangebg.png) center center no-repeat;
  -webkit-box-shadow: 0 6px 10px rgba(7, 18, 119, 0.16);
  box-shadow: 0 6px 10px rgba(7, 18, 119, 0.16);
  -o-background-size: cover;
  background-size: cover;
}
.join-form {
  padding: 20px 10px 30px;
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  background: #fff;
  max-height: 90%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.join-form ul {
  margin: 0 -1.2%;
}
.join-form ul li {
  float: left;
  width: 100%;
  padding: 0 1.2% 10px;
}
.join-form ul li.allwidth {
  width: 100%;
}
.join-form ul li.code {
  padding-right: 120px;
  position: relative;
}
.join-form ul li.code img {
  position: absolute;
  right: 10px;
  top: 10px;
}
.join-form ul li .box-input {
  height: 60px;
  line-height: 60px;
  position: relative;
  border: 1px solid #edeae8;
  -webkit-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
}
.join-form ul li .box-input.textareaheight, .join-form ul li .box-input textarea {
  height: 180px !important;
}
.join-form ul li .box-input:after, .join-form ul li .box-input:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.join-form ul li .box-input:before {
  border-top: 1px solid #1054ff;
  border-bottom: 1px solid #1054ff;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
}
.join-form ul li .box-input:after {
  border-right: 1px solid #1054ff;
  border-left: 1px solid #1054ff;
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
}
.join-form ul li .box-input em {
  position: absolute;
  right: 20px;
  font-style: normal;
  top: 50%;
  margin-top: -12px;
  width: 30px;
  height: 24px;
  background-position: center center;
  -o-background-size: auto 20px;
  background-size: auto 20px;
}
.msgtext {
  color: #b4b6be;
  font-size: 12px;
}
.join-form ul li.name em {
  background-image: url(../images/manageicon01.png);
}
.join-form ul li.recommender em {
  background-image: url(../images/manageicon02.png);
}
.join-form ul li.tel em {
  background-image: url(../images/manageicon03.png);
}
.join-form ul li.eamil em {
  background-image: url(../images/manageicon04.png);
}
.join-form ul li.company em {
  background-image: url(../images/manageicon05.png);
}
.join-form ul li.code em {
  background-image: url(../images/code.png);
}
.join-form ul li .box-input span {
  position: absolute;
  display: block;
  top: 18px;
  left: 18px;
  -webkit-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  line-height: 22px;
  opacity: 0;
  color: #1054ff;
  font-size: 10px;
  z-index: 0;
}
.join-form ul li .box-input .codeimg {
  position: absolute;
  right: 2px;
  top: 3px;
  z-index: 99;
}
.join-form ul li .box-input .codeimg img {
  display: block;
  height: 55px;
}
.join-form ul li .box-input input, .join-form ul li .box-input select, .join-form ul li .box-input textarea {
  width: 100%;
  background: none;
  height: 30px;
  padding-left: 18px;
  font-size: 14px;
  color: #b4b6be;
  position: relative;
  z-index: 1;
}
.join-form ul li .box-input input::-webkit-input-placeholder, .join-form ul li .box-input select::-webkit-input-placeholder, .join-form ul li .box-input textarea::-webkit-input-placeholder {
  color: #b4b6be;
}
.join-form ul li .box-input input:-moz-placeholder, .join-form ul li .box-input select:-moz-placeholder, .join-form ul li .box-input textarea:-moz-placeholder {
  color: #b4b6be;
}
.join-form ul li .box-input input::-moz-placeholder, .join-form ul li .box-input select::-moz-placeholder, .join-form ul li .box-input textarea::-moz-placeholder {
  color: #b4b6be;
}
.join-form ul li .box-input input:-ms-input-placeholder, .join-form ul li .box-input select:-ms-input-placeholder, .join-form ul li .box-input textarea:-ms-input-placeholder {
  color: #b4b6be;
}
.join-form ul li.focus .box-input {
  border: 0;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.join-form ul li.focus .box-input:after, .join-form ul li.focus .box-input:before {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.join-form ul li.focus .box-input input, .join-form ul li.focus .box-input textarea, .join-form ul li.focus .box-input select {
  margin-top: 26px;
  font-size: 16px;
  color: #4f556b;
}
.join-form ul li.focus span {
  -webkit-transform: translateY(-12px);
  -moz-transform: translateY(-12px);
  -ms-transform: translateY(-12px);
  -o-transform: translateY(-12px);
  transform: translateY(-12px);
  opacity: 1;
}
.join-form ul li.focus.name em {
  background-image: url(../images/manageicon01cur.png);
}
.join-form ul li.focus.recommender em {
  background-image: url(../images/manageicon02cur.png);
}
.join-form ul li.focus.tel em {
  background-image: url(../images/manageicon03cur.png);
}
.join-form ul li.focus.eamil em {
  background-image: url(../images/manageicon04cur.png);
}
.join-form ul li.focus.company em {
  background-image: url(../images/manageicon05cur.png);
}
.join-form ul li.focus.code em {
  background-image: url(../images/codecur.png);
}
.join-formmsg {
  color: #1054ff;
  opacity: 0.8;
}
.manage-btn {
  background: -webkit-gradient(linear, left top, right top, from(#fac541), to(#fde261));
  background: -webkit-linear-gradient(left, #fac541, #fde261);
  background: -moz- oldlinear-gradient(left, #fac541, #fde261);
  background: -o-linear-gradient(left, #fac541, #fde261);
  background: linear-gradient(to right, #fac541, #fde261);
  display: block;
  height: 44px;
  line-height: 44px;
  color: #4f556b;
  width: 100%;
  -webkit-border-radius: 24px !important;
  border-radius: 24px !important;
  margin-top: 20px;
}
.manclose-btn {
  width: 30px;
  height: 30px;
  cursor: pointer;
  position: relative;
  display: block;
  position: absolute;
  right: 10px;
  top: 16px;
}
.manclose-btn:before, .manclose-btn:after {
  content: "";
  position: absolute;
  width: 26px;
  height: 1px;
  top: 14px;
  display: block;
  background: #fff;
}
.manclose-btn:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.manclose-btn:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/*分页*/
.page-wrap .laypageskin_molv a.laypage_prev span, .page-wrap .laypageskin_molv a.laypage_next span {
  font-size: 0;
  padding: 0;
}
.page-wrap .laypage_main a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  padding: 0;
  position: relative;
}
.page-wrap .laypageskin_now a, .page-wrap .laypage_main span {
  width: 36px;
  height: 36px;
  line-height: 36px;
  margin: 0 4px;
  padding: 0;
}
.page-wrap .laypageskin_molv a.laypage_prev:after, .page-wrap .laypageskin_molv a.laypage_next:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -4px;
  width: 0;
  height: 0;
  border-right: 8px solid transparent;
  border-top: 8px solid #626262;
}
.page-wrap .laypageskin_molv a.laypage_prev:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-left: -4px;
}
.page-wrap .laypageskin_molv a.laypage_next:after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.laypage_main a:hover, .laypageskin_molv .laypage_curr {
  background: #1054ff !important;
  color: #fff;
}
.page-wrap .laypageskin_molv a.laypage_prev:hover:after, .page-wrap .laypageskin_molv a.laypage_next:hover:after {
  border-top: 8px solid #fff;
}
@media (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .sidebar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #1667ff;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: block;
  }
  .contact-slide .sidebar {
    display: block;
  }
  .contact-slide .seofooter {
    margin-bottom: 45px;
  }
  .sidebar a, .sidebar span {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }
  .sidebar a {
    float: left;
    width: 25%;
    height: 20px;
    margin-bottom: 0;
    padding-top: 35px;
    font-size: 10px;
    line-height: 20px;
  }
  .sidebar a i {
    color: #fff;
  }
  .sidebar .hometop {
    position: fixed;
    right: 0;
    bottom: 55px;
    width: 40px;
    height: 40px;
    background-color: #eaeaea;
    border: 1px solid #eee;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0;
  }
  .sidebar .qq {
    background-position: center 6px;
  }
  .sidebar .tel {
    background-position: center 6px;
  }
  .sidebar .edit {
    background-position: center 8px;
  }
  .sidebar .con {
    background-position: center 8px;
  }
  .sidebar .manage {
    background-position: center 5px;
  }
  .sidebar .wechat {
    background-position: center 8px;
    margin-bottom: 0;
  }
  .sidebar .wechat .qrcode {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99;
  }
}
/*动画*/
.analysis-ul li:nth-child(1), .analysis-ul li:nth-child(2), .ul-progress li:nth-child(1), .ul-progress li:nth-child(2), .analysis-ulplus li:nth-child(1), .google-top-list li:nth-child(1), .google-top-list li:nth-child(2), .google-column-item li:nth-child(1) {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.analysis-ul li:nth-child(3), .analysis-ulplus li:nth-child(2), .google-column-item li:nth-child(2) {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.analysis-ul li:nth-child(4), .analysis-ul li:nth-child(5), .ul-progress li:nth-child(3), .ul-progress li:nth-child(4), .analysis-ulplus li:nth-child(3), .google-top-list li:nth-child(3), .google-top-list li:nth-child(4), .google-column-item li:nth-child(3) {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.seoExam-ul li:nth-child(odd), .ranking-ul li:nth-child(odd) {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.seoExam-ul li:nth-child(even), .ranking-ul li:nth-child(even) {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
/*20190218*/
/*网站定制价格详情*/
.inline-block {
  display: inline-block;
}
#price {
  overflow-x: auto;
}
#price-table {
  border-collapse: collapse;
  margin-bottom: 80px;
  width: 100%;
  overflow: hidden;
}
#price-table .relative {
  position: relative;
}
#price-table .price-row .pack-title {
  width: 25%;
  line-height: 60px;
}
#price-table .price-row .pack-title {
  background-color: #fafafa;
  border-left: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
}
#price-table .price-row .pack-title .title-0 {
  font-size: 18px;
  color: #000;
}
#price-table .price-row .pack-title .title-1 {
  font-size: 18px;
  color: #bbb;
}
#price-table .price-row .pack-col {
  width: 25%;
}
#price-table .price-row.r0 .pack-col {
  padding: 20px 0;
}
#price-table .price-row.r0 .pack-col.i0 {
  background-color: #ffc804;
  border-top: 1px solid #ffc804;
}
#price-table .price-row.r0 .pack-col.i1 {
  background-color: #ff4300;
  border-top: 1px solid #ff4300;
}
#price-table .price-row.r0 .pack-col.i2 {
  background-color: #00b3ff;
  border-top: 1px solid #00b3ff;
}
#price-table .price-row.r0 .pack-col .price-title {
  font-family: Arial, "PingFang";
  font-size: 22px;
  color: #fff;
  line-height: 30px;
  font-weight: lighter;
}
#price-table .price-row.r0 .pack-col .price-title::before, #price-table .price-row.r0 .pack-col .price-title::after {
  width: 40px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  z-index: 1;
  top: 50%;
  content: "";
}
#price-table .price-row.r0 .pack-col .price-title::before {
  right: 120%;
}
#price-table .price-row.r0 .pack-col .price-title::after {
  left: 120%;
}
#price-table .price-row.r0 .pack-col .pack-price {
  font-family: Arial, "PingFang";
  font-size: 30px;
  color: #fff;
  line-height: 50px;
}
#price-table .price-row.r0 .pack-col .pack-price::before {
  font-size: 18px;
  position: absolute;
  z-index: 1;
  top: 2px;
  right: 100%;
  content: "¥";
}
#price-table .price-row.r0 .pack-col .o-price {
  font-size: 14px;
  color: #fff;
  opacity: 0.5;
}
#price-table .price-row.r0 .pack-col .o-price::before {
  width: 120%;
  height: 1px;
  background-color: #fff;
  left: -10%;
  top: 50%;
  position: absolute;
  z-index: 1;
  content: "";
}
#price-table .price-row.r1 .pack-col {
  padding: 30px 0;
}
#price-table .price-row.r1 .pack-col.i0 {
  background-color: #ffd306;
}
#price-table .price-row.r1 .pack-col.i1 {
  background-color: #ff5400;
}
#price-table .price-row.r1 .pack-col.i2 {
  background-color: #00c1ff;
}
#price-table .price-row.r1 .pack-col .renewals {
  font-size: 18px;
  color: #fff;
}
#price-table .price-row.r1 .pack-col .renewals span {
  font-size: 22px;
}
#price-table .price-row.r1 .pack-col .renewals font {
  font-size: 16px;
  font-weight: bold;
}
#price-table .price-row.r1 .pack-col .renewals span::before {
  font-size: 16px;
  position: relative;
  z-index: 1;
  top: -2px;
  margin: 0 4px 0 8px;
  content: "¥";
}
#price-table .price-row.r1 .pack-col .o-price {
  font-size: 14px;
  color: #fff;
  opacity: 0.5;
}
#price-table .price-row.r1 .pack-col .o-price::before {
  width: 120%;
  height: 1px;
  background-color: #fff;
  left: -10%;
  top: 50%;
  position: absolute;
  z-index: 1;
  content: "";
}
#price-table .price-row.r1 .pack-col .tips {
  font-size: 16px;
  color: #fff;
  margin-top: 10px;
}
#price-table .fun-title td {
  line-height: 30px;
  font-size: 16px;
  color: #000;
  background-color: #e1e1e1;
}
#price-table .fun-row .fun-type {
  font-weight: bold;
  font-size: 14px;
  color: #333;
  border: 1px solid #e5e5e5;
}
#price-table .fun-row .fun-title {
  height: 60px;
  line-height: 24px;
  font-size: 14px;
  color: #333;
  border: 1px solid #e5e5e5;
}
#price-table .fun-row .fun-cell {
  font-size: 14px;
  color: #666;
}
#price-table .fun-row.i0 .fun-cell.i0 {
  background-color: #f8f5e7;
}
#price-table .fun-row.i0 .fun-cell.i1 {
  background-color: #f8ece7;
}
#price-table .fun-row.i0 .fun-cell.i2 {
  background-color: #ebf5f9;
}
#price-table .fun-row.i1 .fun-cell.i0 {
  background-color: #eeecdf;
}
#price-table .fun-row.i1 .fun-cell.i1 {
  background-color: #eee3df;
}
#price-table .fun-row.i1 .fun-cell.i2 {
  background-color: #e1ecf1;
}
/*快速建站*/
.fast-wrap {
  padding-bottom: 40px;
  background-image: url(../images/fastsite01.jpg);
}
.fast-wrap img {
  max-width: 100%;
}
.m-bg {
  background-position: center 0;
  -o-background-size: cover;
  background-size: cover;
}
.fastdl {
  padding: 30px 0;
  color: #fff;
  position: relative;
  z-index: 1;
}
.fastdl dd {
  padding-bottom: 30px;
}
.fastdl dt {
  position: relative;
  text-align: center;
}
.circle {
  position: absolute;
  width: 13.88889%;
  left: 0;
  top: 20px;
  padding-bottom: 13.88889%;
  display: block;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: rgba(175, 252, 193, 0.7);
  z-index: -1;
}
.fast-title {
  font-size: 22px;
  text-align: center;
  margin-bottom: 10px;
}
.fast-link {
  margin-top: 30px;
  font-size: 0;
  line-height: 0;
  text-align: center;
}
.fast-link a {
  display: inline-block;
  font-size: 14px;
  text-align: center;
  color: #fff;
  max-width: 200px;
  line-height: 42px;
  width: 46%;
  margin: 0 2%;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  position: relative;
}
.fast-link a.nnline-btn {
  background: #fff;
  color: #1054FF;
  -webkit-box-shadow: 4px 5px 8px 0px rgba(35, 171, 131, 0.25);
  box-shadow: 4px 5px 8px 0px rgba(35, 171, 131, 0.25);
}
.fast-link a.seecase-btn {
  border: 1px solid #fff;
}
.fast-link a i {
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  right: -16px;
  top: 5px;
  background: url(../images/rapid02.png) center center no-repeat;
  -o-background-size: cover;
  background-size: cover;
}
.box-wrap {
  margin: 0 auto;
  -webkit-box-shadow: 1px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 0px 20px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 2;
  background: #fff;
}
.max-width1090 {
  max-width: 1090px;
}
.mtf30 {
  margin-top: -30px;
}
.fast-list {
  background: #fff;
  padding: 20px 0 0;
  -webkit-box-shadow: -10px 5px 20px 0px rgba(9, 52, 255, 0.25);
  box-shadow: -10px 5px 20px 0px rgba(9, 52, 255, 0.25);
}
.fast-list li {
  text-align: center;
  padding: 0 38px 20px;
  border-bottom: 1px solid #e8e8e8;
  color: #4f556b;
  line-height: 18px;
  font-size: 13px;
}
.fast-list li .zoom {
  position: relative;
  text-align: center;
}
.fast-list li .zoom img {
  max-width: 100%;
}
.fast-list li .fastdot {
  text-align: center;
  padding: 10px 0;
}
.fast-list li .fastdot span {
  width: 6px;
  height: 6px;
  display: inline-block;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-color: #e3e3e3;
  margin: 0 2px;
}
.fast-list li .fastdot span.cur {
  width: 22px;
  background-color: #a0dde3;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.fast-list li .flist-dec {
  max-width: 260px;
  margin: 0 auto;
}
.flist-tit {
  color: #202229;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 26px;
}
.gifimg {
  text-align: center;
}
.ptb40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
/*微网站*/
.micro-weblist li {
  padding: 20px 20px 30px;
}
.micro-weblist li .flist-tit {
  margin-top: 20px;
}
/*新媒体运营*/
.wechat-operate {
  position: relative;
  overflow: hidden;
  max-width: 1920px;
  margin: 0 auto;
  background: url(../images/wechat03.png) left center;
  -o-background-size: 24.6875% auto;
  background-size: 24.6875% auto;
  background-repeat: no-repeat;
}
.wechat-img {
  position: relative;
}
.wechat-img .operatebg {
  width: 100%;
}
.operateright-img {
  position: absolute;
  width: 64.82143%;
  top: 4.46429%;
  left: 13.21429%;
}
.wechat-content {
  position: relative;
  z-index: 2;
  color: #4f556b;
}
.wechat-content h3 {
  margin-top: 5px;
}
.wechat-list {
  padding-top: 10px;
  margin: 0 -10px;
  font-size: 0;
}
.wechat-list li {
  padding: 0 23px 15px;
  color: #4f556b;
  float: none;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}
.wechat-list li h5 {
  font-size: 16px;
  margin-bottom: 5px;
  position: relative;
  color: #202229;
}
.wechat-list li h5:before {
  content: "";
  width: 4px;
  height: 20px;
  display: inline-block;
  position: absolute;
  left: -10px;
  top: 2px;
  background: url(../images/wechatline.png) 0 0 no-repeat;
}
.oper-advantage {
  padding: 20px 0;
}
.oper-advantage .mb15 {
  margin-bottom: 30px;
}
.oper-list {
  position: relative;
  background-color: #ebf0fc;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 45px;
  padding: 15px 20px 15px 30px;
  display: inline-block;
}
.oper-list .m-numitem {
  position: absolute;
  left: 10px;
  top: -10px;
}
.advant-right .advant-num {
  float: right;
  font-size: 16px;
  color: #202229;
}
.advant-right .advant-num i {
  font-style: normal;
}
.advant-right li {
  color: #4f556b;
  margin-bottom: 20px;
}
.advant-right li .advite {
  font-size: 16px;
}
.progress-bar {
  margin-top: 10px;
  height: 5px;
  background-color: #f6fafb;
  position: relative;
}
.progress-bar span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: -webkit-linear-gradient(left, #7dc0ff 0%, #9579fe 100%);
}
.con-operation {
  padding-bottom: 20px;
}
.content-list {
  font-size: 0;
  padding-top: 20px;
  margin: 0 -10px;
}
.content-list li {
  float: none;
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
  font-size: 14px;
  text-align: center;
  padding-bottom: 20px;
}
.content-list li .contentoper-box {
  -webkit-box-shadow: 6px 6px 21px 0px rgba(0, 9, 76, 0.1);
  box-shadow: 6px 6px 21px 0px rgba(0, 9, 76, 0.1);
  position: relative;
  padding: 30px 10px;
}
.content-list li .contentoper-box:before {
  content: "";
  display: block;
  height: 5px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: -webkit-linear-gradient(left, #7dc0ff 0%, #9579fe 100%);
}
.content-list li .contentoper-box .oper-tit {
  color: #6170ff;
  font-size: 16px;
  margin-bottom: 10px;
}
.content-list li .contentoper-box .oper-img {
  margin-bottom: 10px;
}
.content-list li .contentoper-box .oper-img img {
  height: 40px;
}
.content-list li .contentoper-box .oper-con {
  color: #4f556b;
}
.platform-build {
  color: #fff;
  padding-top: 35px;
  padding-bottom: 35px;
  background: url(../images/wechat09.png) center 0 no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background: -webkit-linear-gradient(left, #64b0ff 0%, #957afe 80%);
}
.pbuild-list {
  font-size: 0;
  line-height: 0;
  margin-top: 30px;
  position: relative;
}
.pbuild-list li {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  width: 16.66667%;
}
.pbuild-list li .build-icon {
  height: 40px;
  overflow: hidden;
  margin-bottom: 10px;
}
.pbuild-list li .build-icon img {
  max-height: 100%;
}
.pbuild-list li .build-dot {
  width: 16px;
  height: 16px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  background: #7cc2ff;
  position: relative;
  margin-bottom: 15px;
}
.pbuild-list li .build-dot:before {
  content: "";
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  top: 4px;
  left: 4px;
  background: #fff;
}
.pbuild-list:before {
  content: "";
  display: block;
  position: absolute;
  top: 58px;
  width: 100%;
  height: 2px;
  background-color: #fff;
}
.platform-style {
  padding-top: 32px;
  padding-bottom: 38px;
}
.platform-style .fast-list {
  margin-top: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*网站代运营*/
.agent-operation {
  padding-top: 10%;
}
.agent-ul {
  padding-top: 20px;
  display: -webkit-flex;
  /* Safari */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.agent-ul li {
  float: left;
  margin-bottom: 30px;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -moz-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}
.agent-ul li .agent-content {
  padding: 20px 60px 20px 28px;
  height: 100%;
}
.agent-content {
  background: #ebf0fc;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  color: #4f556b;
  line-height: 20px;
  padding: 20px 60px 20px 28px;
}
.agent-content .m-numitem {
  position: absolute;
  top: -10px;
  left: 10px;
}
.agent-content h5 {
  color: #202229;
  font-size: 16px;
  margin-bottom: 10px;
}
.right-num {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
  font-family: "Montserrat-Regular";
  font-size: 50px;
  color: #f6f7fb;
  opacity: 0.5;
  background-color: #d2dfff;
}
.right-num i {
  position: absolute;
  bottom: 33px;
  left: -30px;
  line-height: 50px;
  display: block;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  font-style: normal;
}
.m-titleoper {
  background: #69aaff;
  background: url(../images/titbg.png) center center no-repeat;
  -o-background-size: cover;
  background-size: cover;
  font-size: 18px;
  padding: 20px 15px;
  color: #ffffff;
  line-height: 24px;
  text-align: center;
}
.siteacting {
  padding-top: 20px;
  padding-bottom: 30px;
}
.pb40 {
  padding-bottom: 20px;
}
.m-oper-tit {
  color: #202229;
}
/*抖音运营*/
.Jitter-img {
  width: 64.82143%;
}
.Jitter-content {
  padding-bottom: 17px;
  position: relative;
  z-index: 2;
}
.Jitter-one {
  padding-top: 20px;
  margin: 0 -15px;
  font-size: 0;
  line-height: 0;
}
.Jitter-one li {
  margin-bottom: 25px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding: 0 15px;
  font-size: 14px;
  line-height: 24px;
}
.m-titleoper .commonweb {
  position: relative;
}
.m-titleoper img {
  height: 50px;
  vertical-align: middle;
  float: left;
  margin-right: 10px;
}
.ptb70 {
  padding-top: 40px;
  padding-bottom: 20px;
}
.Jitter-list {
  margin: 0 -5px;
}
.Jitter-list li {
  padding: 0 5px;
}
/*小红书*/
.redbook-content {
  padding-bottom: 48px;
  position: relative;
  z-index: 2;
}
.redbook-list {
  max-width: 616px;
}
.redbook-list .m-optimize {
  background-color: #fff;
}
.redbook-list .m-optimize .info {
  font-weight: normal;
}
.no-one {
  position: absolute;
  right: 10px;
  bottom: -5px;
  letter-spacing: -5px;
  color: #0a5eb0;
  opacity: 0.2;
  font-size: 50px;
  line-height: 50px;
  font-style: normal;
  font-family: "Montserrat-Regular";
  font-weight: bold;
}
.redbook-area {
  padding-top: 30px;
  padding-bottom: 37px;
  max-width: 1186px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.redbook-area li {
  padding-bottom: 20px;
  line-height: 18px;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -moz-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}
.redbook-area li .area-box {
  background: #fff;
  -webkit-box-shadow: 0 10px 30px #dfe5fa;
  box-shadow: 0 10px 30px #dfe5fa;
  padding: 30px 20px;
  height: 100%;
}
.redbook-area li .area-box h4 {
  text-align: center;
  color: #202229;
  font-size: 18px;
  margin-bottom: 28px;
}
.redbook-area li .area-box h4 img {
  margin-right: 10px;
}
.redbook-area li .area-img {
  position: relative;
  text-align: center;
  margin-bottom: 14px;
}
.redbook-area li .area-img img {
  max-width: 100%;
}
.redbook-box {
  max-width: 1080px;
  margin: 0 auto;
}
/*活动策划执行*/
.planning-box {
  padding-top: 20px;
  max-width: 1180px;
}
.planning {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0 -10px;
  background: none;
  padding-bottom: 0;
}
.planning li {
  border-right: 0;
  padding: 0 10px;
}
.planning li .planning-con {
  -webkit-box-shadow: 0 10px 30px #dfe5fa;
  box-shadow: 0 10px 30px #dfe5fa;
  padding: 30px 10px;
  background-color: #fff;
}
/*广告投放-百度SEM*/
.baidu-sem-one {
  padding-top: 30px;
  overflow: hidden;
}
.baidu-sem-one img {
  max-width: 100%;
}
.sem-tit {
  color: #202229;
  font-weight: lighter;
  margin-bottom: 10px;
}
.m-sembox {
  margin-top: 20px;
  display: inline-block;
  position: relative;
  margin-left: -60px;
  overflow: hidden;
}
.m-sembox img {
  display: block;
  width: 100%;
}
.problem-list {
  padding-left: 60px;
  z-index: 2;
  font-size: 0;
  line-height: 0;
  padding-top: 20px;
}
.problem-list .circle-box {
  display: inline-block;
  vertical-align: top;
  width: 33.3%;
  margin-bottom: 20px;
  text-align: center;
}
.problem-list span {
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background: -webkit-linear-gradient(225deg, #8f81fe, #6ba8ff);
  background: -moz- oldlinear-gradient(225deg, #8f81fe, #6ba8ff);
  background: -o-linear-gradient(225deg, #8f81fe, #6ba8ff);
  background: linear-gradient(225deg, #8f81fe, #6ba8ff);
  color: #fff;
  text-align: center;
  font-size: 10px;
  line-height: 16px;
  position: relative;
  width: 90px;
  padding-bottom: 90px;
  display: inline-block;
}
.problem-list span em {
  display: block;
  font-style: normal;
  position: absolute;
  top: 50%;
  width: 100%;
  padding: 0 6px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.problem-text {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  color: #4f556b;
}
.mobhide {
  display: none;
}
.mobshow {
  display: block;
}
.baidu-wraper {
  position: relative;
  z-index: 3;
  margin-top: 20px;
}
.baidu-tit {
  background: #fac541;
  background-image: -webkit-gradient(linear, right top, left top, from(#fde261), to(#fac541)), -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000));
  background-image: -webkit-linear-gradient(right, #fde261 0%, #fac541 100%), -webkit-linear-gradient(#000000, #000000);
  background-image: -moz- oldlinear-gradient(right, #fde261 0%, #fac541 100%), -moz- oldlinear-gradient(#000000, #000000);
  background-image: -o-linear-gradient(right, #fde261 0%, #fac541 100%), -o-linear-gradient(#000000, #000000);
  background-image: linear-gradient(-90deg, #fde261 0%, #fac541 100%), linear-gradient(#000000, #000000);
  line-height: 40px;
  color: #202229;
  font-size: 18px;
  text-align: center;
  padding: 10px 0;
}
.baidu-tit img {
  height: 40px;
  margin-right: 5px;
  float: left;
}
.baidu-tit span {
  overflow: hidden;
}
.baidu-box {
  padding: 30px 0 10px;
  background-color: #f9faff;
  background-image: url(../images/semimg03.png);
  background-position: right bottom;
  -o-background-size: 18.95833% auto;
  background-size: 18.95833% auto;
  background-repeat: no-repeat;
}
.box-content {
  background: #fff;
  font-size: 13px;
  line-height: 20px;
  color: #4f556b;
}
.box-content .bai-boxtit {
  line-height: 50px;
  color: #fff;
  background: url(../images/semimg02.png) center center no-repeat;
  -o-background-size: cover;
  background-size: cover;
  font-size: 18px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-box-shadow: 0 4px 10px rgba(152, 171, 240, 0.5);
  box-shadow: 0 4px 10px rgba(152, 171, 240, 0.5);
}
.box-content .box-info {
  padding: 30px 10px;
  border: solid 1px #dde3f3;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.m-dislinktop {
  font-size: 0;
  line-height: 0;
  text-align: center;
}
.m-dislinktop li {
  padding-bottom: 20px;
  float: none;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 24px;
}
.baidu-wraper .google-bigtit {
  margin-top: 0;
}
/*今日头条*/
.headlines {
  margin-left: -60px;
}
.headlinesimg1 {
  padding-top: 10px;
}
.headlines-list {
  padding-top: 30px;
  padding-bottom: 25px;
  -webkit-box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);
}
.headlines-list ul {
  font-size: 0;
  line-height: 0;
}
.headlines-list ul li {
  text-align: center;
  color: #4f556b;
  font-size: 13px;
  line-height: 18px;
  display: inline-block;
  vertical-align: top;
  width: 33.3%;
  padding: 0 0 20px;
}
.headlines-list ul li .headlines-icon {
  height: 50px;
  margin-bottom: 20px;
}
.headlines-list ul li .headlines-icon img {
  max-height: 100%;
}
.headlines-list ul li p {
  padding: 0 10px;
}
.headlines-list ul li .headlines-dot {
  display: block;
  height: 18px;
  background: url(../images/googoleicon06.png) center center no-repeat;
  position: relative;
  margin-bottom: 20px;
}
.headlines-list ul li .headlines-dot:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #e8f1f4;
  display: block;
  top: 8px;
  z-index: -1;
}
.headlines-list ul li .headlist-tit {
  font-size: 16px;
  color: #202229;
  margin-bottom: 10px;
}
.headlines-list ul li:nth-child(4), .headlines-list ul li:nth-child(5) {
  width: 50%;
}
.advertising-img {
  position: relative;
}
.headlines {
  position: relative;
  z-index: 1;
}
.advertising-box {
  max-width: 400px;
  margin: 30px auto 20px;
  background: #fff;
  z-index: 0;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  text-align: left;
  padding: 40px 30px 25px;
  line-height: 20px;
  position: relative;
}
.advertising-box .m-numitem {
  position: absolute;
  top: 10px;
  left: -10px;
  display: inline-block;
}
.advertising-box .m-numitem:before {
  top: 0px;
  left: 7px;
}
.advertising-box .title {
  color: #202229;
  font-size: 18px;
  margin-bottom: 10px;
}
.lineheight10 {
  line-height: 10px;
}
.advt-num {
  position: relative;
  margin-top: 10px;
}
.advt-num span {
  display: inline-block;
  margin-left: -22px;
  vertical-align: middle;
  margin-top: -16px;
}
.advt-num img {
  width: 30%;
}
.tencent-list {
  font-size: 0;
  line-height: 0;
  text-align: center;
}
.tencent-list li {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  font-size: 14px;
  line-height: 20px;
  color: #4f556b;
  padding-bottom: 28px;
}
.tencent-list li .tencent-icon {
  width: 50px;
  height: 50px;
  margin: 0 auto 14px;
  background: #fff;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 20px #ebf0ff;
  box-shadow: 0 0 20px #ebf0ff;
  overflow: hidden;
}
.tencent-list li .tencent-icon img {
  max-height: 100%;
}
.source-text {
  padding-bottom: 10px;
}
.source-text span {
  padding-right: 10px;
}
.real-scene {
  max-width: 1200px;
  margin: 0 auto;
}
.real-scene iframe {
  height: 250px;
}
.m-single-box {
  color: #333;
  padding-top: 20px;
  padding-bottom: 20px;
}
/*20190319首页改版*/
.news-baicolumn {
  padding-top: 30px;
  overflow: hidden;
}
.news-baicolumn ul {
  margin: 0 -18px;
}
.news-baicolumn ul li {
  float: left;
  width: 100%;
  padding: 0 18px 17px;
}
.website-box {
  position: relative;
}
.website-box .zoomimg {
  overflow: hidden;
  height: 196px;
}
.website-box .zoomimg img {
  display: block;
  position: relative;
  -webkit-transition: all 0.7s;
  -o-transition: all 0.7s;
  -moz-transition: all 0.7s;
  transition: all 0.7s;
}
.suspension {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: url(../images/indexdobg.png) right 0 no-repeat;
  text-align: right;
  padding: 30px 20px 0 0;
}
.suspension .tit {
  color: #fff;
}
.suspension .tit h3 {
  font-size: 20px;
  margin-bottom: 10px;
}
.suspension .tit h4 {
  font-size: 16px;
  font-weight: lighter;
}
.news-baicolumn ul li:nth-child(1) h4 {
  position: relative;
  padding-bottom: 10px;
}
.news-baicolumn ul li:nth-child(1) h4:before {
  content: "";
  width: 135px;
  height: 1px;
  background: #f5f5f5;
  position: absolute;
  display: block;
  right: 0;
  bottom: 0;
}
.news-baicolumn ul li:nth-child(1) .zoomimg {
  height: auto;
}
.news-baicolumn ul li:nth-child(1) .zoomimg img {
  width: 100%;
}
.small-columnbox {
  display: inline-block;
  max-width: 300px;
  padding-top: 15px;
}
.small-columnbox a {
  color: #fff;
  position: relative;
  padding: 0 3px 2px 0;
  display: inline-block;
}
.small-columnbox a:after {
  content: "|";
  padding-left: 6px;
}
.small-columnbox a:hover {
  font-weight: bold;
}
/*底部*/
.seofooter {
  padding: 20px 0 30px;
}
.foot-about {
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 26px;
  color: #6d7792;
  border-bottom: 1px solid #4f556b;
  margin-bottom: 20px;
}
.about-left, .adv-mid {
  padding-bottom: 10px;
}
.u-qk-title {
  position: relative;
  margin-bottom: 19px;
  color: #4f556b;
  line-height: 40px;
  border-bottom: 1px solid #4f556b;
}
.u-qk-title h4 {
  font-size: 18px;
  color: #fff;
}
.u-qk-title .more {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 24px;
  width: 30px;
  height: 30px;
  text-align: right;
}
.u-qk-title .more:hover {
  color: #fff;
}
.ft-adv .left {
  float: left;
  width: 50%;
  padding-right: 2px;
}
.ft-adv .right {
  overflow: hidden;
  padding-left: 2px;
}
.one-level {
  border-bottom: 1px solid #4f556b;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.one-level a {
  padding: 0 3px;
  display: inline-block;
}
.two-level a {
  padding: 0 2px;
  display: inline-block;
}
/*seo回答评论*/
.knowledge-right {
  background: #fff;
}
.answer-box {
  padding: 20px 10px;
}
.answer-text textarea {
  border: 1px solid #1054FF;
  width: 100%;
  padding: 10px;
}
.answer-btn {
  padding-left: 30px;
  color: #1054FF;
  background: url(../images/answer.png) 0 center no-repeat;
  -o-background-size: 26px auto;
  background-size: 26px auto;
  font-size: 20px;
  line-height: 24px;
  display: block;
  margin-bottom: 20px;
}
.seo-comment {
  padding: 0 10px 30px;
}
.aw-nav-tabs--title {
  font-size: 16px;
  border-bottom: 1px solid rgba(174, 193, 208, 0.2);
  padding-bottom: 10px;
  color: #666;
  margin: 0 10px;
}
.answer-item {
  padding: 10px 0;
  margin-bottom: 10px;
}
.answer-head {
  padding: 10px 0;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}
.answer-head .person-tit {
  overflow: hidden;
  display: block;
  color: #1054FF;
  font-size: 16px;
  line-height: 30px;
  float: left;
}
.reply-box {
  margin-top: 10px;
  padding-top: 20px;
  border-top: 1px solid #f2f2f2;
}
.answer-person {
  width: 30px;
  height: 30px;
  display: block;
  float: left;
  margin-right: 10px;
  border: 1px solid #f2f2f2;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
}
.answer-person img {
  height: 30px;
}
.answer-bottom {
  padding-top: 5px;
  border-top: 1px solid #f2f2f2;
}
.answer-bottom a {
  color: #b3b3b3;
  padding-right: 20px;
  display: inline-block;
  padding-left: 22px;
  background-position: 0 center;
  background-repeat: no-repeat;
}
.answer-body {
  padding: 20px 0;
}
.answer-date {
  float: right;
}
.answer-bottom a i {
  font-style: normal;
}
.answer-bottom a.no-comment:hover {
  background-image: url(../images/wqpicon06ac.png);
}
.answer-bottom a.no-agree:hover {
  background-image: url(../images/wqpicon05ac.png);
}
.answer-bottom a.no-comment {
  background-image: url(../images/wqpicon06.png);
}
.answer-bottom a.no-agree {
  background-image: url(../images/wqpicon05.png);
}
.pername {
  color: #1054FF;
}
.reply-con {
  padding-right: 30px;
  position: relative;
}
.reply-con a {
  display: block;
  color: #1054FF;
  position: absolute;
  right: 0;
  bottom: 0;
  font-style: normal;
}
.aw-comment-box {
  padding-top: 20px;
  display: none;
}
.aw-comment-box input {
  border: 1px solid #ddd;
  padding-left: 10px;
  width: 100%;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  line-height: 36px;
}
.aw-comment-box input::-webkit-input-placeholder {
  color: #999;
}
.aw-comment-box input:-moz-placeholder {
  color: #999;
}
.aw-comment-box input::-moz-placeholder {
  color: #999;
}
.aw-comment-box input:-ms-input-placeholder {
  color: #999;
}
.aw-comment-box input:focus {
  border: 1px solid #1054FF;
}
.login-right {
  text-align: right;
  padding-bottom: 10px;
}
.login-enter {
  display: inline-block;
  text-align: right;
  padding-left: 30px;
  background: url(../images/login.png) 0 0 no-repeat;
  -o-background-size: 22px auto;
  background-size: 22px auto;
  color: #999;
}
.login-form {
  padding: 30px 20px;
  max-width: 600px;
  margin: 0 auto;
}
.login-form ul {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #d6d6d6;
}
.login-form ul li {
  border-bottom: 1px solid #d6d6d6;
  -o-background-size: auto 20px;
  background-size: auto 20px;
  background-repeat: no-repeat;
  background-position: 14px center;
  padding-left: 50px;
  position: relative;
}
.login-form ul li input {
  height: 50px;
  width: 100%;
  -webkit-border-radius: 5px !important;
  border-radius: 5px !important;
  position: relative;
  z-index: 1;
}
.login-form ul li input::-webkit-input-placeholder {
  color: #d3d3d5;
}
.login-form ul li input:-moz-placeholder {
  color: #d3d3d5;
}
.login-form ul li input::-moz-placeholder {
  color: #d3d3d5;
}
.login-form ul li input:-ms-input-placeholder {
  color: #d3d3d5;
}
.login-form ul li:last-child {
  border-bottom: 0;
}
.login-form ul li.login-icon {
  background-image: url(../images/loginicon.png);
}
.login-form ul li.password-icon {
  background-image: url(../images/padicon.png);
}
.login-form ul li.code-icon {
  background-image: url(../images/codeicon.png);
}
.login-form ul li span {
  position: absolute;
  right: 10px;
  top: 1px;
  height: 48px;
  display: block;
  width: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  -o-background-size: 20px auto;
  background-size: 20px auto;
  z-index: 2;
}
.login-form ul li span.del-icon {
  background-image: url(../images/del.png);
}
.login-btn {
  height: 50px;
  text-align: center;
  background: #1054FF;
  color: #fff;
  -webkit-border-radius: 5px !important;
  border-radius: 5px !important;
  width: 100%;
  font-size: 18px;
  margin-top: 18px;
}
.codeimg {
  position: absolute;
  right: 0;
  top: 5px;
  display: block;
  z-index: 2;
}
.login-wrap {
  max-width: 600px;
  min-height: auto;
}
.feeling {
  padding-top: 20px;
}
.feeling input {
  width: 130px;
  height: 46px;
  line-height: 46px;
  color: #fff;
  text-align: center;
  background: #1054FF;
  -webkit-border-radius: 38px;
  border-radius: 38px;
}
.edui-editor {
  width: 100% !important;
}
@charset "UTF-8";
/*箭头*/
@media (min-width: 640px) {
  .baidu-wraper {
    margin-top: -10px;
  }
  .problem-list {
    position: absolute;
    width: 69.17476%;
    height: 65.36388%;
    top: 5.39084%;
    left: 27.83172%;
    z-index: 2;
    padding-left: 0;
    padding-top: 0;
  }
  .problem-list span {
    display: block;
    position: absolute;
    -webkit-border-radius: 100%;
    border-radius: 100%;
  }
  .problem-list .circle135 {
    width: 15.78947%;
    padding-bottom: 15.78947%;
  }
  .problem-list .circle120 {
    width: 14.03509%;
    padding-bottom: 14.03509%;
  }
  .problem-list .circle106 {
    width: 12.39766%;
    padding-bottom: 12.39766%;
  }
  .problem-list .circle142 {
    width: 16.60819%;
    padding-bottom: 16.60819%;
  }
  .problem-list .circle130 {
    width: 15.20468%;
    padding-bottom: 15.20468%;
  }
  .problem-list span {
    font-size: 14px;
    line-height: 20px;
  }
  .problem-a {
    top: 17.70833%;
    left: 6.54971%;
  }
  .problem-b {
    top: 14.16667%;
    left: 48.42105%;
  }
  .problem-c {
    top: 17.70833%;
    left: 76.25731%;
  }
  .problem-d {
    top: 56.66667%;
    left: 12.39766%;
  }
  .problem-e {
    top: 50%;
    left: 40.46784%;
  }
  .problem-f {
    top: 55.83333%;
    left: 78.12865%;
  }
  .problem-g {
    top: 40.625%;
    left: 58.0117%;
  }
  .problem-h {
    left: 8.18713%;
  }
  .problem-i {
    left: 32.74854%;
  }
  .problem-list .problem-text {
    position: absolute;
    bottom: 4%;
    color: #fff;
    font-size: 12px;
    text-align: center;
  }
  .mobhide {
    display: block;
  }
  .mobshow {
    display: none;
  }
  .advertising-box {
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  /*案例详情*/
  .case-head .info {
    text-align: left;
  }
  .info .img {
    float: left;
    margin-right: 30px;
    width: 29.71576%;
  }
  .info .content .desc {
    margin-bottom: 20px;
  }
  .server {
    padding: 3.125% 5.625%;
    font-size: 15px;
    line-height: 40px;
  }
  .who-float {
    float: left;
    width: 64.33333%;
    padding: 30px 50px 0 0;
  }
  .who-float-img {
    padding-top: 0;
  }
  .join-form {
    padding: 20px 10px 30px;
    position: static;
  }
  .manage-system {
    max-height: 80%;
    height: auto;
    min-height: auto;
  }
  /*响应式网站建设*/
  .fast-list {
    display: table;
    width: 100%;
  }
  .fast-list li {
    float: none;
    display: table-cell;
    vertical-align: top;
  }
  .fast-list li:last-child {
    border-right: none;
  }
  /*微网站*/
  .microdt {
    margin-top: -50px;
  }
  .microdt .circle {
    top: 100px;
    left: 10px;
  }
  .micro-weblist {
    display: block;
  }
  .micro-weblist li {
    display: block;
    float: left;
    padding: 20px 20px 30px;
  }
  .oper-advantage {
    padding: 40px 0;
  }
  .Jitter-one li {
    width: 50%;
  }
  .redbook-box .info {
    min-height: 122px;
  }
  .planning li {
    border-bottom: 0;
  }
  .planning-text {
    font-size: 16px;
    line-height: 30px;
    min-height: 130px;
  }
  .m-titleoper {
    text-align: center;
  }
  .m-titleoper img {
    position: absolute;
    left: 0;
    top: -32px;
    height: 80px;
  }
  /*20190319首页改版*/
  .news-baicolumn {
    padding-top: 50px;
  }
  .news-baicolumn ul {
    margin: 0 -10px;
  }
  .news-baicolumn ul li {
    float: left;
    width: 50%;
    padding: 0 10px 17px;
  }
  .website-box .zoomimg {
    height: 196px;
  }
  .news-baicolumn ul li:nth-child(1) .zoomimg {
    height: 214px;
  }
  .news-baicolumn ul li:nth-child(1) .zoomimg img {
    width: auto;
  }
  .knowledge-tab {
    padding-bottom: 20px;
  }
  .knowledge-tab a {
    padding: 4px 12px;
    width: auto;
    margin: 0 4px;
    font-size: 14px;
  }
  .knowledge-tab a:hover {
    background-color: #1054FF;
    color: #fff;
    border-color: #1054FF;
  }
}
@charset "UTF-8";
/*箭头*/
@media (min-width: 992px) {
  .oper-advantage {
    padding: 16% 0 60px;
  }
  .oper-advantage .mb15 {
    margin-bottom: 45px;
  }
  .advant-left {
    padding: 0;
  }
  .oper-list {
    margin-bottom: 45px;
    padding: 15px 20px 15px 67px;
  }
  .oper-list .m-numitem {
    top: -17px;
  }
  .advant-right {
    padding-left: 50px;
  }
  .advant-right .advant-num {
    margin-top: 14px;
  }
  .advant-right li {
    margin-bottom: 20px;
  }
}
@media (min-width: 1024px) {
  /*SEO推广知识*/
  .knowledge-base {
    padding: 30px 0;
  }
  .knowledge-title {
    font-size: 24px;
    display: inline-block;
    min-width: 20%;
  }
  .knowledge-wrap {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .knowledge-left {
    width: 20%;
    margin-right: 0.83333%;
  }
  .mob-knowledge {
    position: static;
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    padding-bottom: 0;
  }
  .article-title {
    background: url(../images/tit_bg.png) 0 center no-repeat;
  }
  .article-title:before {
    display: none;
  }
  .knowledge-right {
    width: 78.75%;
  }
  /*.knowledgelist-right{ width: (700% / 12); }*/
  .knowledge-aside {
    width: 20%;
  }
  .knowledge-box {
    padding: 30px;
    min-height: 500px;
  }
  .type-tit {
    margin-bottom: 20px;
  }
  .phpmyfaq-list li {
    border-bottom: 0;
    padding: 0;
  }
  .phpmyfaq-list li a {
    line-height: 30px;
    height: 30px;
    overflow: inherit;
    display: inline;
  }
  .phpmyfaq-list li a:hover {
    text-decoration: underline;
  }
  .read-num {
    float: right;
    /*margin-top: -50px;*/
  }
  .case-deatils {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .deatils-list {
    padding-right: 20%;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 40px;
  }
  .deatils-tit {
    float: left;
    width: 100px;
    margin-right: 30px;
    font-size: 24px;
    padding-top: 5px;
  }
  .deatils-imglogo {
    position: absolute;
    right: 0;
    top: 0;
    width: 20%;
  }
  .index-cooper {
    padding-bottom: 68px;
  }
  /*资讯*/
  .fengxiangyun-msg {
    padding-top: 60px;
  }
  .msg-tel {
    padding: 15px 0 25px;
  }
  .friend-links {
    padding-bottom: 30px;
  }
  .inbanner-title {
    font-size: 36px;
    line-height: 50px;
    margin-bottom: 5px;
  }
  .inbanner-title span {
    font-size: 46px;
  }
  /*谷歌网站优化*/
  .google-import {
    padding-top: 70px;
    padding-bottom: 88px;
  }
  .google-top-list {
    padding-top: 60px;
  }
  .website-top-list{
    padding-top: 60px;
  }
  .google-top-list li img {
    margin: -50px 0 33px;
    width: 96px;
    width: 96px;
  }
  .google-top-box {
    padding: 0 20px 50px;
  }
  .google-top-box .google-dec h3 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 5px;
  }
  .google-bigtit {
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    padding: 0;
    padding-left: 90px;
  }
  .google-bigtit img {
    width: 80px;
    left: 5%;
  }
  .google-column-item {
    padding-top: 102px;
    padding-bottom: 90px;
  }
  .google-column-item li:hover .item-bottom {
    background: #1f29a7;
    border-color: #1f29a7;
  }
  .google-column-item li:hover .item-bottom .decheight {
    color: #fff;
  }
  .google-column-item li.disable .item-wrap {
    opacity: 0.8;
    -webkit-transition: opacity 0.15s ease-in;
    -o-transition: opacity 0.15s ease-in;
    -moz-transition: opacity 0.15s ease-in;
    transition: opacity 0.15s ease-in;
  }
  .item-wrap .item-top {
    height: 100px;
    line-height: 100px;
    font-size: 20px;
  }
  .item-wrap .item-bottom {
    padding: 35px 33px 29px;
    font-size: 15px;
  }
  .item-wrap .item-bottom .gdeatils-btn {
    margin-top: 28px;
    height: 44px;
    -webkit-border-radius: 22px;
    border-radius: 22px;
    line-height: 44px;
  }
  .google-advantage {
    padding-top: 60px;
  }
  .google-goodness {
    line-height: 0;
    font-size: 0;
    margin: 0 -10px;
    padding-top: 30px;
  }
  .google-goodness li {
    float: none;
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
    color: #4f556b;
    padding: 0 10px 50px;
  }
  .google-goodness li .goodness-img img {
    display: block;
    width: 100%;
  }
  .google-goodness li .goodness-tit {
    font-size: 18px;
    color: #202229;
    text-align: center;
    margin-bottom: 14px;
  }
  .google-goodness li .goodness-dec {
    font-size: 13px;
  }
  /*微定制*/
  .select-box dl {
    padding: 30px 0 20px 100px;
  }
  .select-box dl dt {
    top: 30px;
    font-size: 16px;
    padding: 4px 10px;
  }
  .select-box dl dd {
    padding-right: 50px;
  }
  .select-box dl dd a {
    font-size: 14px;
    padding: 0 12px;
  }
  .select-box dl dd a i {
    width: 20px;
    height: 20px;
  }
  .customized {
    padding: 50px 0;
  }
  .customized a {
    padding: 14px 40px;
    font-size: 18px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
  }
  .customized a:hover {
    color: #202229;
    background: -webkit-gradient(linear, left top, right top, from(#fac541), to(#fde261));
    background: -webkit-linear-gradient(left, #fac541, #fde261);
    background: -moz- oldlinear-gradient(left, #fac541, #fde261);
    background: -o-linear-gradient(left, #fac541, #fde261);
    background: linear-gradient(to right, #fac541, #fde261);
  }
  /*案例详情*/
  .case-head {
    display: table;
    width: 100%;
  }
  .case-head .info {
    display: table-cell;
    vertical-align: top;
    width: 53.75%;
    padding: 3.125%;
    text-align: left;
  }
  .info .img {
    margin-right: 6%;
    margin-top: 15px;
  }
  .info .content .view:hover {
    color: #fff;
    background: #1054ff;
    background: -webkit-gradient(linear, left top, right top, from(#443FFE), to(#3664FF));
    background: -webkit-linear-gradient(left, #443FFE, #3664FF);
    background: -moz- oldlinear-gradient(left, #443FFE, #3664FF);
    background: -o-linear-gradient(left, #443FFE, #3664FF);
    background: linear-gradient(to right, #443FFE, #3664FF);
  }
  .u-cshd-title {
    padding: 10px 0 23px;
  }
  .u-cshd-title .en {
    font-size: 24px;
  }
  .u-cshd-title .cn {
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 34px;
    padding-bottom: 10px;
  }
  .server {
    display: table-cell;
    vertical-align: top;
    width: 46.25%;
  }
  .server:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    background: #f9faff;
    z-index: 0;
  }
  .full-case-body {
    padding: 68px 0;
  }
  .m-casebtn {
    padding: 50px 0 0;
  }
  .m-casebtn a {
    font-size: 16px;
  }
  .m-casebtn a:hover {
    color: #fff;
    background: #1054ff;
    background: -webkit-gradient(linear, left top, right top, from(#443FFE), to(#3664FF));
    background: -webkit-linear-gradient(left, #443FFE, #3664FF);
    background: -moz- oldlinear-gradient(left, #443FFE, #3664FF);
    background: -o-linear-gradient(left, #443FFE, #3664FF);
    background: linear-gradient(to right, #443FFE, #3664FF);
  }
  .full-case-body .bold {
    font-size: 32px;
    line-height: 40px;
  }
  .right-content {
    padding: 40px 0 10.9375%;
  }
  .right-content .color-left {
    position: absolute;
    top: 55px;
    left: 18.75%;
    max-width: 540px;
    text-align: left;
  }
  .right-content .color-left .color-panel {
    padding-top: 50px;
  }
  .right-content .color-right {
    padding-left: 18.75%;
  }
  .skew-content .skew-bg {
    top: 17%;
    bottom: 0;
  }
  .skew-content .case-server .text {
    position: absolute;
    top: 15px;
    left: 18.75%;
    max-width: 540px;
    width: 28.125%;
    text-align: left;
  }
  .skew-content .case-server .cimg {
    padding-left: 18.75%;
  }
  .skew-content .case-ue {
    padding-top: 4.16667%;
  }
  .skew-content .case-ue .text {
    position: absolute;
    top: -170px;
    left: 73.54167%;
    padding: 0;
    text-align: left;
  }
  .skew-content .case-ue .cimg {
    padding: 0;
  }
  /*管理系统*/
  .manage-system {
    max-width: 800px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .man-title {
    height: 90px;
    line-height: 90px;
    font-size: 20px;
  }
  .join-form {
    padding: 58px 45px;
  }
  .join-form ul li {
    width: 50%;
  }
  .join-form ul li .box-input {
    height: 80px;
    line-height: 80px;
  }
  .join-form ul li .box-input em {
    -o-background-size: auto 24px;
    background-size: auto 24px;
  }
  .join-form ul li.code {
    padding-right: 120px;
    width: 65.5%;
  }
  .join-form ul li.code img {
    right: 0;
    top: 20px;
  }
  .manage-btn {
    margin-top: 50px;
  }
  .manclose-btn {
    right: 30px;
    top: 30px;
  }
  /*20190218*/
  /*网站定制价格详情*/
  #price-table {
    margin-bottom: 80px;
  }
  #price-table .price-row .pack-title .title-0 {
    font-size: 30px;
  }
  #price-table .price-row .pack-title .title-1 {
    font-size: 24px;
  }
  #price-table .price-row.r0 .pack-col {
    padding: 50px 0;
  }
  #price-table .price-row.r0 .pack-col .price-title {
    font-size: 42px;
    line-height: 60px;
  }
  #price-table .price-row.r0 .pack-col .price-title::before {
    right: 120%;
  }
  #price-table .price-row.r0 .pack-col .price-title::after {
    left: 120%;
  }
  #price-table .price-row.r0 .pack-col .pack-price {
    font-size: 70px;
    line-height: 80px;
  }
  #price-table .price-row.r0 .pack-col .pack-price::before {
    font-size: 24px;
    top: 18px;
  }
  #price-table .price-row.r0 .pack-col .o-price {
    font-size: 16px;
  }
  #price-table .price-row.r1 .pack-col {
    padding: 30px 0 50px;
  }
  #price-table .price-row.r1 .pack-col .renewals {
    font-size: 22px;
  }
  #price-table .price-row.r1 .pack-col .renewals span {
    font-size: 30px;
  }
  #price-table .price-row.r1 .pack-col .renewals font {
    font-size: 16px;
  }
  #price-table .price-row.r1 .pack-col .renewals span::before {
    font-size: 20px;
    top: -8px;
  }
  #price-table .price-row.r1 .pack-col .o-price {
    font-size: 16px;
  }
  #price-table .price-row.r1 .pack-col .tips {
    font-size: 18px;
    margin-top: 30px;
  }
  #price-table .fun-title td {
    line-height: 60px;
    font-size: 14px;
  }
  #price-table .fun-row .fun-type {
    font-size: 16px;
  }
  #price-table .fun-row .fun-title {
    font-size: 16px;
  }
  #price-table .fun-row .fun-cell {
    font-size: 16px;
  }
  /*快速建站*/
  .fast-wrap {
    padding-top: 80px;
    padding-bottom: 80px;
    line-height: 26px;
  }
  .fastdl {
    padding: 20px 0 40px;
  }
  .fastdl dd {
    width: 50%;
    padding: 0 30px;
  }
  .fastdl dt {
    overflow: hidden;
    text-align: right;
  }
  .fast-title {
    text-align: left;
    font-size: 30px;
    line-height: 40px;
    font-weight: lighter;
    margin-bottom: 22px;
  }
  .fast-link {
    margin-top: 40px;
    text-align: left;
  }
  .fast-link a {
    font-size: 16px;
  }
  .fast-list {
    margin-top: -40px;
    padding: 80px 0 50px;
  }
  .fast-list li {
    border-bottom: 0;
    border-right: 1px solid #e8e8e8;
  }
  .fast-list li .fastdot {
    margin-top: -10px;
    padding-bottom: 40px;
  }
  .mtf30 {
    margin-top: -40px;
  }
  .ptb40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .mt140 {
    margin-top: -100px;
  }
  .mt120 {
    margin-top: -80px;
  }
  /*微网站*/
  .micro-weblist li {
    width: 20%;
    padding: 0 20px 40px;
  }
  .micro-weblist li .flist-tit {
    margin-top: 35px;
  }
  /*新媒体运营*/
  .wechat-operate {
    min-height: 820px;
  }
  .wechat-img {
    position: absolute;
    width: 58.33333%;
    right: 0;
    top: 0;
    z-index: 1;
  }
  .wechat-content {
    padding-top: 8%;
    max-width: 475px;
    width: 46%;
    font-size: 15px;
  }
  .wechat-list {
    padding-top: 40px;
    margin: 0 -10px;
  }
  .wechat-list li {
    padding: 0 23px 25px;
    width: 50%;
  }
  .con-operation {
    padding-bottom: 58px;
  }
  .content-list {
    padding-top: 40px;
  }
  .content-list li {
    padding-bottom: 20px;
    width: 20%;
  }
  .content-list li .contentoper-box .oper-tit {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px;
  }
  .content-list li .contentoper-box .oper-img {
    margin-bottom: 20px;
  }
  .content-list li .contentoper-box .oper-img img {
    height: 50px;
  }
  .platform-build {
    padding-top: 60px;
    padding-bottom: 75px;
  }
  .pbuild-list {
    margin-top: 60px;
  }
  .pbuild-list li .build-icon {
    height: 60px;
    margin-bottom: 20px;
  }
  .pbuild-list li .build-dot {
    width: 20px;
    height: 20px;
  }
  .pbuild-list li .build-dot:before {
    width: 10px;
    height: 10px;
    top: 5px;
    left: 5px;
  }
  .pbuild-list:before {
    top: 89px;
  }
  .platform-style {
    padding-top: 62px;
    padding-bottom: 98px;
  }
  /*网站代运营*/
  .agent-operation {
    padding-top: 14%;
    overflow: hidden;
  }
  .agent-ul {
    padding-top: 70px;
    padding-bottom: 50px;
    margin: 0 -30px;
  }
  .agent-ul li {
    margin-bottom: 30px;
    padding: 0 30px;
  }
  .agent-ul li .agent-content {
    padding: 40px 95px 40px 54px;
  }
  .agent-content {
    padding: 30px 40px 32px 68px;
  }
  .agent-content .m-numitem {
    top: -15px;
    left: 20px;
  }
  .agent-content h5 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .right-num {
    width: 77px;
    font-size: 72px;
  }
  .right-num i {
    bottom: 40px;
    left: -35px;
    line-height: 70px;
  }
  .m-titleoper {
    font-size: 24px;
    padding: 15px;
    line-height: 50px;
  }
  .siteacting {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  .pb40 {
    padding-bottom: 40px;
  }
  /*抖音运营*/
  .Jitter-content {
    padding-top: 100px;
  }
  /*抖音运营*/
  .Jitter-img {
    width: 64.82143%;
  }
  .Jitter-content {
    padding-top: 100px;
    padding-bottom: 97px;
  }
  .Jitter-one {
    padding-top: 70px;
  }
  .Jitter-one li {
    float: left;
    width: 33%;
    display: block;
  }
  .Jitter-one li .agent-content {
    max-width: 446px;
    padding: 20px 20px 22px 48px;
  }
  .Jitter-one li .agent-content .m-numitem {
    left: 10px;
  }
  .Jitter-one li:nth-child(-n + 1) {
    float: none;
  }
  .m-titleoper img {
    top: -42px;
    height: 130px;
  }
  .ptb70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  /*小红书*/
  .redbook-content {
    padding-top: 185px;
    padding-bottom: 128px;
  }
  .no-one {
    font-size: 72px;
    line-height: 72px;
  }
  .redbook-area {
    padding-top: 50px;
  }
  .redbook-area li .area-img {
    padding-bottom: 86%;
  }
  .redbook-area li .area-img img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    max-height: 100%;
  }
  .redbook-box li {
    padding: 0 15px;
  }
  /*活动策划执行*/
  .planning-wrap {
    padding-bottom: 98px;
  }
  .planning-box {
    margin-top: -20px;
  }
  .planning {
    padding-bottom: 0;
  }
  .planning li {
    border-right: 0;
  }
  /*广告投放-百度SEM*/
  .baidu-sem-one {
    padding-top: 70px;
  }
  .m-sembox {
    margin-top: 40px;
  }
  .problem-list span {
    font-size: 16px;
  }
  .problem-list .problem-text {
    bottom: 5%;
    font-size: 18px;
  }
  .problem-text {
    font-size: 18px;
  }
  .baidu-wraper {
    margin-top: -10px;
    position: relative;
    z-index: 3;
  }
  .baidu-tit {
    line-height: 40px;
    font-size: 28px;
    padding: 20px 0;
  }
  .baidu-tit img {
    position: absolute;
    left: 19.79167%;
    top: -8px;
    height: 102px;
  }
  .baidu-box {
    padding: 65px 0 84px;
  }
  .box-content .bai-boxtit {
    line-height: 70px;
    font-size: 20px;
  }
  .box-content .box-info {
    padding: 35px 10px;
  }
  .headlines-list {
    padding-top: 70px;
    padding-bottom: 45px;
  }
  .headlines-list ul li {
    width: 20%;
  }
  .headlines-list ul li .headlines-icon {
    height: 70px;
    margin-bottom: 20px;
  }
  .headlines-list ul li .headlist-tit {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .headlines-list ul li:nth-child(4), .headlines-list ul li:nth-child(5) {
    width: 20%;
  }
  .advertising-img {
    padding-right: 280px;
  }
  .advertising-box {
    position: absolute;
    width: 285px;
    top: 16.94915%;
    text-align: right;
    padding: 40px 20px 35px 30px;
    line-height: 20px;
    right: 20px;
  }
  .advertising-box .m-numitem {
    top: 20px;
    left: auto;
    right: -12px;
  }
  .advertising-box .title {
    font-size: 18px;
  }
  .headlines {
    margin-left: 0;
  }
  .tencent-right {
    padding-right: 240px;
  }
  .tencent-right .advertising-box {
    width: 240px;
  }
  .tencent-right .advt-num img {
    width: 100%;
  }
  .advt-num span {
    margin-left: -42px;
  }
  .tencent-box {
    padding-bottom: 26px;
  }
  .tencent-list li {
    width: 20%;
    font-size: 16px;
    padding-bottom: 28px;
  }
  .tencent-list li .tencent-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 14px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
  }
  .real-scene iframe {
    height: 600px;
  }
  /*20190319*/
  .news-baicolumn {
    padding-top: 50px;
  }
  .news-baicolumn ul li {
    width: 33.3%;
  }
  .news-baicolumn ul li:hover .website-box .zoomimg img {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
  }
  /*底部*/
  .seofooter {
    padding: 45px 0 40px;
  }
  .foot-about {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .foot-about .about-left {
    float: left;
    width: 28.125%;
  }
  .foot-about .adv-mid {
    float: left;
    width: 26%;
    margin-left: 4%;
  }
  .foot-about .diff-right {
    float: right;
    width: 37.875%;
  }
  .u-qk-title {
    padding-bottom: 12px;
    margin-bottom: 19px;
    line-height: 46px;
  }
  .u-qk-title h4 {
    font-size: 22px;
  }
  .u-qk-title .more {
    width: 46px;
    height: 46px;
  }
  .one-level a {
    padding: 0 10px;
  }
  .one-level a:hover, .two-level a:hover {
    color: #5e70a1;
  }
  /*seo回答评论*/
  .answer-box {
    padding: 30px;
  }
  .answer-btn {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .seo-comment {
    padding: 0 30px 30px;
  }
  .aw-nav-tabs--title {
    font-size: 18px;
    margin: 0 30px;
  }
  .answer-item {
    padding: 20px 0;
    margin-bottom: 10px;
  }
  .login-wrap {
    max-width: 600px;
  }
  .login-form {
    padding: 60px 40px;
  }
}
@charset "UTF-8";
/*箭头*/
@media (min-width: 1200px) {
  /*谷歌网站优化*/
  .google-top-list {
    padding-top: 90px;
    margin: 0 -15px;
  }
  .google-top-list li {
    padding: 0 15px 40px;
  }
  .google-top-box {
    padding: 0 30px;
    min-height: 204px;
  }
  .google-dec {
    padding-bottom: 50px;
  }
  .google-column-item ul li {
    padding: 0 20px 15px;
  }
  /*案例详情*/
  .case-body {
    padding: 50px 40px;
  }
  .case-body img {
    max-width: 100%;
  }
  .Jitter-one li:nth-child(-n + 2) {
    float: none;
  }
  .col-gm-4 {
    float: left;
    width: 20%;
    padding-right: 10px;
    padding-left: 10px;
  }
  /*20190319*/
  .news-baicolumn ul {
    margin: 0 -18px;
  }
  .news-baicolumn ul li {
    padding: 0 18px 17px;
  }
  .suspension {
    padding: 50px 30px 0 0;
  }
  .suspension .tit h3 {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .suspension .tit h4 {
    font-size: 18px;
  }
  .knowledge-tab {
    float: left;
    padding-bottom: 0;
  }
  .knowledge-search {
    float: right;
    width: 240px;
  }
}
@media (min-width: 1260px) {
  .Jitter-list .col-xg-6 {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
  .Jitter-list .col-xg-6 {
    width: 16.66667%;
  }
  .col-xg-6 {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
  .col-xg-6 {
    width: 16.66667%;
  }
  .redbook-area {
    margin: 0 -20px;
  }
  .redbook-area li {
    padding: 0 20px 20px;
  }
  .redbook-area li .area-box {
    padding: 40px 35px 30px;
  }
  .planning {
    margin: 0 -20px;
  }
  .planning li {
    padding: 0 20px;
  }
  .planning li .planning-con {
    padding: 86px 0;
  }
  .baidu-box ul {
    margin: 0 -7px;
  }
  .baidu-box ul li {
    padding: 0 7px;
  }
  .headline-box .commonweb1440 {
    max-width: 1160px;
  }
  .headline-box ul {
    margin: 0 -15px;
  }
  .headline-box ul li {
    padding: 0 15px;
  }
  .google-bigtit {
    height: 80px;
    line-height: 80px;
    font-size: 30px;
  }
  .advertising-box {
    top: 30.50847%;
    padding: 50px 20px 45px 30px;
  }
  .tencent-right {
    padding-right: 240px;
  }
  .tencent-right .advertising-box {
    width: 240px;
    top: 25.67568%;
  }
  .tencent-box .tencent-list li {
    padding-bottom: 38px;
  }
}
@charset "UTF-8";
/*箭头*/
@media (min-width: 1366px) {
  /*案例详情*/
  .full-case-body {
    font-size: 16px;
    padding: 60px 0;
  }
  .full-case-body .bold {
    font-size: 48px;
    line-height: 60px;
  }
  /*20190218*/
  /*快速建站*/
  .fast-wrap {
    padding-top: 120px;
    padding-bottom: 109px;
    font-size: 16px;
  }
  .fastdl {
    padding: 0 0 60px;
  }
  .fastdl dd {
    padding: 40px 38px 0 55px;
  }
  .fast-title {
    font-size: 48px;
    line-height: 50px;
    margin-bottom: 42px;
  }
  .fast-link {
    margin-top: 12%;
  }
  .mtf30 {
    margin-top: -120px;
  }
  /*网站定制价格详情*/
  #price-table {
    margin-bottom: 80px;
  }
  #price-table .price-row .pack-title .title-0 {
    font-size: 36px;
  }
  #price-table .price-row .pack-title .title-1 {
    font-size: 30px;
  }
  #price-table .price-row.r0 .pack-col {
    padding: 50px 0;
  }
  #price-table .price-row.r0 .pack-col .price-title {
    font-size: 48px;
    line-height: 60px;
  }
  #price-table .price-row.r0 .pack-col .price-title::before {
    right: 120%;
  }
  #price-table .price-row.r0 .pack-col .price-title::after {
    left: 120%;
  }
  #price-table .price-row.r0 .pack-col .pack-price {
    font-size: 86px;
    line-height: 100px;
  }
  #price-table .price-row.r0 .pack-col .pack-price::before {
    font-size: 30px;
    top: 18px;
  }
  #price-table .price-row.r0 .pack-col .o-price {
    font-size: 18px;
  }
  #price-table .price-row.r1 .pack-col {
    padding: 30px 0 50px;
  }
  #price-table .price-row.r1 .pack-col .renewals {
    font-size: 26px;
  }
  #price-table .price-row.r1 .pack-col .renewals span {
    font-size: 36px;
  }
  #price-table .price-row.r1 .pack-col .renewals font {
    font-size: 18px;
  }
  #price-table .price-row.r1 .pack-col .renewals span::before {
    font-size: 26px;
    top: -8px;
  }
  #price-table .price-row.r1 .pack-col .o-price {
    font-size: 18px;
  }
  #price-table .price-row.r1 .pack-col .tips {
    font-size: 22px;
    margin-top: 30px;
  }
  #price-table .fun-title td {
    line-height: 60px;
    font-size: 18px;
  }
  #price-table .fun-row .fun-type {
    font-size: 16px;
  }
  #price-table .fun-row .fun-title {
    font-size: 16px;
  }
  #price-table .fun-row .fun-cell {
    font-size: 16px;
  }
  /*20190218*/
  .mt140 {
    margin-top: -180px;
  }
  .mt120 {
    margin-top: -160px;
  }
  .flist-tit {
    font-size: 18px;
    margin-bottom: 15px;
  }
  /*新媒体运营*/
  .wechat-content {
    padding-top: 15%;
  }
  .prl60 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .oper-advantage {
    padding: 18% 0 90px;
  }
  .content-list li .contentoper-box {
    padding: 60px 30px 58px;
  }
  .Jitter-one {
    margin: 0 -25px;
  }
  .Jitter-one li {
    margin-bottom: 35px;
    padding: 0 25px;
  }
  .Jitter-one li:nth-child(-n+2) {
    float: none;
  }
}
/*banner*/
.indexbanner {
  position: relative;
  overflow: hidden;
}
.indexbanner ul li {
  overflow: hidden;
}
.indexbanner ul li a {
  display: block;
  position: relative;
}
.indexbanner ul li .zoom {
  display: block;
  overflow: hidden;
}
.indexbanner ul li .zoom:before {
  content: "";
  display: block;
  /*padding-bottom: 86.95652%;*/
}
.indexbanner ul li .zoom img {
  position: relative;
  top: 0;
  /*left: 50%;*/
  height: auto;
  /*-webkit-transform: translateX(-50%);*/
  /*-moz-transform: translateX(-50%);*/
  /*-ms-transform: translateX(-50%);*/
  /*-o-transform: translateX(-50%);*/
  /*transform: translateX(-50%);*/
  max-width:100%;
}
.banner-conbox {
  position: absolute;
  color: #fff;
  right: 8.33333%;
  left: 8.33333%;
  top: 20%;
  z-index: 10;
}
.bannertit {
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 30px;
}
.bannerdec {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 20px;
}
.bannerdec br {
  display: none;
}
.text-shadow {
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}
.m-line-more {
  padding: 1px 30px;
  border: 1px solid #fff;
  display: inline-block !important;
  color: #fff;
  font-size: 12px;
  position: relative;
}
.m-line-more:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  background: #fff;
  display: block;
  left: -15px;
  top: 13px;
}
.imgpopup img {
  position: absolute;
  z-index: 9;
  max-width: 100%;
}
.imgpopup .before {
  opacity: 0;
  -webkit-transition: all .7s;
  -o-transition: all .7s;
  -moz-transition: all .7s;
  transition: all .7s;
}
.pop01 {
  width: 73.33333%;
  left: 25.55556%;
  top: 9.75%;
}
.pop01.before {
  -webkit-transform: translate(-120px, 120px);
  -moz-transform: translate(-120px, 120px);
  -ms-transform: translate(-120px, 120px);
  -o-transform: translate(-120px, 120px);
  transform: translate(-120px, 120px);
}
.pop02 {
  width: 54%;
  left: 79.33333%;
  top: 0;
}
.pop02.before {
  -webkit-transform: translate(-120px, 120px);
  -moz-transform: translate(-120px, 120px);
  -ms-transform: translate(-120px, 120px);
  -o-transform: translate(-120px, 120px);
  transform: translate(-120px, 120px);
}
.pop03 {
  width: 39.55556%;
  left: 48.66667%;
  top: 80%;
}
.pop03.before {
  -webkit-transform: translate(120px, -120px);
  -moz-transform: translate(120px, -120px);
  -ms-transform: translate(120px, -120px);
  -o-transform: translate(120px, -120px);
  transform: translate(120px, -120px);
}
.pop04 {
  width: 73.33333%;
  left: 72%;
  top: 19.625%;
}
.pop04.before {
  -webkit-transform: translate(120px, -120px);
  -moz-transform: translate(120px, -120px);
  -ms-transform: translate(120px, -120px);
  -o-transform: translate(120px, -120px);
  transform: translate(120px, -120px);
}
.pop05 {
  width: 31.66667%;
  left: 76.22222%;
  top: 0;
}
.pop05.before {
  -webkit-transform: translate(120px, -120px);
  -moz-transform: translate(120px, -120px);
  -ms-transform: translate(120px, -120px);
  -o-transform: translate(120px, -120px);
  transform: translate(120px, -120px);
}
.pop06 {
  width: 35.77778%;
  left: 60.22222%;
  top: 73.83333%;
}
.pop06.before {
  -webkit-transform: translate(-120px, 120px);
  -moz-transform: translate(-120px, 120px);
  -ms-transform: translate(-120px, 120px);
  -o-transform: translate(-120px, 120px);
  transform: translate(-120px, 120px);
}
.pop07 {
  width: 26.11111%;
  left: 82.66667%;
  top: 29.33333%;
}
.pop07.before {
  -webkit-transform: translate(-120px, 120px);
  -moz-transform: translate(-120px, 120px);
  -ms-transform: translate(-120px, 120px);
  -o-transform: translate(-120px, 120px);
  transform: translate(-120px, 120px);
}
.ban-mantit {
  padding-top: 5%;
  font-size: 28px;
  line-height: 30px;
  margin-bottom: 10px;
}
.use-btn {
  width: 150px;
  height: 75px;
  display: inline-block;
  background: url(../images/banner-usebtn.png) 0 0 no-repeat;
  font-size: 16px;
  line-height: 60px;
  color: #37474f;
  padding-left: 16px;
  -o-background-size: cover;
  background-size: cover;
}
.use-btn i {
  width: 23px;
  height: 19px;
  display: inline-block;
  vertical-align: middle;
  background: url(../images/ban-arror.png) 0 0 no-repeat;
  margin-left: 8px;
  -o-background-size: 20px auto;
  background-size: 20px auto;
}
.banner01 dt {
  float: left;
  margin-right: 10px;
  max-width: 100px;
}
.banner01 dt img {
  max-width: 100%;
}
.banner01 dd {
  overflow: hidden;
  color: #4f556b;
}
.banner01 dd h3 {
  color: #202229;
  font-size: 20px;
  padding-top: 5px;
  margin-bottom: 5px;
}
.banner01 dd em {
  font-style: normal;
  color: #373c3b;
  font-size: 14px;
  display: block;
}
.banner01 dd .bannerdec {
  margin-bottom: 0;
}
.slide01-btn {
  margin-top: 20px;
  padding: 6px 20px;
  display: inline-block;
  color: #fff;
  background: #3C48FF;
  font-size: 16px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  -webkit-box-shadow: 0 10px 30px rgba(33, 79, 255, 0.2);
  box-shadow: 0 10px 30px rgba(33, 79, 255, 0.2);
}
.m-animation {
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: all .7s;
  -o-transition: all .7s;
  -moz-transition: all .7s;
  transition: all .7s;
}
.ani-delay1 {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.ani-delay2 {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.ani-delay3 {
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.ani-delay4 {
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8s;
  -o-transition-delay: 1.8s;
  transition-delay: 1.8s;
}
.indexbanner ul li.active .imgpopup .before {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.indexbanner ul li.active .m-animation {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
@media (min-width: 640px) {
  .banner-conbox {
    right: auto;
  }
  .bannertit {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 40px;
    text-shadow: none;
  }
  .bannerdec {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 26px;
    text-shadow: none;
  }
  .bannerdec br {
    display: block;
  }
  .m-line-more {
    padding: 4px 40px;
  }
  .m-line-more:after {
    width: 60px;
    left: -30px;
    top: 16px;
  }
  .indexbanner .m-dot {
    left: 8.33333%;
    text-align: left;
  }
}
@media (min-width: 768px) {
  /*banner*/
  .indexbanner ul li .zoom:before {
    content: "";
    display: none;
  }
  .indexbanner ul li .zoom img {
    position: relative;
    left: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    width: 100%;
  }
  .pop01 {
    width: 26.45833%;
    left: 50%;
    top: 9.33333%;
  }
  .pop02 {
    width: 19.63542%;
    left: 68.75%;
    top: 0;
  }
  .pop03 {
    width: 14.6875%;
    left: 57.86458%;
    top: 80%;
  }
  .pop04 {
    width: 26.45833%;
    left: 66.30208%;
    top: 18.83333%;
  }
  .pop05 {
    width: 14.63542%;
    left: 85.52083%;
    top: 0;
  }
  .pop06 {
    width: 18.07292%;
    left: 77.5%;
    top: 73.83333%;
  }
  .pop07 {
    width: 11.92708%;
    left: 88.22917%;
    top: 29.33333%;
  }
  .banner01 dt {
    margin-right: 16px;
    max-width: 140px;
  }
  .banner01 dd {
    padding-top: 10px;
  }
  .banner01 dd h3 {
    font-size: 28px;
    padding-top: 40px;
    margin-bottom: 10px;
  }
  .banner01 dd em {
    font-size: 20px;
  }
  .slide01-btn {
    margin-top: 30px;
  }
}
@media (min-width: 1200px) {
  .banner-conbox {
    top: 24%;
  }
  .bannertit {
    margin-bottom: 30px;
    font-size: 40px;
    line-height: 50px;
    text-shadow: none;
  }
  .bannerdec {
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 26px;
    text-shadow: none;
  }
  .m-line-more {
    padding: 4px 50px;
    font-size: 16px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
  }
  .m-line-more:after {
    width: 80px;
    left: -42px;
    top: 16px;
  }
  .m-line-more:hover {
    color: #fff;
    background: #1054FF;
    background: -webkit-gradient(linear, left top, right top, from(#443FFE), to(#3664FF));
    background: -webkit-linear-gradient(left, #443FFE, #3664FF);
    background: -moz- oldlinear-gradient(left, #443FFE, #3664FF);
    background: -o-linear-gradient(left, #443FFE, #3664FF);
    background: linear-gradient(to right, #443FFE, #3664FF);
    border-color: transparent;
    border-color: #1054FF;
  }
  .ban-mantit {
    padding-top: 40px;
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 10px;
  }
  .use-btn {
    width: 234px;
    height: 117px;
    font-size: 20px;
    line-height: 84px;
    padding-left: 28px;
  }
  .use-btn i {
    width: 33px;
    height: 19px;
    margin-left: 28px;
    -o-background-size: 33px auto;
    background-size: 33px auto;
  }
  .banner01 dt {
    max-width: 170px;
  }
  .banner01 dd {
    padding-top: 15px;
  }
  .banner01 dd h3 {
    font-size: 50px;
    padding-top: 40px;
    margin-bottom: 10px;
  }
  .banner01 dd em {
    font-size: 20px;
  }
  .slide01-btn {
    margin-top: 40px;
  }
  .slide01-btn {
    padding: 13px 32px;
    font-size: 20px;
  }
}
@media (min-width: 1600px) {
  .ban-mantit {
    padding-top: 75px;
  }
  .pl140 {
    padding-left: 140px;
  }
  .Jitter-one li:nth-child(-n+3) {
    float: none;
  }
  .google-bigtit img {
    width: 116px;
    left: 17.70833%;
  }
}
@media (max-width: 768px) {
  .indexnews-list ul li:nth-child(n+5) {
    display: none;
  }
  .indexnews-list ul li a h4 {
    height: auto;
    max-height: 48px;
  }
  .indexnews-list ul li a .newsmore {
    display: none;
  }
  .indexnews-list ul li a .newsdate {
    margin-bottom: 10px;
  }
  .related-news li:nth-child(n+5) {
    display: none;
  }
  .related-news li .title {
    height: auto;
    max-height: 48px;
  }
  .banner01 dd {
    color: #fff;
  }
  .banner01 dd h3 {
    color: #fff;
  }
  .banner01 dd em {
    color: #fff;
  }
  .imgpopup img {
    z-index: 1;
  }
  .graybg {
    display: block;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
  }
  .pop05, .pop06, .pop07 {
    display: none;
  }
}
/*搜索页*/
.searchcont401 {
  padding: 36px 0;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center top;
  -o-background-size: cover;
  background-size: cover;
}
.searchtitle401 {
  padding: 28px 15px;
  background-color: #f2f2f2;
}
.searchtitle401 span {
  color: #da251d;
}
.resultlist401 {
  font-size: 13px;
  padding: 3% 0;
}
.resultlist401 img {
  display: block;
  width: 100%;
  margin-bottom: 2%;
}
.resultlist401 li {
  padding: 15px 0;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: -1px;
}
.resultlist401 h4 {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 3%;
}
.resultlist401 h4 em {
  color: #da251d;
}
.resultlist401 h4 a {
  display: block;
}
.resulttext401 {
  overflow: hidden;
  height: 72px;
  color: #999;
  line-height: 24px;
}
.resultlabel401 {
  color: #999;
  display: inline-block;
  padding-top: 30px;
}
.searchinputcont401 dt input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-indent: 12px;
  font-size: 15px;
  color: #333333;
  background-color: #ffffff;
}
.searchinputcont401 dd input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 0px;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer;
  background-color: #00a298;
  background-image: url(../images/search402.png);
  background-repeat: no-repeat;
  background-position: center;
}
.keywords {
  color: #00a298;
}
.ms-detail td .short-sl {
  width: 103px;
}
.sitemapcont2 {
  padding: 6% 0;
  overflow: hidden;
}
.sitemapcont2 dl {
  position: relative;
  margin-bottom: 36px;
}
.sitemapcont2 dl dt {
  font-size: 16px;
  font-weight: bold;
  color: #1054ff;
  padding: 0 8px;
  background: #fff;
  position: absolute;
  left: 18px;
  top: -14px;
}
.sitemapcont2 dl dd {
  padding: 4% 3% 1% 3%;
  border: 1px solid #e6e6e6;
}
.sitemapcont2 dl dd a {
  display: inline-block;
  padding-left: 10px;
  margin: 0 23px 8px 0;
}
@media (min-width: 768px) {
  .searchtitle401 {
    font-size: 24px;
  }
  .resultlist401 h4 {
    font-size: 20px;
    margin-bottom: 2%;
  }
  .searchimg401 {
    float: left;
    margin: 0 3% 0 0;
    display: block;
    width: 200px;
    height: 150px;
    overflow: hidden;
    position: relative;
  }
  .resultlist401 img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    max-width: 100%;
    width: auto;
  }
  .sitemapcont2 {
    padding: 2% 0 0;
    overflow: hidden;
  }
  .sitemapcont2 dl dt {
    font-size: 20px;
  }
  .sitemapcont2 dl dd {
    padding: 2% 3% 1% 3%;
    border: 1px solid #e6e6e6;
  }
  .sitemapcont2 dl dd a {
    margin: 0 50px 8px 0;
  }
  .sitemapcont2 dl dd a:hover {
    color: #1054ff;
  }
}
@media (min-width: 992px) {
  .searchinputcont401 {
    width: 45%;
    margin: 0 auto;
  }
  .searchinputcont401 dt {
    float: left;
    width: 78%;
  }
  .searchinputcont401 dd {
    float: left;
    width: 22%;
  }
  .searchinputcont401 dt input {
    font-size: 18px;
  }
  .searchinputcont401 dd input {
    text-align: left;
    padding-left: 20%;
    font-size: 18px;
    font-weight: bold;
    background-position: 80% center;
  }
}
@media (min-width: 1460px) {
  .siteacting {
    padding-top: 40px;
  }
  .siteacting ul {
    margin: 0 -30px;
  }
  .siteacting ul li {
    padding: 0 30px;
  }
}
@charset "UTF-8";
.module-a h3 {
  padding: 10px;
  margin: 10px;
  color: #333;
  /* {"title": "A的字体颜色","type":"color","name": "@clacolor","value": "#333"}*/
  background-color: #f60;
  /* {"title": "A的背景颜色","type":"color","name": "@bgcacolor","value": "#f60"}*/
  line-height: 2;
  background-image: url(../images/searchicon.png);
  background-image: url(../images/searchicon.png);
  background-image: url(../images/searchicon.png);
  background-image: url(../images/searchicon.png);
  background-position: center center;
  background: #000 url(../images/searchicon.png) 0 0;
  background: #000 url(../images/searchicon.png) 0 0;
  background: #000 url(../images/searchicon.png) 0 0;
  background: #000 url(../images/searchicon.png) 0 0;
  color: #fff;
  font-size: 30px;
  background-repeat: repeat;
  border: 10px solid #ccc;
}
.module-a h3 p {
  color: #999;
  border: 10px solid #333;
}