html,
body,
div,
p,
span,
label,
i,
img,
strong,
table,
tr,
th,
td,
thead,
tbody,
tfoot,
ul,
ol,
li,
dl,
dd,
dt,
a,
abbr,
br,
button,
input,
select,
address,
base,
bidi,
cite,
aside,
nav,
footer {
  margin: 0;
  padding: 0;
}

ul,
ol {
  list-style: none;
}

ul > li,
ol > li {
  list-style-type: none;
}

img {
  border: 0;
  vertical-align: middle;
}

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

body {
  font-size: 0.48rem;
  font-weight: normal;
  font-family: "PingFang SC", Arial, Helvetica, sans-serif;
  line-height: 1.1;
  color: #333;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  -webkit-text-size-adjust: none;
  -webkit-user-drag: none;
  background-color: #fff;
}

#dowebok {
  margin: 0 auto;
  width: 15rem;
}

#dowebok .section {
  position: relative;
  top: 0;
  left: 0;
}

#dowebok .section.background {
  background: url(../images/img_background.png) transparent center top no-repeat;
  background-size: 100% auto;
}

#dowebok .section.background i {
  display: block;
  position: absolute;
}

#dowebok .section.background i.icon-home-foot {
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  width: 15rem;
  height: 6.48rem;
  background: url(../images/app_home_foot.png) transparent center bottom no-repeat;
  background-size: 100% auto;
}

#dowebok .section.background i.icon-logo {
  top: 1.44rem;
  right: 0;
  left: 0;
  width: 15rem;
  height: 2rem;
  background: url(../images/app_logo_img.png?v=1) #fff center center no-repeat;
  background-size: 100% auto;
  background-size: 11.08rem auto;
}

#dowebok .section.background i.icon-cloud {
  top: 4.9rem;
  left: 3.64rem;
  width: 1.82rem;
  height: 1.02rem;
  background: url(../images/app_icon_cloud.png) transparent left top no-repeat;
  background-size: 100% auto;
}

#dowebok .section.background i.icon-circle-small {
  top: 6.16rem;
  left: 1.8rem;
  width: 9.78rem;
  height: 13.56rem;
  background: url(../images/app_icon_decoration.png) transparent left top no-repeat;
  background-size: 100% auto;
}

#dowebok .section.background i.icon-slash-right {
  top: 8.6rem;
  right: 0.04rem;
  width: 3.16rem;
  height: 5.18rem;
  background: url(../images/app_icon_slash_right.png) transparent right top no-repeat;
  background-size: 100% auto;
}

#dowebok .section.background i.icon-slash-big {
  top: 4.72rem;
  right: 2.04rem;
  width: 10.04rem;
  height: 13.34rem;
  background: url(../images/app_icon_slash_big.png) transparent top right no-repeat;
  background-size: 100% auto;
}

#dowebok .section.background i.icon-slash {
  top: 6.72rem;
  right: 2.04rem;
  width: 10.06rem;
  height: 13.56rem;
  background: url(../images/app_icon_slash.png) transparent top right no-repeat;
  background-size: 100% auto;
}

#dowebok .section.background i.icon-circle {
  top: 5.24rem;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 13.22rem;
  height: 13.2rem;
  background: url(../images/app_icon_circle_yellow.png) transparent center top no-repeat;
  background-size: 100% auto;
}

#dowebok .section.background i.icon-invite {
  top: 9.2rem;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 9.8rem;
  height: 5.4rem;
  background: url(../images/app_icon_invite.png) transparent center top no-repeat;
  background-size: 100% auto;
}

#dowebok .section.background i.backdrop-white {
  top: 0.6rem;
  right: 0.6rem;
  bottom: 0.6rem;
  left: 0.6rem;
  background-color: rgba(255, 255, 255, 0.8);
}

#dowebok .section.background .title-1 {
  position: absolute;
  top: 2rem;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 8rem;
  height: 1.88rem;
  border-radius: 0.1rem;
  -webkit-box-shadow: 0 0.04rem 0.16rem rgba(100, 185, 217, 0.45);
          box-shadow: 0 0.04rem 0.16rem rgba(100, 185, 217, 0.45);
}

