* {
  margin: 0;
  box-sizing: border-box;
  font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft YaHei', 'HanHei SC',
    'Helvetica Neue', 'Open Sans', Arial, 'Hiragino Sans GB',
    '微软雅黑, STHeiti', 'WenQuanYi Micro Hei', 'SimSun', 'sans-serif';
}
html,
body {
  color: #4d4d4d;
  height: 100%;
  background: url('../lib/image/bodyBg.png');
}
/* banner */
.computedBanner {
  display: none;
}
.phoneBanner > img {
  width: 100%;
}
/* nav */
.navBar {
  display: none;
}
/* 标题 */
.contentTitle {
  margin-bottom: 0.5rem;
  width: auto;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.contentTitle > .chinese {
  font-size: 1.2rem;
  font-weight: 600;
  color: #1c3e5d;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
}
.contentTitle > .chinese > .isText {
  z-index: 100;
  position: relative;
}
.contentTitle > .chinese > .theTtileBg {
  width: 100%;
  height: 0.5rem;
  background: #b3dae3;
  position: absolute;
  bottom: 0;
}
.contentTitle > .english {
  /* display: none; */
  font-size: 0.4rem;
  font-weight: 400;
  color: #6d7c89;
  letter-spacing: 1px;
}

/* 渐变字 */
.problemBoxBlue > div:first-child {
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}
.problemBoxBlue > div:nth-child(2) {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.problemBoxBlue > div:last-child {
  font-size: 1.2rem;
}
.problemBox img {
  display: none;
}
.problemBox > div {
  color: #1c3e5d;
  margin-top: 1rem;
}
/* 亮点功能 */
.functionBox {
  display: flex;
  flex-wrap: wrap;
}
.functionBox > div {
  font-size: 0.8rem;
  width: 50%;
  text-align: left;
  margin-bottom: 0.5rem;
  line-height: 1.55rem;
}
.functionBox div:last-child {
  width: 100%;
  margin-bottom: 0;
}
.functionBox > div:nth-child(odd) {
  padding-right: 0.5rem;
}
.functionBox > div:nth-child(even) {
  padding-left: 0.5rem;
  border-left: 1px #215073 dotted;
}
.functionBox div > .whiteBox {
  margin-bottom: 0.4rem;
  font-size: 1rem;
  width: 100%;
  text-align: center;
  background: white;
  color: #1c3e5d;
}
/* 内容五，六图片 */
.productShow > img {
  margin-bottom: 1.6rem;
}
/* 内容五，六图片 带边框文字 */
.borderText {
  margin-bottom: 2.6rem;
  padding: 0.6rem;
  border: 1px solid #1c5679;
  color: #1c3e5d;
  text-align: left;
  font-size: 0.8rem;
  line-height: 1.55rem;
}
.borderText strong {
  font-size: 1rem !important;
}
.tuzi {
  line-height: 1.55rem;
  font-size: 0.8rem;
  text-align: left;
  margin-bottom: 1.6rem;
}
.tuzi strong {
  font-size: 1rem !important;
}
.liangdian {
  font-size: 1.2rem;
  margin-bottom: 1.6rem;
  color: #1c3e5d !important;
}
.smallText {
  text-align: left;
  line-height: 1.55rem;
  font-size: 0.8rem;
  margin: 1.6rem 0;
}
.smallText img {
  display: none;
}
/* 统一盒子 */
.contentBoxOne,
.contentBoxTwo,
.contentBoxThree,
.contentBoxFour,
.contentBoxSix,
.contentBoxEight,
.contentBoxNine,
.contentBoxTen {
  padding: 1.6rem 1.4rem;
  padding-bottom: 3rem;
  text-align: center;
}
/* 内容一 */
.contentBoxOne .textBox {
  color: #4d4d4d;
  margin: 1rem 0;
  margin-bottom: 2rem;
  text-align: left;
  font-size: 0.8rem;
}
.contentBoxOne .textBox > div {
  line-height: 1.55rem;
}
.contentBoxOne .textBox > div:last-child {
  margin-top: 1.6rem;
}
.contentBoxOne .buttonBox {
  font-size: 0.8rem;
  width: 6rem;
  height: 1.6rem;
  background: #b3dae3;
  text-align: center;
  margin: 0 auto;
  color: #2a4a67;
  line-height: 1.6rem;
}
/* 内容二 */
.contentBoxTwo {
  padding: 0;
  /* background: #b5dae3; */
}
.contentBoxTwo .phoneImg{
  width: 100%;
}
.contentBoxTwo .computeImg{
  display: none;
}
.contentBoxTwo .titleTwo {
  color: #1c3e5d;
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.contentBoxTwo .textBox {
  color: #4d4d4d;
  margin: 1rem 0;
  text-align: left;
  font-size: 0.8rem;
}
.theWenZhang,
.theWenZhang2 {
  line-height: 1.55rem;
  margin-bottom: 1.6rem;
}
.theWenZhang2 span {
  font-size: 1rem;
}

.contentBoxTwo .buttonBox {
  font-size: 0.8rem;
  width: 6rem;
  height: 1.6rem;
  background: white;
  margin: 0 auto;
  color: #2a4a67;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contentBoxTwo .buttonBox img {
  width: 0.8rem;
}
/* 内容三 */
.contentBoxThree{
  padding-top: 0;
}
.contentBoxThree .titleTwo {
  /* font-weight: bolder; */
  color: #1c3e5d;
  text-align: center;
  /* margin-bottom: 0.4rem; */
  font-size: 1rem;
}
.contentBoxThree .textBox {
  color: #4d4d4d;
  margin: 1.8rem 0;
  margin-top: 0.5rem;
  text-align: left;
  font-size: 0.8rem;
  line-height: 1.55rem;
  text-align: center;
}
.contentBoxThree .phone {
  margin-top: 0.5rem;
}
/* 内容四 */
.contentBoxFour {
  background: #b5dae3;
}
/* 内容六 */
.contentBoxSix .whiteBox {
  background: #b5dae3 !important;
}
/* 内容八 */
.contentBoxEight {
  background: #b5dae3;
}
.contentBoxEight .smallBox,
.contentBoxEight .bigBox {
  margin-top: 1.6rem;
  text-align: left;
  font-size: 0.8rem;
  line-height: 1.6rem;
}
.contentBoxEight .textBoxBig > div:first-child,
.contentBoxEight .textBox > div:first-child {
  text-align: center;
  font-size: 1rem;
  color: #1c3e5d;
}
/* 内容九 */
.qrBox {
  margin-top: 1.6rem;
  font-size: 0.8rem;
}
.qrBox > div {
  margin-top: 1rem;
  padding: 1rem;
  background: #b5dae3;
}
.qrBox > div > div:first-child {
  color: #1c3e5d;
  font-size: 1rem;
}
.qrBox > div > div:last-child {
  color: #155378;
  text-align: left;
}
.qrBox img {
  margin: 1rem 0;
  width: 9rem;
}
/* 内容十 */
.contentBoxTen {
  background: #1c3e5d;
}
.formBox {
  margin-top: 1.6rem;
  font-size: 0.8rem;
  background: white;
  padding: 1.6rem;
  text-align: center;
}
.formBox .formTitle {
  letter-spacing: 2px;
  margin-bottom: 1rem;
  color: #1e4768;
  font-weight: bold;
}
.isInput {
  box-sizing: border-box;
  height: 2rem;
  width: 100%;
  padding: 5px;
  border-radius: 4px;
  border: 2px solid #87a1b9;
  margin: 0 auto;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.formBox > .isBtn {
  background: #1c3e5d;
  height: 2rem;
  width: 100%;
  line-height: 2rem;
  color: white;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 25px;
}
.isInput > label {
  display: block;
  color: #1c3e5d;
  font-size: 0.8rem;
  width: 30%;
}
.isInput > input {
  color: #4d4d4d;
  outline: none;
  height: 100%;
  border: none;
}
/* 活动 */
.contentBoxEleven {
  position: relative;
}
.contentBoxEleven .theBtn {
  cursor: pointer;
  text-align: center;
  top: 39%;
  left: calc(50% - 6rem);
  position: absolute;
  margin: 0 auto;
  width: 12rem;
  height: 2.7rem;
  line-height: 2.7rem;
  background: #b3dae3;
  font-size: 1rem;
  font-weight: 500;
  color: #2a4a67;
}
.contentBoxEleven .activity {
  width: 100%;
}
/* 侧边栏 */
.sidebar {
  position: fixed;
  bottom: 20%;
  right: 0;
  border-radius: 4px 0 0 4px;
  background: #ffffff;
  z-index: 2000;
}
.sidebar .sidebarItem .imgicon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  background: #ffffff;
  border-bottom: 1px solid #ccc;
  position: relative;
  z-index: 99;
  cursor: pointer;
}
.sidebar .backTopBox .imgicon {
  border-bottom: none;
}
.sidebar .sidebarItem .imgicon img {
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: bottom;
}
.sidebar .sidebarItem .phonetext {
  color: #ffffff;
  border-radius: 4px 0 0 4px;
  background: #4d4d4d;
  white-space: nowrap;
  padding: 0 10px;
  position: absolute;
  left: 50px;
  top: 0;
  z-index: 9;
}
.sidebar .phoneBox:hover .phonetext {
  width: 9rem;
  height: 3rem;
  line-height: 3rem;
  top: 3rem;
  left: -9rem;
  transition: left 0.3s;
}
img,
video {
  width: 100%;
}
video {
  width: 100% !important;
}
.computed {
  display: none !important;
}
.theLeft {
  display: none;
}
.videoBox {
  background: black;
}
.noneMargin {
  margin: 0 !important;
}