@import "aos.css";
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  margin: 0;
  min-width: 1200px;
  font-family: "Microsoft YaHei", 'microsoft yahei', 'helvetica neue', 'hiragino sans gb', tahoma, simsun, sans-serif;
}
ol {
  list-style-position: inside;
  padding: 0;
}
ul {
  list-style: none;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}
a {
  text-decoration: none;
}
hr {
  height: 1px;
  border: 0;
  background: #e6e6e6;
}
.main {
  overflow: hidden;
}
.main .nav-left {
  float: left;
  padding: 0 20px 50px 0;
  margin-right: 0;
  color: #333;
}
.main .nav-left li {
  margin-top: 22px;
}
.main .nav-left label {
  cursor: pointer;
}
.main .nav-left input {
  display: none;
}
.main .nav-left input:checked + label {
  color: #fff;
  background: linear-gradient(-52deg, #3aeccf 0%, #05c0fc 97%, #04befd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3AECCF', endColorstr='#04BEFD');
}
.g-page-container {
  margin-top: 45px;
}
.g-container {
  position: relative !important;
  width: 1150px;
  margin: auto;
}
.g-container:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.g-row {
  padding: 0;
}
.g-row:before,
.g-row:after {
  content: "";
  display: table;
  clear: both;
}
.g-cell {
  float: left;
  width: 100%;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.m-figure {
  position: relative;
  display: inline-block;
  margin: 0;
  width: 64px;
  height: 103px;
}
.m-figure__figure {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.m-figure__figure-cap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}
.u-btn {
  display: inline-block;
  padding: 10px 0;
  border: 1px solid #e0e0e0;
  border-radius: 999999px;
  width: 119px;
  height: 40px;
  line-height: 20px;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  background: #fff;
  color: #666;
}
.u-btn:hover {
  color: #fff;
  background: linear-gradient(-52deg, #3AECCF 0%, #05C0FC 97%, #04BEFD 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3AECCF', endColorstr='#04BEFD');
}
.u-btn.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(-52deg, #3AECCF 0%, #05C0FC 97%, #04BEFD 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3AECCF', endColorstr='#04BEFD');
}
.u-btn-info {
  border-color: #fff;
  border-radius: 4px;
  background: transparent;
  color: #fff;
}
.u-btn-info:hover {
  border-color: #fff;
  color: #fff;
}
.u-nav-toggle {
  position: relative;
  background: transparent;
  padding: 0;
  border: 0;
}
.u-nav-toggle__bar {
  display: block;
  width: 30px;
  height: 4px;
  border-radius: 4px;
  background: #989898;
}
.u-nav-toggle__bar + .u-nav-toggle__bar {
  margin-top: 7px;
}
.u-link {
  position: relative;
  display: inline-block;
  background: transparent;
  border: 0;
  line-height: 60px;
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
  outline: 0;
  cursor: pointer;
  -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.u-link-arrow {
  position: relative;
  padding: 0 6px 0 0;
  height: 20px;
  line-height: 20px;
  color: #f58017;
  font-size: 16px;
}
.u-link-arrow:hover {
  color: #f58017;
}
.u-link-arrow:after {
  position: absolute;
  top: 50%;
  margin-top: -4.5px;
  right: -3px;
  border: 1px solid transparent;
  border-top-color: #f58017;
  border-right-color: #f58017;
  width: 6px;
  height: 6px;
  content: "";
  -webkit-transform: matrix(0.707, 0.707, -0.707, 0.707, 0, 0);
  transform: matrix(0.707, 0.707, -0.707, 0.707, 0, 0);
}
.f-color-default {
  color: #666;
}
.f-color-primary {
  color: #333;
}
.f-color-warn {
  color: #f58017;
}
.f-color-info {
  color: #3eceb6;
}
.f-color-white {
  color: #fff;
}
.f-bg-white {
  background: #fff;
}
.f-bg-info {
  background: #fafafa;
}
.f-fs-12 {
  font-size: 12px;
}
.f-fs-14 {
  font-size: 14px;
}
.f-fs-16 {
  font-size: 16px;
}
.f-fs-18 {
  font-size: 18px;
}
.f-fs-20 {
  font-size: 20px;
}
.f-fs-22 {
  font-size: 22px;
}
.f-fs-24 {
  font-size: 24px;
}
.f-fs-28 {
  font-size: 28px;
}
.f-fs-30 {
  font-size: 30px;
}
.f-fs-34 {
  font-size: 34px;
}
.f-fs-40 {
  font-size: 40px;
}
.f-fs-46 {
  font-size: 46px;
}
.f-fs-48 {
  font-size: 48px;
}
.f-fw-300 {
  font-weight: 300;
}
.f-fw-400 {
  font-weight: 400;
}
.f-fw-700 {
  font-weight: 700;
}
.f-fl {
  float: left;
}
.f-fr {
  float: right;
}
/**
 * padding & margin
 */
.f-pd-0 {
  padding: 0;
}
.f-pd-5 {
  padding: 5px;
}
.f-pd-10 {
  padding: 10px;
}
.f-pd-15 {
  padding: 15px;
}
.f-pd-20 {
  padding: 20px;
}
.f-pd-25 {
  padding: 25px;
}
.f-pd-30 {
  padding: 30px;
}
.f-pd-35 {
  padding: 35px;
}
.f-pd-40 {
  padding: 40px;
}
.f-pd-45 {
  padding: 45px;
}
.f-pd-50 {
  padding: 50px;
}
.f-pd-55 {
  padding: 55px;
}
.f-pd-60 {
  padding: 60px;
}
.f-pd-65 {
  padding: 65px;
}
.f-pd-70 {
  padding: 70px;
}
.f-pd-75 {
  padding: 75px;
}
.f-pd-80 {
  padding: 80px;
}
.f-pd-85 {
  padding: 45px;
}
.f-pd-90 {
  padding: 90px;
}
.f-pd-95 {
  padding: 95px;
}
.f-pd-100 {
  padding: 100px;
}
.f-pdl-5 {
  padding-left: 5px;
}
.f-pdl-10 {
  padding-left: 10px;
}
.f-pdl-15 {
  padding-left: 15px;
}
.f-pdl-20 {
  padding-left: 20px;
}
.f-pdl-25 {
  padding-left: 25px;
}
.f-pdl-30 {
  padding-left: 30px;
}
.f-pdl-35 {
  padding-left: 35px;
}
.f-pdl-40 {
  padding-left: 40px;
}
.f-pdl-45 {
  padding-left: 45px;
}
.f-pdl-50 {
  padding-left: 50px;
}
.f-pdl-55 {
  padding-left: 55px;
}
.f-pdl-60 {
  padding-left: 60px;
}
.f-pdl-65 {
  padding-left: 65px;
}
.f-pdl-70 {
  padding-left: 70px;
}
.f-pdl-75 {
  padding-left: 75px;
}
.f-pdl-80 {
  padding-left: 80px;
}
.f-pdl-85 {
  padding-left: 45px;
}
.f-pdl-90 {
  padding-left: 90px;
}
.f-pdl-95 {
  padding-left: 95px;
}
.f-pdl-100 {
  padding-left: 100px;
}
.f-pdr-5 {
  padding-right: 5px;
}
.f-pdr-10 {
  padding-right: 10px;
}
.f-pdr-15 {
  padding-right: 15px;
}
.f-pdr-20 {
  padding-right: 20px;
}
.f-pdr-25 {
  padding-right: 25px;
}
.f-pdr-30 {
  padding-right: 30px;
}
.f-pdr-35 {
  padding-right: 35px;
}
.f-pdr-40 {
  padding-right: 40px;
}
.f-pdr-45 {
  padding-right: 45px;
}
.f-pdr-50 {
  padding-right: 50px;
}
.f-pdr-55 {
  padding-right: 55px;
}
.f-pdr-60 {
  padding-right: 60px;
}
.f-pdr-65 {
  padding-right: 65px;
}
.f-pdr-70 {
  padding-right: 70px;
}
.f-pdr-75 {
  padding-right: 75px;
}
.f-pdr-80 {
  padding-right: 80px;
}
.f-pdr-85 {
  padding-right: 45px;
}
.f-pdr-90 {
  padding-right: 90px;
}
.f-pdr-95 {
  padding-right: 95px;
}
.f-pdr-100 {
  padding-right: 100px;
}
.f-pdt-5 {
  padding-top: 5px;
}
.f-pdt-10 {
  padding-top: 10px;
}
.f-pdt-15 {
  padding-top: 15px;
}
.f-pdt-20 {
  padding-top: 20px;
}
.f-pdt-25 {
  padding-top: 25px;
}
.f-pdt-30 {
  padding-top: 30px;
}
.f-pdt-35 {
  padding-top: 35px;
}
.f-pdt-40 {
  padding-top: 40px;
}
.f-pdt-45 {
  padding-top: 45px;
}
.f-pdt-50 {
  padding-top: 50px;
}
.f-pdt-55 {
  padding-top: 55px;
}
.f-pdt-60 {
  padding-top: 60px;
}
.f-pdt-65 {
  padding-top: 65px;
}
.f-pdt-70 {
  padding-top: 70px;
}
.f-pdt-75 {
  padding-top: 75px;
}
.f-pdt-80 {
  padding-top: 80px;
}
.f-pdt-85 {
  padding-top: 45px;
}
.f-pdt-90 {
  padding-top: 90px;
}
.f-pdt-95 {
  padding-top: 95px;
}
.f-pdt-100 {
  padding-top: 100px;
}
.f-pdb-5 {
  padding-bottom: 5px;
}
.f-pdb-10 {
  padding-bottom: 10px;
}
.f-pdb-15 {
  padding-bottom: 15px;
}
.f-pdb-20 {
  padding-bottom: 20px;
}
.f-pdb-25 {
  padding-bottom: 25px;
}
.f-pdb-30 {
  padding-bottom: 30px;
}
.f-pdb-35 {
  padding-bottom: 35px;
}
.f-pdb-40 {
  padding-bottom: 40px;
}
.f-pdb-45 {
  padding-bottom: 45px;
}
.f-pdb-50 {
  padding-bottom: 50px;
}
.f-pdb-55 {
  padding-bottom: 55px;
}
.f-pdb-60 {
  padding-bottom: 60px;
}
.f-pdb-65 {
  padding-bottom: 65px;
}
.f-pdb-70 {
  padding-bottom: 70px;
}
.f-pdb-75 {
  padding-bottom: 75px;
}
.f-pdb-80 {
  padding-bottom: 80px;
}
.f-pdb-85 {
  padding-bottom: 45px;
}
.f-pdb-90 {
  padding-bottom: 90px;
}
.f-pdb-95 {
  padding-bottom: 95px;
}
.f-pdb-100 {
  padding-bottom: 100px;
}
.f-pdtb-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.f-pdtb-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.f-pdtb-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.f-pdtb-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.f-pdtb-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}
.f-pdtb-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.f-pdtb-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}
.f-pdtb-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.f-pdtb-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}
.f-pdtb-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.f-pdtb-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}
.f-pdtb-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.f-pdtb-65 {
  padding-top: 65px;
  padding-bottom: 65px;
}
.f-pdtb-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}
.f-pdtb-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}
.f-pdtb-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}
.f-pdtb-85 {
  padding-top: 85px;
  padding-bottom: 85px;
}
.f-pdtb-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}
.f-pdtb-95 {
  padding-top: 95px;
  padding-bottom: 95px;
}
.f-pdtb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}
.f-pdlr-5 {
  padding-left: 5px;
  padding-right: 5px;
}
.f-pdlr-10 {
  padding-left: 10px;
  padding-right: 10px;
}
.f-pdlr-15 {
  padding-left: 15px;
  padding-right: 15px;
}
.f-pdlr-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.f-pdlr-25 {
  padding-left: 25px;
  padding-right: 25px;
}
.f-pdlr-30 {
  padding-left: 30px;
  padding-right: 30px;
}
.f-pdlr-35 {
  padding-left: 35px;
  padding-right: 35px;
}
.f-pdlr-40 {
  padding-left: 40px;
  padding-right: 40px;
}
.f-pdlr-45 {
  padding-left: 45px;
  padding-right: 45px;
}
.f-pdlr-50 {
  padding-left: 50px;
  padding-right: 50px;
}
.f-pdlr-55 {
  padding-left: 55px;
  padding-right: 55px;
}
.f-pdlr-60 {
  padding-left: 60px;
  padding-right: 60px;
}
.f-pdlr-65 {
  padding-left: 65px;
  padding-right: 65px;
}
.f-pdlr-70 {
  padding-left: 70px;
  padding-right: 70px;
}
.f-pdlr-75 {
  padding-left: 75px;
  padding-right: 75px;
}
.f-pdlr-80 {
  padding-left: 80px;
  padding-right: 80px;
}
.f-pdlr-85 {
  padding-left: 85px;
  padding-right: 85px;
}
.f-pdlr-90 {
  padding-left: 90px;
  padding-right: 90px;
}
.f-pdlr-95 {
  padding-left: 95px;
  padding-right: 95px;
}
.f-pdlr-100 {
  padding-left: 100px;
  padding-right: 100px;
}
.f-mg-0 {
  margin: 0;
}
.f-mg-5 {
  margin: 5px;
}
.f-mg-10 {
  margin: 10px;
}
.f-mg-15 {
  margin: 15px;
}
.f-mg-20 {
  margin: 20px;
}
.f-mg-25 {
  margin: 25px;
}
.f-mg-30 {
  margin: 30px;
}
.f-mg-35 {
  margin: 35px;
}
.f-mg-40 {
  margin: 40px;
}
.f-mg-45 {
  margin: 45px;
}
.f-mg-50 {
  margin: 50px;
}
.f-mg-55 {
  margin: 55px;
}
.f-mg-60 {
  margin: 60px;
}
.f-mg-65 {
  margin: 65px;
}
.f-mg-70 {
  margin: 70px;
}
.f-mg-75 {
  margin: 75px;
}
.f-mg-80 {
  margin: 80px;
}
.f-mg-85 {
  margin: 45px;
}
.f-mg-90 {
  margin: 90px;
}
.f-mg-95 {
  margin: 95px;
}
.f-mg-100 {
  margin: 100px;
}
.f-mgl-5 {
  margin-left: 5px;
}
.f-mgl-10 {
  margin-left: 10px;
}
.f-mgl-15 {
  margin-left: 15px;
}
.f-mgl-20 {
  margin-left: 20px;
}
.f-mgl-25 {
  margin-left: 25px;
}
.f-mgl-30 {
  margin-left: 30px;
}
.f-mgl-35 {
  margin-left: 35px;
}
.f-mgl-40 {
  margin-left: 40px;
}
.f-mgl-45 {
  margin-left: 45px;
}
.f-mgl-50 {
  margin-left: 50px;
}
.f-mgl-55 {
  margin-left: 55px;
}
.f-mgl-60 {
  margin-left: 60px;
}
.f-mgl-65 {
  margin-left: 65px;
}
.f-mgl-70 {
  margin-left: 70px;
}
.f-mgl-75 {
  margin-left: 75px;
}
.f-mgl-80 {
  margin-left: 80px;
}
.f-mgl-85 {
  margin-left: 45px;
}
.f-mgl-90 {
  margin-left: 90px;
}
.f-mgl-95 {
  margin-left: 95px;
}
.f-mgl-100 {
  margin-left: 100px;
}
.f-mgr-5 {
  margin-right: 5px;
}
.f-mgr-10 {
  margin-right: 10px;
}
.f-mgr-15 {
  margin-right: 15px;
}
.f-mgr-20 {
  margin-right: 20px;
}
.f-mgr-25 {
  margin-right: 25px;
}
.f-mgr-30 {
  margin-right: 30px;
}
.f-mgr-35 {
  margin-right: 35px;
}
.f-mgr-40 {
  margin-right: 40px;
}
.f-mgr-45 {
  margin-right: 45px;
}
.f-mgr-50 {
  margin-right: 50px;
}
.f-mgr-55 {
  margin-right: 55px;
}
.f-mgr-60 {
  margin-right: 60px;
}
.f-mgr-65 {
  margin-right: 65px;
}
.f-mgr-70 {
  margin-right: 70px;
}
.f-mgr-75 {
  margin-right: 75px;
}
.f-mgr-80 {
  margin-right: 80px;
}
.f-mgr-85 {
  margin-right: 45px;
}
.f-mgr-90 {
  margin-right: 90px;
}
.f-mgr-95 {
  margin-right: 95px;
}
.f-mgr-100 {
  margin-right: 100px;
}
.f-mgt-5 {
  margin-top: 5px;
}
.f-mgt-10 {
  margin-top: 10px;
}
.f-mgt-15 {
  margin-top: 15px;
}
.f-mgt-20 {
  margin-top: 20px;
}
.f-mgt-25 {
  margin-top: 25px;
}
.f-mgt-30 {
  margin-top: 30px;
}
.f-mgt-35 {
  margin-top: 35px;
}
.f-mgt-40 {
  margin-top: 40px;
}
.f-mgt-45 {
  margin-top: 45px;
}
.f-mgt-50 {
  margin-top: 50px;
}
.f-mgt-55 {
  margin-top: 55px;
}
.f-mgt-60 {
  margin-top: 60px;
}
.f-mgt-65 {
  margin-top: 65px;
}
.f-mgt-70 {
  margin-top: 70px;
}
.f-mgt-75 {
  margin-top: 75px;
}
.f-mgt-80 {
  margin-top: 80px;
}
.f-mgt-85 {
  margin-top: 45px;
}
.f-mgt-90 {
  margin-top: 90px;
}
.f-mgt-95 {
  margin-top: 95px;
}
.f-mgt-100 {
  margin-top: 100px;
}
.f-mgb-5 {
  margin-bottom: 5px;
}
.f-mgb-10 {
  margin-bottom: 10px;
}
.f-mgb-15 {
  margin-bottom: 15px;
}
.f-mgb-20 {
  margin-bottom: 20px;
}
.f-mgb-25 {
  margin-bottom: 25px;
}
.f-mgb-30 {
  margin-bottom: 30px;
}
.f-mgb-35 {
  margin-bottom: 35px;
}
.f-mgb-40 {
  margin-bottom: 40px;
}
.f-mgb-45 {
  margin-bottom: 45px;
}
.f-mgb-50 {
  margin-bottom: 50px;
}
.f-mgb-55 {
  margin-bottom: 55px;
}
.f-mgb-60 {
  margin-bottom: 60px;
}
.f-mgb-65 {
  margin-bottom: 65px;
}
.f-mgb-70 {
  margin-bottom: 70px;
}
.f-mgb-75 {
  margin-bottom: 75px;
}
.f-mgb-80 {
  margin-bottom: 80px;
}
.f-mgb-85 {
  margin-bottom: 45px;
}
.f-mgb-90 {
  margin-bottom: 90px;
}
.f-mgb-95 {
  margin-bottom: 95px;
}
.f-mgb-100 {
  margin-bottom: 100px;
}
.f-mgtb-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.f-mgtb-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.f-mgtb-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.f-mgtb-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.f-mgtb-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}
.f-mgtb-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.f-mgtb-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}
.f-mgtb-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.f-mgtb-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}
.f-mgtb-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}
.f-mgtb-55 {
  margin-top: 55px;
  margin-bottom: 55px;
}
.f-mgtb-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}
.f-mgtb-65 {
  margin-top: 65px;
  margin-bottom: 65px;
}
.f-mgtb-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}
.f-mgtb-75 {
  margin-top: 75px;
  margin-bottom: 75px;
}
.f-mgtb-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}
.f-mgtb-85 {
  margin-top: 85px;
  margin-bottom: 85px;
}
.f-mgtb-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}
.f-mgtb-95 {
  margin-top: 95px;
  margin-bottom: 95px;
}
.f-mgtb-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}
.f-mglr-5 {
  margin-left: 5px;
  margin-right: 5px;
}
.f-mglr-10 {
  margin-left: 10px;
  margin-right: 10px;
}
.f-mglr-15 {
  margin-left: 15px;
  margin-right: 15px;
}
.f-mglr-20 {
  margin-left: 20px;
  margin-right: 20px;
}
.f-mglr-25 {
  margin-left: 25px;
  margin-right: 25px;
}
.f-mglr-30 {
  margin-left: 30px;
  margin-right: 30px;
}
.f-mglr-35 {
  margin-left: 35px;
  margin-right: 35px;
}
.f-mglr-40 {
  margin-left: 40px;
  margin-right: 40px;
}
.f-mglr-45 {
  margin-left: 45px;
  margin-right: 45px;
}
.f-mglr-50 {
  margin-left: 50px;
  margin-right: 50px;
}
.f-mglr-55 {
  margin-left: 55px;
  margin-right: 55px;
}
.f-mglr-60 {
  margin-left: 60px;
  margin-right: 60px;
}
.f-mglr-65 {
  margin-left: 65px;
  margin-right: 65px;
}
.f-mglr-70 {
  margin-left: 70px;
  margin-right: 70px;
}
.f-mglr-75 {
  margin-left: 75px;
  margin-right: 75px;
}
.f-mglr-80 {
  margin-left: 80px;
  margin-right: 80px;
}
.f-mglr-85 {
  margin-left: 85px;
  margin-right: 85px;
}
.f-mglr-90 {
  margin-left: 90px;
  margin-right: 90px;
}
.f-mglr-95 {
  margin-left: 95px;
  margin-right: 95px;
}
.f-mglr-100 {
  margin-left: 100px;
  margin-right: 100px;
}
.f-tac {
  text-align: center;
}
.f-tar {
  text-align: right;
}
.f-tal {
  text-align: left;
}
.f-psr {
  position: relative;
}
.f-psa {
  position: absolute;
}
.f-none {
  display: none;
}
/**
 * 页面公共样式
 */
