h1 {
  margin: 0;
  padding: 0;
}

h2 {
  margin: 0;
  padding: 0;
}

h3 {
  margin: 0;
  padding: 0;
}

h4 {
  margin: 0;
  padding: 0;
}

h5 {
  margin: 0;
  padding: 0;
}

h6 {
  margin: 0;
  padding: 0;
}

html,
body,
div,
p,
span,
i,
b,
a,
input,
select,
table,
th,
tbody,
tr,
td,
ol,
dl,
dt,
dd,
li,
ul,
br,
textarea,
img,
thead,
area,
aside,
article,
address,
base,
button {
  margin: 0;
  padding: 0;
}

a {
  color: #333;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

a:hover {
  color: #333;
  text-decoration: none;
  outline: none;
}

ul,
ol {
  list-style: none;
}

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

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

input,
select,
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

html {
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
      text-size-adjust: none;
}

.page-pc {
  display: block;
}

.page-mobile {
  display: none;
}

@media (max-width: 767px) {
  body {
    font-size: 3.2vw;
    line-height: 1;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    white-space: normal;
    background-color: #fff;
    -webkit-text-size-adjust: none;
    -webkit-user-drag: none;
  }
  .page-pc {
    display: none;
  }
  .page-mobile {
    display: block;
  }
  .foot {
    padding: 1.06667vw 0;
    font-size: 3.2vw;
    font-weight: normal;
    line-height: 1.5;
    color: #333;
    text-align: center;
    background-color: #ececec;
  }
  .foot a {
    color: #333;
  }
  .foot a:hover {
    color: #0070bf;
    text-decoration: none;
  }
  #dowebok {
    position: relative;
    top: 0;
    left: 0;
  }
  #dowebok .active .head > label {
    -webkit-animation-delay: .5s;
            animation-delay: .5s;
  }
  #dowebok .active .head > i {
    -webkit-animation-delay: .8s;
            animation-delay: .8s;
  }
  #dowebok .section {
    position: relative;
    top: 0;
    left: 0;
  }
  #dowebok .section.background {
    background: url(/Common/Images/cyuandl/backdrop.png) #044795 center bottom no-repeat;
    background-size: 100% auto;
  }
  #dowebok .section i.circle-blue {
    position: absolute;
    top: auto;
    left: 4vw;
    bottom: 13.33333vw;
    width: 22.8vw;
    height: 15.6vw;
    background: url(/Common/Images/cyuandl/circle_blue.png) transparent left top no-repeat;
    background-size: 100% auto;
  }
  #dowebok .section i.line-blue {
    position: absolute;
    top: auto;
    right: 4vw;
    bottom: 13.33333vw;
    width: 8vw;
    height: 8vw;
    background: url(/Common/Images/cyuandl/line_blue.png) transparent left top no-repeat;
    background-size: 100% auto;
  }
  #dowebok .section i.img {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 12vw;
    width: 65.33333vw;
    height: 77.6vw;
    background: url(/Common/Images/cyuandl/home_img.png) transparent right top no-repeat;
    background-size: 100% auto;
  }
  #dowebok .section i.ico-logo {
    position: absolute;
    top: 7.06667vw;
    left: 4vw;
    width: 17.6vw;
    height: 10.66667vw;
    background: url(/Common/Images/cyuandl/ico_logo.png) transparent left top no-repeat;
    background-size: 100% auto;
  }
  #dowebok .section i.circle-white-top {
    position: absolute;
    top: 8vw;
    right: 4vw;
    width: 7.73333vw;
    height: 20.13333vw;
    background: url(/Common/Images/cyuandl/circle_white_top.png) transparent left top no-repeat;
    background-size: 100% auto;
  }
  #dowebok .section i.circle-white-bottom {
    position: absolute;
    top: auto;
    bottom: 8vw;
    left: 4vw;
    width: 25.33333vw;
    height: 22vw;
    background: url(/Common/Images/cyuandl/circle_white_bottom.png) transparent left top no-repeat;
    background-size: 100% auto;
  }
  #dowebok .section i.ico-recruit {
    position: absolute;
    top: 21.06667vw;
    left: 4vw;
    font-size: 12.26667vw;
    font-style: normal;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
  }
  #dowebok .section i.ico-name {
    position: absolute;
    top: 38.66667vw;
    left: 4vw;
    padding: 0 2.93333vw;
    font-size: 4vw;
    font-style: normal;
    font-weight: bold;
    line-height: 1.5;
    color: #004391;
    background-color: #fff;
  }
  #dowebok .section i.ico-englist {
    position: absolute;
    top: 46.4vw;
    left: 4vw;
    font-size: 3.2vw;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    color: #fff;
    text-transform: uppercase;
  }
  #dowebok .section i.ico-line {
    position: absolute;
    top: auto;
    bottom: 58vw;
    left: 4vw;
    width: 0.13333vw;
    height: 13.33333vw;
    background-color: #fff;
  }
  #dowebok .section .head > span,
  #dowebok .section .head > label,
  #dowebok .section .head > i {
    display: block;
  }
  #dowebok .section .head > span {
    display: block;
    height: 3.46667vw;
    margin-bottom: 2vw;
  }
  #dowebok .section .head > span.company {
    background: url(/Common/Images/cyuandl/title_company.png) transparent left top no-repeat;
    background-size: 100% auto;
    background-size: auto 3.46667vw;
  }
  #dowebok .section .head > span.environment {
    background: url(/Common/Images/cyuandl/title_environment.png) transparent left top no-repeat;
    background-size: 100% auto;
    background-size: auto 3.46667vw;
  }
  #dowebok .section .head > span.tag {
    background: url(/Common/Images/cyuandl/title_tag.png) transparent left top no-repeat;
    background-size: 100% auto;
    background-size: auto 3.46667vw;
  }
  #dowebok .section .head > span.job {
    background: url(/Common/Images/cyuandl/title_job.png) transparent left top no-repeat;
    background-size: 100% auto;
    background-size: auto 3.46667vw;
  }
  #dowebok .section .head > span.contact {
    background: url(/Common/Images/cyuandl/title_contact.png) transparent left top no-repeat;
    background-size: 100% auto;
    background-size: auto 3.46667vw;
  }
  #dowebok .section .head > label {
    width: 38.4vw;
    height: 0.8vw;
    margin: 1.33333vw 0;
    background: url(/Common/Images/cyuandl/bg_line.png) transparent left top no-repeat;
    background-size: 100% auto;
  }
  #dowebok .section .head > i {
    font-size: 3.2vw;
    font-style: normal;
    font-weight: normal;
    line-height: 2;
    color: #1b3a9a;
    text-transform: uppercase;
  }
  #dowebok .section.bjx-contact {
    padding: 5.33333vw 4vw;
  }
  #dowebok .section.bjx-contact .body {
    padding: 4vw 0;
  }
  #dowebok .section.bjx-contact .body > .map-section {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 92vw;
    height: 48.66667vw;
    border: 0.13333vw solid #dee8f4;
  }
  #dowebok .section.bjx-contact .body > ul {
    margin: 2.66667vw;
  }
  #dowebok .section.bjx-contact .body > ul > li {
    padding-left: 4vw;
    font-size: 3.46667vw;
    font-weight: normal;
    line-height: 2;
    color: #303030;
    background: url(/Common/Images/cyuandl/ico_address.png) transparent left 2.66667vw no-repeat;
    background-size: 100% auto;
    background-size: 2.4vw auto;
  }
  #dowebok .section.bjx-job {
    padding: 5.33333vw 4vw;
  }
  #dowebok .section.bjx-job.active .body > ul > li > p {
    -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
  }
  #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(1), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(2), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(5), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(6), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(9), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(10), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(13), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(14), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(17), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(18), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(21), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(22), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(25), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(26), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(29), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(30), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(33), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(34), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(37), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(38) {
    -webkit-animation-name: fadeInLeftBig;
            animation-name: fadeInLeftBig;
  }
  #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(3), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(4), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(7), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(8), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(11), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(12), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(15), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(16), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(19), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(20), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(23), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(24), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(27), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(28), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(31), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(32), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(35), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(36), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(39), #dowebok .section.bjx-job.active .body > ul > li > ul > li:nth-child(40) {
    -webkit-animation-name: fadeInRightBig;
            animation-name: fadeInRightBig;
  }
  #dowebok .section.bjx-job .body {
    padding: 4vw 0;
  }
  #dowebok .section.bjx-job .body > ul > li > p {
    padding: 1.33333vw;
    font-size: 3.46667vw;
    font-weight: bold;
    line-height: 2;
    color: #000;
    text-align: center;
  }
  #dowebok .section.bjx-job .body > ul > li > ul {
    display: -ms-grid;
    display: grid;
    grid-gap: 2.66667vw;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    justify-items: center;
  }
  #dowebok .section.bjx-job .body > ul > li > ul > li {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #ededed;
    border-left: 0.53333vw solid #1b3a9a;
  }
  #dowebok .section.bjx-job .body > ul > li > ul > li > b {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.6vw;
    height: 1.86667vw;
    background: url(/Common/Images/cyuandl/hot.png) transparent left top no-repeat;
    background-size: 100% auto;
  }
  #dowebok .section.bjx-job .body > ul > li > ul > li > a {
    display: block;
    padding: 2vw;
  }
  #dowebok .section.bjx-job .body > ul > li > ul > li > a > span, #dowebok .section.bjx-job .body > ul > li > ul > li > a > label {
    display: block;
  }
  #dowebok .section.bjx-job .body > ul > li > ul > li > a > span {
    height: 6.66667vw;
    overflow: hidden;
    font-size: 3.33333vw;
    font-weight: bold;
    line-height: 2;
    color: #000;
    text-overflow: ellipsis;
  }
  #dowebok .section.bjx-job .body > ul > li > ul > li > a > label {
    height: 6.4vw;
    overflow: hidden;
    font-size: 3.2vw;
    font-weight: normal;
    line-height: 2;
    color: #000;
    text-overflow: ellipsis;
  }
  #dowebok .section.bjx-company {
    padding: 5.33333vw 4vw;
  }
  #dowebok .section.bjx-company .body {
    padding: 4vw 0;
    font-size: 3.2vw;
    font-weight: normal;
    line-height: 2;
    color: #666;
    text-align: justify;
  }
  #dowebok .section.bjx-tag {
    padding: 5.33333vw 4vw;
  }
  #dowebok .section.bjx-tag.active .body > ul > li {
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
  }
  #dowebok .section.bjx-tag.active .body > ul > li:nth-child(1) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
  }
  #dowebok .section.bjx-tag.active .body > ul > li:nth-child(2) {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
  }
  #dowebok .section.bjx-tag.active .body > ul > li:nth-child(3) {
    -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
  }
  #dowebok .section.bjx-tag.active .body > ul > li:nth-child(4) {
    -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
  }
  #dowebok .section.bjx-tag.active .body > ul > li:nth-child(5) {
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
  }
  #dowebok .section.bjx-tag.active .body > ul > li:nth-child(6) {
    -webkit-animation-delay: 1.2s;
            animation-delay: 1.2s;
  }
  #dowebok .section.bjx-tag.active .body > ul > li:nth-child(7) {
    -webkit-animation-delay: 1.4s;
            animation-delay: 1.4s;
  }
  #dowebok .section.bjx-tag.active .body > ul > li:nth-child(8) {
    -webkit-animation-delay: 1.6s;
            animation-delay: 1.6s;
  }
  #dowebok .section.bjx-tag.active .body > ul > li:nth-child(9) {
    -webkit-animation-delay: 1.8s;
            animation-delay: 1.8s;
  }
  #dowebok .section.bjx-tag.active .body > ul > li:nth-child(10) {
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
  }
  #dowebok .section.bjx-tag.active .body > ul > li:nth-child(11) {
    -webkit-animation-delay: 2.2s;
            animation-delay: 2.2s;
  }
  #dowebok .section.bjx-tag.active .body > ul > li:nth-child(12) {
    -webkit-animation-delay: 2.4s;
            animation-delay: 2.4s;
  }
  #dowebok .section.bjx-tag.active .body > ul > li:nth-child(13) {
    -webkit-animation-delay: 2.6s;
            animation-delay: 2.6s;
  }
  #dowebok .section.bjx-tag.active .body > ul > li:nth-child(14) {
    -webkit-animation-delay: 2.8s;
            animation-delay: 2.8s;
  }
  #dowebok .section.bjx-tag.active .body > ul > li:nth-child(15) {
    -webkit-animation-delay: 3s;
            animation-delay: 3s;
  }
  #dowebok .section.bjx-tag.active .body > ul > li:nth-child(16) {
    -webkit-animation-delay: 3.2s;
            animation-delay: 3.2s;
  }
  #dowebok .section.bjx-tag.active .body > ul > li:nth-child(17) {
    -webkit-animation-delay: 3.4s;
            animation-delay: 3.4s;
  }
  #dowebok .section.bjx-tag.active .body > ul > li:nth-child(18) {
    -webkit-animation-delay: 3.6s;
            animation-delay: 3.6s;
  }
  #dowebok .section.bjx-tag.active .body > ul > li:nth-child(19) {
    -webkit-animation-delay: 3.8s;
            animation-delay: 3.8s;
  }
  #dowebok .section.bjx-tag.active .body > ul > li:nth-child(20) {
    -webkit-animation-delay: 4s;
            animation-delay: 4s;
  }
  #dowebok .section.bjx-tag .body {
    margin: 6.66667vw;
  }
  #dowebok .section.bjx-tag .body > ul {
    display: -ms-grid;
    display: grid;
    grid-gap: 6vw;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    justify-items: center;
  }
  #dowebok .section.bjx-tag .body > ul > li {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 4vw;
    font-weight: normal;
    line-height: 2;
    color: #333;
    text-align: center;
    background-color: #ededed;
  }
  #dowebok .section.bjx-tag .body > ul > li:before {
    position: absolute;
    top: -2vw;
    left: -2vw;
    width: 100%;
    height: 100%;
    content: "";
    border: 0.13333vw solid #1b3a9a;
  }
  #dowebok .section.bjx-tag .body > ul > li:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: attr(data);
    background-color: #ededed;
  }
  #dowebok .section.bjx-environment {
    padding: 5.33333vw 4vw;
  }
  #dowebok .section.bjx-environment.active .body > ul > li:nth-child(1), #dowebok .section.bjx-environment.active .body > ul > li:nth-child(2), #dowebok .section.bjx-environment.active .body > ul > li:nth-child(5), #dowebok .section.bjx-environment.active .body > ul > li:nth-child(6), #dowebok .section.bjx-environment.active .body > ul > li:nth-child(9), #dowebok .section.bjx-environment.active .body > ul > li:nth-child(10) {
    -webkit-animation-name: fadeInLeftBig;
            animation-name: fadeInLeftBig;
  }
  #dowebok .section.bjx-environment.active .body > ul > li:nth-child(3), #dowebok .section.bjx-environment.active .body > ul > li:nth-child(4), #dowebok .section.bjx-environment.active .body > ul > li:nth-child(7), #dowebok .section.bjx-environment.active .body > ul > li:nth-child(8), #dowebok .section.bjx-environment.active .body > ul > li:nth-child(11), #dowebok .section.bjx-environment.active .body > ul > li:nth-child(12) {
    -webkit-animation-name: fadeInLeftBig;
            animation-name: fadeInLeftBig;
  }
  #dowebok .section.bjx-environment > ul {
    display: -ms-grid;
    display: grid;
    grid-gap: 2.66667vw;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    justify-items: center;
  }
  #dowebok .section.bjx-environment > ul > li {
    width: 100%;
  }
}
/*# sourceMappingURL=media.css.map */