#dowebok .section.background .company-title {
  background: url(../images/company_title.png) #fdaf0c center center no-repeat;
  background-size: 100% auto;
  background-size: 4.56rem auto;
}

#dowebok .section.background .core-title {
  background: url(../images/core_title.png?v=1) #fdaf0c center center no-repeat;
  background-size: 100% auto;
  background-size: 4.54rem auto;
}

#dowebok .section.background .style-title {
  background: url(../images/style_title.png?v=1) #fdaf0c center center no-repeat;
  background-size: 100% auto;
  background-size: 4.56rem auto;
}

#dowebok .section.background .culture-title {
  background: url(../images/culture_title.png) #fdaf0c center center no-repeat;
  background-size: 100% auto;
  background-size: 4.54rem auto;
}

#dowebok .section.background .job-title {
  background: url(../images/job_title.png) #fdaf0c center center no-repeat;
  background-size: 100% auto;
  background-size: 4.56rem auto;
}

#dowebok .section.background .contact-title {
  background: url(../images/contact_title.png) #fdaf0c center center no-repeat;
  background-size: 100% auto;
  background-size: 4.52rem auto;
}

#dowebok .section.background .content-company {
  position: absolute;
  top: 5rem;
  right: 1.7rem;
  left: 1.7rem;
  font-size: 0.56rem;
  font-weight: normal;
  line-height: 2.5;
  color: #232323;
  text-align: justify;
  white-space: pre-wrap;
}

#dowebok .section.background .content-core {
  position: absolute;
  top: 4.7rem;
  right: 0.6rem;
  left: 0.6rem;
}

#dowebok .section.background .content-core > ul {
  zoom: 1;
}

#dowebok .section.background .content-core > ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
}

#dowebok .section.background .content-core > ul > li {
  float: left;
  position: relative;
  top: 0;
  left: 0;
  margin: 0 0.34rem 0.2rem;
  width: 6.2rem;
  height: 4.2rem;
  overflow: hidden;
}

#dowebok .section.background .content-core > ul > li > img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 6.2rem;
}

#dowebok .section.background .content-core > ul > li.title {
  margin: 0 0.2rem;
  width: 13.4rem;
  height: auto;
  font-size: 0.64rem;
  font-weight: normal;
  line-height: 2;
  color: #0f77e1;
  text-align: center;
}

#dowebok .section.background .content-style {
  position: absolute;
  top: 5.4rem;
  right: 0.72rem;
  left: 0.72rem;
}

#dowebok .section.background .content-style > p {
  margin: 0 0.6rem 0.4rem;
  font-size: 0.64rem;
  font-weight: normal;
  line-height: 2;
  color: #333;
  text-indent: 2em;
  text-align: justify;
}

#dowebok .section.background .content-style > ul {
  zoom: 1;
}

#dowebok .section.background .content-style > ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
}

#dowebok .section.background .content-style > ul > li {
  float: left;
  position: relative;
  top: 0;
  left: 0;
  margin: 0.28rem;
  width: 6.2rem;
  height: 4.2rem;
  overflow: hidden;
}

#dowebok .section.background .content-style > ul > li > img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 6.2rem;
}

#dowebok .section.background .content-job {
  position: absolute;
  top: 5.16rem;
  right: 0.8rem;
  left: 0.8rem;
}

#dowebok .section.background .content-job > ul > li > p {
  margin: 0.4rem 0;
  font-size: 0;
  font-weight: normal;
  line-height: 0;
  color: #333;
  text-align: center;
}

#dowebok .section.background .content-job > ul > li > p > span {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: bold;
  line-height: 1.1;
  color: #333;
}