.header {
  position: fixed;
  top: 0;
  z-index: 99;
  border: 0;
  width: 100%;
  height: 70px;
  background: transparent;
  /* background: #fce3ec; */
  font-size: 0;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.header .logo {
  float: left;
  margin: 8px 0;
  width: 168px;
  height: 51px;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.header .logo-wrap {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url('../image/yunzhi-logo3.png');
  -webkit-transition: height 0.6s;
  transition: height 0.6s;
  border: none;
  background-size: 100% 100%;
}
.header .nav {
  float: right;
  height: 70px;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.header .nav .nav-item {
  position: relative;
  display: inline-block;
  width: 106px;
  height: 70px;
}
.header .nav .nav-item > a {
  margin-top: 28px;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  line-height: 22px;
}
.header .nav .nav-item > a::after {
  position: absolute;
  content: "";
  left: 21px;
  top: 45px;
  width: 64px;
  height: 2px;
  background: #ffffff;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.header .nav .nav-item > a:hover::after {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.header .nav .nav-item > a.active::after {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.header .nav #hIndex > a::after {
  left: 36px;
  width: 34px;
}
.header .nav ul {
  margin: 0;
}
.header .nav .u-link {
  display: block;
  -webkit-transition: line-height 0.6s;
  transition: line-height 0.6s;
}
.header .u-nav-toggle {
  display: none;
  position: absolute;
  top: 17px;
  right: 30px;
}
.header .f-fs-24 {
  display: none;
}
#sub-nav {
  position: absolute;
  width: 150px;
  top: 66px;
  overflow: visible;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
}
#sub-nav #operation {
  cursor: e-resize;
}
#sub-nav #operation div {
  cursor: e-resize;
}
#sub-nav .fill-up {
  position: absolute;
  width: 106px;
  height: 45px;
  background-color: transparent;
  top: 40px;
}
#sub-nav .sub-nav__link {
  position: relative;
  margin: 0;
  display: block;
  padding: 10px 0;
  font-size: 14px;
  color: #333;
  text-align: center;
  border-bottom: 1px #ededed solid;
  word-break: keep-all;
}
#sub-nav .sub-nav__link #operation-nav {
  position: absolute;
  width: 160px;
  top: 0;
  left: 100%;
  padding: 0 10px;
  overflow: visible;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  background: #FFF;
}
#sub-nav .sub-nav__link:last-child {
  border-bottom: none;
}
#sub-nav .sub-nav__link:hover {
  color: #3eceb6;
}
#sub-nav-job {
  position: absolute;
  top: 66px;
  padding: 0 10px;
  overflow: visible;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
}
#sub-nav-job > .sub-nav__link {
  margin-top: 0;
  min-width: 85px;
  display: block;
  padding: 10px 0;
  font-size: 12px;
  color: #333;
  text-align: center;
  border-bottom: 1px #ededed solid;
  word-break: keep-all;
}
#sub-nav-job > .sub-nav__link:last-child {
  border-bottom: none;
}
#sub-nav-job > .sub-nav__link:hover {
  color: #3eceb6;
}
.header-scroll .header {
  height: 60px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.06);
  background: white;
}
.header-scroll .header .logo {
  width: 124px;
  height: 38px;
}
.header-scroll .header .logo-wrap {
  background-image: url('../images/header-logo2.png');
}
.header-scroll .header .nav {
  float: right;
  height: 60px;
}
.header-scroll .header .nav .nav-item {
  position: relative;
  display: inline-block;
  width: 106px;
  height: 60px;
}
.header-scroll .header .nav .nav-item > a {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.header-scroll .header .nav .nav-item > a::after {
  position: absolute;
  content: "";
  left: 21px;
  top: 38px;
  width: 64px;
  height: 2px;
  background: #3eceb6;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.header-scroll .header .nav .nav-item > a:hover::after {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.header-scroll .header .nav .nav-item > a.active::after {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.header-scroll .header .nav #hIndex > a::after {
  left: 36px;
  width: 34px;
}
.header-scroll .header .nav ul {
  margin: 0;
}
.header-scroll .header .nav .u-link {
  display: block;
  -webkit-transition: line-height 0.6s;
  transition: line-height 0.6s;
}
.header-scroll .header .nav #sub-nav {
  top: 58px;
}
.header-scroll .header .nav #sub-nav-job {
  top: 58px;
}
.g-container .swiper-button-next,
.g-container .swiper-button-prev {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background-size: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
}
.g-container .swiper-button-next:hover,
.g-container .swiper-button-prev:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
.g-container .swiper-button-next {
  right: 0;
  background-image: url("../images/arrow-circle-right.png");
}
.g-container .swiper-button-prev {
  left: 0;
  background-image: url("../images/arrow-circle-left.png");
}
.footer {
  position: relative;
  height: 338px;
  background: #151E2E;
}
.footer .g-container {
  height: 100%;
}
.footer .product,
.footer .gzhc,
.footer .contact,
.footer .follow,
.footer .footer-logo {
  position: absolute;
  top: 47px;
}
.footer ul {
  margin-top: 20px;
}
.footer .footer-logo {
  left: 0;
}
.footer .footer-logo div {
  width: 171px;
  height: 52px;
  background-image: url(../images/footer-logo.png);
  background-size: cover;
}
.footer .product {
  left: 254px;
}
.footer .gzhc {
  left: 442px;
}
.footer .contact {
  left: 607px;
}
.footer .follow {
  font-size: 0;
  left: 943px;
}
.footer .contact p {
  display: inline-block;
  width: 235px;
  vertical-align: top;
}
.footer h4 {
  margin: 0;
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  line-height: 22px;
}
.footer li {
  font-size: 12px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  line-height: 24px;
}
.footer li > a {
  color: rgba(255, 255, 255, 0.9);
}
.footer li > a:hover {
  color: #3eceb6;
}
.footer .qr-code {
  margin-top: 17px;
  width: 157px;
  height: 157px;
}
.footer hr {
  position: absolute;
  top: 272px;
  margin: 0;
  width: 1100px;
  background: rgba(255, 255, 255, 0.6);
}
.footer hr + p {
  position: absolute;
  width: 100%;
  top: 295px;
  left: 50%;
  font-size: 12px;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: rgba(255, 255, 255, 0.6);
}
.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 998;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  text-align: center;
}
.blocker:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}
.blocker.behind {
  background-color: transparent;
}
.modal {
  display: none;
  vertical-align: middle;
  position: relative;
  z-index: 999;
  text-align: left;
}
.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==');
}
.modal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 20px;
}
.modal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.modal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.modal-spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.modal-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
@-webkit-keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.5);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.beian-link {
  color: rgba(255, 255, 255, 0.6);
}
.beian-link:hover {
  color: #FFF;
}
.beian-link:visited {
  color: rgba(255, 255, 255, 0.6);
}
/* 动效 */
.animatedComm {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.fade-to-left,
.fade-to-right,
.fade-to-up,
.phone-fade,
.section-icon-panle li {
  opacity: 0;
  opacity: 1\0;
  /* ie 8/9*/
  opacity: 1\9\0;
  /* ie 9*/
}
.animated .fade-to-up {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.animated .hide-to-show {
  -webkit-animation-name: fadeShow;
  animation-name: fadeShow;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.animated .fade-to-left {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.animated .fade-to-right {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.animated .phone-fade {
  -webkit-animation-name: phoneFade;
  animation-name: phoneFade;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.animated .section-icon-panle li:nth-child(1) {
  -webkit-animation-name: sectionFadeUp;
  animation-name: sectionFadeUp;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.animated .section-icon-panle li:nth-child(2) {
  -webkit-animation-name: sectionFadeUp;
  animation-name: sectionFadeUp;
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.animated .section-icon-panle li:nth-child(3) {
  -webkit-animation-name: sectionFadeUp;
  animation-name: sectionFadeUp;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
/* 首页部分动画*/
.animated #patient,
.animated #doctor,
.animated #hospital {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}
.animated #patient {
  -webkit-animation-name: patientAni;
  animation-name: patientAni;
}
.animated #doctor {
  -webkit-animation-name: doctorAni;
  animation-name: doctorAni;
}
.animated #hospital {
  -webkit-animation-name: hospitalAni;
  animation-name: hospitalAni;
}
@-webkit-keyframes patientAni {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes patientAni {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes doctorAni {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 20%, 0);
    transform: translate3d(-100%, 20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes doctorAni {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 20%, 0);
    transform: translate3d(-100%, 20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes hospitalAni {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50%, -80%, 0);
    transform: translate3d(50%, -80%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes hospitalAni {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50%, -80%, 0);
    transform: translate3d(50%, -80%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* 向上显示动画 */
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/*左渐入*/
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-15%, 0, 0);
    transform: translate3d(-15%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-15%, 0, 0);
    transform: translate3d(-15%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/*右渐入*/
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(15%, 0, 0);
    transform: translate3d(15%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(15%, 0, 0);
    transform: translate3d(15%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* 显示 */
@-webkit-keyframes fadeShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* 首页云速动画显示 */
@-webkit-keyframes phoneFade {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-15%, 15%, 0);
    transform: translate3d(-15%, 15%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes phoneFade {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-15%, 15%, 0);
    transform: translate3d(-15%, 15%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/*首页icon*/
@-webkit-keyframes sectionFadeUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 40%, 0);
    transform: translate3d(0, 40%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes sectionFadeUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 40%, 0);
    transform: translate3d(0, 40%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* index 首页 */
.index-page .register-online {
  width: 24px;
  height: 24px;
  background-image: url('../images/index/icon.png');
  background-repeat: no-repeat;
  background-position: -157px -157px;
  background-size: 126px 194px;
}
.index-page .wisdom .icon-1 {
  width: 24px;
  height: 24px;
  background-image: url('../images/index/icon.png');
  background-repeat: no-repeat;
  background-position: 0 -206px;
  background-size: 132px 234px;
}
.index-page .wisdom .icon-2 {
  width: 24px;
  height: 24px;
  background-image: url('../images/index/icon.png');
  background-repeat: no-repeat;
  background-position: -34px -170px;
  background-size: 137px 309px;
}
.index-page .wisdom .icon-3 {
  width: 24px;
  height: 24px;
  background-image: url('../images/index/icon.png');
  background-repeat: no-repeat;
  background-position: -67px -165px;
  background-size: 125px 303px;
}
.index-page .wisdom .icon-4 {
  width: 24px;
  height: 24px;
  background-image: url('../images/index/icon.png');
  background-repeat: no-repeat;
  background-position: -102px -170px;
  background-size: 126px 194px;
}
.index-page .hospital .icon-1 {
  margin-top: 2px;
  width: 20px;
  height: 20px;
  background: url('../images/index/diedai_css_sprites3.png') -50px -52px;
}
.index-page .hospital .icon-2 {
  margin-top: 2px;
  width: 20px;
  height: 20px;
  background: url('../images/index/diedai_css_sprites3.png') -52px -10px;
}
.index-page .hospital .icon-3 {
  margin-top: 2px;
  width: 20px;
  height: 20px;
  background: url('../images/index/diedai_css_sprites3.png') -10px -52px;
}
.index-page .hospital .icon-4 {
  width: 22px;
  height: 22px;
  background: url('../images/index/diedai_css_sprites3.png') -10px -10px;
}
.index-page .hizpay .icon-1 {
  margin-top: 2px;
  width: 20px;
  height: 20px;
  background: url('../images/index/diedai_css_sprites5.png') -50px -52px;
}
.index-page .hizpay .icon-2 {
  margin-top: 2px;
  width: 20px;
  height: 20px;
  background: url('../images/index/diedai_css_sprites5.png') -52px -10px;
}
.index-page .hizpay .icon-3 {
  margin-top: 2px;
  width: 20px;
  height: 20px;
  background: url('../images/index/diedai_css_sprites5.png') -10px -52px;
}
.index-page .hizpay .icon-4 {
  width: 22px;
  height: 22px;
  background: url('../images/index/diedai_css_sprites5.png') -10px -10px;
}
.video-play,
.video-play-angel {
  background-size: cover;
  background-image: url(../images/video-play.png);
  background-image: -webkit-image-set(url(../images/video-play.png) 1x, url(../images/2xicon/video-play@2x.png) 2x);
}
.video-stop,
.video-stop-angel {
  background-size: cover;
  background-image: url(../images/video-stop.png);
  background-image: -webkit-image-set(url(../images/video-stop.png) 1x, url(../images/2xicon/video-stop@2x.png) 2x);
}
.video-play-icon {
  background-size: cover;
  background-image: url(../images/index/wisdom-play-button.png);
}
.hospital-icon {
  background-image: url(../images/index-main-icon.png);
  background-image: -webkit-image-set(url(../images/index-main-icon.png) 1x, url(../images/2xicon/index-main-icon@2x.png) 2x);
}
p {
  margin: 0;
}
.index-page .banner {
  position: relative;
  padding: 140px 0 0 0;
  height: 560px;
  width: 100%;
  overflow: hidden;
  /* background-image: url("../image/index/index-bg@2x.jpg"); */
  background-image: url('../image/index/banner3.png');
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.index-page .banner .banner-slogan {
  position: absolute;
  width: 607px;
  height: 99px;
  left: 0;
  right: 0;
  margin: 0 auto;
  overflow: hidden;
  /* background-image: url("../image/index/header@2x.png"); */
  background-image: url('../image/index/header2.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.index-page .banner .banner-canvas {
  position: absolute;
  bottom: -1px;
  left: 0;
}
.u-btn-info {
  width: 156px;
  height: 42px;
  line-height: 22px;
}
.punctuation {
  display: none;
}
.wisdom,
.hospital,
.hizpay,
.hifond,
.angel,
.diedai {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.wisdom .title,
.hospital .title,
.hizpay .title,
.hifond .title,
.angel .title,
.diedai .title {
  margin-top: 48px;
  font-size: 50px;
  font-weight: 400;
  color: #333333;
  line-height: 70px;
}
.wisdom .sub-title,
.hospital .sub-title,
.hizpay .sub-title,
.hifond .sub-title,
.angel .sub-title,
.diedai .sub-title {
  font-size: 28px;
  font-weight: 400;
  color: #616161;
  line-height: 40px;
}
.wisdom .description,
.hospital .description,
.hizpay .description,
.hifond .description,
.angel .description,
.diedai .description {
  margin-top: 30px;
  width: 420px;
  font-size: 16px;
  font-weight: 400;
  color: #717171;
  line-height: 27px;
}
.wisdom .item-group,
.hospital .item-group,
.hizpay .item-group,
.hifond .item-group,
.angel .item-group,
.diedai .item-group {
  margin-top: 27px;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  line-height: 22px;
}
.wisdom .item-line,
.hospital .item-line,
.hizpay .item-line,
.hifond .item-line,
.angel .item-line,
.diedai .item-line {
  overflow: hidden;
  margin-bottom: 24px;
}
.wisdom .item-line i,
.hospital .item-line i,
.hizpay .item-line i,
.hifond .item-line i,
.angel .item-line i,
.diedai .item-line i {
  float: left;
}
.wisdom .item-line span,
.hospital .item-line span,
.hizpay .item-line span,
.hifond .item-line span,
.angel .item-line span,
.diedai .item-line span {
  float: left;
  margin-left: 9px;
  width: 128px;
  line-height: 24px;
}
.wisdom .item-line .icon-2,
.hospital .item-line .icon-2,
.hizpay .item-line .icon-2,
.hifond .item-line .icon-2,
.angel .item-line .icon-2,
.diedai .item-line .icon-2,
.wisdom .item-line .icon-4,
.hospital .item-line .icon-4,
.hizpay .item-line .icon-4,
.hifond .item-line .icon-4,
.angel .item-line .icon-4,
.diedai .item-line .icon-4 {
  margin-left: 60px;
}
.wisdom .detail-button,
.hospital .detail-button,
.hizpay .detail-button,
.hifond .detail-button,
.angel .detail-button,
.diedai .detail-button {
  display: block;
  width: 107px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid #e9e9e9;
  font-size: 16px;
  font-weight: 400;
  color: #222222;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}
.wisdom .detail-button span,
.hospital .detail-button span,
.hizpay .detail-button span,
.hifond .detail-button span,
.angel .detail-button span,
.diedai .detail-button span {
  float: left;
  margin-left: 15px;
}
.wisdom .detail-button i,
.hospital .detail-button i,
.hizpay .detail-button i,
.hifond .detail-button i,
.angel .detail-button i,
.diedai .detail-button i {
  float: right;
  margin: 15px 12px 0 0;
  width: 7px;
  height: 12px;
  background-size: cover;
  background-image: url(../images/index/arrow-black@2x.png);
}
.wisdom .detail-button a:active,
.hospital .detail-button a:active,
.hizpay .detail-button a:active,
.hifond .detail-button a:active,
.angel .detail-button a:active,
.diedai .detail-button a:active {
  color: #222;
}
.wisdom .detail-button a:visited,
.hospital .detail-button a:visited,
.hizpay .detail-button a:visited,
.hifond .detail-button a:visited,
.angel .detail-button a:visited,
.diedai .detail-button a:visited {
  color: #222;
}
.wisdom .detail-button:hover,
.hospital .detail-button:hover,
.hizpay .detail-button:hover,
.hifond .detail-button:hover,
.angel .detail-button:hover,
.diedai .detail-button:hover {
  color: #ffffff;
  background: #3eceb6;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(62, 206, 182, 0.1);
          box-shadow: 0px 4px 8px 0px rgba(62, 206, 182, 0.1);
  border: 1px solid #3eceb6;
}
.wisdom .detail-button:hover i,
.hospital .detail-button:hover i,
.hizpay .detail-button:hover i,
.hifond .detail-button:hover i,
.angel .detail-button:hover i,
.diedai .detail-button:hover i {
  background-image: url(../images/index/arrow-white@2x.png);
}
.wisdom .left-component,
.hospital .left-component,
.hizpay .left-component,
.hifond .left-component,
.angel .left-component,
.diedai .left-component {
  float: left;
  position: relative;
}
.wisdom .right-component,
.hospital .right-component,
.hizpay .right-component,
.hifond .right-component,
.angel .right-component,
.diedai .right-component {
  float: left;
  position: relative;
}
.wisdom {
  padding-top: 26px;
  z-index: 3;
  height: 820px;
}
.wisdom .title-large {
  text-align: center;
  font-size: 36px;
  font-weight: 500;
  color: #000000;
  line-height: 50px;
  margin-bottom: 86px;
}
.wisdom .left-component {
  margin-left: 0px;
  width: 590px;
  height: 740px;
  overflow: visible;
}
.wisdom .description {
  margin-top: 30px;
  width: 520px;
  font-size: 16px;
  font-weight: 400;
  color: #717171;
  line-height: 27px;
}
.wisdom .sub-title {
  font-size: 28px;
  font-weight: 400;
  width: 560px;
  color: #616161;
  line-height: 40px;
}
.wisdom .phone-left {
  position: absolute;
  width: 194px;
  height: 551px;
  right: 327px;
  background-image: url('../image/index/phone-2@2x.png');
  z-index: 3333;
  background-size: cover;
}
.wisdom .phone-right {
  position: absolute;
  width: 169px;
  height: 479px;
  right: 172px;
  top: 55px;
  background-image: url('../image/index/phone-3@2x.png');
  background-size: cover;
}
.hospital {
  height: 620px;
  padding-top: 30px;
  z-index: 3;
}
.hospital .right-component {
  margin-left: 0px;
  width: 720px;
  height: 720px;
  overflow: visible;
}
.hospital .phone {
  position: absolute;
  width: 168px;
  height: 480px;
  top: 0;
  left: 89px;
  background-image: url('../image/index/phone-1@2x.png');
  z-index: 3333;
  background-size: cover;
}
.hospital .computer {
  position: absolute;
  width: 747px;
  height: 419px;
  top: 70px;
  left: 57px;
  background-image: url('../image/index/download.jpg');
  background-size: cover;
}
.hizpay {
  padding-top: 30px;
  height: 620px;
  background-color: #fff;
  z-index: 4;
}
.hizpay .left-component {
  margin-left: 0px;
  width: 720px;
  height: 740px;
  overflow: visible;
}
.hizpay .device {
  position: absolute;
  width: 305px;
  height: 346px;
  top: 160px;
  right: 40px;
  background-image: url('../image/index/device-1@2x.png');
  z-index: 3333;
  background-size: cover;
}
.hizpay .computer {
  position: absolute;
  width: 730px;
  height: 414px;
  top: 66px;
  right: 123px;
  background-image: url('../image/index/computer-2@2x.jpg');
  background-size: cover;
}
.angel {
  height: 640px;
  padding-top: 48px;
  z-index: 3;
  overflow: visible;
}
.angel .icon-1 {
  width: 24px;
  height: 24px;
  background-image: url('../images/index/icon.png');
  background-repeat: no-repeat;
  background-position: 0 -102px;
  background-size: 126px 194px;
}
.angel .icon-2 {
  width: 24px;
  height: 24px;
  background-image: url('../images/index/icon.png');
  background-repeat: no-repeat;
  background-position: -34px -102px;
  background-size: 126px 194px;
}
.angel .icon-3 {
  width: 24px;
  height: 24px;
  background-image: url('../images/index/icon.png');
  background-repeat: no-repeat;
  background-position: -68px -102px;
  background-size: 126px 194px;
}
.angel .right-component {
  margin-left: 0px;
  width: 720px;
  height: 440px;
  overflow: visible;
}
.angel .pad {
  position: relative;
  margin: 40px 0 0 120px;
  width: 544px;
  height: 422px;
  background-image: url('../image/index/pad-1@2x.jpg');
  background-size: cover;
  cursor: pointer;
}
.angel .video-2 {
  position: absolute;
  top: 57px;
  left: 66px;
  width: 700px;
  height: 380px;
}
.diedai {
  height: 640px;
  padding-top: 48px;
  z-index: 3;
  overflow: visible;
}
.diedai .icon-1 {
  margin-top: 2px;
  width: 20px;
  height: 20px;
  background: url('../images/index/diedai_css_sprites.png') -50px -52px;
}
.diedai .icon-2 {
  margin-top: 2px;
  width: 20px;
  height: 20px;
  background: url('../images/index/diedai_css_sprites.png') -52px -10px;
}
.diedai .icon-3 {
  margin-top: 2px;
  width: 20px;
  height: 20px;
  background: url('../images/index/diedai_css_sprites.png') -10px -52px;
}
.diedai .icon-4 {
  width: 22px;
  height: 22px;
  background: url('../images/index/diedai_css_sprites.png') -10px -10px;
}
.diedai .left-component {
  margin-left: 0px;
  width: 660px;
  height: 440px;
  overflow: visible;
}
.diedai .pad {
  position: relative;
  /* margin: 40px 0 0 -40px; */
  width: 730px;
  height: 414px;
  top: 66px;
  right: 123px;
  background-image: url('../images/index/video-bg-diedai.png');
  background-size: cover;
  cursor: pointer;
}
.diedai .video-2 {
  position: absolute;
  top: 57px;
  left: 66px;
  width: 700px;
  height: 380px;
}
.hifond {
  height: 700px;
  padding-top: 10px;
  z-index: 4;
}
.hifond .left-component {
  margin-left: 0px;
  width: 650px;
  height: 700px;
  overflow: visible;
}
.hifond .icon-1 {
  width: 24px;
  height: 24px;
  background-image: url('../images/index/icon.png');
  background-repeat: no-repeat;
  background-position: 0 -136px;
  background-size: 126px 194px;
}
.hifond .icon-2 {
  width: 24px;
  height: 24px;
  background-image: url('../images/index/icon.png');
  background-repeat: no-repeat;
  background-position: -34px -136px;
  background-size: 126px 194px;
}
.hifond .icon-3 {
  width: 24px;
  height: 24px;
  background-image: url('../images/index/icon.png');
  background-repeat: no-repeat;
  background-position: -68px -136px;
  background-size: 126px 194px;
}
.hifond .device-2 {
  position: absolute;
  width: 448px;
  height: 641px;
  top: 0;
  right: 281px;
  background-image: url('../images/index/device-2@2x.png');
  background-size: cover;
  z-index: 3333;
}
.hifond .device-3 {
  position: absolute;
  width: 392px;
  height: 450px;
  top: 183px;
  right: 0px;
  background-image: url('../images/index/device-3@2x.png');
  background-size: cover;
}
.join {
  position: relative;
  height: 354px;
  background-image: url('../images/index/bottom-bg@2x.jpg');
  background-size: cover;
  padding-top: 75px;
}
.join .contact {
  margin-left: 24px;
  font-size: 36px;
  font-weight: 400;
  color: #ffffff;
}
.join .info {
  margin-left: 24px;
  width: 370px;
}
.join .number {
  margin-top: 30px;
  font-size: 24px;
  font-weight: 400;
  color: #ffffff;
}
.join .email {
  font-size: 24px;
  font-weight: 400;
  color: #ffffff;
}
.join .suggest {
  margin-left: 24px;
  margin-top: 12px;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
}
.video-play,
.video-stop {
  position: absolute;
  width: 60px;
  height: 60px;
  left: 15px;
  top: 86%;
  z-index: 1000;
  cursor: pointer;
}
.video-play-angel,
.video-stop-angel {
  position: absolute;
  width: 60px;
  height: 60px;
  left: 15px;
  top: 86%;
  z-index: 1000;
  cursor: pointer;
}
.video-play-diedai,
.video-stop-diedai {
  position: absolute;
  width: 60px;
  height: 60px;
  left: 15px;
  top: 86%;
  z-index: 1000;
  cursor: pointer;
}
@media screen and (min-width: 1300px) {
  .index-page .banner {
    padding: 167px 0 0 0;
    height: 605px;
  }
  .index-page .banner .banner-slogan {
    width: 657px;
    height: 107px;
  }
}
@media screen and (min-width: 1400px) {
  .index-page .banner {
    padding: 187px 0 0 0;
    height: 652px;
  }
  .index-page .banner .banner-slogan {
    width: 708px;
    height: 115px;
  }
}
@media screen and (min-width: 1530px) {
  .index-page .banner {
    height: 782px;
    padding: 207px 0 0 0;
  }
  .index-page .banner .banner-slogan {
    width: 826px;
    height: 134px;
  }
}
@media screen and (min-width: 1800px) {
  .index-page .banner {
    padding: 257px 0 0 0;
    height: 894px;
  }
  .index-page .banner .banner-slogan {
    width: 944px;
    height: 153px;
  }
}
/* 合作案例 */
.cooperation-page .g-container {
  width: 100% !important;
}
.cooperation-page .main .data-container {
  position: relative;
  background-image: url('../images/cooperation/cooperation-bg@2x.jpg');
  background-position: center;
  background-size: 100% 100%;
  text-align: center;
  height: 550px;
  padding-top: 185px;
}
.cooperation-page .main .data-container .banner-canvas {
  position: absolute;
  bottom: -1px;
  left: 0;
}
.cooperation-page .main .data-container .title {
  width: 953px;
  height: 66px;
  background-image: url('../images/cooperation/title@2x.png');
  background-position: center;
  background-size: 100% 100%;
  margin: 0 auto;
}
.cooperation-page .main .data-container .data-list {
  padding-top: 71px;
}
.cooperation-page .main .data-container .data-list ul {
  margin: 0;
  list-style: none;
}
.cooperation-page .main .data-container .data-list ul li {
  display: inline-block;
}
.cooperation-page .main .data-container .data-list ul li .item-title {
  color: #ffffff;
}
.cooperation-page .main .data-container .data-list ul li .item-title .title-content {
  vertical-align: top;
  font-size: 52px;
  font-weight: 500;
  line-height: 72px;
}
.cooperation-page .main .data-container .data-list ul li .item-title .title-unit {
  vertical-align: top;
  font-size: 30px;
  font-weight: 300;
  line-height: 72px;
}
.cooperation-page .main .data-container .data-list ul li .item-title i {
  font-size: 36px;
  font-weight: 300;
  line-height: 50px;
  font-style: normal;
  position: relative;
}
.cooperation-page .main .data-container .data-list ul li p {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
}
.cooperation-page .main .data-container .data-list ul li:not(:last-child) {
  margin-right: 115px;
}
.cooperation-page .main .case-container {
  padding-top: 10px;
  margin-bottom: 117px;
  text-align: center;
}
.cooperation-page .main .case-container h2 {
  margin-bottom: 50px;
  height: 50px;
  font-size: 36px;
  font-weight: 500;
  color: #222222;
  line-height: 50px;
}
.cooperation-page .main .case-container .content {
  width: 1100px;
  margin: 0 auto;
}
.cooperation-page .main .case-container .his-item {
  float: left;
  width: 30%;
  height: 20%;
  margin-left: 5%;
  margin-bottom: 30px;
  border: 1px solid #e9e9e9;
  padding: 21px 20px 21px 20px;
}
.cooperation-page .main .case-container .his-item:nth-child(3n+1) {
  margin-left: 0;
}
.cooperation-page .main .case-container .his-item img {
  width: 100%;
  height: 100%;
}
.cooperation-page .main .case-container .his-item div {
  vertical-align: top;
  display: inline-block;
  text-align: left;
  position: relative;
  height: 66px;
}
.cooperation-page .main .case-container .his-item div h3 {
  margin-left: 8px;
  width: 207px;
  font-size: 18px;
  font-weight: 400;
  color: #222222;
  line-height: 24px;
}
.cooperation-page .main .case-container .his-item div p {
  margin-left: 8px;
  height: 14px;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 14px;
  position: absolute;
  bottom: 0;
}
.cooperation-page .main .case-container .gg-container {
  margin: 0 auto;
  width: 1100px;
}
.cooperation-page .main .case-container .comment {
  text-align: left;
  color: #999;
}
@media screen and (min-width: 1500px) {
  .cooperation-page .main .data-container {
    height: 642px;
  }
  .cooperation-page .main .data-container .title {
    width: 1112px;
    height: 77px;
  }
}
@media screen and (min-width: 1800px) {
  .cooperation-page .main .data-container {
    height: 733px;
  }
  .cooperation-page .main .data-container .title {
    width: 1271px;
    height: 88px;
  }
}
/* 走进海鹚 */
.intro-page .intro-background {
  position: relative;
  width: 100%;
  height: 425px;
  text-align: center;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/introduction/background@2x.jpg);
  overflow: hidden;
}
.intro-page .intro-background .banner-canvas {
  position: absolute;
  bottom: -1px;
  left: 0;
}
.intro-page .intro-background .title {
  width: 587px;
  height: 66px;
  margin: 11% auto 0 auto;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/introduction/title@2x.png);
}
.intro-page .intro-background p {
  font-size: 32px;
  font-weight: 300;
  color: #ffffff;
  line-height: 45px;
}
.intro-page .intro-btn {
  position: relative;
  display: inline-block;
  width: 300px;
  height: 70px;
  font-size: 16px;
  font-weight: 400;
  color: #222222;
  line-height: 70px;
  text-align: center;
}
.intro-page .intro-btn:hover {
  color: #3eceb6;
}
.intro-page .intro-btn:hover::before {
  position: absolute;
  content: "";
  width: 84px;
  height: 3px;
  background: #3eceb6;
  border-radius: 2px;
  bottom: 0;
  left: 108px;
  z-index: 3;
}
.intro-page .intro-btn.active {
  color: #3eceb6;
}
.intro-page .intro-btn.active::before {
  position: absolute;
  content: "";
  width: 84px;
  height: 3px;
  background: #3eceb6;
  border-radius: 2px;
  bottom: 0;
  left: 108px;
  z-index: 3;
}
.intro-page .intro-btn-line::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  top: 25px;
  right: 0;
  background: #e9e9e9;
  z-index: 3;
}
.intro-page .intro-title {
  text-align: center;
  margin-bottom: 56px;
  font-size: 36px;
  font-weight: 500;
  color: #222222;
  line-height: 50px;
}
.intro-page .intro-subtitle {
  margin-bottom: 36px;
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  color: rgba(34, 34, 34, 0.1282);
  line-height: 50px;
}
.intro-page .main .intro-container {
  position: relative !important;
  width: 900px;
  margin: auto;
}
.intro-page .main .intro-container:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.intro-page .main .hc-intro {
  margin-bottom: 70px;
}
.intro-page .main .hc-intro img {
  float: left;
  width: 288px;
  height: 249px;
  margin: 5px 26px 15px 0;
}
.intro-page .main .hc-intro p {
  margin-bottom: 28px;
  font-size: 16px;
  font-weight: 400;
  color: #666;
  line-height: 22px;
}
.intro-page .main .hc-intro .bottom-intro {
  line-height: 28px;
}
.intro-page .main .intro-tabs {
  text-align: center;
  padding: 5px 0 44px;
  background-color: #fff;
}
.intro-page .main .intro-tabs-btn {
  cursor: pointer;
}
.intro-page .main .intro-event {
  position: relative;
  overflow: hidden;
  padding-bottom: 50px;
}
.intro-page .main .intro-event .is-sticky {
  margin-right: 93px;
}
.intro-page .main .intro-event > section {
  float: left;
  width: 600px;
}
.intro-page .main .intro-event .intro-nav {
  float: right;
  width: 93px;
  height: 150px;
}
.intro-page .main .intro-event .intro-nav > li {
  height: 30px;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: background 0.6s;
  transition: background 0.6s;
}
.intro-page .main .intro-event .intro-nav > li:hover {
  font-weight: 500;
  color: #ffffff;
  background: #3eceb6;
}
.intro-page .main .intro-event .intro-nav > li.active {
  font-weight: 500;
  color: #ffffff;
  background: #3eceb6;
}
.intro-page .main .intro-event .timeline-title > img {
  width: 27px;
  height: 27px;
}
.intro-page .main .intro-event .timeline-title > span {
  margin-left: 6px;
  font-size: 30px;
  font-weight: 400;
  color: #222222;
  line-height: 42px;
}
.intro-page .main .intro-event .timeline-content {
  margin-left: 13px;
}
.intro-page .main .intro-event .timeline-item {
  position: relative;
  padding-bottom: 16px;
}
.intro-page .main .intro-event .timeline-item::after {
  display: block;
  content: "";
  position: absolute;
  top: 7px;
  left: 0px;
  width: 1px;
  height: 40px;
  background: #d8d8d8;
}
.intro-page .main .intro-event .timeline-item::before {
  display: block;
  content: "";
  position: absolute;
  top: 7px;
  left: -3px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d8d8d8;
  z-index: 3;
}
.intro-page .main .intro-event .double-item::after {
  height: 60px;
}
.intro-page .main .intro-event .triple-item::after {
  height: 85px;
}
.intro-page .main .intro-event .quadra-item::after {
  height: 105px;
}
.intro-page .main .intro-event .last-item::after {
  height: 0px;
}
.intro-page .main .intro-event .timeline-month {
  float: left;
  margin: 0 15px;
  font-size: 16px;
  font-weight: 400;
  color: #222222;
  line-height: 22px;
}
.intro-page .main .intro-event .timeline-event {
  float: left;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  line-height: 22px;
}
.intro-page .main .intro-group {
  overflow: visible;
}
.intro-page .main .intro-group .group-container {
  margin-left: -100px;
  position: relative;
  width: 1100px;
  height: 577px;
  margin-bottom: 100px;
  overflow: visible;
}
.intro-page .main .intro-group .group-title {
  position: absolute;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.intro-page .main .intro-group #funny {
  width: 559px;
  height: 380px;
  top: -3px;
  left: -21px;
  background-image: url(../images/introduction/funny.png);
}
.intro-page .main .intro-group #funny > p {
  margin-left: 102px;
  font-size: 50px;
  font-weight: 400;
  color: #3eceb6;
  line-height: 70px;
}
.intro-page .main .intro-group #funny > span {
  margin-left: 94px;
  font-size: 100px;
  font-weight: 300;
  color: #3eceb6;
  line-height: 140px;
  opacity: 0.2;
}
.intro-page .main .intro-group #strength {
  width: 577px;
  height: 494px;
  top: 3px;
  right: -59px;
  background-image: url(../images/introduction/strength.png);
}
.intro-page .main .intro-group #strength > p {
  margin-left: 243px;
  font-size: 50px;
  font-weight: 400;
  color: #5990e7;
  line-height: 70px;
}
.intro-page .main .intro-group #strength > span {
  margin-left: 40px;
  font-size: 100px;
  font-weight: 300;
  color: #5990e7;
  line-height: 140px;
  opacity: 0.2;
}
.intro-page .main .intro-group #warm {
  width: 553px;
  height: 419px;
  left: -14px;
  top: -95px;
  background-image: url(../images/introduction/warm.png);
}
.intro-page .main .intro-group #warm > p {
  margin-top: 79px;
  margin-left: 132px;
  font-size: 50px;
  font-weight: 400;
  color: #f47c43;
  line-height: 70px;
}
.intro-page .main .intro-group #warm > span {
  margin-left: 132px;
  font-size: 100px;
  font-weight: 300;
  color: #f47c43;
  line-height: 140px;
  opacity: 0.2;
}
.intro-page .main .intro-group #ambition {
  width: 523px;
  height: 273px;
  top: 0;
  right: 16px;
  background-image: url(../images/introduction/ambition.png);
}
.intro-page .main .intro-group #ambition > p {
  margin-left: 234px;
  font-size: 50px;
  font-weight: 400;
  color: #7ed321;
  line-height: 70px;
}
.intro-page .main .intro-group #ambition > span {
  margin-left: 27px;
  font-size: 100px;
  font-weight: 300;
  color: #7ed321;
  line-height: 140px;
  opacity: 0.2;
}
.intro-page .main .intro-group img {
  width: 539px;
  height: 277px;
}
.intro-page .main .intro-group .imgtl {
  position: absolute;
  top: 0;
  left: 0;
}
.intro-page .main .intro-group .imgtr {
  position: absolute;
  top: 0;
  right: 0;
}
.intro-page .main .intro-group .imgbl {
  position: absolute;
  bottom: 0;
  left: 0;
}
.intro-page .main .intro-group .imgbr {
  position: absolute;
  bottom: 0;
  right: 0;
}
.clear {
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
}
@media screen and (min-width: 1500px) {
  .intro-page .intro-background {
    height: 496px;
  }
  .intro-page .intro-background .title {
    width: 885px;
    height: 164px;
    margin: 154px auto 0 auto;
  }
}
@media screen and (min-width: 1800px) {
  .intro-page .intro-background {
    height: 567px;
  }
  .intro-page .intro-background .title {
    width: 1012px;
    height: 188px;
    margin: 176px auto 0 auto;
  }
}
/* 加入我们 社会招聘 */
.join-page .container {
  position: relative !important;
  width: 1050px;
  margin: auto;
}
.join-page .container:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.join-page .title {
  width: 587px;
  height: 66px;
  background-image: url('../images/join/title@2x.png');
  background-position: center;
  background-size: 100% 100%;
  margin: 0 auto;
}
.join-page .m-none {
  display: none;
}
.join-page .bb {
  border-bottom: 1px solid #EEEEEE !important;
}
.join-page .mt0 {
  margin-top: 0 !important;
}
.join-page .join-header-panle {
  position: absolute;
  z-index: 20;
  color: #fff;
}
.join-page .banner {
  position: relative;
  height: 425px;
  overflow: hidden;
  padding-top: 0;
  background-image: url('../images/join/header-bg@2x.jpg');
  background-size: 100% 100%;
}
.join-page .banner .banner-canvas {
  position: absolute;
  bottom: -1px;
  left: 0;
}
.join-page .banner .join-title {
  text-align: center;
  margin-top: 185px;
}
.join-page .banner .join-title h1 {
  font-size: 54px;
  font-weight: 500;
  color: #ffffff;
  line-height: 75px;
  text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.06);
}
.join-page .banner .join-title p {
  font-size: 32px;
  font-weight: 400;
  color: #ffffff;
  line-height: 45px;
}
.join-page .cate-item {
  line-height: 28px;
}
.join-page #main {
  background-color: #FFFFFF;
}
.join-page #main .join-info-panle {
  padding: 24px 0 150px 0;
  border-bottom: 1px solid #EEEEEE;
}
.join-page #main hr {
  margin-left: -10px;
  width: 835px;
}
.join-page #main .f-fs-14 {
  line-height: 20px;
}
.join-page #main .m-nav {
  float: left;
  width: 170px;
}
.join-page #main .m-nav .nav {
  margin: 0 0 20px 0;
  text-align: center;
}
.join-page #main .m-nav .nav li {
  height: 42px;
  border-top: none;
  border-bottom: 1px solid #EEEEEE;
  border-left: 1px solid #EEEEEE;
  border-right: 1px solid #EEEEEE;
  line-height: 42px;
  color: #333333;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.join-page #main .m-nav .nav li:first-child {
  border: 1px solid #EEEEEE;
}
.join-page #main .m-nav .nav li.active {
  background-color: #3ECEB6;
  color: #FFFFFF;
}
.join-page #main .m-nav .nav li.active .nav-item-icon {
  color: #FFFFFF;
}
.join-page #main .m-nav .nav li.active:hover {
  background-color: #3ECEB6;
}
.join-page #main .m-nav .nav li:hover {
  background-color: #F7F8FA;
  cursor: pointer;
}
.join-page #main .m-nav .nav li .nav-item-icon {
  vertical-align: middle;
  display: inline-block;
  margin-right: 12px;
  color: #D6D6D6;
}
.join-page #main .m-container {
  max-width: 850px;
  padding-left: 40px;
  float: left;
}
.join-page #main .m-container .m-panel .m-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.join-page #main .m-container .m-panel .m-menu ul li {
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  border: 1px solid #eee;
  padding: 6px 12px;
  border-radius: 50px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.join-page #main .m-container .m-panel .m-menu ul li:hover {
  cursor: pointer;
  border-color: #3ECEB6;
  color: #3ECEB6;
}
.join-page #main .m-container .m-panel .m-menu ul li.active {
  border-color: #3ECEB6;
  background-color: #3ECEB6;
  color: #fff;
}
.join-page #main .m-container .m-panel .m-info {
  text-align: left;
  padding-left: 10px;
  max-width: 840px;
}
.join-page #main .m-container .m-panel .m-info h2 {
  color: #333333;
  font-size: 14px;
  margin-top: 26px;
}
.join-page #main .m-container .m-panel .m-info div {
  margin-top: 12px;
  font-size: 14px;
}
.join-page #main .m-container .m-panel .m-info p {
  line-height: 30px;
}
.join-page #main .m-container .m-panel .m-info dd {
  height: 30px;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.join-page #main .m-container .m-panel .m-info pre {
  line-height: 30px;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  font-size: 14px;
  font-family: "Microsoft YaHei", 'microsoft yahei', 'helvetica neue', 'hiragino sans gb', tahoma, simsun, sans-serif;
}
.join-page #nav-category {
  position: absolute;
  top: 234px;
  left: 171px;
  z-index: 9;
  padding: 0 15px;
  border-radius: 4px;
  width: 100%;
  height: 60px;
  font-size: 0;
}
.join-page #nav-category .u-link {
  display: inline-block;
  height: 100%;
  font-size: 16px;
  line-height: 60px;
  color: #fff;
  outline: none;
}
.join-page #nav-category .u-link + .u-link {
  margin-left: 62px;
}
.join-page .welfare-item li {
  margin-top: 10px;
}
@media screen and (min-width: 1500px) {
  .join-page .banner {
    height: 496px;
  }
  .join-page .title {
    width: 685px;
    height: 77px;
  }
}
@media screen and (min-width: 1800px) {
  .join-page .banner {
    height: 567px;
  }
  .join-page .title {
    width: 783px;
    height: 88px;
  }
}
/* 加入我们 校园招聘 */
.join-school2020-page .container {
  position: relative !important;
  width: 1100px;
  margin: auto;
}
.join-school2020-page .container:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.join-school2020-page .m-none {
  display: none;
}
.join-school2020-page .bb {
  border-bottom: 1px solid #EEEEEE !important;
}
.join-school2020-page .mt0 {
  margin-top: 0 !important;
}
.join-school2020-page .join-header-panle {
  position: absolute;
  z-index: 20;
  color: #fff;
}
.join-school2020-page .banner {
  position: relative;
  overflow: hidden;
  padding-top: 0;
  height: 56.25vw;
}
.join-school2020-page .banner .banner-background {
  width: 100%;
}
.join-school2020-page .banner .float-animated-1 {
  -webkit-animation: upAnimation-1 12s infinite;
          animation: upAnimation-1 12s infinite;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.join-school2020-page .banner .float-animated-2 {
  -webkit-animation: upAnimation-2 7s infinite;
          animation: upAnimation-2 7s infinite;
}
.join-school2020-page .banner .float-animated-3 {
  -webkit-animation: upAnimation-3 9s infinite;
          animation: upAnimation-3 9s infinite;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.join-school2020-page .banner .banner-girl {
  position: absolute;
  width: 28.594vw;
  top: 7.865vw;
  left: 5.885vw;
  z-index: 1;
}
.join-school2020-page .banner .banner-ufo {
  position: absolute;
  width: 30.573vw;
  left: 11.771vw;
  top: 28.646vw;
  z-index: 3;
}
.join-school2020-page .banner .banner-boy {
  position: absolute;
  width: 30.729vw;
  top: 23.177vw;
  right: 11.146vw;
  z-index: 1;
}
.join-school2020-page .banner .banner-title {
  position: absolute;
  width: 18.698vw;
  top: 4.5vw;
  right: 6vw;
  z-index: 4;
}
.join-school2020-page .banner .banner-cloud {
  position: absolute;
  width: 100vw;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.join-school2020-page .banner .banner-canvas {
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 3;
}
.join-school2020-page .cate-item {
  line-height: 28px;
}
.join-school2020-page #main {
  background-color: #FFFFFF;
}
.join-school2020-page #main .join-info-panle {
  padding: 24px 0 150px 0;
  border-bottom: 1px solid #EEEEEE;
}
.join-school2020-page #main hr {
  margin-left: -10px;
  width: 835px;
}
.join-school2020-page #main .f-fs-14 {
  line-height: 20px;
}
.join-school2020-page #main .m-nav {
  float: left;
  width: 160px;
}
.join-school2020-page #main .m-nav .nav {
  margin: 0 0 20px 0;
  text-align: center;
}
.join-school2020-page #main .m-nav .nav li {
  height: 42px;
  border-top: none;
  border-bottom: 1px solid #EEEEEE;
  border-left: 1px solid #EEEEEE;
  border-right: 1px solid #EEEEEE;
  line-height: 42px;
  color: #333333;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.join-school2020-page #main .m-nav .nav li:first-child {
  border: 1px solid #EEEEEE;
}
.join-school2020-page #main .m-nav .nav li.active {
  background-color: #3ECEB6;
  color: #FFFFFF;
}
.join-school2020-page #main .m-nav .nav li.active .nav-item-icon {
  color: #FFFFFF;
}
.join-school2020-page #main .m-nav .nav li.active:hover {
  background-color: #3ECEB6;
}
.join-school2020-page #main .m-nav .nav li:hover {
  background-color: #F7F8FA;
  cursor: pointer;
}
.join-school2020-page #main .m-nav .nav li .nav-item-icon {
  vertical-align: middle;
  display: inline-block;
  margin-right: 12px;
  color: #D6D6D6;
}
.join-school2020-page #main .m-container {
  max-width: 1000px;
  padding-left: 40px;
  float: left;
}
.join-school2020-page #main .m-container .m-panel .m-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.join-school2020-page #main .m-container .m-panel .m-menu ul li {
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  border: 1px solid #eee;
  padding: 6px 12px;
  border-radius: 50px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.join-school2020-page #main .m-container .m-panel .m-menu ul li:hover {
  cursor: pointer;
  border-color: #3ECEB6;
  color: #3ECEB6;
}
.join-school2020-page #main .m-container .m-panel .m-menu ul li.active {
  border-color: #3ECEB6;
  background-color: #3ECEB6;
  color: #fff;
}
.join-school2020-page #main .m-container .m-panel .m-info {
  text-align: left;
  padding-left: 10px;
  max-width: 1000px;
}
.join-school2020-page #main .m-container .m-panel .m-info h2 {
  color: #333333;
  font-size: 14px;
  margin-top: 26px;
}
.join-school2020-page #main .m-container .m-panel .m-info div {
  margin-top: 12px;
  font-size: 14px;
}
.join-school2020-page #main .m-container .m-panel .m-info p {
  line-height: 30px;
}
.join-school2020-page #main .m-container .m-panel .m-info dd {
  line-height: 30px;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.join-school2020-page #main .m-container .m-panel .m-info pre {
  line-height: 30px;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  font-size: 14px;
  font-family: "Microsoft YaHei", 'microsoft yahei', 'helvetica neue', 'hiragino sans gb', tahoma, simsun, sans-serif;
}
.join-school2020-page #main .m-container .m-panel .m-info .qq-group {
  width: 200px;
}
.join-school2020-page #nav-category {
  position: absolute;
  top: 234px;
  left: 171px;
  z-index: 9;
  padding: 0 15px;
  border-radius: 4px;
  width: 100%;
  height: 60px;
  font-size: 0;
}
.join-school2020-page #nav-category .u-link {
  display: inline-block;
  height: 100%;
  font-size: 16px;
  line-height: 60px;
  color: #fff;
  outline: none;
}
.join-school2020-page #nav-category .u-link + .u-link {
  margin-left: 62px;
}
.join-school2020-page .welfare-item li {
  margin-top: 10px;
}
@-webkit-keyframes upAnimation-1 {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
  }
  50% {
    -webkit-transform: translate3d(0, -30px, 0) rotate(6deg);
            transform: translate3d(0, -30px, 0) rotate(6deg);
  }
}
@keyframes upAnimation-1 {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
  }
  50% {
    -webkit-transform: translate3d(0, -30px, 0) rotate(6deg);
            transform: translate3d(0, -30px, 0) rotate(6deg);
  }
}
@-webkit-keyframes upAnimation-2 {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
  }
  50% {
    -webkit-transform: translate3d(0, -30px, 0) rotate(0deg);
            transform: translate3d(0, -30px, 0) rotate(0deg);
  }
}
@keyframes upAnimation-2 {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
  }
  50% {
    -webkit-transform: translate3d(0, -30px, 0) rotate(0deg);
            transform: translate3d(0, -30px, 0) rotate(0deg);
  }
}
@-webkit-keyframes upAnimation-3 {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
  }
  50% {
    -webkit-transform: translate3d(0, -30px, 0) rotate(-5deg);
            transform: translate3d(0, -30px, 0) rotate(-5deg);
  }
}
@keyframes upAnimation-3 {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
  }
  50% {
    -webkit-transform: translate3d(0, -30px, 0) rotate(-5deg);
            transform: translate3d(0, -30px, 0) rotate(-5deg);
  }
}
/* 产品与服务 */
.p-wisdom-hospital {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.p-wisdom-hospital .wis-header {
  position: relative;
  width: 100%;
  padding-top: 191px;
  height: 656px;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../images/products/wisdom/header-bg@2x.jpg');
  overflow: hidden;
}
.p-wisdom-hospital .wis-header .container {
  width: 1200px;
  height: 656px;
  margin: 0 auto;
}
.p-wisdom-hospital .wis-header .intro {
  float: left;
  width: 458px;
}
.p-wisdom-hospital .wis-header .intro h1 {
  margin-top: 37px;
  font-size: 54px;
  font-weight: 500;
  color: #ffffff;
  line-height: 75px;
}
.p-wisdom-hospital .wis-header .intro .sub-title {
  margin-top: 16px;
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  line-height: 28px;
  opacity: 0.8;
}
.p-wisdom-hospital .wis-header .intro .description {
  margin-top: 34px;
  width: 472px;
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  line-height: 28px;
  opacity: 0.8;
}
.p-wisdom-hospital .wis-header .pic {
  float: left;
  margin-left: 65px;
  width: 662px;
  height: 395px;
  background-size: cover;
  background-image: url('../images/products/wisdom/header-pic@2x.png');
}
.p-wisdom-hospital .m-micro-site {
  height: 560px;
}
.p-wisdom-hospital .m-micro-site .left {
  float: left;
}
.p-wisdom-hospital .m-micro-site .left h2 {
  margin-top: 141px;
  font-size: 50px;
  font-weight: 400;
  color: #333333;
  line-height: 70px;
}
.p-wisdom-hospital .m-micro-site .left p {
  margin-top: 10px;
  font-size: 24px;
  font-weight: 400;
  color: #666666;
  line-height: 33px;
}
.p-wisdom-hospital .m-micro-site .left .item-group {
  margin-top: 61px;
  font-size: 16px;
  font-weight: 500;
  color: #404040;
  line-height: 22px;
}
.p-wisdom-hospital .m-micro-site .left .item-line {
  overflow: hidden;
  margin-bottom: 26px;
}
.p-wisdom-hospital .m-micro-site .left .item-line i {
  float: left;
}
.p-wisdom-hospital .m-micro-site .left .item-line span {
  float: left;
  height: 40px;
  margin-left: 9px;
  width: 128px;
  line-height: 40px;
}
.p-wisdom-hospital .m-micro-site .left .item-line .icon-1 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-micro-site .left .item-line .icon-2 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: -50px 0;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-micro-site .left .item-line .icon-3 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: -100px 0;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-micro-site .left .item-line .icon-4 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: -150px 0;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-micro-site .left .item-line .icon-2,
.p-wisdom-hospital .m-micro-site .left .item-line .icon-4 {
  margin-left: 60px;
}
.p-wisdom-hospital .m-micro-site .right {
  float: left;
  width: 720px;
  height: 560px;
  position: relative;
  overflow: hidden;
}
.p-wisdom-hospital .m-micro-site .right .pic-1 {
  position: absolute;
  width: 258px;
  height: 261px;
  top: 251px;
  left: 260px;
  background-size: cover;
  background-image: url('../images/products/wisdom/micro-site-1@2x.png');
}
.p-wisdom-hospital .m-micro-site .right .pic-2 {
  position: absolute;
  width: 241px;
  height: 688px;
  top: 30px;
  left: 344px;
  background-size: cover;
  background-image: url('../images/products/wisdom/micro-site-2@2x.png');
}
.p-wisdom-hospital .m-micro-site .right .pic-3 {
  position: absolute;
  width: 357px;
  height: 453px;
  top: 148px;
  left: 288px;
  background-size: cover;
  background-image: url('../images/products/wisdom/micro-site-3@2x.png');
}
.p-wisdom-hospital .m-micro-site .cube {
  position: absolute;
  width: 100px;
  height: 107px;
  top: 21px;
  left: 35%;
  background-image: url('../images/products/wisdom/cube@2x.png');
  background-size: cover;
}
.p-wisdom-hospital .m-clinic {
  height: 767px;
  background: #fafafa;
  text-align: center;
  overflow: hidden;
}
.p-wisdom-hospital .m-clinic h2 {
  margin-top: 63px;
  font-size: 50px;
  font-weight: 400;
  color: #000000;
  line-height: 70px;
}
.p-wisdom-hospital .m-clinic p {
  margin-top: 10px;
  font-size: 24px;
  font-weight: 400;
  color: #666666;
  line-height: 33px;
}
.p-wisdom-hospital .m-clinic .center-pic {
  margin: 68px auto 0 auto;
  width: 1101px;
  height: 448px;
  background-image: url('../images/products/wisdom/clinic-1@2x.png');
  background-size: 100% 100%;
}
.p-wisdom-hospital .m-in-hospital {
  height: 641px;
  background-image: url('../images/products/wisdom/in-hospital-bg@2x.jpg');
  background-size: cover;
}
.p-wisdom-hospital .m-in-hospital .left {
  float: left;
  width: 680px;
  height: 641px;
  position: relative;
}
.p-wisdom-hospital .m-in-hospital .left .pic-1 {
  position: absolute;
  width: 281px;
  height: 578px;
  top: 101px;
  left: 15px;
  background-image: url('../images/products/wisdom/in-hospital-1@2x.png');
  background-size: cover;
}
.p-wisdom-hospital .m-in-hospital .left .pic-2 {
  position: absolute;
  width: 400px;
  height: 260px;
  top: 263px;
  left: 293px;
  background-size: 100% 100%;
  background-image: url('../images/products/wisdom/in-hospital-2@2x.png');
}
.p-wisdom-hospital .m-in-hospital .right {
  float: left;
  margin-left: 20px;
  height: 641px;
}
.p-wisdom-hospital .m-in-hospital .right h2 {
  margin-top: 325px;
  font-size: 50px;
  font-weight: 400;
  color: #ffffff;
  line-height: 70px;
}
.p-wisdom-hospital .m-in-hospital .right p {
  margin-top: 15px;
  font-size: 24px;
  font-weight: 400;
  color: #ffffff;
  line-height: 33px;
}
.p-wisdom-hospital .m-examination {
  height: 778px;
  background-image: url('../images/products/wisdom/examination-bg@2x.jpg');
  background-size: 100% 100%;
  overflow: hidden;
}
.p-wisdom-hospital .m-examination .left {
  float: left;
  width: 438px;
  height: 778px;
}
.p-wisdom-hospital .m-examination .left h2 {
  margin-top: 290px;
  font-size: 50px;
  font-weight: 400;
  color: #333333;
  line-height: 70px;
}
.p-wisdom-hospital .m-examination .left p {
  margin-top: 11px;
  font-size: 24px;
  font-weight: 400;
  color: #666666;
  line-height: 33px;
}
.p-wisdom-hospital .m-examination .left .item-group {
  margin-top: 61px;
  font-size: 16px;
  font-weight: 500;
  color: #404040;
  line-height: 22px;
}
.p-wisdom-hospital .m-examination .left .item-line {
  overflow: hidden;
  margin-bottom: 26px;
}
.p-wisdom-hospital .m-examination .left .item-line i {
  float: left;
}
.p-wisdom-hospital .m-examination .left .item-line span {
  float: left;
  height: 40px;
  margin-left: 9px;
  width: 128px;
  line-height: 40px;
}
.p-wisdom-hospital .m-examination .left .item-line .icon-1 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: 0 -300px;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-examination .left .item-line .icon-2 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: -50px -300px;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-examination .left .item-line .icon-3 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: -100px -300px;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-examination .left .item-line .icon-4 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: -150px -300px;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-examination .left .item-line .icon-2,
.p-wisdom-hospital .m-examination .left .item-line .icon-4 {
  margin-left: 60px;
}
.p-wisdom-hospital .m-examination .right {
  float: left;
  height: 778px;
  position: relative;
}
.p-wisdom-hospital .m-examination .right .pic {
  position: absolute;
  width: 415px;
  height: 653px;
  top: 115px;
  left: 312px;
  background-image: url('../images/products/wisdom/examination-1@2x.png');
  background-size: cover;
}
.p-wisdom-hospital .m-pay {
  height: 718px;
}
.p-wisdom-hospital .m-pay .left {
  float: left;
  width: 466px;
  height: 718px;
}
.p-wisdom-hospital .m-pay .left .pic-1 {
  position: absolute;
  width: 575px;
  height: 608px;
  top: 110px;
  left: -80px;
  background-size: cover;
  background-image: url('../images/products/wisdom/pay-1@2x.jpg');
  z-index: 1;
}
.p-wisdom-hospital .m-pay .right {
  float: left;
  position: relative;
  width: 447px;
  height: 718px;
  margin-left: 171px;
}
.p-wisdom-hospital .m-pay .right h2 {
  margin-top: 155px;
  margin-left: 22px;
  font-size: 50px;
  font-weight: 400;
  color: #333333;
  line-height: 70px;
}
.p-wisdom-hospital .m-pay .right p {
  margin-top: 10px;
  margin-left: 22px;
  font-size: 24px;
  font-weight: 400;
  color: #666666;
  line-height: 33px;
}
.p-wisdom-hospital .m-pay .right .cube {
  position: absolute;
  width: 144px;
  height: 153px;
  top: 21px;
  right: -72px;
  background-image: url('../images/products/wisdom/cube@2x.png');
  background-size: cover;
  z-index: 444;
}
.p-wisdom-hospital .m-pay .right .circle {
  position: absolute;
  top: 470px;
  left: 410px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #3eceb6;
  opacity: 0.1641;
}
.p-wisdom-hospital .m-pay .right .item-group {
  margin-top: 45px;
}
.p-wisdom-hospital .m-pay .right .item-line {
  overflow: hidden;
  margin: 0 0 30px 22px;
}
.p-wisdom-hospital .m-pay .right .item-line i {
  float: left;
}
.p-wisdom-hospital .m-pay .right .item-line span {
  float: left;
  height: 40px;
  margin-left: 9px;
  width: 128px;
  line-height: 40px;
}
.p-wisdom-hospital .m-pay .right .item-line .icon-1 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: -100px -200px;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-pay .right .item-line .icon-2 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: -150px -200px;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-pay .right .item-line .icon-3 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: 0 -250px;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-pay .right .item-line .icon-4 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: -50px -250px;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-pay .right .item-line .icon-5 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: -100px -250px;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-pay .right .item-line .icon-6 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: -150px -250px;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-pay .right .item-line .icon-2,
.p-wisdom-hospital .m-pay .right .item-line .icon-4,
.p-wisdom-hospital .m-pay .right .item-line .icon-6 {
  margin-left: 60px;
}
.p-wisdom-hospital .m-around {
  height: 732px;
  background-image: url('../images/products/wisdom/around-bg@2x.jpg');
  background-size: cover;
  overflow: hidden;
}
.p-wisdom-hospital .m-around .left {
  float: left;
}
.p-wisdom-hospital .m-around .left h2 {
  margin-top: 212px;
  font-size: 50px;
  font-weight: 400;
  color: #333333;
  line-height: 70px;
}
.p-wisdom-hospital .m-around .left p {
  margin-top: 19px;
  font-size: 24px;
  font-weight: 400;
  color: #666666;
  line-height: 33px;
}
.p-wisdom-hospital .m-around .left .item-group {
  margin-top: 61px;
  font-size: 16px;
  font-weight: 500;
  color: #404040;
  line-height: 22px;
}
.p-wisdom-hospital .m-around .left .item-line {
  overflow: hidden;
  margin-bottom: 26px;
}
.p-wisdom-hospital .m-around .left .item-line i {
  float: left;
}
.p-wisdom-hospital .m-around .left .item-line span {
  float: left;
  height: 40px;
  margin-left: 9px;
  width: 128px;
  line-height: 40px;
}
.p-wisdom-hospital .m-around .left .item-line .icon-1 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: 0 -50px;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-around .left .item-line .icon-2 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: -50px -50px;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-around .left .item-line .icon-3 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: -100px -50px;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-around .left .item-line .icon-4 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: -150px -50px;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-around .left .item-line .icon-2,
.p-wisdom-hospital .m-around .left .item-line .icon-4 {
  margin-left: 60px;
}
.p-wisdom-hospital .m-around .right {
  float: left;
  width: 720px;
  height: 732px;
  position: relative;
  overflow: hidden;
}
.p-wisdom-hospital .m-around .right .pic-1 {
  position: absolute;
  width: 206px;
  height: 588px;
  top: 118px;
  left: 515px;
  background-size: cover;
  background-image: url('../images/products/wisdom/around-2@2x.png');
}
.p-wisdom-hospital .m-around .right .pic-2 {
  position: absolute;
  width: 225px;
  height: 642px;
  top: 91px;
  left: 313px;
  background-image: url('../images/products/wisdom/around-1@2x.png');
  background-size: cover;
}
.p-wisdom-hospital .m-people {
  position: relative;
  height: 818px;
  text-align: center;
}
.p-wisdom-hospital .m-people h2 {
  margin-top: 124px;
  font-size: 50px;
  font-weight: 400;
  color: #333333;
  line-height: 70px;
}
.p-wisdom-hospital .m-people .sub-title {
  margin-top: 20px;
  font-size: 24px;
  font-weight: 400;
  color: #666666;
  line-height: 33px;
}
.p-wisdom-hospital .m-people .item-list {
  margin: 43px auto 0 auto;
  width: 720px;
  overflow: hidden;
  text-align: left;
}
.p-wisdom-hospital .m-people .item-list i {
  float: left;
}
.p-wisdom-hospital .m-people .item-list p {
  float: left;
  height: 40px;
  margin-left: 9px;
  width: 128px;
  font-size: 16px;
  font-weight: 500;
  color: #404040;
  line-height: 40px;
}
.p-wisdom-hospital .m-people .item-list .icon-1 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: 0 -100px;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-people .item-list .icon-2 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: -50px -100px;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-people .item-list .icon-3 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: -100px -100px;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-people .item-list .icon-4 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: -150px -100px;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-people .pic-list {
  width: 1000px;
  height: 546px;
  position: relative;
  margin: 54px auto 0 auto;
}
.p-wisdom-hospital .m-people .pic-list .pic-1 {
  position: absolute;
  width: 269px;
  height: 459px;
  top: 61px;
  right: -5px;
  background-size: cover;
  background-image: url('../images/products/wisdom/people-1@2x.png');
}
.p-wisdom-hospital .m-people .pic-list .pic-2 {
  position: absolute;
  width: 269px;
  height: 459px;
  top: 61px;
  right: 238px;
  background-size: cover;
  background-image: url('../images/products/wisdom/people-2@2x.png');
}
.p-wisdom-hospital .m-people .pic-list .pic-3 {
  position: absolute;
  width: 255px;
  height: 459px;
  top: 61px;
  left: 266px;
  background-size: cover;
  background-image: url('../images/products/wisdom/people-3@2x.png');
}
.p-wisdom-hospital .m-people .pic-list .pic-4 {
  position: absolute;
  width: 278px;
  height: 569px;
  top: 3px;
  left: 0;
  background-size: cover;
  background-image: url('../images/products/wisdom/people-4@2x.png');
  z-index: 4;
}
.p-wisdom-hospital .m-management {
  height: 823px;
  width: 100%;
  background-image: url('../images/products/wisdom/management-bg@2x.jpg');
  background-size: 100% 100%;
  overflow: hidden;
}
.p-wisdom-hospital .m-management .title {
  margin-top: 227px;
  font-size: 50px;
  font-weight: 400;
  color: #333333;
  line-height: 70px;
}
.p-wisdom-hospital .m-management .sub-title {
  margin-top: 10px;
  font-size: 24px;
  font-weight: 400;
  color: #666666;
  line-height: 33px;
}
.p-wisdom-hospital .m-management .item-group {
  margin-top: 60px;
}
.p-wisdom-hospital .m-management .item-line {
  overflow: hidden;
  margin: 0 0 30px 0;
}
.p-wisdom-hospital .m-management .item-line i {
  float: left;
}
.p-wisdom-hospital .m-management .item-line span {
  float: left;
  height: 40px;
  margin-left: 9px;
  width: 128px;
  line-height: 40px;
}
.p-wisdom-hospital .m-management .item-line .icon-1 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: 0 -150px;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-management .item-line .icon-2 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: -50px -150px;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-management .item-line .icon-3 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: -100px -150px;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-management .item-line .icon-4 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: -150px -150px;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-management .item-line .icon-5 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: 0 -200px;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-management .item-line .icon-6 {
  width: 40px;
  height: 40px;
  background-image: url('../images/products/icon.png');
  background-repeat: no-repeat;
  background-position: -50px -200px;
  background-size: 190px 342px;
}
.p-wisdom-hospital .m-management .item-line .icon-2,
.p-wisdom-hospital .m-management .item-line .icon-4,
.p-wisdom-hospital .m-management .item-line .icon-6 {
  margin-left: 60px;
}
.p-wisdom-hospital .m-management .left-component {
  float: left;
  position: relative;
}
.p-wisdom-hospital .m-management .right-component {
  float: left;
  position: relative;
  margin-left: 0px;
  width: 500px;
  height: 823px;
  overflow: visible;
}
.p-wisdom-hospital .m-management .computer {
  position: absolute;
  width: 899px;
  height: 504px;
  top: 277px;
  left: 10px;
  background-size: cover;
  background-image: url('../images/products/wisdom/computer-1@2x.png');
}
.p-operation .op-background {
  position: relative;
  padding-top: 158px;
  width: 100%;
  height: 408px;
  text-align: center;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('../images/products/operation/header-bg@2x.jpg');
  overflow: hidden;
}
.p-operation .op-background h1 {
  font-size: 54px;
  font-weight: 500;
  color: #ffffff;
  line-height: 75px;
}
.p-operation .op-background .desc {
  margin-top: 6px;
  font-size: 24px;
  font-weight: 400;
  color: #ffffff;
  line-height: 33px;
}
.p-operation .op-background .sub-desc {
  margin: 34px auto 0 auto;
  width: 764px;
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  line-height: 28px;
}
.p-operation section {
  padding: 60px 0;
  text-align: center;
}
.p-operation section h2 {
  font-size: 36px;
  font-weight: 500;
  color: #222222;
  line-height: 50px;
}
.p-operation section .sub-title {
  margin: 10px 0 60px 0;
  font-size: 18px;
  font-weight: 400;
  color: #666666;
  line-height: 25px;
}
.p-operation .m-service .list {
  overflow: hidden;
  height: 255px;
}
.p-operation .m-service .list .item {
  margin-left: 24px;
  float: left;
  width: 259px;
  height: 255px;
  background: #ffffff;
  border: 1px solid #e9e9e9;
}
.p-operation .m-service .list .item p {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  line-height: 25px;
}
.p-operation .m-tool .content {
  margin: 0 auto;
  width: 1100px;
  height: 670px;
  background: #fafafa;
  overflow: hidden;
}
.p-operation .m-tool .item {
  float: left;
  width: 410px;
}
.p-operation .m-tool .item img {
  float: left;
  width: 120px;
  height: 120px;
}
.p-operation .m-tool .item .text-box {
  float: left;
  text-align: left;
  margin-left: 24px;
  width: 260px;
}
.p-operation .m-tool .item .text-box .label {
  margin-top: 22px;
  font-size: 24px;
  font-weight: 500;
  color: #222222;
  line-height: 33px;
}
.p-operation .m-tool .item .text-box .desc {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
}
.p-operation .m-tool .item-1 {
  margin: 55px 0 0 40px;
}
.p-operation .m-tool .item-2 {
  margin: 55px 0 0 208px;
}
.p-operation .m-tool .item-3,
.p-operation .m-tool .item-5 {
  margin: 95px 0 0 40px;
}
.p-operation .m-tool .item-4,
.p-operation .m-tool .item-6 {
  margin: 95px 0 0 208px;
}
.p-operation .m-activity .content {
  overflow: hidden;
}
.p-operation .m-activity .content > div:last-child {
  margin: 0;
}
.p-operation .m-activity .content .item {
  float: left;
  margin-right: 25px;
  width: 352px;
  height: 440px;
  background: #ffffff;
  border: 1px solid #e9e9e9;
}
.p-operation .m-activity .content .item .bottom {
  height: 153px;
  overflow: hidden;
}
.p-operation .m-activity .content .item .bottom .text-box {
  float: left;
  margin-left: 12px;
  width: 126px;
  text-align: left;
}
.p-operation .m-activity .content .item .bottom .text-box .title {
  margin-top: 47px;
  font-size: 18px;
  font-weight: 500;
  color: #222222;
  line-height: 25px;
}
.p-operation .m-activity .content .item .bottom .text-box .desc {
  margin-top: 22px;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.p-operation .m-activity .content .item .bottom img {
  float: left;
  margin: 43px 0 0 106px;
}
.p-operation .m-cooperation .content {
  overflow: hidden;
}
.p-operation .m-cooperation .content .item {
  float: left;
  width: 540px;
  height: 283px;
  background: #ffffff;
  border-radius: 2px;
  border: 1px solid #e9e9e9;
}
.p-operation .m-cooperation .content .item .top {
  position: relative;
  width: 538px;
  height: 218px;
}
.p-operation .m-cooperation .content .item .top .desc {
  position: absolute;
  left: 26px;
  bottom: 18px;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  line-height: 22px;
}
.p-operation .m-cooperation .content .item .title {
  margin: 19px 0 0 26px;
  font-size: 18px;
  font-weight: 400;
  color: #222222;
  line-height: 25px;
  text-align: left;
}
.p-operation .m-cooperation .content .item-2,
.p-operation .m-cooperation .content .item-4,
.p-operation .m-cooperation .content .item-6 {
  margin-left: 24px;
}
.p-operation .m-cooperation .content .item-3,
.p-operation .m-cooperation .content .item-4,
.p-operation .m-cooperation .content .item-5,
.p-operation .m-cooperation .content .item-6 {
  margin-top: 24px;
}
.p-internet-hospital .int-header {
  position: relative;
  width: 100%;
  padding-top: 158px;
  height: 842px;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../images/products/internet/header-bg@2x.jpg');
}
.p-internet-hospital .int-header .text-intro {
  text-align: center;
}
.p-internet-hospital .int-header .text-intro h1 {
  font-size: 54px;
  font-weight: 500;
  color: #ffffff;
  line-height: 75px;
}
.p-internet-hospital .int-header .text-intro .sub-title {
  margin-top: 6px;
  font-size: 28px;
  font-weight: 400;
  color: #ffffff;
  line-height: 40px;
}
.p-internet-hospital .int-header .list {
  margin: 61px auto 0 auto;
  width: 820px;
  overflow: hidden;
}
.p-internet-hospital .int-header .list i {
  float: left;
}
.p-internet-hospital .int-header .list .icon-1 {
  width: 36px;
  height: 36px;
  background-image: url('../images/products/internet/icon.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 128px 36px;
}
.p-internet-hospital .int-header .list .icon-2 {
  width: 36px;
  height: 36px;
  background-image: url('../images/products/internet/icon.png');
  background-repeat: no-repeat;
  background-position: -46px 0;
  background-size: 128px 36px;
}
.p-internet-hospital .int-header .list .icon-3 {
  width: 36px;
  height: 36px;
  background-image: url('../images/products/internet/icon.png');
  background-repeat: no-repeat;
  background-position: -92px 0;
  background-size: 128px 36px;
}
.p-internet-hospital .int-header .list .label {
  float: left;
  margin: 0 107px 0 12px;
  height: 36px;
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  line-height: 36px;
}
.p-internet-hospital .int-header .list .label:last-child {
  margin-right: 0;
}
.p-internet-hospital .int-header .pic {
  position: relative;
  margin: 70px auto 0 auto;
  width: 1036px;
}
.p-internet-hospital .int-header .pic .header-pic-1 {
  position: absolute;
  top: 0;
  left: 140px;
  z-index: 2;
  width: 205px;
  height: 421px;
  background-size: cover;
  background-image: url('../images/products/internet/header-1@2x.png');
}
.p-internet-hospital .int-header .pic .header-pic-2 {
  position: absolute;
  top: 57px;
  left: 182px;
  z-index: 2;
  width: 743px;
  height: 417px;
  background-size: cover;
  background-image: url('../images/products/internet/header-2@2x.png');
}
.p-internet-hospital .m-online {
  height: 693px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fbfbfb));
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
  position: relative;
}
.p-internet-hospital .m-online .text-box {
  float: left;
  width: 486px;
}
.p-internet-hospital .m-online .text-box > h2 {
  margin-top: 292px;
  font-size: 50px;
  font-weight: 400;
  color: #333333;
  line-height: 70px;
}
.p-internet-hospital .m-online .text-box > p {
  margin-top: 10px;
  width: 486px;
  font-size: 24px;
  font-weight: 400;
  color: #666666;
  line-height: 33px;
}
.p-internet-hospital .m-online .doc {
  float: left;
  margin: 138px 0 0 92px;
  width: 543px;
  height: 557px;
  background-size: cover;
  background-image: url('../images/products/internet/online-1@2x.png');
}
.p-internet-hospital .m-prescription {
  position: relative;
  text-align: center;
}
.p-internet-hospital .m-prescription .bg-pic {
  margin: 0 auto;
  width: 1212px;
  height: 472px;
  background-size: cover;
  background-image: url('../images/products/internet/prescription-1@2x.png');
}
.p-internet-hospital .m-prescription h2 {
  margin-top: 60px;
  font-size: 50px;
  font-weight: 400;
  color: #333333;
  line-height: 70px;
}
.p-internet-hospital .m-prescription p {
  margin: 10px auto 26px auto;
  width: 485px;
  font-size: 24px;
  font-weight: 400;
  color: #666666;
  line-height: 33px;
}
.p-internet-hospital .m-prescription .cube {
  position: absolute;
  top: -110px;
  left: 15%;
}
.p-internet-hospital .m-chronic {
  height: 861px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f6f6f6));
  background: linear-gradient(180deg, #ffffff 0%, #f6f6f6 100%);
  overflow: hidden;
}
.p-internet-hospital .m-chronic .left-component {
  float: left;
  padding: 80px 0 0 0;
  width: 600px;
}
.p-internet-hospital .m-chronic .right-component {
  float: left;
  width: 484px;
}
.p-internet-hospital .m-chronic .right-component h2 {
  margin: 344px 0 0 180px;
  font-size: 50px;
  font-weight: 400;
  color: #333333;
  line-height: 70px;
}
.p-internet-hospital .m-chronic .right-component p {
  margin: 20px 0 0 180px;
  width: 314px;
  height: 66px;
  font-size: 24px;
  font-weight: 400;
  color: #666666;
  line-height: 33px;
}
.p-internet-hospital .m-chronic .cube {
  position: absolute;
  top: 110px;
  left: 60%;
}
.p-internet-hospital .m-brand {
  height: 751px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));
  background: linear-gradient(180deg, #ffffff 0%, #f9f9f9 100%);
  overflow: hidden;
}
.p-internet-hospital .m-brand .left-component {
  float: left;
  width: 422px;
  height: 751px;
}
.p-internet-hospital .m-brand .right-component {
  float: left;
  position: relative;
  width: 600px;
  height: 751px;
}
.p-internet-hospital .m-brand .right-component .pic-1 {
  position: absolute;
  top: 58px;
  left: 30px;
  width: 479px;
  height: 607px;
  background-size: cover;
  background-image: url('../images/products/internet/brand-1@2x.png');
}
.p-internet-hospital .m-brand .right-component .pic-2 {
  position: absolute;
  bottom: -40px;
  left: 500px;
}
.p-internet-hospital .m-brand .title {
  margin-top: 289px;
  font-size: 50px;
  font-weight: 400;
  color: #333333;
  line-height: 70px;
}
.p-internet-hospital .m-brand .description {
  margin-top: 20px;
  width: 422px;
  font-size: 24px;
  font-weight: 400;
  color: #666666;
  line-height: 33px;
}
.p-internet-hospital .m-example {
  height: 803px;
}
.p-internet-hospital .m-example .title {
  margin: 92px auto 0 auto;
  width: 260px;
  overflow: hidden;
}
.p-internet-hospital .m-example .title .line {
  float: left;
  margin-top: 24px;
  width: 42px;
  height: 1px;
  background: #e9e9e9;
}
.p-internet-hospital .m-example .title h2 {
  float: left;
  margin: 0 15px;
  font-size: 36px;
  font-weight: 500;
  color: #333333;
  line-height: 50px;
}
.p-internet-hospital .m-example .pic-1 {
  display: block;
  margin: 80px auto 0 auto;
  width: 626px;
  height: 424px;
}
.p-internet-hospital .m-example .bottom {
  overflow: hidden;
  margin: 36px auto 0 auto;
  width: 626px;
}
.p-internet-hospital .m-example .bottom .logo {
  float: left;
  width: 98px;
  height: 98px;
}
.p-internet-hospital .m-example .bottom .text-box {
  float: left;
  margin-left: 20px;
}
.p-internet-hospital .m-example .bottom .text-box .name {
  margin-top: 19px;
  font-size: 24px;
  font-weight: 500;
  color: #333333;
  line-height: 33px;
}
.p-internet-hospital .m-example .bottom .text-box .desc {
  margin-top: 4px;
  font-size: 18px;
  font-weight: 400;
  color: #666666;
  line-height: 25px;
}
.p-internet-hospital .m-example .bottom .qr {
  float: left;
  margin-left: 200px;
  width: 90px;
  height: 90px;
}
.p-internet-hospital .m-example .tri {
  position: absolute;
  top: -160px;
}
.p-guide .g-header {
  position: relative;
  width: 100%;
  padding-top: 158px;
  height: 408px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('../images/products/guide/header-bg@2x.jpg');
}
.p-guide .g-header .text-intro {
  text-align: center;
}
.p-guide .g-header .text-intro h1 {
  font-size: 54px;
  font-weight: 500;
  color: #ffffff;
  line-height: 75px;
}
.p-guide .g-header .text-intro .sub-title {
  margin-top: 6px;
  font-size: 24px;
  font-weight: 400;
  color: #ffffff;
  line-height: 33px;
}
.p-guide .g-header .text-intro .desc {
  margin: 23px auto 0 auto;
  width: 762px;
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  line-height: 26px;
}
.p-guide .m-describe .detail {
  margin: 60px auto 80px auto;
  width: 723px;
  font-size: 18px;
  font-weight: 400;
  color: #666666;
  line-height: 26px;
}
.p-guide .m-center .bg-box {
  position: relative;
  margin: 100px auto 0 auto;
  width: 457px;
  height: 308px;
  background-image: url('../images/products/guide/center-1@2x.jpg');
  background-size: 100% 100%;
}
.p-guide .m-center .bg-box .content-box {
  position: relative;
  width: 100%;
  height: 100%;
}
.p-guide .m-center .bg-box .item {
  position: absolute;
  overflow: hidden;
  width: 258px;
  z-index: 888;
}
.p-guide .m-center .bg-box .item .left {
  float: left;
}
.p-guide .m-center .bg-box .item .right {
  float: left;
}
.p-guide .m-center .bg-box .item .title {
  font-size: 18px;
  font-weight: 400;
  color: #222222;
  line-height: 25px;
}
.p-guide .m-center .bg-box .item .desc {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
}
.p-guide .m-center .bg-box .item-1 {
  top: -51px;
  left: 114px;
}
.p-guide .m-center .bg-box .item-1 .left {
  width: 102px;
  height: 102px;
  background-image: url('../images/products/guide/icon-1@2x.png');
  background-size: cover;
}
.p-guide .m-center .bg-box .item-2 {
  top: 66px;
  left: 394px;
}
.p-guide .m-center .bg-box .item-2 .left {
  width: 102px;
  height: 102px;
  background-image: url('../images/products/guide/icon-2@2x.png');
  background-size: cover;
}
.p-guide .m-center .bg-box .item-3 {
  top: 258px;
  left: 288px;
}
.p-guide .m-center .bg-box .item-3 .left {
  width: 102px;
  height: 102px;
  background-image: url('../images/products/guide/icon-3@2x.png');
  background-size: cover;
}
.p-guide .m-center .bg-box .item-4 {
  top: 196px;
  left: -134px;
  text-align: right;
}
.p-guide .m-center .bg-box .item-4 .title {
  margin-top: 10px;
}
.p-guide .m-center .bg-box .item-4 .left {
  width: 102px;
  height: 102px;
  background-image: url('../images/products/guide/icon-4@2x.png');
  background-size: cover;
}
.p-guide .m-character {
  height: 540px;
  padding: 145px 0 0 0;
  text-align: center;
}
.p-guide .m-character h2 {
  font-size: 36px;
  font-weight: 500;
  color: #222222;
  line-height: 50px;
}
.p-guide .m-character .list {
  margin: 40px auto 0 auto;
  overflow: hidden;
  width: 900px;
}
.p-guide .m-character .list .item {
  float: left;
  width: 210px;
  height: 203px;
  padding: 26px 0 0 0;
  margin-right: 20px;
  background: #ffffff;
  border: 1px solid #e9e9e9;
}
.p-guide .m-character .list .item > p {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 500;
  color: #404040;
  line-height: 25px;
}
.p-guide .m-character .list .item i {
  display: block;
  margin: 0 auto;
}
.p-guide .m-character .list .item .icon-1 {
  width: 96px;
  height: 96px;
  background-image: url('../images/products/guide/icon.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 413px 96px;
}
.p-guide .m-character .list .item .icon-2 {
  width: 96px;
  height: 96px;
  background-image: url('../images/products/guide/icon.png');
  background-repeat: no-repeat;
  background-position: -106px 0;
  background-size: 413px 96px;
}
.p-guide .m-character .list .item .icon-3 {
  width: 96px;
  height: 96px;
  background-image: url('../images/products/guide/icon.png');
  background-repeat: no-repeat;
  background-position: -212px 0;
  background-size: 413px 96px;
}
.p-guide .m-character .list .item .icon-4 {
  width: 96px;
  height: 96px;
  background-image: url('../images/products/guide/icon.png');
  background-repeat: no-repeat;
  background-position: -318px 0;
  background-size: 413px 96px;
}
.p-guide .m-character .list .item:last-child {
  margin: 0;
}
@media screen and (min-width: 1500px) {
  .p-wisdom-hospital .header-bg {
    height: 765px;
  }
  .p-internet-hospital .int-header {
    height: 983px;
    padding-top: 208px;
  }
  .p-internet-hospital .int-header .text-intro .sub-title {
    margin-top: 22px;
  }
  .p-internet-hospital .int-header .list {
    margin: 61px auto 0 auto;
  }
  .p-internet-hospital .int-header .pic {
    margin: 138px auto 0 auto;
  }
}
@media screen and (min-width: 1800px) {
  .p-wisdom-hospital .header-bg {
    height: 875px;
  }
  .p-internet-hospital .int-header {
    height: 1123px;
    padding-top: 268px;
  }
  .p-internet-hospital .int-header .text-intro .sub-title {
    margin-top: 28px;
  }
  .p-internet-hospital .int-header .list {
    margin: 81px auto 0 auto;
  }
  .p-internet-hospital .int-header .pic {
    margin: 188px auto 0 auto;
  }
}
/* 滚动动画 */