@charset "utf-8";
* {
  box-sizing: border-box;
}
img {
  max-width: 100%;
  height: auto;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul,
li {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  text-decoration: none;
  -webkit-backface-visibility: hidden;
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: rgba(125, 125, 125, 0.7);
  -webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  background-color: rgba(125, 125, 125, 0.7);
  -webkit-border-radius: 6px;
}
html,
body {
  width: 100%;
  font-family: 'Arial', 'Microsoft YaHei', '微软雅黑', sans-serif;
  font-size: 16px;
  box-sizing: border-box;
}
body {
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* font-size: 0; */
}
html {
  overflow-y: scroll;
}
input,
button,
textarea,
select,
option {
  outline: none;
}
.cursor-grey {
  cursor: no-drop;
  color: #e5e5e5 !important;
}
/* 服务模块通用 */
.w1400 {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.width-1400 {
  max-width: 1400px;
  margin: auto;
}
.container-box {
  padding: 150px 0;
}
.block5 {
  background: url('../../../images/service-form.png') no-repeat center / Cover;
}
.base-title {
  text-align: center;
}

.base-title p {
  font-size: 42px;
  margin-bottom: 30px;
  color: #fff;
}

.base-title div {
  font-size: 16px;
  color: #fff;
  margin-top: 3px;
}
.base-title.black p {
  color: #292b33;
}
.base-title.black div {
  color: #737373;
}
.service-banner {
  height: 450px;
  background: url(../images/service-banner.jpg) no-repeat center / Cover;
}

.service-banner h2 {
  font-size: 48px;
  color: #fff;
}
.service-banner h3 {
  font-size: 20px;
  color: #fff;
  padding-top: 28px;
}
.service-banner .w1400 {
  align-items: center;
  height: 450px;
}
.footer {
  background-color: #333333;
  padding-top: 76px;
}
.footer .w1400 .left {
  width: calc(100% - (380 / 1400 * 100%));
}
.footer .w1400 .left .footerTitle {
  font-size: 24px;
  color: #fff;
}
.footer .w1400 .left .content {
  width: 100%;
  padding-top: 62px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 64px;
}
.footer .w1400 .left .content .list {
  width: calc(450 / 1020 * 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 44px;
}
.footer .w1400 .left .content .list .img {
  width: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 26px;
}
.footer .w1400 .left .content .list .img img {
  margin: 0 auto;
}
.footer .w1400 .left .content .list .cont {
  padding-top: 4px;
}
.footer .w1400 .left .content .list .cont p {
  font-size: 18px;
  color: #fff;
}
.footer .w1400 .left .content .list .cont div {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 13px;
}
.footer .w1400 .right {
  width: calc(410 / 1400 * 100%);
}
.footer .w1400 .right .footerTitle {
  font-size: 24px;
  color: #fff;
}
.footer .w1400 .right .content {
  margin-top: 82px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.footer .w1400 .right .content .img {
  font-size: 0;
  min-height: 142px;
}
.footer .w1400 .right .content .cont {
  margin-left: calc(30 / 380 * 100%);
}
.footer .w1400 .right .content .cont p {
  font-size: 15px;
  color: #fff;
}
.footer .w1400 .right .content .cont a {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  margin-top: 14px;
  display: block;
}
.footer .w1400 .right .content .cont .tel {
  font-size: 26px;
  font-family: "Bahnschrift";
  white-space: nowrap;
  margin-bottom: 25px;
}
.footer .w1400 .company {
  display: none;
}
.beian {
  background-color: #1d202a;
}
.beian .w1400 {
  line-height: 50px;
  color: #fff;
  font-size: 14px;
  opacity: 0.55;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.beian .w1400 a {
  font-size: 14px;
  color: #fff;
}
.beian .mob {
  display: none;
}
.rightBlock {
  position: fixed;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}
.rightBlock ul li {
  width: 80px;
  height: 80px;
  background: #3271ff;
  border-radius: 5px;
  margin-top: 2px;
  position: relative;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.rightBlock ul li:first-child {
  margin-top: 0;
}
.rightBlock ul li a {
  padding: 10px;
  display: block;
  height: 100%;
}
.rightBlock ul li .img {
  width: 100%;
  height: 30px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.rightBlock ul li p {
  font-size: 14px;
  color: #fff;
  text-align: center;
  margin-top: 6px;
}
.rightBlock ul li.on {
  background: #3271ff;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.rightBlock ul li .cont {
  display: none;
  position: absolute;
  top: 0;
  right: 86px;
  width: 172px;
  height: 170px;
  background: url(http://seo.izhihuo.com/images/floatRightImg6.png) no-repeat
    right;
}
.rightBlock ul li .cont .BlockWechat {
  width: 159px;
  text-align: center;
  padding-top: 18px;
}
.rightBlock ul li .cont .BlockWechat p {
  margin-top: 0;
  margin-bottom: 9px;
  color: #3271ff;
  font-size: 14px;
}
.rightBlock ul li .cont .BlockWechat img {
  max-width: 110px;
  height: auto;
  margin: 0 auto;
}
.rightBlock ul li.tel {
  display: none;
}
.rightBlock ul li.tel a {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 996px) {
  .service-banner {
    padding: 0 15px;
  }
  .service-banner,
  .service-banner .w1400 {
    height: 250px;
  }
  .service-banner h2 {
    font-size: 28px;
  }
  .service-banner h3 {
    font-size: 16px;
  }
  .rightBlock ul li p {
    display: none;
  }
  .rightBlock ul li {
    width: 40px;
    height: 40px;
  }
  .rightBlock ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .rightBlock ul li a img {
    max-width: 20px;
  }
  .rightBlock ul li.tel {
    display: block;
  }
  .rightBlock ul li:nth-child(2) {
    display: none;
  }
}