html {
  -webkit-font-smoothing: antialiased; }

blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
  margin: 0;
  padding: 0; }

header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer {
  display: block;
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

table,th,td{border: 1px solid black;}

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, var {
  font-style: normal;
  font-weight: 400; }

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

h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

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

a:hover {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  outline: none;
  blr: expression(this.onFocus=this.blur()); }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

textarea {
  resize: none; }

img {
  vertical-align: middle;
  max-width: 100%; }

button {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  blr: expression(this.onFocus=this.blur()); }

input {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  blr: expression(this.onFocus=this.blur());
  outline: none; }

select {
  outline: 0; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
  font-size: 0; }

.eps2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

html {
  overflow-x: hidden;
  height: 100%;
  font-size: calc(100vw / 750 * 100); }

body * {
  color: #000;
  box-sizing: border-box;
  line-height: 1; }

.clear {
  clear: both; }

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.eps2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.eps3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

.eps4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical; }

.s0 {
  font-size: 0; }

.s12 {
  font-size: 0.12rem; }

.s13 {
  font-size: calc(0.12rem + 0.01rem); }

.s14 {
  font-size: calc(0.12rem + 0.02rem); }

.s15 {
  font-size: calc(0.12rem + 0.03rem); }

.s16 {
  font-size: calc(0.12rem + 0.04rem); }

.s17 {
  font-size: calc(0.12rem + 0.05rem); }

.s18 {
  font-size: calc(0.12rem + 0.06rem); }

.s19 {
  font-size: calc(0.12rem + 0.07rem); }

.s20 {
  font-size: calc(0.12rem + 0.08rem); }

.s21 {
  font-size: calc(0.12rem + 0.09rem); }

.s22 {
  font-size: calc(0.12rem + 0.1rem); }

.s23 {
  font-size: calc(0.12rem + 0.11rem); }

.s24 {
  font-size: calc(0.12rem + 0.12rem); }

.s25 {
  font-size: calc(0.12rem + 10.03rem); }

.s26 {
  font-size: calc(0.12rem + 0.14rem); }

.s27 {
  font-size: calc(0.12rem + 0.15rem); }

.s28 {
  font-size: calc(0.12rem + 0.16rem); }

.s29 {
  font-size: calc(0.12rem + 0.17rem); }

.s30 {
  font-size: calc(0.12rem + 0.18rem); }

.s31 {
  font-size: calc(0.12rem + 0.19rem); }

.s32 {
  font-size: calc(0.12rem + 0.20rem); }

.s33 {
  font-size: calc(0.12rem + 0.21rem); }

.s34 {
  font-size: calc(0.12rem + 0.22rem); }

.s35 {
  font-size: calc(0.12rem + 0.23rem); }

.s36 {
  font-size: calc(0.12rem + 0.24rem); }

.s37 {
  font-size: calc(0.12rem + 0.25rem); }

.s38 {
  font-size: calc(0.12rem + 0.26rem); }

.s39 {
  font-size: calc(0.12rem + 0.27rem); }

.s40 {
  font-size: calc(0.12rem + 0.28rem); }

.s41 {
  font-size: calc(0.12rem + 0.29rem); }

.s42 {
  font-size: calc(0.12rem + 0.30rem); }

.s43 {
  font-size: calc(0.12rem + 0.31rem); }

.s44 {
  font-size: calc(0.12rem + 0.32rem); }

.s45 {
  font-size: calc(0.12rem + 0.33rem); }

.s46 {
  font-size: calc(0.12rem + 0.34rem); }

.s47 {
  font-size: calc(0.12rem + 0.35rem); }

.s48 {
  font-size: calc(0.12rem + 0.36rem); }

.s49 {
  font-size: calc(0.12rem + 0.37rem); }

.s50 {
  font-size: calc(0.12rem + 0.38rem); }

.s51 {
  font-size: calc(0.12rem + 0.39rem); }

.s52 {
  font-size: calc(0.12rem + 0.40rem); }

.s53 {
  font-size: calc(0.12rem + 0.41rem); }

.s54 {
  font-size: calc(0.12rem + 0.42rem); }

.s55 {
  font-size: calc(0.12rem + 0.43rem); }

.s56 {
  font-size: calc(0.12rem + 0.44rem); }

.s57 {
  font-size: calc(0.12rem + 0.45rem); }

.s58 {
  font-size: calc(0.12rem + 0.46rem); }

.s59 {
  font-size: calc(0.12rem + 0.47rem); }

.s60 {
  font-size: calc(0.12rem + 0.48rem); }

.s100 {
  font-size: calc(0.12rem + 0.88rem); }

.s150 {
  font-size: calc(0.12rem + 1.38rem); }

.s300 {
  font-size: calc(0.12rem + 2.88rem); }

.w96 {
  width: 100%;
  padding: 0 0.2rem; }