#dowebok .section.background .content-job > ul > li > p > i {
  position: relative;
  top: 0.1rem;
  display: inline-block;
  margin: 0 0.4rem;
  width: 0.7rem;
  height: 0.64rem;
  background: url(../images/icon_job_title.png) transparent center top no-repeat;
  background-size: 100% auto;
  vertical-align: top;
}

#dowebok .section.background .content-job > ul > li > ul {
  zoom: 1;
}

#dowebok .section.background .content-job > ul > li > ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
}

#dowebok .section.background .content-job > ul > li > ul > li {
  float: left;
  margin: 0.2rem;
  padding: 0.3rem 0.4rem;
  width: 5.5rem;
  background-color: #e8f4ff;
  overflow: hidden;
}

#dowebok .section.background .content-job > ul > li > ul > li > a {
  display: block;
}

#dowebok .section.background .content-job > ul > li > ul > li > a > span {
  display: block;
  margin-bottom: 0.2rem;
  font-size: 0.56rem;
  font-weight: bold;
  line-height: 1.5;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#dowebok .section.background .content-job > ul > li > ul > li > a > label {
  display: block;
  font-size: 0.48rem;
  font-weight: normal;
  line-height: 1.5;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#dowebok .section.background .content-enterprise {
  position: absolute;
  top: 6.1rem;
  right: 1.36rem;
  left: 1.36rem;
}

#dowebok .section.background .content-enterprise > ul > li {
  margin-bottom: 1rem;
  padding: 1.4rem 0.2rem;
  text-align: center;
  background-color: #e8f4ff;
}

#dowebok .section.background .content-enterprise > ul > li > p {
  margin-bottom: 0.4rem;
  font-size: 0.72rem;
  font-weight: bold;
  line-height: 2;
  color: #0f77e1;
}

#dowebok .section.background .content-enterprise > ul > li > p > i {
  position: relative;
  top: 0.08rem;
  display: inline-block;
  margin-right: 0.1rem;
}

#dowebok .section.background .content-enterprise > ul > li > p > i.icon-yuan {
  top: 0.16rem;
  width: 0.76rem;
  height: 0.9rem;
  background: url(../images/app_icon_yuan.png) transparent center center no-repeat;
  background-size: 100% auto;
}

#dowebok .section.background .content-enterprise > ul > li > p > i.icon-wen {
  width: 0.74rem;
  height: 0.68rem;
  background: url(../images/app_icon_wen.png) transparent center center no-repeat;
  background-size: 100% auto;
}

#dowebok .section.background .content-enterprise > ul > li > span {
  display: block;
  font-size: 0.56rem;
  font-weight: normal;
  line-height: 2;
  color: #333;
}

#dowebok .section.background .content-business {
  position: absolute;
  top: 7.4rem;
  right: 0.4rem;
  left: 0.4rem;
}

#dowebok .section.background .content-business > ul > li > p {
  margin: 0 0.4rem;
  font-size: 0.64rem;
  font-weight: normal;
  line-height: 2;
  color: #333;
}

#dowebok .section.background .content-business > ul > li > ul {
  zoom: 1;
}

#dowebok .section.background .content-business > ul > li > ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
}

#dowebok .section.background .content-business > ul > li > ul > li {
  float: left;
  position: relative;
  top: 0;
  left: 0;
  margin: 0.2rem 0.4rem;
  width: 6.2rem;
  height: 4.2rem;
  overflow: hidden;
}

#dowebok .section.background .content-business > ul > li > ul > li > img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 6.2rem;
}

#dowebok .section.background .content-contact {
  position: absolute;
  top: 5.5rem;
  right: 1.4rem;
  left: 1.4rem;
}

#dowebok .section.background .content-contact > .index {
  margin-bottom: 1rem;
  padding: 0.64rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0.2rem 0.32rem rgba(13, 9, 159, 0.18);
          box-shadow: 0 0.2rem 0.32rem rgba(13, 9, 159, 0.18);
}

#dowebok .section.background .content-contact > .index > p {
  font-size: 0.64rem;
  font-weight: normal;
  line-height: 2;
  color: #303030;
}