:root {
  --theme: #ea5520; }

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  background-color: #000;
  padding: 0.1rem 0.2rem;
  font-size: 0;
  height: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  header .lon {
    display: inline-block;
    vertical-align: middle;
    width: auto; }
    header .lon a {
      display: inline-block;
      vertical-align: middle;
      width: 0.4rem;
      height: 0.4rem; }
      header .lon a img {
        width: 100%;
        display: block; }
      header .lon a img:first-child {
        display: block; }
      header .lon a img:last-child {
        display: none; }
  header .mid {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2; }
    header .mid .logo {
      display: inline-block;
      vertical-align: middle;
      width: 1.44rem; }
      header .mid .logo img {
        width: 100%;
        display: block; }
  header .ron {
    display: inline-block;
    vertical-align: middle;
    width: auto; }
    header .ron .ss {
      display: inline-block;
      vertical-align: middle;
      width: 0.36rem;
      height: 0.36rem; }
      header .ron .ss img {
        width: 100%;
        display: block; }
      header .ron .ss img:first-child {
        display: block; }
      header .ron .ss img:last-child {
        display: none; }
    header .ron .menu {
      display: inline-block;
      vertical-align: middle;
      width: 0.36rem;
      height: 0.36rem;
      margin-left: 0.35rem; }
      header .ron .menu img {
        width: 100%;
        display: block; }
      header .ron .menu img:first-child {
        display: block; }
      header .ron .menu img:last-child {
        display: none; }
  header .sear {
    width: 100%;
    font-size: 0;
    padding: 0.1rem 0.2rem;
    display: none;
    position: absolute;
    right: 0%;
    z-index: 1111;
    top: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0 0 5px 5px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09); }
    header .sear form {
      width: 100%;
      font-size: 0;
      margin: 0 auto;
      max-width: 10rem;
      display: block; }
    header .sear .input {
      width: calc(100% - 1rem);
      display: inline-block;
      vertical-align: middle;
      font-size: 0;
      background: #f6f6f6; }
      header .sear .input input {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        background: #fff;
        color: #666666;
        font-size: calc(12px - 0.12rem + 0.16rem);
        line-height: 2.5;
        height: 2.5em;
        padding: 0 0.2rem;
        border: none; }
    header .sear .submxt {
      width: 1rem;
      display: inline-block;
      vertical-align: middle;
      font-size: 0; }
      header .sear .submxt input {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        background: var(--theme);
        color: #fff;
        font-size: calc(12px - 0.12rem + 0.16rem);
        line-height: 2.5;
        padding: 0 0.2rem;
        border: none;
        text-align: center;
        cursor: pointer; }

header.white {
  background-color: #fff;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09); }
  header.white .lon a img:first-child {
    display: none; }
  header.white .lon a img:last-child {
    display: block; }
  header.white .ron .ss img:first-child, header.white .ron .menu img:first-child {
    display: none; }
  header.white .ron .ss img:last-child, header.white .ron .menu img:last-child {
    display: block; }

nav {
  position: fixed;
  height: calc(100vh - 1rem);
  height: 100vh;
  width: 100%;
  width: 70%;
  max-width: 5rem;
  top: 0;
  right: -100%;
  background-color: #fff;
  overflow: auto;
  z-index: 50;
  transition: all ease  .8s;
  overflow: hidden;
  max-height: 100vh;
  box-shadow: 0 0.05rem 0.1rem 0 rgba(0, 0, 0, 0.1); }
  nav .natem {
    width: 100%;
    position: relative;
    text-align: left; }
    nav .natem .nas {
      width: 100%;
      font-size: 0;
      display: block; }
      nav .natem .nas a {
        line-height: 3;
        display: inline-block;
        color: #333;
        line-height: 50px;
        padding: 0 0.2rem;
        position: relative;
        width: auto;
        width: 100%;
        border-bottom: solid 1px #eee; }
    nav .natem .navul {
      width: 100%;
      padding: 0.1rem 0.2rem;
      position: relative;
      display: none; }
      nav .natem .navul .nvm {
        width: 100%;
        font-size: 0; }
        nav .natem .navul .nvm .ns {
          text-align: center;
          width: auto;
          display: inline-block;
          vertical-align: middle;
          line-height: 2;
          color: #333;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          padding: 0.06rem 0.4rem;
          background: #fff;
          position: relative; }
          nav .natem .navul .nvm .ns:after {
            content: ' ';
            position: absolute;
            left: 0.1rem;
            top: 50%;
            transform: translateY(-50%);
            width: 0.06rem;
            height: 0.06rem;
            background-color: #666; }
        nav .natem .navul .nvm .ns:hover {
          color: var(--theme); }
          nav .natem .navul .nvm .ns:hover:after {
            background-color: var(--theme); }
        nav .natem .navul .nvm .mvtuls {
          width: 100%;
          padding-left: 0.24rem;
          display: none; }
        nav .natem .navul .nvm .nwm {
          width: 100%; }
        nav .natem .navul .nvm .mvn {
          width: 100%; }
          nav .natem .navul .nvm .mvn a {
            text-align: center;
            width: auto;
            display: inline-block;
            vertical-align: middle;
            line-height: 2;
            color: #333;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            padding: 0.02rem 0.3rem;
            background: #fff;
            position: relative; }
            nav .natem .navul .nvm .mvn a:after {
              content: ' ';
              position: absolute;
              left: 0.1rem;
              top: 50%;
              transform: translateY(-50%);
              width: 0.06rem;
              height: 0.06rem;
              background-color: #666; }
          nav .natem .navul .nvm .mvn a:hover {
            color: var(--theme); }
            nav .natem .navul .nvm .mvn a:hover:after {
              background-color: var(--theme); }
      nav .natem .navul .mvtuls {
        width: 100%; }
        nav .natem .navul .mvtuls .mvn {
          width: 100%; }
      nav .natem .navul .nvm.has-mul:after {
        content: "+";
        display: inline-block;
        width: 26px;
        height: 26px;
        line-height: 26px;
        text-align: center;
        position: absolute;
        background: none;
        right: 0.2rem;
        left: auto;
        transform: translateX(0);
        top: 0.07rem;
        font-size: 18px;
        font-weight: bold;
        color: #333;
        border: none; }
      nav .natem .navul .nvm.has-mul.show:after {
        content: "-";
        color: var(--theme); }
      nav .natem .navul .nvm.has-mul.show .nas a {
        color: var(--theme); }
      nav .natem .navul .nvm.on {
        color: var(--theme); }
  nav .natem.has-nav:after {
    content: "+";
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    background: none;
    right: 0;
    left: auto;
    transform: translateX(0);
    top: 0.07rem;
    font-size: 22px;
    color: #333;
    border: none; }
  nav .natem.has-nav.show:after {
    content: "-";
    color: var(--theme); }
  nav .natem.has-nav.show .nas a {
    color: var(--theme); }
  nav .natem.on {
    color: var(--theme); }

nav.on {
  right: 0; }

.black {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 40;
  height: 100vh;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  display: none; }

.bottom {
  width: 100%;
  position: fixed;
  background-color: #000;
  display: flex;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  height: 1.1rem;
  align-items: center; }
  .bottom .bitem {
    display: inline-block;
    vertical-align: middle;
    flex: 1; }
    .bottom .bitem a {
      width: 100%;
      display: block; }
    .bottom .bitem .bc {
      display: block;
      margin: 0.05rem auto  0rem;
      width: 0.54rem;
      height: 0.54rem; }
      .bottom .bitem .bc img {
        width: 100%;
        display: block; }
      .bottom .bitem .bc img:first-child {
        display: block; }
      .bottom .bitem .bc img:last-child {
        display: none; }
    .bottom .bitem .bm {
      width: 100%;
      color: #eee;
      line-height: 1.5;
      text-align: center;
      padding-bottom: 0.04rem; }
  .bottom .bitem.on .bm {
    color: var(--theme); }
  .bottom .bitem.on .bc img:first-child {
    display: none; }
  .bottom .bitem.on .bc img:last-child {
    display: block; }

.rightnav {
  position: fixed;
  z-index: 18;
  right: 0;
  top: 60%; }
  .rightnav .ritem {
    width: 100%;
    display: block;
    width: 0.86rem;
    height: 0.86rem;
    border-radius: 0.05rem;
    position: relative;
    background-color: rgba(239, 243, 250, 0.8); }
    .rightnav .ritem a, .rightnav .ritem img {
      width: 100%;
      display: block; }
  .rightnav .ritem + .ritem {
    margin-top: 0.15rem; }
    .rightnav .ritem .comds{
      position: absolute;
      right: 100%;
      top: 50%;
      transform: translateY(-50%);
      background-color: #fff;
      padding: 0.1rem;
      width: 2rem;
      height: 2rem;
      display: none;
    }
    .rightnav .ritem:hover .comds{
      display: block;
    }

.banner {
  width: 100%;
  position: relative;
  overflow: hidden; }
  .banner .swiper-slide {
    width: 100%;
    position: relative;
    overflow: hidden; }
    .banner .swiper-slide .img {
      width: 100%;
      height: calc(100vh - 1rem);
      display: block;
      position: relative; }
    .banner .swiper-slide .voc {
      background-color: #000;
      object-fit: cover;
      position: absolute;
      z-index: 3;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .banner .swiper-slide .sox {
      position: absolute;
      left: 50%;
      top: 1.3rem;
      transform: translateX(-50%);
      width: 90%;
      text-align: center; }
      .banner .swiper-slide .sox .sm {
        width: 100%;
        color: #f9f9f9;
        line-height: 1.5; }
        .banner .swiper-slide .sox .sm p {
          color: #f9f9f9;
          line-height: 1.3; }

.procase {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-content: center; }
  .procase .cit {
    width: 100%;
    color: #f9f9f9;
    line-height: 1.5;
    text-align: center;
    position: relative;
    top: 0.5rem; }
    .procase .cit p {
      color: #f9f9f9;
      line-height: 1.3; }
  .procase .kong {
    width: 100%;
    height: 35vh; }
  .procase .caselis {
    width: 100%;
    font-size: 0;
    margin-top: 1rem; }
    .procase .caselis .casom {
      display: inline-block;
      vertical-align: top;
      width: calc(340 / 710 * 100%);
      margin-right: calc(29 / 710 * 100%);
      margin-bottom: 0.3rem;
      border: solid 1px rgba(255, 255, 255, 0.5);
      border-radius: 0.1rem;
      position: relative; }
      .procase .caselis .casom a {
        width: 100%;
        display: block;
        padding: 0.2rem; }
      .procase .caselis .casom .em {
        width: 100%;
        color: var(--theme);
        line-height: 1.5;
        padding-right: 0.2rem; }
      .procase .caselis .casom .cm {
        width: 100%;
        color: #fff;
        line-height: 1.5;
        padding-right: 0.2rem; }
      .procase .caselis .casom .rc {
        position: absolute;
        right: 0.2rem;
        top: 50%;
        width: 0.11rem;
        transform: translateX(-50%); }
        .procase .caselis .casom .rc img {
          width: 100%;
          display: block; }
    .procase .caselis .casom:nth-child(2n) {
      margin-right: 0; }
    .procase .caselis .casom:hover {
      background-color: var(--theme);
      border: solid 1px var(--theme); }
      .procase .caselis .casom:hover .em, .procase .caselis .casom:hover .cm {
        color: #fff; }

.urllists {
  width: 100%;
  background-color: #fff;
  padding: 0.6rem 0 0.3rem; }
  .urllists .urllist {
    width: 100%;
    font-size: 0; }
    .urllists .urllist .uream {
      width: 100%;
      overflow: hidden;
      border-radius: 0.3rem; }
      .urllists .urllist .uream a {
        width: 100%;
        display: block; }
      .urllists .urllist .uream .imgs {
        width: 100%;
        position: relative;
        overflow: hidden;
        background-color: #333; }
        .urllists .urllist .uream .imgs .img {
          width: 100%;
          padding-top: 95.77%;
          transition: all ease 0.5s; }
      .urllists .urllist .uream .uom {
        width: 100%;
        background-color: #333;
        padding: 0.28rem 0.3rem 0.28rem 0.4rem;
        font-size: 0;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .urllists .urllist .uream .uom .uel {
          display: inline-block;
          vertical-align: middle; }
        .urllists .urllist .uream .uom .uer {
          display: inline-block;
          vertical-align: middle; }
        .urllists .urllist .uream .uom .ed {
          display: inline-block;
          vertical-align: middle;
          color: #fff;
          line-height: 1.5; }
        .urllists .urllist .uream .uom .rm {
          display: inline-block;
          vertical-align: middle;
          color: #fff;
          line-height: 1.5; }
          .urllists .urllist .uream .uom .rm span {
            display: inline-block;
            vertical-align: middle;
            width: 0.14rem;
            position: relative;
            top: -0.06rem;
            margin-left: 0.1rem; }
    .urllists .urllist .uream + .uream {
      margin-top: 0.3rem; }
    .urllists .urllist .uream:hover .imgs .img {
      transform: scale(1.1); }
    .urllists .urllist .uream:hover .uom .ed {
      color: var(--theme); }

.crumbs {
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09); }
  .crumbs .crumb {
    width: 100%;
    font-size: 0; }
    .crumbs .crumb .citm {
      width: 33.33%;
      display: inline-block;
      vertical-align: top;
      position: relative; }
      .crumbs .crumb .citm a {
        width: 100%;
        display: block;
        text-align: center;
        color: #333;
        line-height: 3.2; }
      .crumbs .crumb .citm:after {
        content: ' ';
        position: absolute;
        z-index: 2;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        width: 0.5rem;
        height: 0.04rem;
        background-color: var(--theme);
        opacity: 0;
        transition: all ease 0.5s; }
    .crumbs .crumb .citm.on a {
      color: var(--theme); }
    .crumbs .crumb .citm.on:after {
      opacity: 1; }

footer {
  width: 100%;
  background-color: #222; }
  footer .ftop {
    width: 100%;
    padding: 0.5rem 0; }
    footer .ftop .num {
      width: 100%;
      text-align: center;
      color: var(--theme);
      line-height: 1.3;
      font-weight: bold; }
    footer .ftop .xim {
      width: 100%;
      margin: 0.1rem 0 0.2rem;
      text-align: center;
      color: #fff;
      line-height: 1.5; }
      footer .ftop .xim p {
        color: #fff;
        line-height: 1.5; }
    footer .ftop .share {
      width: 100%;
      font-size: 0;
      text-align: center; }
      footer .ftop .share .am {
        display: inline-block;
        vertical-align: middle;
        width: 0.64rem;
        height: 0.64rem;
        margin: 0 0.1rem;
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: 50%;
        position: relative; }
        footer .ftop .share .am a, footer .ftop .share .am img {
          width: 100%;
          display: block; }
        footer .ftop .share .am .codm {
          position: absolute;
          left: 50%;
          bottom: calc(100% + 0.1rem);
          transform: translateX(-50%);
          width: 1.6rem;
          height: 1.6rem;
          background-color: #fff;
          border-radius: 0.1rem;
          padding: 0.1rem;
          display: none; }
          footer .ftop .share .am .codm img {
            width: 100%;
            display: block; }
      footer .ftop .share .am:hover {
        background-color: var(--theme); }
        footer .ftop .share .am:hover .codm {
          display: block; }
  footer .fbot {
    width: 100%;
    padding: 0.4rem 0 0.5rem;
    border-top: solid 1px rgba(255, 255, 255, 0.1); }
    footer .fbot .fim {
      width: 100%;
      text-align: center;
      color: #fff;
      line-height: 1.5; }
      footer .fbot .fim p {
        color: #fff;
        line-height: 1.5; }

.grays {
  background-color: #f9f9f9; }

.modular {
  width: 100%; }
  .modular .nanber {
    width: 100%;
    position: relative;
    margin: 0.8rem 0; }
    .modular .nanber .imgs {
      width: 100%;
      position: relative;
      overflow: hidden;
      border-radius: 0.25rem; }
      .modular .nanber .imgs .img {
        width: 100%;
        padding-top: 57.74%;
        transition: all ease 0.5s; }
    .modular .nanber .xie {
      position: absolute;
      z-index: 2;
      width: 100%;
      text-align: center;
      padding: 0 0.2rem;
      top: 50%;
      transform: translateY(-50%);
      color: #fff;
      line-height: 1.5; }
  .modular .contlist {
    width: 100%;
    font-size: 0; }
    .modular .contlist .coitm {
      display: inline-block;
      vertical-align: top;
      width: calc(345 / 710 * 100%);
      margin-right: calc(19 / 710 * 100%);
      margin-bottom: 0.2rem; }
      .modular .contlist .coitm a {
        width: 100%;
        display: block; }
      .modular .contlist .coitm .imgs {
        width: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0.1rem; }
        .modular .contlist .coitm .imgs .img {
          width: 100%;
          padding-top: 62.31%;
          transition: all ease 0.5s; }
      .modular .contlist .coitm .pim {
        width: 100%;
        margin: 0.2rem 0;
        color: #333;
        line-height: 1.5;
        height: calc(3em); }
    .modular .contlist .coitm:nth-child(2n) {
      margin-right: 0; }
    .modular .contlist .coitm:hover .imgs .img {
      transform: scale(1.1); }
    .modular .contlist .coitm:hover .pim {
      color: var(--theme); }
  .modular .classifys {
    width: 100%;
    margin: 0.8rem 0 0.6rem;
    font-size: 0; }
    .modular .classifys .civem {
      display: inline-block;
      vertical-align: top;
      width: calc(345 / 710 * 100%);
      margin-right: calc(19 / 710 * 100%);
      margin-bottom: 0.2rem;
      color: #888;
      line-height: 3.2;
      background-color: #fff;
      border-radius: 0.1rem;
      cursor: pointer;
      text-align: center;
      padding: 0 0.14rem; }
    .modular .classifys .civem:nth-child(2n) {
      margin-right: 0; }
    .modular .classifys .civem:hover, .modular .classifys .civem.on {
      background-color: var(--theme);
      color: #fff; }
  .modular .sorts {
    width: 100%;
    margin: 0.8rem 0;
    font-size: 0; }
    .modular .sorts .sortlis {
      width: 100%;
      font-size: 0; }
      .modular .sorts .sortlis .sitem {
        display: inline-block;
        vertical-align: top;
        width: 32%;
        margin-right: 2%;
        margin-bottom: 0.2rem;
        border-radius: 0.1rem;
        background-color: #fff;
        color: #888;
        line-height: 3.2;
        text-align: center;
        padding: 0 0.1rem; }
      .modular .sorts .sortlis .sitem:nth-child(3n) {
        margin-right: 0; }
      .modular .sorts .sortlis .sitem.on {
        background-color: var(--theme);
        color: #fff; }
    .modular .sorts .sob {
      width: 100%;
      font-size: 0;
      text-align: center;
      margin-top: 0.3rem;
      display: none; }
      .modular .sorts .sob .stn {
        display: inline-block;
        vertical-align: middle;
        width: auto; }
        .modular .sorts .sob .stn .sms {
          display: inline-block;
          vertical-align: middle;
          color: #bbb;
          line-height: 1.5; }
          .modular .sorts .sob .stn .sms .sm:first-child {
            display: block; }
          .modular .sorts .sob .stn .sms .sm:last-child {
            display: none; }
        .modular .sorts .sob .stn .src {
          display: inline-block;
          vertical-align: middle;
          margin-left: 0.12rem;
          width: 0.18rem;
          transition: all ease 0.5s; }
          .modular .sorts .sob .stn .src img {
            width: 100%;
            display: block; }
      .modular .sorts .sob .stn.show .sms .sm:first-child {
        display: none; }
      .modular .sorts .sob .stn.show .sms .sm:last-child {
        display: block; }
      .modular .sorts .sob .stn.show .src {
        transform: rotate(180deg); }

.netails {
  width: 100%;
  background-color: #fff;
  padding: 0.8rem 0 0.6rem; }
  .netails .nit {
    width: 100%;
    color: #333;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 0.25rem; }
  .netails .nim {
    width: 100%;
    font-size: 0;
    margin-bottom: 0.3rem; }
    .netails .nim .time {
      display: inline-block;
      vertical-align: middle;
      color: #888;
      line-height: 1.5;
      margin-right: 0.5rem; }
      .netails .nim .time .as {
        display: inline-block;
        vertical-align: middle;
        width: 0.3rem;
        height: 0.3rem;
        margin-right: 0.14rem;
        position: relative;
        top: -0.02rem; }
        .netails .nim .time .as img {
          width: 100%;
          display: block; }
    .netails .nim .fs {
      display: inline-block;
      vertical-align: middle;
      width: 0.3rem;
      height: 0.3rem; }
      .netails .nim .fs a, .netails .nim .fs img {
        width: 100%;
        display: block; }
  .netails .ninps {
    width: 100%;
    margin: 0.3rem 0;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
    padding: 0.7rem 0;
    color: #666;
    line-height: 1.75;
    margin: 0.6rem 0; }
    .netails .ninps p {
      color: #666;
      line-height: 1.75; }
  .netails .not {
    width: 100%; }
    .netails .not .man {
      width: 100%;
      padding: 0.1rem 0; }
      .netails .not .man a {
        width: 100%;
        display: block; }
      .netails .not .man .et, .netails .not .man .em {
        width: 100%;
        color: #888;
        line-height: 1.75; }
    .netails .not .man:hover .et, .netails .not .man:hover .em {
      color: var(--theme); }

.relateds {
  width: 100%;
  padding: 0.8rem 0;
  background-color: #f9f9f9; }
  .relateds .rids {
    width: 100%;
    position: relative;
    padding-left: 0.2rem;
    color: #333;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 0.4rem; }
    .relateds .rids::after {
      content: ' ';
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 0.04rem;
      height: 0.36rem;
      background-color: var(--theme); }
  .relateds .related {
    width: 100%;
    font-size: 0; }
    .relateds .related .swiper-slide {
      width: 100%; }
      .relateds .related .swiper-slide a {
        width: 100%;
        display: block; }
      .relateds .related .swiper-slide .imgs {
        width: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0.1rem; }
        .relateds .related .swiper-slide .imgs .img {
          width: 100%;
          padding-top: 62.31%;
          transition: all ease 0.5s; }
      .relateds .related .swiper-slide .pim {
        width: 100%;
        margin: 0.2rem 0;
        color: #333;
        line-height: 1.5;
        height: calc(3em); }
    .relateds .related .swiper-slide.pro .imgs .img {
      padding-top: 97.05%; }
    .relateds .related .swiper-slide.pro .eom {
      width: 100%;
      padding: 0.35rem 0.2rem;
      margin-top: 1px;
      background-color: #fff; }
      .relateds .related .swiper-slide.pro .eom .et {
        width: 100%;
        color: #333;
        line-height: 1.5; }
      .relateds .related .swiper-slide.pro .eom .em {
        width: 100%;
        color: #888;
        line-height: 1.5;
        margin-top: 0.1rem; }
    .relateds .related .swiper-slide:hover .imgs .img {
      transform: scale(1.1); }
    .relateds .related .swiper-slide:hover .pim {
      color: var(--theme); }
    .relateds .related .swiper-slide:hover .eom .et {
      color: var(--theme); }

.afters {
  width: 100%;
  padding-bottom: 0.8rem; }
  .afters .forms {
    width: 100%; }
    .afters .forms form {
      width: 100%;
      display: block; }
    .afters .forms .input {
      width: 100%;
      display: flex;
      font-size: 0; }
      .afters .forms .input .name {
        display: inline-block;
        vertical-align: middle;
        width: 8em;
        color: #888;
        line-height: 3.2;
        background-color: #fff;
        margin-bottom: .24rem;
        padding-left: 0.2rem; }
        .afters .forms .input .name span {
          color: #ff0000;
          line-height: 1.5;
          margin-left: 0.06rem;
          display: inline-block; }
      .afters .forms .input input {
        width: calc(100% - 8em);
        display: block;
        background-color: #fff;
        margin-bottom: .24rem;
        border: none;
        padding: 0 .2rem;
        color: #333;
        line-height: 3.2em;
        height: 3.2em; }
    .afters .forms .text {
      width: 100%;
      background-color: #fff; }
      .afters .forms .text .namt {
        width: 100%;
        color: #888;
        line-height: 2;
        padding: 0.2rem 0.2rem 0 0.2rem; }
    .afters .forms .area {
      width: 100%;
      display: block;
      border: none;
      padding: .2rem 0.2rem;
      line-height: 1.5;
      color: #333;
      background-color: #fff;
      margin-bottom: .24rem; }
    .afters .forms .input.yzm {
      font-size: 0;
      display: flex; }
      .afters .forms .input.yzm input {
        display: inline-block;
        vertical-align: middle;
        flex: 1; }
      .afters .forms .input.yzm .get {
        display: inline-block;
        vertical-align: middle;
        background-color: #ea5520;
        width: 1.25rem;
        color: #fff;
        line-height: 3.2;
        text-align: center;
        cursor: pointer;
        margin-bottom: .24rem; }
      .afters .forms .input.yzm .code {
        padding: 0 0.1rem;
        background-color: #fff;
        width: auto;
        display: flex;
        align-items: center;
        height: 3.2em; }
        .afters .forms .input.yzm .code img {
          display: block;
          max-height: 0.43rem; }
    .afters .forms .rix {
      width: 100%;
      font-size: 0;
      margin: .2rem 0; }
      .afters .forms .rix .chox {
        width: 100%;
        font-size: 0; }
        .afters .forms .rix .chox .choxm {
          display: inline-block;
          vertical-align: middle;
          width: 2.23rem;
          height: 2.23rem;
          position: relative;
          background-color: #ffffff;
          line-height: 2.23rem;
          text-align: center;
          margin-right: .2rem;
          margin-bottom: .2rem;
          font-size: .4rem;
          color: #999; }
          .afters .forms .rix .chox .choxm input {
            position: absolute;
            z-index: 4;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            display: block;
            filter: alpha(opacity=0); }
          .afters .forms .rix .chox .choxm .c-img {
            max-width: 100%;
            max-height: 100%;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%); }
          .afters .forms .rix .chox .choxm .c-delete {
            width: .3rem;
            height: .3rem;
            line-height: .3rem;
            border-radius: 50%;
            text-align: center;
            position: absolute;
            right: 0.1rem;
            top: 0.1rem;
            z-index: 10;
            cursor: pointer;
            box-sizing: border-box; }
            .afters .forms .rix .chox .choxm .c-delete img {
              width: 100%;
              display: block; }
          .afters .forms .rix .chox .choxm .webuploader-pick {
            width: 100%;
            height: 100%;
            display: block; }
          .afters .forms .rix .chox .choxm .upm {
            width: 100%;
            height: 100%;
            display: flex;
            flex-wrap: wrap;
            align-content: center;
            text-align: center; }
            .afters .forms .rix .chox .choxm .upm .ti {
              display: block;
              margin: 0 auto 0.1rem;
              width: 0.7rem; }
              .afters .forms .rix .chox .choxm .upm .ti img {
                width: 100%;
                display: block; }
            .afters .forms .rix .chox .choxm .upm .cm {
              width: 100%;
              text-align: center;
              color: #888;
              line-height: 1.5; }
        .afters .forms .rix .chox .choxm:nth-child(3n) {
          margin-right: 0; }
        .afters .forms .rix .chox .tip {
          display: inline-block;
          vertical-align: middle;
          line-height: 1.8;
          color: #888; }
    .afters .forms .rob {
      width: 100%;
      font-size: 0;
      margin-top: .5rem; }
      .afters .forms .rob .stn {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        background-color: var(--theme);
        color: #fff;
        text-align: center;
        line-height: 3.2em;
        position: relative; }
        .afters .forms .rob .stn span {
          display: inline-block;
          vertical-align: middle;
          width: .08rem;
          height: .12rem;
          margin-left: .28rem; }
          .afters .forms .rob .stn span img {
            width: 100%;
            display: block; }
        .afters .forms .rob .stn .stc {
          position: absolute;
          cursor: pointer;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 4;
          opacity: 0; }
    .afters .forms .xm {
      width: 100%;
      color: #999;
      line-height: 1.8;
      margin-top: .08rem; }

.problems {
  width: 100%;
  padding-bottom: 0.8rem; }
  .problems .blemlist {
    width: 100%;
    font-size: 0; }
    .problems .blemlist .bleam {
      width: 100%; }
      .problems .blemlist .bleam .bitop {
        width: 100%;
        font-size: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #fff;
        padding: 0.34rem .4rem;
        border-radius: 0.1rem; }
        .problems .blemlist .bleam .bitop .icon {
          display: inline-block;
          vertical-align: middle;
          width: .32rem;
          height: .32rem; }
          .problems .blemlist .bleam .bitop .icon img {
            width: 100%;
            display: block; }
          .problems .blemlist .bleam .bitop .icon img:first-child {
            display: block; }
          .problems .blemlist .bleam .bitop .icon img:last-child {
            display: none; }
        .problems .blemlist .bleam .bitop .cm {
          display: inline-block;
          vertical-align: middle;
          padding: 0 .3rem;
          flex: 1;
          color: #333;
          line-height: 1.8; }
        .problems .blemlist .bleam .bitop .rep {
          display: inline-block;
          vertical-align: middle;
          width: .19rem;
          height: .19rem;
          text-align: center;
          font-size: 0; }
          .problems .blemlist .bleam .bitop .rep span {
            display: inline-block;
            vertical-align: middle;
            width: 100%;
            height: 100%; }
            .problems .blemlist .bleam .bitop .rep span img {
              width: 100%;
              height: 100%;
              display: block; }
          .problems .blemlist .bleam .bitop .rep span:nth-child(1) {
            display: block; }
          .problems .blemlist .bleam .bitop .rep span:nth-child(2) {
            display: none; }
          .problems .blemlist .bleam .bitop .rep span:nth-child(3) {
            display: none; }
      .problems .blemlist .bleam .becont {
        width: 100%;
        padding: .4rem;
        font-size: 0;
        display: none;
        background-color: #fff; }
        .problems .blemlist .bleam .becont .ica {
          display: inline-block;
          vertical-align: top;
          width: .32rem;
          height: .32rem; }
          .problems .blemlist .bleam .becont .ica img {
            width: 100%;
            display: block; }
        .problems .blemlist .bleam .becont .rinp {
          display: inline-block;
          vertical-align: top;
          width: calc(100% - .32rem);
          padding-left: .3rem;
          color: #666;
          line-height: 1.6; }
          .problems .blemlist .bleam .becont .rinp p {
            color: #666;
            line-height: 1.6; }
    .problems .blemlist .bleam.on .bitop {
      background-color: #ea5520; }
      .problems .blemlist .bleam.on .bitop .icon img:first-child {
        display: none; }
      .problems .blemlist .bleam.on .bitop .icon img:last-child {
        display: block; }
      .problems .blemlist .bleam.on .bitop .cm {
        color: #fff; }
      .problems .blemlist .bleam.on .bitop .add {
        color: #fff; }
      .problems .blemlist .bleam.on .bitop .rep span {
        color: #fff; }
      .problems .blemlist .bleam.on .bitop .rep span:nth-child(1) {
        display: none; }
      .problems .blemlist .bleam.on .bitop .rep span:nth-child(2) {
        display: block; }
    .problems .blemlist .bleam + .bleam {
      margin-top: .4rem; }

.downers {
  width: 100%;
  padding-bottom: 0.8rem; }
  .downers .dinps {
    width: 100%;
    margin: 0.8rem 0;
    color: #666;
    line-height: 1.6; }
    .downers .dinps p {
      color: #666;
      line-height: 1.6; }
  .downers .donwlis {
    width: 100%;
    font-size: 0; }
    .downers .donwlis .ditem {
      width: 100%;
      font-size: 0;
      background-color: #fff;
      border-radius: 0.1rem;
      overflow: hidden; }
      .downers .donwlis .ditem a {
        width: 100%;
        display: block; }
      .downers .donwlis .ditem .pic {
        display: inline-block;
        vertical-align: middle;
        width: 1.4rem;
        height: 1.4rem;
        border-radius: 0.1rem;
        background-color: #e6e9ed; }
        .downers .donwlis .ditem .pic img {
          width: 100%;
          display: block; }
      .downers .donwlis .ditem .epm {
        display: inline-block;
        vertical-align: middle;
        padding: 0.1rem 0.3rem;
        width: calc(100% - 1.4rem); }
        .downers .donwlis .ditem .epm .et {
          width: 100%;
          color: #333;
          line-height: 1.5; }
        .downers .donwlis .ditem .epm .km {
          width: 100%;
          color: #888;
          line-height: 1.5;
          margin-top: 0.1rem; }
    .downers .donwlis .ditem + .ditem {
      margin-top: 0.4rem; }
    .downers .donwlis .ditem:hover .epm .et {
      color: var(--theme); }

.appers {
  width: 100%;
  padding-bottom: 0.8rem; }
  .appers .codmlis {
    width: 100%;
    font-size: 0; }
    .appers .codmlis .codem {
      display: inline-block;
      vertical-align: top;
      width: calc(345 / 710 * 100%);
      margin-bottom: 0.2rem;
      border-radius: 0.3rem;
      background-color: #fff;
      margin-right: calc(19 / 710 * 100%);
      padding: 0.35rem 0.3rem; }
      .appers .codmlis .codem .cop {
        width: 100%;
        text-align: center;
        color: #333;
        line-height: 1.5; }
        .appers .codmlis .codem .cop span {
          display: inline-block;
          vertical-align: middle;
          width: 0.3rem;
          height: 0.3rem;
          margin-right: 0.2rem;
          position: relative;
          top: -0.02rem; }
          .appers .codmlis .codem .cop span img {
            width: 100%;
            display: block; }
      .appers .codmlis .codem .cmg {
        display: block;
        margin: 0.3rem auto;
        width: 1.6rem; }
        .appers .codmlis .codem .cmg img {
          width: 100%;
          display: block; }
      .appers .codmlis .codem .atn {
        width: 100%; }
        .appers .codmlis .codem .atn a {
          width: 100%;
          display: block;
          background-color: #f5f5f5;
          border-radius: 0.1rem;
          text-align: center;
          color: #888;
          line-height: 3; }
        .appers .codmlis .codem .atn a:hover {
          background-color: var(--theme);
          color: #fff; }
    .appers .codmlis .codem:nth-child(2n) {
      margin-right: 0; }
  .appers .ainps {
    width: 100%;
    color: #888;
    line-height: 1.6;
    margin-top: 0.8rem; }
    .appers .ainps p {
      color: #888;
      line-height: 1.6; }
    .appers .ainps img {
      max-width: 100%; }

.companys {
  width: 100%;
  padding-bottom: 0.8rem; }
  .companys .comy {
    width: 100%;
    background-color: #fff;
    padding: 0.8rem 0.2rem;
    border-radius: 0.3rem; }
  .companys .conlist {
    width: 100%;
    font-size: 0; }
    .companys .conlist .colm {
      display: inline-block;
      vertical-align: top;
      width: calc(325 / 670 * 100%);
      margin-right: calc(19 / 670 * 100%);
      margin-bottom: 0.2rem;
      background-color: #f3f5f8;
      border-radius: 0.1rem;
      padding: 0.3rem 0.1rem 0.3rem 0.2rem;
      font-size: 0; }
      .companys .conlist .colm .ic {
        display: inline-block;
        vertical-align: middle;
        width: 0.46rem;
        height: 0.46rem; }
        .companys .conlist .colm .ic img {
          width: 100%;
          display: block; }
      .companys .conlist .colm .pm {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 0.46rem);
        padding-left: 0.24rem; }
        .companys .conlist .colm .pm .num {
          width: 100%;
          color: #666; }
          .companys .conlist .colm .pm .num span {
            color: var(--theme);
            font-weight: bold;
            margin-right: 0.1rem; }
        .companys .conlist .colm .pm .mm {
          width: 100%;
          color: #666;
          line-height: 1.5;
          margin-top: 0.06rem;
          white-space: nowrap; }
    .companys .conlist .colm:nth-child(2n) {
      margin-right: 0; }
  .companys .cinmp {
    width: 100%;
    color: #666;
    line-height: 1.75;
    margin-top: 0.8rem; }
    .companys .cinmp p {
      color: #666;
      line-height: 1.75; }
    .companys .cinmp img {
      max-width: 100%; }

.historys {
  width: 100%;
  padding-bottom: 0.8rem; }
  .historys .yearper {
    width: 100%; }
    .historys .yearper .yetam {
      width: 100%;
      background-color: #fff;
      margin-bottom: 0.1rem;
      border-radius: 0.1rem;
      padding: 0.2rem 0.2rem;
      box-shadow: 0px 0px 24px 0px rgba(238, 238, 238, 0.55);
      transition: all ease 0.5s; }
    .historys .yearper .yetam.fixed {
      position: fixed;
      top: 1rem;
      width: 100%;
      z-index: 10;
      left: 0;
      right: 0; }
    .historys .yearper .swiper-slide {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      padding: 0 0.24rem;
      color: #000;
      line-height: 0.8rem;
      font-size: 0.28rem;
      transition: color ease 0.5s; }
    .historys .yearper .swiper-slide.on {
      font-weight: bold;
      color: var(--theme);
      font-size: 0.36rem; }
  .historys .yecont {
    width: 100%;
    background-color: #fff;
    border-radius: 0.3rem;
    padding: 0.7rem 0.2rem; }
    .historys .yecont .yitem {
      width: 100%; }
      .historys .yecont .yitem .heac {
        width: 100%;
        position: relative;
        top: -1rem; }
      .historys .yecont .yitem .yit {
        width: 100%;
        color: var(--theme);
        font-weight: bold;
        line-height: 1.5;
        margin-bottom: 0.3rem; }
      .historys .yecont .yitem .yitmlis {
        width: 100%; }
        .historys .yecont .yitem .yitmlis .month {
          width: 100%; }
          .historys .yecont .yitem .yitmlis .month .mit {
            width: 100%;
            color: #111;
            font-weight: bold;
            margin-bottom: 0.25rem; }
            .historys .yecont .yitem .yitmlis .month .mit span {
              display: inline-block;
              vertical-align: middle;
              width: 0.2rem;
              height: 0.04rem;
              margin-right: 0.3rem;
              background-color: var(--theme); }
          .historys .yecont .yitem .yitmlis .month .minp {
            width: 100%;
            color: #666;
            line-height: 1.75;
            padding-left: 0.4rem; }
            .historys .yecont .yitem .yitmlis .month .minp p {
              color: #666;
              line-height: 1.75; }
        .historys .yecont .yitem .yitmlis .month + .month {
          margin-top: 0.5rem; }
    .historys .yecont .yitem + .yitem {
      margin-top: 0.8rem; }

.honors {
  width: 100%;
  padding-bottom: 0.8rem; }
  .honors .hontem {
    width: 100%; }
    .honors .hontem .hovom {
      width: 100%;
      display: none; }
    .honors .hontem .hovom.on {
      display: block; }
    .honors .hontem .hovom + .hovom {
      margin-top: 0.8rem; }
    .honors .hontem .hinp {
      width: 100%;
      color: #666;
      line-height: 1.75; }
      .honors .hontem .hinp p {
        color: #666;
        line-height: 1.75; }
      .honors .hontem .hinp img {
        max-width: 100%; }

.recruits {
  width: 100%;
  padding-bottom: 0.8rem; }
  .recruits .recruim {
    width: 100%;
    background-color: #fff;
    padding: 0.8rem 0.2rem;
    border-radius: 0.3rem; }
    .recruits .recruim .rinp {
      width: 100%;
      color: #666;
      line-height: 1.75; }
      .recruits .recruim .rinp p {
        color: #666;
        line-height: 1.75; }
    .recruits .recruim .rem {
      width: 100%;
      margin-top: 0.8rem; }
      .recruits .recruim .rem img {
        width: 100%;
        display: block; }
  .recruits .form {
    width: 100%;
    margin: 0.8rem  0 0.5rem; }
    .recruits .form form {
      width: 100%;
      font-size: 0;
      padding: 0 .2rem;
      display: block;
      background-color: #fff;
      overflow: hidden;
      border-radius: 0.1rem; }
    .recruits .form .int {
      display: inline-block;
      vertical-align: middle;
      width: calc(100% - .36rem - 0.2rem);
      line-height: 0.9rem;
      height: 0.9rem;
      color: #333;
      background-color: transparent;
      border: none; }
    .recruits .form .stn {
      display: inline-block;
      vertical-align: middle;
      width: .36rem;
      height: .36rem;
      margin-left: 0.2rem;
      position: relative; }
      .recruits .form .stn img {
        width: 100%;
        height: 100%;
        display: block; }
      .recruits .form .stn .sin {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 3;
        opacity: 0;
        cursor: pointer; }
  .recruits .recrtlis {
    width: 100%; }
    .recruits .recrtlis .rectim {
      width: 100%; }
      .recruits .recrtlis .rectim .ritlt {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        background-color: #fff;
        padding: 0.2rem .3rem;
        cursor: pointer;
        border-radius: 0.1rem; }
        .recruits .recrtlis .rectim .ritlt .xm {
          display: inline-block;
          vertical-align: middle;
          color: #666;
          line-height: 2; }
        .recruits .recrtlis .rectim .ritlt .rep {
          display: inline-block;
          vertical-align: middle;
          width: .19rem;
          height: .19rem;
          text-align: center;
          font-size: 0; }
          .recruits .recrtlis .rectim .ritlt .rep span {
            display: inline-block;
            vertical-align: middle;
            width: 100%;
            height: 100%; }
            .recruits .recrtlis .rectim .ritlt .rep span img {
              width: 100%;
              height: 100%;
              display: block; }
          .recruits .recrtlis .rectim .ritlt .rep span:nth-child(1) {
            display: block; }
          .recruits .recrtlis .rectim .ritlt .rep span:nth-child(2) {
            display: none; }
      .recruits .recrtlis .rectim .recons {
        width: 100%;
        background-color: #fff;
        padding: .6rem .3rem;
        border-radius: 0 0 0.1rem 0.1rem;
        display: none; }
        .recruits .recrtlis .rectim .recons .rim {
          width: 100%;
          font-size: 0; }
          .recruits .recrtlis .rectim .recons .rim .rm {
            display: inline-block;
            vertical-align: top;
            color: #555;
            line-height: 1.5;
            margin-right: .4rem;
            margin-bottom: .1rem; }
        .recruits .recrtlis .rectim .recons .reotm {
          width: 100%;
          margin: .4rem 0; }
          .recruits .recrtlis .rectim .recons .reotm .ritm {
            width: 100%;
            display: inline-block;
            vertical-align: top; }
            .recruits .recrtlis .rectim .recons .reotm .ritm .rit {
              width: 100%;
              color: #ea5520;
              line-height: 1;
              margin-bottom: .3rem;
              font-weight: bold; }
            .recruits .recrtlis .rectim .recons .reotm .ritm .rinp {
              width: 100%;
              color: #666;
              line-height: 1.8; }
              .recruits .recrtlis .rectim .recons .reotm .ritm .rinp p {
                color: #666;
                line-height: 1.8; }
          .recruits .recrtlis .rectim .recons .reotm .ritm + .ritm {
            margin-top: 0.7rem; }
    .recruits .recrtlis .rectim.show .ritlt {
      background-color: #ea5520; }
      .recruits .recrtlis .rectim.show .ritlt .xm {
        color: #fff; }
      .recruits .recrtlis .rectim.show .ritlt .rep span {
        color: #fff; }
      .recruits .recrtlis .rectim.show .ritlt .rep span:nth-child(1) {
        display: none; }
      .recruits .recrtlis .rectim.show .ritlt .rep span:nth-child(2) {
        display: block; }
    .recruits .recrtlis .rectim + .rectim {
      margin-top: .4rem; }

.contacts {
  width: 100%;
  padding-bottom: 0.8rem; }
  .contacts .addrelis {
    width: 100%;
    font-size: 0; }
    .contacts .addrelis .adrem {
      width: 100%;
      background-color: #fff;
      border-radius: 0.3rem;
      padding: 0.45rem 0.3rem; }
      .contacts .addrelis .adrem .aop {
        width: 100%;
        font-size: 0; }
        .contacts .addrelis .adrem .aop .ac {
          display: inline-block;
          vertical-align: middle;
          width: 0.34rem;
          height: 0.34rem;
          margin-right: 0.25rem; }
          .contacts .addrelis .adrem .aop .ac img {
            width: 100%;
            display: block; }
        .contacts .addrelis .adrem .aop .adm {
          display: inline-block;
          vertical-align: middle;
          color: #333;
          line-height: 1.5;
          width: calc(100% - 0.6rem); }
      .contacts .addrelis .adrem .eob {
        width: 100%;
        padding-left: 0.6rem;
        margin-top: 0.2rem; }
        .contacts .addrelis .adrem .eob .num {
          width: 100%;
          color: var(--theme);
          line-height: 1.5;
          font-weight: bold; }
        .contacts .addrelis .adrem .eob .pim {
          width: 100%;
          color: #888;
          line-height: 1.5;
          margin-top: 0.12rem; }
    .contacts .addrelis .adrem + .adrem {
      margin-top: 0.5rem; }

    .contacts .addrelis .ylom{
      width: 100%;
      display: block;
      border-radius: 0.3rem;
      overflow: hidden;
      margin-top: 0.5rem;
    }
  .contacts .maplist {
    width: 100%;
    background-color: #fff;
    padding: 0.8rem 0.3rem;
    border-radius: 0.3rem;
    margin-top: 0.5rem; }
    .contacts .maplist .mapim {
      width: 100%; }
      .contacts .maplist .mapim .mie {
        width: 100%;
        color: #333;
        font-weight: bold;
        line-height: 1.5;
        margin-bottom: 0.3rem; }
      .contacts .maplist .mapim .adres {
        width: 100%;
        font-size: 0; }
        .contacts .maplist .mapim .adres .qc {
          display: inline-block;
          vertical-align: top;
          width: 0.3rem;
          height: 0.3rem;
          margin-right: 0.2rem;
          margin-top: calc(0.8em - 0.15rem); }
          .contacts .maplist .mapim .adres .qc img {
            width: 100%;
            display: block; }
        .contacts .maplist .mapim .adres .qem {
          display: inline-block;
          vertical-align: top;
          width: calc(100% - 0.3rem - 0.2rem);
          color: #666;
          line-height: 1.6; }
      .contacts .maplist .mapim .maps {
        width: 100%;
        margin-top: 0.4rem; }
        .contacts .maplist .mapim .maps img {
          width: 100%;
          display: block; }
    .contacts .maplist .mapim + .mapim {
      margin-top: 0.8rem; }

.procens {
  width: 100%;
  padding-bottom: 0.8rem; }
  .procens .nanlis {
    width: 100%;
    margin: 0.5rem 0 0.8rem; }
    .procens .nanlis .named {
      width: 100%;
      display: block;
      overflow: hidden;
      border-radius: 0.25rem; }
      .procens .nanlis .named a, .procens .nanlis .named img {
        width: 100%;
        display: block; }
    .procens .nanlis .named + .named {
      margin-top: 0.5rem; }
  .procens .proslist {
    width: 100%;
    font-size: 0; }
    .procens .proslist .priam {
      display: inline-block;
      vertical-align: top;
      width: calc(340 / 710 * 100%);
      margin-right: calc(29 / 710 * 100%);
      margin-bottom: 0.3rem;
      background-color: #fff; }
      .procens .proslist .priam a {
        width: 100%;
        display: block; }
      .procens .proslist .priam .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .procens .proslist .priam .imgs .img {
          width: 100%;
          padding-top: 97.05%; }
      .procens .proslist .priam .eom {
        width: 100%;
        padding: 0.35rem 0.2rem;
        margin-top: 1px; }
        .procens .proslist .priam .eom .et {
          width: 100%;
          color: #333;
          line-height: 1.5; }
        .procens .proslist .priam .eom .em {
          width: 100%;
          color: #888;
          line-height: 1.5;
          margin-top: 0.1rem; }
    .procens .proslist .priam:nth-child(2n) {
      margin-right: 0; }
    .procens .proslist .priam:hover .imgs .img {
      transform: scale(1.1); }
    .procens .proslist .priam:hover .eom .et {
      color: var(--theme); }

.petails {
  width: 100%;
  padding: 0.8rem 0;
  background-color: #f5f5f5; }
  .petails .pecom {
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    border-radius: 0.3rem; }
    .petails .pecom .pmg {
      width: 100%; }
      .petails .pecom .pmg img {
        width: 100%;
        display: block; }
    .petails .pecom .pcont {
      width: 100%;
      padding: 0.8rem 0.3rem 0.6rem;
      position: relative; }
      .petails .pecom .pcont .share {
        position: absolute;
        width: 0.36rem;
        height: 0.36rem;
        right: 0.3rem;
        top: 0.8rem; }
        .petails .pecom .pcont .share img {
          width: 100%;
          display: block; }
      .petails .pecom .pcont .pit {
        width: 100%;
        color: #333;
        font-weight: bold;
        line-height: 1.5;
        margin-bottom: 0.3rem;
        padding-right: 0.4rem; }
      .petails .pecom .pcont .pinp {
        width: 100%;
        color: #666;
        line-height: 1.75; }
        .petails .pecom .pcont .pinp p {
          color: #666;
          line-height: 1.75; }
      .petails .pecom .pcont .pob {
        width: 100%;
        font-size: 0;
        margin-top: 0.6rem; }
        .petails .pecom .pcont .pob .ptn {
          display: inline-block;
          vertical-align: middle;
          background-color: #f5f5f5;
          width: 32%;
          margin-right: 2%;
          text-align: center;
          margin-bottom: 0.2rem;
          border-radius: 0.1rem; }
          .petails .pecom .pcont .pob .ptn span {
            display: inline-block;
            vertical-align: middle;
            width: 0.32rem;
            height: 0.32rem;
            margin-right: 0.1rem; }
            .petails .pecom .pcont .pob .ptn span img {
              width: 100%;
              display: block; }
            .petails .pecom .pcont .pob .ptn span img:first-child {
              display: block; }
            .petails .pecom .pcont .pob .ptn span img:last-child {
              display: none; }
          .petails .pecom .pcont .pob .ptn .em {
            display: inline-block;
            vertical-align: middle;
            color: #666;
            line-height: 2.8;
            max-width: calc(100% - 0.32rem - 0.1rem); }
        .petails .pecom .pcont .pob .ptn:nth-child(3n) {
          margin-right: 0; }
        .petails .pecom .pcont .pob .ptn:hover {
          background-color: var(--theme); }
          .petails .pecom .pcont .pob .ptn:hover span img:first-child {
            display: none; }
          .petails .pecom .pcont .pob .ptn:hover span img:last-child {
            display: block; }
          .petails .pecom .pcont .pob .ptn:hover .em {
            color: #fff; }
  .petails .pinds {
    width: 100%;
    color: #666;
    line-height: 1.75;
    margin: 0.8rem 0; }
    .petails .pinds p {
      color: #666;
      line-height: 1.75; }
    .petails .pinds img {
      max-width: 100%; }

.cases {
  width: 100%;
  padding-bottom: 0.8rem; }
  .cases .caselist {
    width: 100%;
    font-size: 0; }
    .cases .caselist .castm {
      width: 100%; }
      .cases .caselist .castm a {
        width: 100%;
        display: block; }
      .cases .caselist .castm .imgs {
        display: inline-block;
        vertical-align: middle;
        width: calc(355 / 710 * 100%);
        position: relative;
        overflow: hidden; }
        .cases .caselist .castm .imgs .img {
          width: 100%;
          padding-top: 60.56%;
          transition: all ease 0.5s; }
      .cases .caselist .castm .com {
        display: inline-block;
        vertical-align: middle;
        width: calc(355 / 710 * 100%);
        padding-left: 0.3rem; }
        .cases .caselist .castm .com .ct {
          width: 100%;
          color: #333;
          line-height: 1.5; }
        .cases .caselist .castm .com .cim {
          width: 100%;
          color: #888;
          line-height: 1.5;
          margin-top: 0.1rem;
          max-height: 3em; }
    .cases .caselist .castm:hover .imgs .img {
      transform: scale(1.1); }
    .cases .caselist .castm:hover .com .ct {
      color: var(--theme); }
    .cases .caselist .castm + .castm {
      margin-top: 0.8rem; }

.projects {
  width: 100%;
  padding-bottom: 0.8rem; }
  .projects .projlist {
    width: 100%;
    font-size: 0; }
    .projects .projlist .castm {
      display: inline-block;
      vertical-align: top;
      width: calc(345 / 710 * 100%);
      margin-right: calc(19 / 710 * 100%);
      margin-bottom: 0.35rem; }
      .projects .projlist .castm a {
        width: 100%;
        display: block; }
      .projects .projlist .castm .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .projects .projlist .castm .imgs .img {
          width: 100%;
          padding-top: 60.86%;
          transition: all ease 0.5s; }
      .projects .projlist .castm .cim {
        width: 100%;
        color: #333;
        line-height: 1.5;
        padding: 0.1rem 0; }
    .projects .projlist .castm:nth-child(2n) {
      margin-right: 0; }

/*弹出层相关*/
.c-btn{display: inline-block;vertical-align: top;font-size: 14px;color: #fff;line-height: 1.43;text-align: center;cursor: pointer;user-select: none;border: 1px solid transparent;border-radius: 4px;padding: 6px 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.c-btn:hover{color: #fff;}
.c-blue{background-color: #0d6efd;border: 1px solid #0d6efd;}
.c-blue:hover{background-color: #0b5ed7;border-color: #0b5ed7;}
.c-white{background-color: #fff;border: 1px solid #dee2e6;color: #666;transition: all .3s;}
.c-white:hover,
.c-white:focus,
.c-white:active{color: #333;background-color:#e6e6e6;border-color:#adadad;}
.hn-tip{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;}
.hn-mask{width: 100%;height: 100%;position: fixed;left: 0;top: 0;visibility: hidden;opacity: 0;z-index: 987654321;background-color: rgba(0,0,0,0.1);transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-tip .hn-mask{background-color: transparent;}
.hn-msg{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;font-size: 14px;color: #fff;background-color: rgba(0,0,0,0.6);border-radius: 2px;padding: 12px 25px;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-tip.show .hn-mask{visibility: visible;opacity: 1;}
.hn-tip.show .hn-msg{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.hn-load{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;}
.hn-load-cont{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-load-icon{width: 32px;height: 32px;margin: 0 auto;background-image: url(../images/load.gif);background-repeat: no-repeat;background-position: 100% 100%;}
.hn-load-title{font-size: 14px;color: #333;text-align: center;margin-top: 10px;}
.hn-load.show .hn-mask{visibility: visible;opacity: 1;}
.hn-load.show .hn-load-cont{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.hn-confirm{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;}
.hn-confirm-dialog{width: auto;min-width: 300px;position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);}
.hn-confirm-title{padding: 0 80px 0 20px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;}
.hn-confirm-cont{width: 100%;position: relative;padding: 20px;line-height: 24px;word-break: break-all;overflow: hidden;font-size: 14px;}
.hn-confirm-btns{text-align: right;padding: 0 15px 12px;user-select: none;font-size: 0;}
.hn-confirm-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;}
.hn-confirm-close:hover{opacity: 0.7;}
.hn-confirm-btns .c-btn{margin-left: 10px;}
.hn-confirm-btns .c-btn:first-child{margin-left: 0;}
.hn-confirm.show .hn-mask{visibility: visible;opacity: 1;}
.hn-confirm.show .hn-confirm-dialog{transform: scale(1);opacity: 1;visibility: visible;}
.hn-html{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;}
.hn-html-dialog{width: auto;min-width: 300px;position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);}
.hn-html-title{padding: 0 80px 0 10px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;}
.hn-html-cont{width: 100%;position: relative;padding: 10px;line-height: 24px;word-break: break-all;overflow: auto;font-size: 14px;}
.hn-html-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;}
.hn-html-close:hover{opacity: 0.7;}
.hn-html.show .hn-mask{visibility: visible;opacity: 1;}
.hn-html.show .hn-html-dialog{transform: scale(1);opacity: 1;visibility: visible;}





  /*视频容器样式*/
  .xv-a {position: fixed;left: 0;top: 120%;z-index: 188; width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);transition: top .5s ease-in-out;}
  .xv-a.show {top: 0;}
  .xv-a.show .xv-e {visibility: visible;}
  .xv-a.show .xv-f {display: block;}
  .xv-b {position: absolute;left: 50%;top: 50%;margin-left: -550px;margin-top: -300px;width: 1000px;height: 600px;}
  .xv-c {display: block;width: 40px;height: 40px;background-color: #ea5520;position: absolute;right: 0; top: 0;cursor: pointer;z-index: 10000;}
  .xv-d {display: block;width: 100%;height: 100%;font-size: 21px;text-align: center;line-height: 40px;color: #fff;}
  .xv-e {visibility: hidden;width: 100%; height: 100%;}
  .xv-f {display: none;width: 100%;height: 100%;}
  @media(max-width:1200px) {
      .xv-b {width: 90vw;height: auto;margin-top: 0;margin-left: 0;transform: translate(-50%, -50%);}
      .xv-f {max-height: 90vh;}
      .xv-e {height: 60vh;}
  }