#dowebok .section.background .detail-code {
  position: absolute;
  top: auto;
  right: 0.4rem;
  bottom: 6rem;
  left: 0.4rem;
  text-align: center;
}

#dowebok .section.background .detail-code > img {
  display: block;
  margin: 0 auto 0.2rem;
  width: 5.14rem;
}

#dowebok .section.background .detail-code > p {
  font-size: 0.48rem;
  font-weight: normal;
  line-height: 1.5;
  color: #333;
}

#dowebok .section.background .home-footer {
  position: absolute;
  top: auto;
  right: 0.7rem;
  bottom: 0.8rem;
  left: 0.7rem;
  font-size: 0.48rem;
  font-weight: normal;
  line-height: 1.1;
  color: #333;
  text-align: center;
}

.active .icon-circle {
  -webkit-animation-delay: .2s;
          animation-delay: .2s;
}

.active .icon-circle-small, .active .icon-slash-big {
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
}

.active .icon-slash, .active .icon-invite {
  -webkit-animation-delay: .8s;
          animation-delay: .8s;
}

.active .content-job > ul > li > ul > li:nth-child(1), .active .content-job > ul > li > ul > li:nth-child(2), .active .content-job > ul > li > ul > li:nth-child(5), .active .content-job > ul > li > ul > li:nth-child(6), .active .content-job > ul > li > ul > li:nth-child(9), .active .content-job > ul > li > ul > li:nth-child(10), .active .content-job > ul > li > ul > li:nth-child(13), .active .content-job > ul > li > ul > li:nth-child(14) {
  -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft;
}

.active .content-job > ul > li > ul > li:nth-child(3), .active .content-job > ul > li > ul > li:nth-child(4), .active .content-job > ul > li > ul > li:nth-child(7), .active .content-job > ul > li > ul > li:nth-child(8), .active .content-job > ul > li > ul > li:nth-child(11), .active .content-job > ul > li > ul > li:nth-child(12), .active .content-job > ul > li > ul > li:nth-child(15), .active .content-job > ul > li > ul > li:nth-child(16) {
  -webkit-animation-name: slideInRight;
          animation-name: slideInRight;
}

.active .content-enterprise > ul > li:nth-child(1) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.active .content-enterprise > ul > li:nth-child(2) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.active .content-enterprise > ul > li:nth-child(3) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.active .content-enterprise > ul > li:nth-child(4) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.active .content-enterprise > ul > li:nth-child(5) {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

.active .content-enterprise > ul > li:nth-child(6) {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.active .content-style > ul > li:nth-child(1) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.active .content-style > ul > li:nth-child(2) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.active .content-style > ul > li:nth-child(3) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.active .content-style > ul > li:nth-child(4) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.active .content-style > ul > li:nth-child(5) {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

.active .content-style > ul > li:nth-child(6) {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.job-more {
  display: block;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 1.2rem;
  left: 0;
  margin: 0 auto;
  width: 1rem;
  height: 0.58rem;
  background: url(../images/arrow_more.png) center top no-repeat;
  background-size: cover;
  margin: 0 auto;
  text-align: center;
  -webkit-animation: fadeInUpDown 1s ease infinite;
  animation: fadeInUpDown 1s ease infinite;
}

@-webkit-keyframes fadeInUpDown {
  from {
    -webkit-transform: translateY(-0.1rem);
  }
  to {
    -webkit-transform: translateY(0.1rem);
  }
}

@keyframes fadeInUpDown {
  from {
    -webkit-transform: translateY(-0.1rem);
            transform: translateY(-0.1rem);
  }
  to {
    -webkit-transform: translateY(0.1rem);
            transform: translateY(0.1rem);
  }
}

.moving {
  -webkit-animation-name: moving;
          animation-name: moving;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@-webkit-keyframes moving {
  to {
    top: 100%;
    right: 50%;
  }
}

@keyframes moving {
  to {
    top: 100%;
    right: 50%;
  }
}
/*# sourceMappingURL=master.css.map */