.inner_shadow {
  box-shadow: 0px 0px 8px 0px rgba(60, 60, 60, 0.28); }

main {
  max-width: 1200px;
  margin: 0 auto;
  display: block;
  *zoom: 1; }

main:before, main:after {
  content: " ";
  display: table; }

main:after {
  clear: both; }

html {
  background: #fff;
  overflow-x: hidden;
  width: 100%;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  font-family: "Microsoft YaHei"; }

h1 {
  font-size: 2em;
  margin: .67em 0; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace,monospace;
  font-size: 1em; }

a {
  background-color: transparent;
  text-decoration: none; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b, strong {
  font-weight: bolder; }

code, kbd, samp {
  font-family: monospace,monospace;
  font-size: 1em; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

img {
  border-style: none; }

button {
  cursor: pointer; }

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button, input {
  overflow: visible; }

button, select {
  text-transform: none; }

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0; }

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: .35em .75em .625em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0; }

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto; }

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details {
  display: block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video {
  margin: 0;
  padding: 0; }

fieldset, img {
  border: 0; }

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

ins {
  text-decoration: none; }

li {
  list-style: none; }

table {
  font-size: inherit;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }

caption, th {
  text-align: left; }

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

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

legend {
  color: #000; }

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit; }

input, button, textarea, select {
  border: 0;
  padding: 0;
  margin: 0;
  *font-size: 100%;
  line-height: 1.2; }

a img, img {
  -ms-interpolation-mode: bicubic; }

sub, sup {
  vertical-align: baseline; }

article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote {
  display: block; }

pre {
  white-space: pre-wrap; }

textarea {
  resize: none;
  overflow: auto; }

input[type=text]:focus, input[type=password]:focus, textarea:focus {
  outline: 0; }

button, input {
  outline: 0; }

input[type=password]::-ms-reveal {
  display: none; }

input::-ms-clear {
  display: none; }

input:-ms-input-placeholder {
  color: #999; }

.left {
  float: left; }

.right {
  float: right; }

.clear:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clear {
  zoom: 1; }

:root .gradient {
  filter: none; }

.needScroll {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.needScroll::-webkit-scrollbar {
  width: 6px;
  height: 6px; }

.needScroll::-webkit-scrollbar-thumb {
  background-color: rgba(200, 200, 200, 0.4);
  border-radius: 10px;
  -webkit-box-shadow: inset 1px 1px 0 rgba(200, 200, 200, 0.1); }

.needScroll:hover::-webkit-scrollbar-thumb {
  background-color: rgba(200, 200, 200, 0.4);
  border-radius: 10px;
  -webkit-box-shadow: inset 1px 1px 0 rgba(200, 200, 200, 0.1); }

.needScroll::-webkit-scrollbar-thumb:hover {
  background-color: rgba(200, 200, 200, 0.4);
  -webkit-box-shadow: inset 1px 1px 0 rgba(200, 200, 200, 0.1); }

.needScroll::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(200, 200, 200, 0.4);
  background-color: white; }

.needScroll::-webkit-scrollbar-track:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(200, 200, 200, 0.3);
  background-color: rgba(200, 200, 200, 0.01); }

.needTada {
  animation: tadass 1.2s linear infinite;
  -webkit-animation: tadass 1.2s linear infinite; }

@keyframes tadass {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%,
    20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
    50%,
    70%,
    90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
    60%,
    80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.drop-down-leave-active {
  opacity: 0;
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.1s, opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
  -ms-transform-origin: center top;
  transform-origin: center top;
  transform-origin: center top; }

.drop-down-enter-active {
  opacity: 1;
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.1s, opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
  -ms-transform-origin: center top;
  transform-origin: center top;
  transform-origin: center top; }

.recommend_list {
  *zoom: 1;
  padding: 13px 10px 3px 10px; }
  .recommend_list:before, .recommend_list:after {
    content: " ";
    display: table; }
  .recommend_list:after {
    clear: both; }
  .recommend_list li {
    float: left;
    width: 188.3px;
    height: 100px;
    background: #fefefe;
    border: 2px solid #e8e8e8;
    box-sizing: border-box;
    margin-bottom: 10px;
    margin-right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .recommend_list li:hover {
      box-shadow: 0px 0px 8px 0px rgba(255, 76, 83, 0.68); }
    .recommend_list li:nth-of-type(6n) {
      margin-right: 0; }
    .recommend_list li .recom_wrapper {
      text-align: center; }
      .recommend_list li .recom_wrapper img {
        display: block;
        margin: 0 auto; }
        .recommend_list li .recom_wrapper img:nth-of-type(1) {
          width: 116px;
          height: 69px;
          object-fit: contain; }
      .recommend_list li .recom_wrapper span {
        display: block;
        color: #808080;
        font-size: 14px;
        margin-bottom: 5px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all; }

.recommend {
  margin-top: 12px; }
  .recommend .recommend_title {
    border-bottom: 2px solid #A7A7A7;
    margin-bottom: 20px;
    *zoom: 1;
    position: relative;
    line-height: 50px;
    height: 60px; }
    .recommend .recommend_title:before, .recommend .recommend_title:after {
      content: " ";
      display: table; }
    .recommend .recommend_title:after {
      clear: both; }
    .recommend .recommend_title.brand_recommend_title:after {
      width: 15%;
      background: #FF4C53; }
    .recommend .recommend_title:after {
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 21%;
      height: 2px;
      display: block;
      content: '';
      background: #000000; }
    .recommend .recommend_title .r1 img {
      float: left;
      margin-top: 11px;
      margin-right: 11px; }
    .recommend .recommend_title .r1 span {
      float: left;
      color: #FF4C53;
      font-size: 34px;
      font-weight: bolder;
      margin-right: 10px; }
    .recommend .recommend_title .r1 b {
      float: left;
      color: #333333;
      font-size: 30px; }
    .recommend .recommend_title .r1 small {
      float: left;
      text-transform: uppercase;
      color: #A6A6A6;
      font-size: 18px;
      margin-left: 9px; }
    .recommend .recommend_title .r2 {
      float: right;
      margin-top: 13px;
      margin-right: 30px;
      position: relative; }
      .recommend .recommend_title .r2.brand_r2:before {
        width: 300px;
        left: -299px; }
      .recommend .recommend_title .r2:before {
        position: absolute;
        left: -503px;
        display: block;
        content: '';
        top: 13px;
        background: #E2E2E2;
        height: 1px;
        width: 503px; }
      .recommend .recommend_title .r2:after {
        position: absolute;
        right: -30px;
        display: block;
        content: '';
        top: 13px;
        background: #E2E2E2;
        height: 1px;
        width: 30px; }
      .recommend .recommend_title .r2 li {
        width: 99px;
        height: 26px;
        line-height: 26px;
        text-align: center;
        color: #999999;
        font-size: 14px;
        float: left;
        border: 1px solid #E2E2E2;
        transition: all 0.3s;
        cursor: pointer;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        .recommend .recommend_title .r2 li.selected {
          background: #FF4C53;
          color: #fff; }
        .recommend .recommend_title .r2 li:nth-of-type(1), .recommend .recommend_title .r2 li:nth-of-type(2) {
          border-right: 0; }
    .recommend .recommend_title .r3 {
      float: right;
      color: #999999;
      font-size: 16px;
      transition: all 0.3s; }
      .recommend .recommend_title .r3:hover {
        color: #FF4C53; }

.service_title {
  border-bottom: 2px solid #A7A7A7;
  margin-bottom: 20px;
  *zoom: 1;
  position: relative;
  line-height: 50px;
  height: 60px; }
  .service_title:before, .service_title:after {
    content: " ";
    display: table; }
  .service_title:after {
    clear: both; }
  .service_title.service_title0:after {
    width: 15%;
    background: #FF4C53; }
  .service_title a {
    float: right;
    color: #666;
    font-size: 16px;
    transition: 0.3s; }
    .service_title a:hover {
      color: #E64A19; }
  .service_title:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 21%;
    height: 2px;
    display: block;
    content: '';
    background: #000000; }
  .service_title img {
    float: left;
    margin-top: 11px;
    margin-right: 11px; }
  .service_title span {
    float: left;
    color: #FF4C53;
    font-size: 34px;
    font-weight: bolder;
    margin-right: 10px; }
  .service_title b {
    float: left;
    color: #333333;
    font-size: 30px; }
  .service_title small {
    float: left;
    text-transform: uppercase;
    color: #A6A6A6;
    font-size: 18px;
    margin-left: 9px; }

.news_center {
  padding-top: 20px; }
  .news_center .news0 {
    *zoom: 1;
    padding: 13px;
    margin-bottom: 15px; }
    .news_center .news0:before, .news_center .news0:after {
      content: " ";
      display: table; }
    .news_center .news0:after {
      clear: both; }
    .news_center .news0 .table-content {
      height: 300px;
      overflow: hidden;
      background: #fff; }
    .news_center .news0 .content {
      *zoom: 1;
      position: relative;
      padding-left: 16px;
      margin-bottom: 15px;
      cursor: pointer;
      line-height: 24px; }
      .news_center .news0 .content:before, .news_center .news0 .content:after {
        content: " ";
        display: table; }
      .news_center .news0 .content:after {
        clear: both; }
      .news_center .news0 .content:hover .c1 {
        color: #FF4C53; }
      .news_center .news0 .content:hover .c2 {
        color: #FF4C53; }
      .news_center .news0 .content:before {
        width: 5px;
        height: 4px;
        background: #cdcdcd;
        position: absolute;
        left: 0;
        top: 10px;
        display: block;
        content: ''; }
      .news_center .news0 .content .c1 {
        width: 80%;
        float: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        color: #333333;
        font-size: 16px;
        transition: all 0.3s; }
        .news_center .news0 .content .c1 .tag {
          border-radius: 2px;
          padding: 0 4px;
          height: 18px;
          line-height: 18px;
          background: #363640;
          color: #fff;
          text-align: center;
          display: inline-block;
          margin-left: 5px;
          font-style: normal;
          font-size: 12px; }
      .news_center .news0 .content .c2 {
        width: 20%;
        text-align: right;
        float: right;
        color: #999999;
        font-size: 16px;
        transition: all 0.3s; }
    .news_center .news0 .news0_top {
      *zoom: 1;
      line-height: 51px;
      height: 50px;
      border-bottom: 1px solid #A6A6A6;
      margin-bottom: 15px;
      overflow: hidden; }
      .news_center .news0 .news0_top:before, .news_center .news0 .news0_top:after {
        content: " ";
        display: table; }
      .news_center .news0 .news0_top:after {
        clear: both; }
      .news_center .news0 .news0_top .t0 {
        color: #999999;
        font-size: 14px;
        border: 1px solid #E2E2E2;
        border-radius: 15px;
        height: 30px;
        line-height: 30px;
        width: 544px;
        text-align: center;
        float: left;
        margin-top: 10px; }
      .news_center .news0 .news0_top .t1 {
        color: #333333;
        font-size: 24px;
        font-weight: bolder;
        float: left;
        position: relative; }
        .news_center .news0 .news0_top .t1:after {
          position: absolute;
          left: 0;
          width: 96px;
          display: block;
          content: '';
          height: 1px;
          bottom: 0;
          background: #FF4C53; }
      .news_center .news0 .news0_top .t2 {
        color: #999999;
        font-size: 16px;
        float: right;
        transition: all 0.3s; }
        .news_center .news0 .news0_top .t2:hover {
          color: #FF4C53; }
    .news_center .news0 .left {
      width: 752px; }
      .news_center .news0 .left .proxy_title {
        *zoom: 1;
        width: 100%; }
        .news_center .news0 .left .proxy_title:before, .news_center .news0 .left .proxy_title:after {
          content: " ";
          display: table; }
        .news_center .news0 .left .proxy_title:after {
          clear: both; }
        .news_center .news0 .left .proxy_title li {
          float: left;
          height: 38px;
          line-height: 38px;
          color: #fff;
          font-size: 16px;
          text-align: center;
          background: #000; }
          .news_center .news0 .left .proxy_title li:nth-of-type(1), .news_center .news0 .left .proxy_title li:nth-of-type(4) {
            width: 15%; }
          .news_center .news0 .left .proxy_title li:nth-of-type(3) {
            width: 40%; }
          .news_center .news0 .left .proxy_title li:nth-of-type(2) {
            width: 20%; }
          .news_center .news0 .left .proxy_title li:last-of-type {
            width: 10%; }
      .news_center .news0 .left .proxy_content {
        width: 100%; }
        .news_center .news0 .left .proxy_content li {
          height: 44px;
          line-height: 44px;
          font-size: 16px;
          text-align: center;
          *zoom: 1;
          transition: ease 0.3s;
          cursor: pointer; }
          .news_center .news0 .left .proxy_content li:before, .news_center .news0 .left .proxy_content li:after {
            content: " ";
            display: table; }
          .news_center .news0 .left .proxy_content li:after {
            clear: both; }
          .news_center .news0 .left .proxy_content li:hover {
            background: #E3E3E3; }
            .news_center .news0 .left .proxy_content li:hover span:not(&:nth-of-type(2)) {
              color: #FF4C53; }
          .news_center .news0 .left .proxy_content li span {
            display: inline-block;
            text-align: center;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            word-break: break-all;
            float: left;
            transition: ease 0.3s; }
            .news_center .news0 .left .proxy_content li span:nth-of-type(1), .news_center .news0 .left .proxy_content li span:nth-of-type(4) {
              width: 15%; }
            .news_center .news0 .left .proxy_content li span:nth-of-type(3) {
              width: 40%; }
            .news_center .news0 .left .proxy_content li span:nth-of-type(2) {
              width: 20%;
              color: #999999; }
            .news_center .news0 .left .proxy_content li span:last-of-type {
              width: 10%;
              color: #FF4C53; }
    .news_center .news0 .right {
      width: 392px; }
      .news_center .news0 .right .news_tab {
        *zoom: 1;
        margin-bottom: 18px;
        margin-top: 7px; }
        .news_center .news0 .right .news_tab:before, .news_center .news0 .right .news_tab:after {
          content: " ";
          display: table; }
        .news_center .news0 .right .news_tab:after {
          clear: both; }
        .news_center .news0 .right .news_tab li {
          background: #F7F7F7;
          color: #333333;
          font-size: 18px;
          width: 50% !important;
          height: 40px;
          text-align: center;
          line-height: 40px;
          float: left;
          cursor: pointer;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .news_center .news0 .right .news_tab li.pink {
            background: #FF4C53;
            color: #fff; }
      .news_center .news0 .right .cf {
        height: 300px;
        overflow: hidden; }
        .news_center .news0 .right .cf .c9 {
          width: 100%;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          word-break: break-all;
          position: relative;
          padding-left: 16px;
          margin-bottom: 15px;
          cursor: pointer;
          line-height: 24px;
          color: #333333;
          font-size: 16px;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .news_center .news0 .right .cf .c9:before {
            width: 5px;
            height: 4px;
            background: #cdcdcd;
            position: absolute;
            left: 0;
            top: 10px;
            display: block;
            content: ''; }
          .news_center .news0 .right .cf .c9:hover {
            color: #FF4C53; }
      .news_center .news0 .right .cf1 {
        padding-left: 0 !important; }
        .news_center .news0 .right .cf1 .c9 {
          background: url("../image/index/news_icon.png") no-repeat left center;
          padding-left: 26px; }
          .news_center .news0 .right .cf1 .c9:before {
            display: none; }

.index_search {
  width: 100%; }
  .index_search .search {
    padding-top: 12px;
    padding-bottom: 12px; }
    .index_search .search .s5 {
      margin-top: 5px; }
    .index_search .search .s0 {
      margin-right: 36px;
      margin-top: 6px;
      cursor: pointer; }
    .index_search .search .s1 {
      margin-top: 20px;
      margin-left: 100px; }
      .index_search .search .s1 .s3 .layui-form-select dl dd.layui-this {
        background: #E64A19 !important; }
      .index_search .search .s1 .s3 button {
        border-radius: 0;
        background: #E64A19;
        border-color: #E64A19;
        font-size: 22px;
        padding: 6px 23px 6px 30px;
        letter-spacing: 4px;
        color: #fff;
        cursor: pointer; }
      .index_search .search .s1 .s3 .layui-form {
        *zoom: 1; }
        .index_search .search .s1 .s3 .layui-form:before, .index_search .search .s1 .s3 .layui-form:after {
          content: " ";
          display: table; }
        .index_search .search .s1 .s3 .layui-form:after {
          clear: both; }
        .index_search .search .s1 .s3 .layui-form .layui-input-block {
          margin-left: 0; }
        .index_search .search .s1 .s3 .layui-form .layui-form-select {
          width: 90px;
          float: left; }
        .index_search .search .s1 .s3 .layui-form .layui-input {
          border-color: #E64A19 !important;
          border-radius: 0; }
        .index_search .search .s1 .s3 .layui-form .search_input {
          float: left;
          width: 233px;
          border-left: 0; }
      .index_search .search .s1 .s4 {
        *zoom: 1;
        margin-top: 10px;
        margin-left: 9px; }
        .index_search .search .s1 .s4:before, .index_search .search .s1 .s4:after {
          content: " ";
          display: table; }
        .index_search .search .s1 .s4:after {
          clear: both; }
        .index_search .search .s1 .s4 > span {
          color: #666666;
          font-size: 12px;
          float: left;
          display: inline-block;
          margin-right: 19px;
          line-height: 21px; }
        .index_search .search .s1 .s4 ul li {
          float: left; }
          .index_search .search .s1 .s4 ul li:hover a {
            color: #FF4C53; }
          .index_search .search .s1 .s4 ul li a {
            color: #333;
            font-size: 12px;
            display: inline-block;
            margin-right: 14px;
            line-height: 21px;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s; }

nav {
  border-top: 2px solid #E64A19;
  width: 100%;
  box-shadow: 0 7px 12px -5px #efefef; }
  nav li {
    width: 171px;
    background: #fff;
    border-right: 1px solid #E2E2E2;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    nav li:hover {
      background: #E64A19; }
      nav li:hover a b, nav li:hover a small {
        color: #fff; }
      nav li:hover a:after {
        bottom: 0; }
    nav li.selected {
      background: #E64A19; }
      nav li.selected a b, nav li.selected a small {
        color: #fff; }
      nav li.selected a:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        position: absolute;
        bottom: 0px;
        left: 50%;
        transform: translateX(-50%); }
    nav li a {
      display: block;
      color: #fff;
      position: relative;
      width: 100%;
      height: 100%;
      padding-bottom: 11px; }
      nav li a:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        position: absolute;
        bottom: -6px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      nav li a b {
        color: #333333;
        font-size: 24px;
        display: block;
        font-weight: normal;
        padding-top: 8px;
        padding-bottom: 6px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      nav li a small {
        color: #999;
        font-size: 10px;
        font-weight: lighter;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        letter-spacing: -0.5px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }

.brand_footer {
  background: #E7E7E7;
  border-top: 2px solid #FF4C53;
  margin-top: 37px;
  padding-top: 24px;
  padding-bottom: 145px; }
  .brand_footer .layui-layer {
    width: 687px !important;
    height: 543px;
    background: url("../image/popup/bg.png") no-repeat center;
    background-size: contain;
    box-shadow: none; }
  .brand_footer .layui-layer-setwin a {
    width: 30px !important;
    height: 30px !important;
    background: url(../image/close.png) no-repeat center !important;
    background-size: contain !important; }
  .brand_footer .join_modal input {
    height: 50px;
    border: 2px solid #e5e5e5;
    border-radius: 4px;
    font-size: 16px;
    color: #666;
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 0; }
  .brand_footer .join_modal button {
    background: url(../image/popup/btn.png) no-repeat center;
    width: 209px;
    height: 68px;
    border: none;
    margin-top: -3px; }
    .brand_footer .join_modal button span {
      font-size: 18px;
      color: #fff;
      margin-top: -11px;
      display: block; }
  .brand_footer .join_modal .join_bg {
    border-radius: 14px;
    background: #fff;
    width: 80%;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 140px; }
    .brand_footer .join_modal .join_bg .j0 {
      padding-top: 22px;
      border-bottom: 1px solid #E5E5E5;
      padding-bottom: 16px; }
      .brand_footer .join_modal .join_bg .j0 .pic {
        width: 116px;
        height: 116px;
        background: #fee1e0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        overflow: hidden;
        padding: 8px; }
        .brand_footer .join_modal .join_bg .j0 .pic img {
          object-fit: contain;
          -o-object-fit: contain;
          object-position: contain;
          width: 100%;
          height: 100%;
          background: #fff;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%; }
      .brand_footer .join_modal .join_bg .j0 .desc {
        margin-left: 21px; }
        .brand_footer .join_modal .join_bg .j0 .desc p:nth-of-type(1) {
          margin: 22px 0 16px;
          color: #FF4C53;
          border: 1px solid #FF4C53;
          border-radius: 16px;
          display: inline-block;
          font-size: 16px;
          padding: 3px 9px; }
        .brand_footer .join_modal .join_bg .j0 .desc p:nth-of-type(2) b {
          font-size: 18px;
          color: #333;
          display: inline-block; }
        .brand_footer .join_modal .join_bg .j0 .desc p:nth-of-type(2) small {
          font-size: 16px;
          color: #666;
          display: inline-block;
          margin-left: 10px; }
    .brand_footer .join_modal .join_bg .v1 {
      font-size: 14px;
      color: #666;
      padding: 20px 0 10px 0; }
    .brand_footer .join_modal .join_bg .v2 {
      text-align: center;
      font-size: 14px;
      color: #666;
      margin-top: 25px;
      padding-bottom: 20px; }
      .brand_footer .join_modal .join_bg .v2 span {
        font-size: 24px;
        color: #FF4C53;
        padding-left: 5px;
        padding-right: 5px; }
  .brand_footer .f_title {
    color: #333333;
    font-size: 13px;
    padding-bottom: 20px;
    position: relative;
    font-weight: bolder;
    margin-bottom: 20px; }
    .brand_footer .f_title a {
      color: #333333;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .brand_footer .f_title a:hover {
        color: #FF4C53; }
    .brand_footer .f_title:after {
      position: absolute;
      left: 0;
      bottom: 0;
      display: block;
      content: '';
      height: 1px;
      background: #DEDEDE;
      width: 100px; }
  .brand_footer .f0 {
    *zoom: 1; }
    .brand_footer .f0:before, .brand_footer .f0:after {
      content: " ";
      display: table; }
    .brand_footer .f0:after {
      clear: both; }
    .brand_footer .f0 .f1 {
      width: 187px;
      margin-top: 22px; }
      .brand_footer .f0 .f1 .a2 {
        margin-top: 22px; }
        .brand_footer .f0 .f1 .a2 img {
          object-fit: cover;
          -o-object-fit: cover;
          object-position: cover;
          width: 100%;
          height: 100%;
          width: 170px;
          height: 160px; }
  .brand_footer .f2 {
    width: 880px; }
    .brand_footer .f2 .f3 .a1 ul li {
      width: 100px;
      padding-bottom: 17px; }
      .brand_footer .f2 .f3 .a1 ul li span {
        color: #333333;
        font-size: 13px;
        cursor: pointer;
        transition: all 0.3s; }
        .brand_footer .f2 .f3 .a1 ul li span:hover {
          color: #FF4C53; }
    .brand_footer .f2 .f3 .a1 .b1 {
      margin-right: 59px;
      width: 16%;
      cursor: pointer; }
      .brand_footer .f2 .f3 .a1 .b1 .f_title {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        margin-bottom: 0; }
        .brand_footer .f2 .f3 .a1 .b1 .f_title:after {
          height: 0; }
      .brand_footer .f2 .f3 .a1 .b1:hover .f_title {
        color: #FF4C53; }
    .brand_footer .f2 .f4 {
      padding-top: 25px; }
      .brand_footer .f2 .f4 p {
        color: #333333;
        font-size: 14px;
        padding-bottom: 12px; }
        .brand_footer .f2 .f4 p a {
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .brand_footer .f2 .f4 p a:hover {
            color: #FF4C53; }
        .brand_footer .f2 .f4 p:nth-of-type(2) {
          width: 603px;
          *zoom: 1; }
          .brand_footer .f2 .f4 p:nth-of-type(2):before, .brand_footer .f2 .f4 p:nth-of-type(2):after {
            content: " ";
            display: table; }
          .brand_footer .f2 .f4 p:nth-of-type(2):after {
            clear: both; }
          .brand_footer .f2 .f4 p:nth-of-type(2) span {
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            cursor: pointer; }
            .brand_footer .f2 .f4 p:nth-of-type(2) span:hover {
              color: #FF4C53; }

.brands ul {
  padding-top: 10px;
  *zoom: 1; }
  .brands ul:before, .brands ul:after {
    content: " ";
    display: table; }
  .brands ul:after {
    clear: both; }
  .brands ul li {
    float: left;
    width: 60px;
    margin-right: 66.6px;
    margin-bottom: 24px;
    text-align: center; }
    .brands ul li:hover p img {
      margin-top: -8px;
      box-shadow: 0 7px 5px -5px #ffa275; }
    .brands ul li:hover span {
      color: #E64A1B;
      margin-top: -2px;
      transition-delay: 0.1s; }
    .brands ul li:nth-of-type(10n) {
      margin-right: 0; }
    .brands ul li p {
      width: 60px;
      height: 60px;
      text-align: center; }
      .brands ul li p img {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
    .brands ul li span {
      display: block;
      color: #666666;
      font-size: 14px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      word-break: break-all;
      margin-top: 2px;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s; }

.join {
  margin-top: 16px;
  margin-bottom: 16px;
  height: 500px;
  position: relative; }
  .join .budget_modal2 {
    padding: 20px 0;
    width: 570px !important; }
    .join .budget_modal2 .yg-tc-jmys02 h2 {
      font-size: 18px;
      color: #333;
      font-weight: normal;
      text-align: center;
      margin-top: 21px;
      margin-bottom: 12px; }
    .join .budget_modal2 .yg-tc-jmys02 .jmy1 {
      background: #F4F4F4;
      width: 540px;
      margin: 0 auto;
      padding: 13px 15px; }
      .join .budget_modal2 .yg-tc-jmys02 .jmy1 p:nth-of-type(1) {
        margin-bottom: 5px; }
      .join .budget_modal2 .yg-tc-jmys02 .jmy1 p span {
        font-size: 14px;
        color: #333; }
      .join .budget_modal2 .yg-tc-jmys02 .jmy1 p em {
        font-size: 14px;
        color: #FF4C53; }
    .join .budget_modal2 .yg-tc-jmys02 .jmy2 {
      text-indent: 35px;
      margin-top: 14px;
      margin-bottom: 14px;
      font-size: 16px;
      color: #333; }
      .join .budget_modal2 .yg-tc-jmys02 .jmy2 span {
        font-size: 18px;
        color: #FAA20D;
        font-weight: bolder; }
    .join .budget_modal2 .yg-tc-jmys02 .jm3 {
      width: 540px;
      margin: 0 auto; }
      .join .budget_modal2 .yg-tc-jmys02 .jm3 .left {
        font-size: 14px;
        color: #666; }
      .join .budget_modal2 .yg-tc-jmys02 .jm3 .right {
        font-size: 14px;
        color: #FF4C53;
        cursor: pointer;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        .join .budget_modal2 .yg-tc-jmys02 .jm3 .right:hover {
          opacity: 0.8; }
    .join .budget_modal2 .yg-tc-jmys02 .jm4 {
      width: 540px;
      margin: 0 auto;
      margin-top: 18px; }
      .join .budget_modal2 .yg-tc-jmys02 .jm4 .pic {
        width: 121px;
        height: 50px;
        border: 2px solid #DFDCDF;
        margin-right: 13px;
        margin-bottom: 10px; }
        .join .budget_modal2 .yg-tc-jmys02 .jm4 .pic:nth-of-type(4n) {
          margin-right: 0; }
        .join .budget_modal2 .yg-tc-jmys02 .jm4 .pic img {
          object-fit: cover;
          -o-object-fit: cover;
          object-position: cover;
          width: 100%;
          height: 100%; }
    .join .budget_modal2 .yg-tc-jmys02 .title {
      border-bottom: 1px solid #ddd;
      padding: 0 0 16px 0px;
      width: 95%;
      margin: 0 auto; }
      .join .budget_modal2 .yg-tc-jmys02 .title em {
        padding-bottom: 16px;
        border-bottom: 2px solid #FF4C53;
        font-size: 16px; }
    .join .budget_modal2 .yg-tc-jmys02 .fei {
      width: 540px;
      margin: 0 auto 20px;
      border: 1px solid #ddd;
      padding: 5px 0; }
      .join .budget_modal2 .yg-tc-jmys02 .fei ul {
        *zoom: 1; }
        .join .budget_modal2 .yg-tc-jmys02 .fei ul:before, .join .budget_modal2 .yg-tc-jmys02 .fei ul:after {
          content: " ";
          display: table; }
        .join .budget_modal2 .yg-tc-jmys02 .fei ul:after {
          clear: both; }
        .join .budget_modal2 .yg-tc-jmys02 .fei ul li {
          padding: 0 0 0 20px;
          font-size: 16px;
          float: left;
          line-height: 40px;
          text-align: center;
          width: 240px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          word-break: break-all; }
          .join .budget_modal2 .yg-tc-jmys02 .fei ul li i {
            font-size: 20px;
            color: #FAA20D;
            font-style: normal; }
  .join .jm_rt01 {
    position: absolute;
    width: 343px;
    height: 442px;
    left: 0;
    top: 0;
    z-index: 9;
    background: url("../image/index/jm.png") no-repeat center;
    background-size: contain;
    padding-bottom: 38px; }
    .join .jm_rt01 .four-digit {
      position: absolute;
      top: 40px;
      z-index: 10;
      font-size: 50px;
      color: #EF6136;
      left: 90px;
      *zoom: 1; }
      .join .jm_rt01 .four-digit:before, .join .jm_rt01 .four-digit:after {
        content: " ";
        display: table; }
      .join .jm_rt01 .four-digit:after {
        clear: both; }
      .join .jm_rt01 .four-digit span {
        float: left;
        display: inline-block;
        text-align: center; }
        .join .jm_rt01 .four-digit span:nth-of-type(1) {
          width: 39px;
          margin-right: 6px; }
        .join .jm_rt01 .four-digit span:nth-of-type(2) {
          width: 41px;
          margin-right: 4px; }
        .join .jm_rt01 .four-digit span:nth-of-type(3) {
          width: 41px;
          margin-right: 6px; }
        .join .jm_rt01 .four-digit span:nth-of-type(4) {
          width: 41px; }
    .join .jm_rt01 form .layui-form-select dl dd.layui-this {
      background: #e64a1b; }
    .join .jm_rt01 form .layui-form-item {
      margin-bottom: 0; }
    .join .jm_rt01 form .layui-form-select {
      margin-bottom: 10px; }
    .join .jm_rt01 form .layui-form-label {
      padding-left: 15px;
      padding-right: 0;
      text-align: left;
      padding-top: 0;
      padding-bottom: 0;
      line-height: 27px; }
    .join .jm_rt01 form .layui-input-block {
      margin-left: 95px;
      margin-right: 15px;
      min-height: unset; }
    .join .jm_rt01 form .layui-input {
      height: 27px;
      border-radius: 0;
      border: 1px solid #CBCBCB;
      font-size: 14px;
      margin-bottom: 10px; }
    .join .jm_rt01 form button {
      width: 85%;
      height: 43px;
      line-height: 43px;
      background: #E64A1B;
      border-color: #E64A1B;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      border-radius: 6px;
      color: #fff;
      font-size: 18px; }
    .join .jm_rt01 .layui-form2 .layui-form-select {
      margin-bottom: 0; }
    .join .jm_rt01 .jm-text {
      color: #FDFAFA;
      font-size: 22px;
      text-align: center;
      padding-top: 31px; }
    .join .jm_rt01 .jm_title {
      *zoom: 1;
      height: 45px;
      width: 323px;
      cursor: pointer;
      margin: 0 auto;
      margin-top: 22px;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      overflow: hidden; }
      .join .jm_rt01 .jm_title:before, .join .jm_rt01 .jm_title:after {
        content: " ";
        display: table; }
      .join .jm_rt01 .jm_title:after {
        clear: both; }
      .join .jm_rt01 .jm_title span {
        height: 45px;
        float: left;
        display: inline-block;
        width: 50%;
        background: #ECEDEA;
        color: #333;
        text-align: center;
        font-size: 18px;
        line-height: 45px; }
        .join .jm_rt01 .jm_title span.selected {
          border-bottom: 2px solid #E64A1B;
          background: #fff;
          color: #E64A1B; }
    .join .jm_rt01 .jm_con {
      width: 323px;
      margin: 0 auto;
      background: #fff;
      padding: 18px 0;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px; }
    .join .jm_rt01 .layui-form-select dl {
      top: 35px !important; }
  .join .swiper-pagination {
    position: absolute;
    bottom: 29px;
    right: 120px;
    display: flex;
    align-items: center; }
    .join .swiper-pagination .swiper-pagination-bullet {
      width: 79px;
      height: 8px;
      margin-right: 10px;
      box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      background-color: rgba(255, 255, 255, 0.8);
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      opacity: 1; }
      .join .swiper-pagination .swiper-pagination-bullet:focus {
        outline: none; }
    .join .swiper-pagination .swiper-pagination-bullet-active {
      box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
      background-color: rgba(103, 103, 103, 0.8); }
  .join .join_banner01 {
    width: 100%;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    left: 0;
    top: 0; }
    .join .join_banner01 .advantage {
      width: 100%;
      height: 500px; }
      .join .join_banner01 .advantage img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -o-object-fit: cover;
        object-position: cover;
        width: 100%;
        height: 100%;
        filter: brightness(97%); }
    .join .join_banner01 .swiper-button-prev, .join .join_banner01 .swiper-button-next {
      background-color: rgba(0, 0, 0, 0.8);
      width: 61px;
      height: 92px;
      background-size: 12px;
      top: 141px;
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s; }
      .join .join_banner01 .swiper-button-prev:focus, .join .join_banner01 .swiper-button-next:focus {
        outline: none; }

.news_center1 {
  padding-top: 20px; }
  .news_center1 .news0 {
    *zoom: 1;
    padding: 13px; }
    .news_center1 .news0:before, .news_center1 .news0:after {
      content: " ";
      display: table; }
    .news_center1 .news0:after {
      clear: both; }
    .news_center1 .news0 .content {
      *zoom: 1;
      position: relative;
      padding-left: 16px;
      margin-bottom: 15px;
      cursor: pointer; }
      .news_center1 .news0 .content:before, .news_center1 .news0 .content:after {
        content: " ";
        display: table; }
      .news_center1 .news0 .content:after {
        clear: both; }
      .news_center1 .news0 .content:hover .c1 {
        color: #FF4C53; }
      .news_center1 .news0 .content:hover .c2 {
        color: #FF4C53; }
      .news_center1 .news0 .content:before {
        width: 5px;
        height: 4px;
        background: #cdcdcd;
        position: absolute;
        left: 0;
        top: 10px;
        display: block;
        content: ''; }
      .news_center1 .news0 .content .c1 {
        width: 80%;
        float: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        color: #333333;
        font-size: 16px;
        transition: all 0.3s; }
        .news_center1 .news0 .content .c1 .tag {
          border-radius: 2px;
          padding: 0 4px;
          height: 18px;
          line-height: 18px;
          background: #363640;
          color: #fff;
          text-align: center;
          display: inline-block;
          margin-left: 5px;
          font-style: normal;
          font-size: 12px; }
      .news_center1 .news0 .content .c2 {
        width: 20%;
        text-align: right;
        float: right;
        color: #999999;
        font-size: 16px;
        transition: all 0.3s; }
    .news_center1 .news0 .news0_top {
      *zoom: 1;
      line-height: 51px;
      height: 50px;
      border-bottom: 1px solid #A6A6A6;
      margin-bottom: 15px;
      overflow: hidden; }
      .news_center1 .news0 .news0_top:before, .news_center1 .news0 .news0_top:after {
        content: " ";
        display: table; }
      .news_center1 .news0 .news0_top:after {
        clear: both; }
      .news_center1 .news0 .news0_top .t0 {
        color: #999999;
        font-size: 14px;
        border: 1px solid #E2E2E2;
        border-radius: 15px;
        height: 30px;
        line-height: 30px;
        width: 544px;
        text-align: center;
        float: left;
        margin-top: 10px; }
      .news_center1 .news0 .news0_top .t1 {
        color: #333333;
        font-size: 24px;
        font-weight: bolder;
        float: left;
        position: relative; }
        .news_center1 .news0 .news0_top .t1:after {
          position: absolute;
          left: 0;
          width: 96px;
          display: block;
          content: '';
          height: 1px;
          bottom: 0;
          background: #FF4C53; }
      .news_center1 .news0 .news0_top .t2 {
        color: #999999;
        font-size: 16px;
        float: right;
        transition: all 0.3s; }
        .news_center1 .news0 .news0_top .t2:hover {
          color: #FF4C53; }
    .news_center1 .news0 .left {
      width: 752px; }
      .news_center1 .news0 .left .proxy_title {
        *zoom: 1;
        width: 100%; }
        .news_center1 .news0 .left .proxy_title:before, .news_center1 .news0 .left .proxy_title:after {
          content: " ";
          display: table; }
        .news_center1 .news0 .left .proxy_title:after {
          clear: both; }
        .news_center1 .news0 .left .proxy_title li {
          float: left;
          height: 38px;
          line-height: 38px;
          color: #fff;
          font-size: 16px;
          text-align: center;
          background: #000; }
          .news_center1 .news0 .left .proxy_title li:nth-of-type(1), .news_center1 .news0 .left .proxy_title li:nth-of-type(4) {
            width: 15%; }
          .news_center1 .news0 .left .proxy_title li:nth-of-type(3) {
            width: 40%; }
          .news_center1 .news0 .left .proxy_title li:nth-of-type(2) {
            width: 20%; }
          .news_center1 .news0 .left .proxy_title li:last-of-type {
            width: 10%; }
      .news_center1 .news0 .left .proxy_content {
        width: 100%;
        height: 440px;
        overflow: hidden;
        background: #fff; }
        .news_center1 .news0 .left .proxy_content li {
          height: 44px;
          line-height: 44px;
          font-size: 16px;
          text-align: center;
          *zoom: 1;
          transition: ease 0.3s;
          cursor: pointer; }
          .news_center1 .news0 .left .proxy_content li:before, .news_center1 .news0 .left .proxy_content li:after {
            content: " ";
            display: table; }
          .news_center1 .news0 .left .proxy_content li:after {
            clear: both; }
          .news_center1 .news0 .left .proxy_content li:hover {
            background: #E3E3E3; }
            .news_center1 .news0 .left .proxy_content li:hover span:not(&:nth-of-type(2)) {
              color: #FF4C53; }
          .news_center1 .news0 .left .proxy_content li span {
            display: inline-block;
            text-align: center;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            word-break: break-all;
            float: left;
            transition: ease 0.3s; }
            .news_center1 .news0 .left .proxy_content li span:nth-of-type(1), .news_center1 .news0 .left .proxy_content li span:nth-of-type(4) {
              width: 15%; }
            .news_center1 .news0 .left .proxy_content li span:nth-of-type(3) {
              width: 40%; }
            .news_center1 .news0 .left .proxy_content li span:nth-of-type(2) {
              width: 20%;
              color: #999999; }
            .news_center1 .news0 .left .proxy_content li span:last-of-type {
              width: 10%;
              color: #FF4C53; }
    .news_center1 .news0 .right {
      width: 392px; }
      .news_center1 .news0 .right .news_tab {
        *zoom: 1;
        margin-bottom: 18px;
        margin-top: 7px; }
        .news_center1 .news0 .right .news_tab:before, .news_center1 .news0 .right .news_tab:after {
          content: " ";
          display: table; }
        .news_center1 .news0 .right .news_tab:after {
          clear: both; }
        .news_center1 .news0 .right .news_tab li {
          background: #F7F7F7;
          color: #333333;
          font-size: 18px;
          width: 98px;
          height: 40px;
          text-align: center;
          line-height: 40px;
          float: left;
          cursor: pointer; }
          .news_center1 .news0 .right .news_tab li.pink {
            background: #FF4C53;
            color: #fff; }
      .news_center1 .news0 .right .ct {
        height: 465px;
        overflow: hidden; }
        .news_center1 .news0 .right .ct .ct1 {
          width: 100%;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          word-break: break-all;
          position: relative;
          padding-left: 16px;
          margin-bottom: 15px;
          cursor: pointer;
          line-height: 24px;
          color: #333333;
          font-size: 16px;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .news_center1 .news0 .right .ct .ct1:before {
            width: 5px;
            height: 4px;
            background: #cdcdcd;
            position: absolute;
            left: 0;
            top: 10px;
            display: block;
            content: ''; }
          .news_center1 .news0 .right .ct .ct1:hover {
            color: #FF4C53; }

.pinpai {
  width: 100%;
  background: url("../image/index/pinpai_bg.png") no-repeat center;
  height: 396px;
  margin-top: 16px; }
  .pinpai .pinpai_bg {
    background: url("../image/index/client.png") no-repeat left 20px center;
    background-size: contain;
    width: 100%;
    height: 317px;
    margin-top: 36px; }
    .pinpai .pinpai_bg .pinpai_list {
      width: 832px;
      height: 326px;
      float: right;
      margin-left: 350px;
      overflow: hidden;
      background: #f8f6fb; }
      .pinpai .pinpai_bg .pinpai_list .pic {
        width: 189px;
        height: 71px;
        margin-bottom: 15px;
        margin-left: 15px;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        box-shadow: 0 0 0 0 rgba(255, 76, 83, 0.68) inset;
        background: #fff; }
        .pinpai .pinpai_bg .pinpai_list .pic:hover {
          box-shadow: 0 0 8px 0 rgba(255, 76, 83, 0.68) inset; }
        .pinpai .pinpai_bg .pinpai_list .pic img {
          width: 90%;
          height: 90%;
          -o-object-fit: contain;
          object-fit: contain; }

.client {
  margin-top: 18px;
  margin-bottom: 18px; }
  .client .layui-layer {
    width: 687px !important;
    height: 792px;
    background: url(../image/popup/zs_bg.png) no-repeat center;
    background-size: contain;
    box-shadow: none; }
    .client .layui-layer .layui-layer-setwin a {
      width: 30px !important;
      height: 30px !important;
      background: url("../image/close.png") no-repeat center !important;
      background-size: contain !important; }
    .client .layui-layer .layui-layer-title {
      display: none; }
    .client .layui-layer form {
      width: 92%;
      margin: 0 auto;
      margin-top: 153px;
      border-radius: 25px; }
      .client .layui-layer form .layui-form-label {
        float: unset;
        font-size: 14px;
        color: #666;
        text-align: left; }
      .client .layui-layer form .layui-input-block {
        margin-left: 15px; }
      .client .layui-layer form .jb_title {
        width: 95.2%;
        margin: 0 auto;
        font-size: 22px;
        color: #333;
        font-weight: bolder;
        border-bottom: 1px solid #E5E5E5;
        padding-top: 21px;
        margin-bottom: 18px;
        overflow: hidden;
        padding-bottom: 21px; }
      .client .layui-layer form .layui-input {
        height: 50px;
        line-height: 50px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-size: 16px; }
      .client .layui-layer form .layui-textarea {
        min-height: 141px;
        width: 97.5%;
        font-size: 16px; }
      .client .layui-layer form button {
        background: url(../image/popup/zs_btn.png) no-repeat center;
        width: 344px;
        height: 80px;
        border: none;
        margin-top: 8px; }
        .client .layui-layer form button span {
          font-size: 20px;
          display: block;
          margin-top: -12px; }
  .client .client_wrapper .left {
    width: 168px;
    height: 210px;
    cursor: pointer; }
  .client .client_wrapper .right {
    position: relative;
    width: 1032px;
    margin-top: 14px; }
    .client .client_wrapper .right .swiper-button-prev-c0 {
      background: url("../image/index/up.png") no-repeat center;
      background-size: 50px 91px;
      width: 50px;
      height: 91px;
      left: 972px;
      top: 22px; }
      .client .client_wrapper .right .swiper-button-prev-c0:focus {
        outline: none; }
    .client .client_wrapper .right .swiper-button-next-c0 {
      background: url("../image/index/down.png") no-repeat center;
      background-size: 50px 91px;
      width: 50px;
      height: 91px;
      top: 112px; }
      .client .client_wrapper .right .swiper-button-next-c0:focus {
        outline: none; }
    .client .client_wrapper .right .client_list {
      width: 944px;
      height: 192px;
      margin-right: 72px; }
      .client .client_wrapper .right .client_list .swiper-slide {
        width: 146px; }
        .client .client_wrapper .right .client_list .swiper-slide .wrap {
          border: 1px solid #E8E8E8;
          cursor: pointer;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .client .client_wrapper .right .client_list .swiper-slide .wrap:hover {
            box-shadow: 0px 0px 8px 0px rgba(255, 76, 83, 0.68) inset; }
          .client .client_wrapper .right .client_list .swiper-slide .wrap .pic {
            width: 95%;
            height: 54px;
            margin: 0 auto;
            margin-top: 3px; }
            .client .client_wrapper .right .client_list .swiper-slide .wrap .pic img {
              object-fit: contain;
              -o-object-fit: contain;
              object-position: contain;
              width: 100%;
              height: 100%; }
          .client .client_wrapper .right .client_list .swiper-slide .wrap .title0 {
            color: #666666;
            font-size: 14px;
            display: block;
            text-align: center;
            height: 29px;
            line-height: 29px; }

.index_header {
  width: 100%;
  background: #F5F5F5;
  height: 36px;
  line-height: 36px;
  z-index: 4;
  position: relative;
  border-bottom: 1px solid #e5e5e5; }
  .index_header main {
    position: relative; }
  .index_header .header {
    overflow: hidden; }
    .index_header .header .h0 {
      position: relative;
      z-index: 3; }
      .index_header .header .h0 > span {
        float: left;
        color: #999999;
        font-size: 12px;
        margin-right: 10px; }
      .index_header .header .h0 > div {
        float: left;
        position: relative;
        width: 77px;
        cursor: pointer; }
        .index_header .header .h0 > div:hover .h0_a {
          margin-top: 0;
          z-index: 0; }
        .index_header .header .h0 > div p {
          color: #333333;
          font-size: 12px;
          position: relative;
          z-index: 5;
          background: #f5f5f5;
          padding-left: 10px;
          height: 35px; }
          .index_header .header .h0 > div p img {
            padding-left: 8px; }
        .index_header .header .h0 > div .h0_a {
          margin-top: -114px;
          position: relative;
          z-index: -1;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .index_header .header .h0 > div .h0_a li {
            background: #c7c7c7;
            padding-left: 10px;
            padding-right: 10px;
            border-bottom: 2px solid #fff; }
            .index_header .header .h0 > div .h0_a li:hover {
              background: #c0c0c0; }
            .index_header .header .h0 > div .h0_a li a {
              color: #fff;
              font-size: 14px;
              display: block;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              word-break: break-all; }
    .index_header .header .h1 li {
      float: left; }
      .index_header .header .h1 li:hover a {
        color: #333; }
      .index_header .header .h1 li:last-of-type a:after {
        display: none; }
      .index_header .header .h1 li a {
        color: #999999;
        font-size: 12px;
        display: inline-block;
        padding-right: 12px;
        padding-left: 12px;
        position: relative;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        .index_header .header .h1 li a:after {
          position: absolute;
          right: 0;
          height: 12px;
          display: inline-block;
          width: 1px;
          background: #E5E5E5;
          content: '';
          top: 50%;
          transform: translateY(-50%); }
        .index_header .header .h1 li a.red_tag {
          color: #FF4C53; }
    .index_header .header .h2 {
      width: 16px;
      height: 16px;
      margin-top: 9px;
      background: url("../image/index/mh_wx.png") no-repeat center;
      background-size: 16px;
      cursor: pointer;
      position: relative; }
    .index_header .header .ewm {
      position: absolute;
      z-index: 999;
      right: 0;
      top: 36px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      transform: translateX(100px) rotate(90deg);
      opacity: 0; }
      .index_header .header .ewm img {
        width: 100px;
        height: 100px; }
      .index_header .header .ewm.ewm1 {
        opacity: 1;
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px); }

.one_adv {
  cursor: pointer;
  padding-top: 10px; }
  .one_adv p {
    width: 1200px;
    height: 75px;
    margin: 0 auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .one_adv p img {
      object-fit: cover;
      -o-object-fit: cover;
      object-position: cover;
      width: 100%;
      height: 100%; }

.two_adv {
  *zoom: 1;
  padding-top: 10px; }
  .two_adv:before, .two_adv:after {
    content: " ";
    display: table; }
  .two_adv:after {
    clear: both; }
  .two_adv .two_adv_wrapper {
    *zoom: 1; }
    .two_adv .two_adv_wrapper:before, .two_adv .two_adv_wrapper:after {
      content: " ";
      display: table; }
    .two_adv .two_adv_wrapper:after {
      clear: both; }
    .two_adv .two_adv_wrapper p {
      width: 595px;
      height: 78px;
      cursor: pointer;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .two_adv .two_adv_wrapper p:nth-of-type(1) {
        float: left; }
      .two_adv .two_adv_wrapper p:nth-of-type(2) {
        float: right; }
      .two_adv .two_adv_wrapper p img {
        object-fit: cover;
        -o-object-fit: cover;
        object-position: cover;
        width: 100%;
        height: 100%; }

.around_pic {
  z-index: 99;
  position: fixed; }
  .around_pic .close {
    cursor: pointer; }
  .around_pic .around_img {
    display: block;
    width: 100px;
    height: 311px;
    object-fit: cover;
    cursor: pointer; }
  .around_pic.around_pic0 {
    left: 0;
    top: 5%; }
  .around_pic.around_pic1 {
    right: 0;
    top: 5%; }
  .around_pic.around_pic2 {
    bottom: 5%;
    left: 0; }
  .around_pic.around_pic3 {
    bottom: 5%;
    right: 0; }

.five_adv {
  margin-bottom: 10px; }
  .five_adv ul {
    *zoom: 1; }
    .five_adv ul:before, .five_adv ul:after {
      content: " ";
      display: table; }
    .five_adv ul:after {
      clear: both; }
    .five_adv ul li {
      float: left;
      margin-right: 15px;
      padding: 4px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      background: #fff; }
      .five_adv ul li:hover {
        box-shadow: 0px 0px 8px 0px rgba(255, 76, 83, 0.68); }
      .five_adv ul li:last-of-type {
        margin-right: 0; }
      .five_adv ul li .adv_wrapper {
        width: 220px;
        height: 302px;
        text-align: center;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        cursor: pointer; }
        .five_adv ul li .adv_wrapper > p {
          padding-top: 185px;
          color: #333333;
          font-size: 20px;
          text-align: center;
          font-weight: bolder; }
        .five_adv ul li .adv_wrapper > div {
          padding-top: 6px;
          margin-bottom: 15px;
          text-align: center; }
          .five_adv ul li .adv_wrapper > div span {
            color: #333333;
            font-size: 14px; }
            .five_adv ul li .adv_wrapper > div span:nth-of-type(2) {
              margin-left: 14px; }
          .five_adv ul li .adv_wrapper > div i {
            color: #FF4C53;
            font-size: 14px; }
        .five_adv ul li .adv_wrapper button {
          padding: 3px 16px;
          background: #FF4C53;
          border-radius: 6px;
          border-color: #FF4C53;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .five_adv ul li .adv_wrapper button:hover {
            opacity: 0.8; }
          .five_adv ul li .adv_wrapper button span {
            color: #fff;
            font-size: 14px; }

.seven_adv {
  margin-top: 10px;
  margin-bottom: 10px; }
  .seven_adv .seven_adv_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .seven_adv .seven_adv_wrapper .pic {
      height: 60px;
      margin-right: 10px;
      cursor: pointer;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      background: #fff; }
      .seven_adv .seven_adv_wrapper .pic:last-of-type {
        margin-right: 0; }
      .seven_adv .seven_adv_wrapper .pic:hover {
        box-shadow: 0px 0px 8px 0px rgba(255, 76, 83, 0.68); }
      .seven_adv .seven_adv_wrapper .pic img {
        object-fit: contain;
        -o-object-fit: contain;
        object-position: contain;
        width: 100%;
        height: 100%; }

.eight_adv {
  margin-bottom: 10px;
  margin-top: 10px; }
  .eight_adv ul {
    *zoom: 1; }
    .eight_adv ul:before, .eight_adv ul:after {
      content: " ";
      display: table; }
    .eight_adv ul:after {
      clear: both; }
    .eight_adv ul li {
      float: left;
      margin-right: 10px;
      padding: 11px 4px;
      cursor: pointer;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      background: #fff; }
      .eight_adv ul li:hover {
        box-shadow: 0px 0px 8px 0px rgba(255, 76, 83, 0.68); }
      .eight_adv ul li:last-of-type {
        margin-right: 0; }
      .eight_adv ul li .adv_wrapper {
        width: 133px;
        text-align: center;
        display: block; }
        .eight_adv ul li .adv_wrapper > p {
          height: 104px;
          background: #fff; }
          .eight_adv ul li .adv_wrapper > p img {
            object-fit: contain;
            -o-object-fit: contain;
            object-position: contain;
            width: 100%;
            height: 100%; }
        .eight_adv ul li .adv_wrapper .title0 {
          display: block;
          color: #333333;
          font-size: 14px;
          padding-top: 10px;
          padding-bottom: 5px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          word-break: break-all; }
        .eight_adv ul li .adv_wrapper button {
          display: block;
          margin: 0 auto;
          padding: 1px 8px;
          border-radius: 4px;
          background: #FF4C53;
          border-color: #FF4C53;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .eight_adv ul li .adv_wrapper button:hover {
            opacity: 0.8; }
          .eight_adv ul li .adv_wrapper button span {
            color: #fff;
            font-size: 14px; }

.budget_modal .yg-tc-jmys01 .title {
  border-bottom: 1px solid #ddd;
  padding: 0 0 18px 30px;
  width: 100%; }
  .budget_modal .yg-tc-jmys01 .title em {
    padding-bottom: 20px;
    border-bottom: 2px solid #FF4C53;
    font-size: 16px; }
.budget_modal .yg-tc-jmys01 h2 {
  font-size: 18px;
  text-align: center;
  font-weight: normal;
  color: #333333;
  margin-bottom: 14px;
  margin-top: 23px; }
.budget_modal .yg-tc-jmys01 .num {
  background: #E3DDD8;
  border: 1px solid #706E6D;
  width: 540px;
  margin: 0 auto;
  padding: 8px 0;
  margin-bottom: 17px; }
  .budget_modal .yg-tc-jmys01 .num span {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 20px;
    color: #333;
    line-height: 45px; }
.budget_modal .yg-tc-jmys01 .fei {
  width: 540px;
  margin: 0 auto 20px;
  border: 1px solid #ddd;
  padding: 5px 0; }
  .budget_modal .yg-tc-jmys01 .fei ul {
    *zoom: 1; }
    .budget_modal .yg-tc-jmys01 .fei ul:before, .budget_modal .yg-tc-jmys01 .fei ul:after {
      content: " ";
      display: table; }
    .budget_modal .yg-tc-jmys01 .fei ul:after {
      clear: both; }
    .budget_modal .yg-tc-jmys01 .fei ul li {
      padding: 0 0 0 20px;
      font-size: 16px;
      float: left;
      line-height: 40px;
      text-align: center;
      width: 240px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      word-break: break-all; }
      .budget_modal .yg-tc-jmys01 .fei ul li i {
        font-size: 20px;
        color: #FAA20D;
        font-style: normal; }
.budget_modal .yg-tc-jmys01 p {
  height: 40px;
  font-size: 14px;
  font-weight: normal;
  color: #666;
  width: 422px; }

.success0 {
  text-align: center;
  padding: 47px 10px 10px 10px;
  width: 500px; }
  .success0 button {
    width: 340px;
    height: 46px;
    border: 2px solid #FF4C53;
    text-align: center;
    font-size: 18px;
    color: #FF4C53;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    margin-top: 25px;
    margin-bottom: 35px;
    background: #fff;
    cursor: pointer; }
  .success0 h4 {
    font-size: 24px;
    color: #333;
    font-weight: normal;
    margin-bottom: 26px; }
  .success0 p {
    font-size: 18px;
    color: #666;
    width: 95%;
    margin: 0 auto;
    line-height: 30px; }
    .success0 p span {
      color: #FF4C53; }

.jc-bm-right {
  position: fixed;
  top: 200px;
  right: 5px;
  z-index: 999;
  width: 164px;
  height: 340px;
  background: url(../image/float/bm-right02.png) no-repeat; }
  .jc-bm-right .close_icon {
    position: absolute;
    right: 0;
    top: -32px;
    cursor: pointer;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    background: #fff;
    color: #a5a5a5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .jc-bm-right .close_icon:hover {
      opacity: 0.8; }
  .jc-bm-right .js-gotop {
    display: block;
    width: 100%;
    height: 36px;
    cursor: pointer;
    position: absolute;
    bottom: 15px; }
  .jc-bm-right form {
    width: 75%;
    position: absolute;
    top: 215px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
    .jc-bm-right form .layui-input-block {
      margin-left: 0; }
    .jc-bm-right form .layui-form-item {
      margin-bottom: 3px; }
    .jc-bm-right form input {
      width: 100%;
      height: 30px;
      border: 1px solid #ddd;
      font-size: 12px;
      padding-top: 0;
      padding-bottom: 0; }
      .jc-bm-right form input:focus {
        box-shadow: 0 0 0 2px rgba(255, 76, 83, 0.2); }
    .jc-bm-right form button {
      width: 100%;
      background: #dc364d;
      border-color: #dc364d;
      height: 30px;
      line-height: 28px;
      border-radius: 5px;
      padding: 0;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .jc-bm-right form button:hover {
        background: #db214c;
        border-color: #db214c; }
      .jc-bm-right form button span {
        color: #fff;
        font-size: 12px; }

#buget_modal {
  width: 570px;
  background: #fff;
  border-radius: 10px; }
  #buget_modal .yg-tc-jmys01 {
    padding: 20px; }
  #buget_modal .title {
    padding: 0;
    padding-bottom: 16px; }
    #buget_modal .title em {
      padding-bottom: 16px; }
  #buget_modal .num {
    width: 100%; }
  #buget_modal .fei {
    width: 100%; }
  #buget_modal .layui-form-select dl dd.layui-this {
    background-color: #FF4C53; }
  #buget_modal .layui-form .jm_btn1 {
    width: 422px;
    height: 50px;
    border-radius: 5px;
    margin: 0 auto;
    display: block;
    background: #FF4C53;
    border: 2px solid #FF4C53;
    cursor: pointer;
    font-size: 18px; }
  #buget_modal .layui-form .layui-form-label {
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    text-indent: 8px; }
  #buget_modal .layui-form .red_label {
    position: relative;
    padding-left: 5px; }
    #buget_modal .layui-form .red_label:before {
      content: '*';
      font-size: 20px;
      color: #FF4C53;
      border-radius: 50%;
      position: absolute;
      top: 14px;
      left: -10px;
      display: block; }

.jc-bm-left {
  position: fixed;
  top: 168px;
  left: 5px;
  z-index: 999;
  width: 124px;
  height: 376px;
  background: url(../image/float/bm-left.png) no-repeat; }
  .jc-bm-left i {
    position: absolute;
    left: 0;
    top: -18px;
    cursor: pointer;
    font-size: 16px;
    color: #a5a5a5;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .jc-bm-left i:hover {
      opacity: 0.8; }

.jc-bm-btm-wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 130px; }
  .jc-bm-btm-wrap .close_btn {
    position: absolute;
    left: 0;
    top: -7px;
    z-index: 10000;
    background: #e64a19;
    font-size: 24px;
    padding: 1px 7px;
    color: #fff;
    cursor: pointer;
    font-style: normal; }
  .jc-bm-btm-wrap .jc-bm-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 130px;
    background: url(../image/float/float_skin1-02.png) bottom repeat-x; }
    .jc-bm-btm-wrap .jc-bm-bottom .txt {
      font-size: 12px;
      color: #fff;
      padding-left: 20px; }
      .jc-bm-btm-wrap .jc-bm-bottom .txt em {
        color: #F9E605; }
    .jc-bm-btm-wrap .jc-bm-bottom dl {
      width: 1200px;
      height: 79px;
      margin: 0 auto; }
      .jc-bm-btm-wrap .jc-bm-bottom dl p.f14 {
        font-size: 14px;
        line-height: 27px; }
    .jc-bm-btm-wrap .jc-bm-bottom form {
      overflow: hidden;
      margin-bottom: 7px; }
    .jc-bm-btm-wrap .jc-bm-bottom dd {
      float: right;
      padding-top: 45px;
      color: #fff; }
    .jc-bm-btm-wrap .jc-bm-bottom input {
      float: left;
      margin-right: 8px;
      width: 363px;
      height: 46px;
      border: 1px solid #ddd;
      border-right: none;
      font-size: 16px;
      padding-top: 0;
      padding-bottom: 0;
      -webkit-border-radius: 26px;
      -moz-border-radius: 26px;
      border-radius: 26px;
      text-indent: 13px; }
      .jc-bm-btm-wrap .jc-bm-bottom input:focus {
        box-shadow: 0 0 0 2px rgba(255, 76, 83, 0.2); }
    .jc-bm-btm-wrap .jc-bm-bottom button {
      float: left;
      width: 139px;
      height: 46px;
      line-height: 43px;
      font-size: 20px;
      color: #fff;
      background: #78055F;
      border: none;
      padding-top: 0;
      padding-bottom: 0;
      cursor: pointer;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      -webkit-border-radius: 26px;
      -moz-border-radius: 26px;
      border-radius: 26px; }
      .jc-bm-btm-wrap .jc-bm-bottom button:hover {
        background: rgba(120, 5, 95, 0.8); }

.pb0 {
  padding-bottom: 0 !important; }

.layui-layer-page .layui-layer-content {
  overflow: unset !important; }

.advert {
  position: relative; }
  .advert:before {
    position: absolute;
    width: 24px;
    height: 14px;
    background: url("../image/gg_v.png") no-repeat center;
    background-size: contain;
    display: block;
    content: '';
    left: 0;
    bottom: 0; }

.sub_brand_nav {
  margin-top: 20px; }
  .sub_brand_nav .left {
    width: 240px;
    height: 96px; }
    .sub_brand_nav .left img {
      object-fit: contain;
      -o-object-fit: contain;
      object-position: contain;
      width: 100%;
      height: 100%; }
  .sub_brand_nav .right li {
    float: left;
    padding-top: 22px;
    padding-bottom: 36px;
    cursor: pointer;
    padding-right: 30px;
    margin-right: 30px; }
    .sub_brand_nav .right li:last-of-type {
      padding-right: 0;
      margin-right: 0; }
      .sub_brand_nav .right li:last-of-type span:after {
        width: 0; }
    .sub_brand_nav .right li small {
      display: block;
      color: #b9b9b9;
      font-size: 14px;
      text-align: center;
      margin-top: 4px; }
    .sub_brand_nav .right li span {
      color: #303030;
      font-size: 23px;
      position: relative;
      display: block;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .sub_brand_nav .right li span.selected {
        font-weight: bolder;
        color: #FF4C53; }
      .sub_brand_nav .right li span:after {
        width: 1px;
        height: 18px;
        background: #303030;
        display: block;
        content: '';
        position: absolute;
        top: 50%;
        right: -25px;
        -webkit-transform: rotate(30deg) translateY(-50%);
        -moz-transform: rotate(30deg) translateY(-50%);
        -ms-transform: rotate(30deg) translateY(-50%);
        -o-transform: rotate(30deg) translateY(-50%);
        transform: rotate(30deg) translateY(-50%); }
    .sub_brand_nav .right li:hover span {
      font-weight: bolder;
      color: #FF4C53; }

.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background: #E74812; }

.layui-laypage a:hover {
  color: #FF4C53; }

.stewards_rec {
  padding-top: 70px;
  background: #f3f3f3;
  padding-bottom: 72px; }
  .stewards_rec .inner_shadow1 {
    box-shadow: 0px 0px 10px 0px rgba(239, 29, 58, 0.2); }
  .stewards_rec .optimal_ul {
    padding: 12px 0 5px 0;
    background: #fff; }
    .stewards_rec .optimal_ul .swiper-container {
      width: 98%; }
      .stewards_rec .optimal_ul .swiper-container .swiper-slide {
        height: 106px; }
    .stewards_rec .optimal_ul .optimal_li {
      border: 2px solid #E8E8E8;
      cursor: pointer;
      background: #fff;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .stewards_rec .optimal_ul .optimal_li:hover {
        box-shadow: 0 0 8px 0 rgba(255, 76, 83, 0.68) inset; }
      .stewards_rec .optimal_ul .optimal_li .pic {
        width: 95%;
        height: 55px;
        overflow: hidden;
        margin: 3px auto; }
        .stewards_rec .optimal_ul .optimal_li .pic img {
          object-fit: cover;
          -o-object-fit: cover;
          object-position: cover;
          width: 100%;
          height: 100%; }
      .stewards_rec .optimal_ul .optimal_li .title {
        color: #333;
        font-size: 16px;
        display: block;
        text-align: center;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        line-height: 35px; }
  .stewards_rec .rec_ul .rec_li {
    padding: 10px;
    margin-bottom: 22px; }
    .stewards_rec .rec_ul .rec_li > .left {
      width: 590px;
      height: 285px;
      border: 4px solid #e52029;
      padding: 16px 18px; }
      .stewards_rec .rec_ul .rec_li > .left .r1 .brand_name {
        width: 242px;
        height: 83px;
        background: url(../image/optim/brand_name.png) no-repeat center;
        text-align: center; }
        .stewards_rec .rec_ul .rec_li > .left .r1 .brand_name span {
          display: block;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          word-break: break-all;
          width: 224px;
          color: #333333;
          font-size: 27px;
          font-weight: bolder;
          line-height: 69px; }
      .stewards_rec .rec_ul .rec_li > .left .r2 > p {
        width: 100%;
        margin-bottom: 9px;
        *zoom: 1;
        cursor: pointer; }
        .stewards_rec .rec_ul .rec_li > .left .r2 > p:before, .stewards_rec .rec_ul .rec_li > .left .r2 > p:after {
          content: " ";
          display: table; }
        .stewards_rec .rec_ul .rec_li > .left .r2 > p:after {
          clear: both; }
        .stewards_rec .rec_ul .rec_li > .left .r2 > p:hover > span {
          color: #FF4C53; }
        .stewards_rec .rec_ul .rec_li > .left .r2 > p > i {
          float: left;
          display: block;
          width: 8px;
          height: 8px;
          background: red;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg);
          margin: 7px 10px 7px 7px; }
        .stewards_rec .rec_ul .rec_li > .left .r2 > p > span {
          float: left;
          color: #666666;
          font-size: 16px;
          display: inline-block;
          text-decoration: underline;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          word-break: break-all;
          width: 95%;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
      .stewards_rec .rec_ul .rec_li > .left .r3 {
        width: 164px;
        height: 36px;
        display: block;
        text-indent: 16px;
        line-height: 36px;
        background: #E52029 url("../image/optim/to.png") no-repeat right 20px center;
        background-size: 8px;
        color: #FFFFFF;
        font-size: 14px;
        cursor: pointer;
        margin-top: 12px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        .stewards_rec .rec_ul .rec_li > .left .r3:hover {
          opacity: 0.7; }
    .stewards_rec .rec_ul .rec_li > .right {
      width: 590px;
      height: 285px;
      cursor: pointer;
      overflow: hidden;
      position: relative;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      border: 4px transparent solid;
      border-image: -webkit-linear-gradient(#FF9C16, #EAB82A, #F1DF19) 1 10 1; }
      .stewards_rec .rec_ul .rec_li > .right .line1 {
        width: 0;
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 40px;
        height: 1px;
        background: #fff;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .stewards_rec .rec_ul .rec_li > .right .line2 {
        width: 1px;
        top: 50%;
        position: absolute;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 40px;
        height: 0;
        background: #fff;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .stewards_rec .rec_ul .rec_li > .right .line3 {
        width: 1px;
        top: 50%;
        position: absolute;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 40px;
        height: 0;
        background: #fff;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .stewards_rec .rec_ul .rec_li > .right .line4 {
        width: 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 40px;
        height: 1px;
        background: #fff;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .stewards_rec .rec_ul .rec_li > .right:hover {
        -webkit-filter: brightness(90%);
        filter: brightness(90%); }
        .stewards_rec .rec_ul .rec_li > .right:hover .line1 {
          width: 95%; }
        .stewards_rec .rec_ul .rec_li > .right:hover .line2 {
          height: 95%; }
        .stewards_rec .rec_ul .rec_li > .right:hover .line3 {
          height: 95%; }
        .stewards_rec .rec_ul .rec_li > .right:hover .line4 {
          width: 95%; }
        .stewards_rec .rec_ul .rec_li > .right:hover .r4 span {
          bottom: -100%; }
        .stewards_rec .rec_ul .rec_li > .right:hover .r5 {
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
      .stewards_rec .rec_ul .rec_li > .right .r5 {
        position: absolute;
        width: 70%;
        height: 50px;
        left: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        transition-delay: 0.1s;
        -moz-transition-delay: 0.1s;
        -webkit-transition-delay: 0.1s;
        -o-transition-delay: 0.1s;
        background: rgba(0, 0, 0, 0.8); }
        .stewards_rec .rec_ul .rec_li > .right .r5 span {
          color: #fff;
          font-size: 20px;
          width: 100%;
          height: 50px;
          display: block;
          line-height: 50px;
          text-indent: 20px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          word-break: break-all;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
      .stewards_rec .rec_ul .rec_li > .right .r4 {
        position: relative;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 590px;
        height: 285px; }
        .stewards_rec .rec_ul .rec_li > .right .r4 span {
          color: #fff;
          font-size: 20px;
          width: 100%;
          height: 50px;
          display: block;
          position: absolute;
          bottom: 4px;
          background: rgba(0, 0, 0, 0.4);
          line-height: 50px;
          text-indent: 20px;
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          -ms-transition: all 0.5s;
          -o-transition: all 0.5s;
          transition: all 0.5s;
          transition-delay: 0.1s;
          -moz-transition-delay: 0.1s;
          -webkit-transition-delay: 0.1s;
          -o-transition-delay: 0.1s;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          word-break: break-all; }
    .stewards_rec .rec_ul .rec_li:last-of-type {
      margin-bottom: 40px; }
    .stewards_rec .rec_ul .rec_li:nth-of-type(2n) > .left {
      float: right; }
    .stewards_rec .rec_ul .rec_li:nth-of-type(2n) > .right {
      float: left; }
  .stewards_rec .rec_title {
    border-bottom: 2px solid #A7A7A7;
    margin-bottom: 20px;
    padding-bottom: 12px;
    *zoom: 1;
    position: relative;
    line-height: 50px;
    height: 60px; }
    .stewards_rec .rec_title:before, .stewards_rec .rec_title:after {
      content: " ";
      display: table; }
    .stewards_rec .rec_title:after {
      clear: both; }
    .stewards_rec .rec_title:after {
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 23%;
      height: 2px;
      display: block;
      content: '';
      background: #000000; }
    .stewards_rec .rec_title img {
      float: left;
      margin-top: 11px;
      margin-right: 11px; }
    .stewards_rec .rec_title span {
      float: left;
      color: #FF4C53;
      font-size: 34px;
      font-weight: bolder;
      margin-right: 10px; }
    .stewards_rec .rec_title b {
      float: left;
      color: #333333;
      font-size: 30px; }
    .stewards_rec .rec_title small {
      float: left;
      text-transform: uppercase;
      color: #A6A6A6;
      font-size: 18px;
      margin-left: 9px; }

.yx_value {
  background: url("../image/optim/val_bg.jpg") no-repeat top center;
  padding-top: 57px;
  padding-bottom: 58px; }
  .yx_value .val_title {
    text-align: center;
    margin-top: 23px;
    margin-bottom: 37px; }
  .yx_value ul li {
    margin-right: 14.6px; }
    .yx_value ul li:last-child {
      margin-right: 0; }

.optim_ad {
  position: relative; }
  .optim_ad .yx1 {
    position: relative; }
    .optim_ad .yx1 > p {
      color: #fff;
      font-size: 44px;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      height: 65px;
      width: 738px;
      text-align: center;
      line-height: 65px;
      bottom: 34%;
      font-weight: lighter;
      background: url("../image/optim/yx1_btn_bg.png") no-repeat center;
      letter-spacing: 2px; }
    .optim_ad .yx1 > span {
      color: #ffb08b;
      font-size: 20px;
      display: block;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: 10%;
      line-height: 34px;
      font-weight: lighter;
      width: 754px; }
  .optim_ad .yx2 {
    background: url("../image/optim/val_bg.jpg") no-repeat top center;
    padding-top: 57px;
    margin-bottom: 136px; }
    .optim_ad .yx2 .val_title {
      text-align: center;
      margin-top: 23px;
      margin-bottom: 37px; }
    .optim_ad .yx2 ul {
      *zoom: 1; }
      .optim_ad .yx2 ul:before, .optim_ad .yx2 ul:after {
        content: " ";
        display: table; }
      .optim_ad .yx2 ul:after {
        clear: both; }
      .optim_ad .yx2 ul li {
        margin-right: 14.6px;
        background: url("../image/optim/value_bg.png") no-repeat center;
        height: 448px;
        width: 289px;
        float: left; }
        .optim_ad .yx2 ul li:last-child {
          margin-right: 0; }
        .optim_ad .yx2 ul li > div {
          width: 224px;
          margin: 0 auto;
          padding-top: 34px; }
          .optim_ad .yx2 ul li > div small {
            font-size: 36px;
            display: block;
            color: #f78458;
            font-weight: lighter; }
          .optim_ad .yx2 ul li > div b {
            font-size: 36px;
            display: block;
            color: #f78458;
            font-weight: bolder;
            position: relative; }
            .optim_ad .yx2 ul li > div b:after {
              position: absolute;
              left: 0;
              bottom: -10px;
              display: block;
              content: '';
              width: 11px;
              height: 5px;
              background: #f78458; }
          .optim_ad .yx2 ul li > div span {
            color: #fff;
            font-size: 14px;
            font-weight: lighter;
            margin-top: 26px;
            display: block;
            line-height: 20px; }
  .optim_ad .yx3 .yx3_title {
    text-align: center;
    margin-bottom: 59px; }
  .optim_ad .yx3 ul {
    *zoom: 1; }
    .optim_ad .yx3 ul:before, .optim_ad .yx3 ul:after {
      content: " ";
      display: table; }
    .optim_ad .yx3 ul:after {
      clear: both; }
    .optim_ad .yx3 ul li {
      width: 25%;
      float: left;
      text-align: center;
      position: relative; }
      .optim_ad .yx3 ul li:after {
        position: absolute;
        width: 2px;
        height: 168px;
        background: #cbcbcb;
        display: block;
        content: '';
        right: 0;
        bottom: 4px; }
      .optim_ad .yx3 ul li:last-of-type:after {
        display: none; }
      .optim_ad .yx3 ul li div b {
        color: #3c3c3c;
        font-size: 40px;
        display: block;
        margin-top: 18px; }
      .optim_ad .yx3 ul li div small {
        color: #3c3c3c;
        font-size: 18px;
        font-weight: lighter;
        display: block;
        margin-top: 2px; }
  .optim_ad .yx4 .yx4_title {
    text-align: center;
    margin-top: 157px;
    margin-bottom: 50px; }
  .optim_ad .yx4 .yx4_bg {
    background: url(../image/optim/yx4_bg.jpg) no-repeat center;
    height: 614px; }
    .optim_ad .yx4 .yx4_bg form {
      background: #fff;
      margin-top: 345px;
      padding-top: 58px;
      padding-bottom: 15px; }
      .optim_ad .yx4 .yx4_bg form .layui-form-item {
        margin-bottom: 18px; }
      .optim_ad .yx4 .yx4_bg form .layui-textarea {
        resize: none; }
      .optim_ad .yx4 .yx4_bg form .layui-btn {
        width: 100% !important;
        background: #ec6941;
        border-radius: 20px;
        height: 48px;
        line-height: 48px;
        margin-top: 52px; }
        .optim_ad .yx4 .yx4_bg form .layui-btn span {
          font-size: 28px;
          font-weight: lighter;
          letter-spacing: 6px; }
  .optim_ad .layui-layer {
    width: 687px !important;
    height: 792px;
    background: url(../image/popup/zs_bg.png) no-repeat center;
    background-size: contain;
    box-shadow: none; }
    .optim_ad .layui-layer .layui-layer-setwin a {
      width: 30px !important;
      height: 30px !important;
      background: url("../image/close.png") no-repeat center !important;
      background-size: contain !important; }
    .optim_ad .layui-layer .layui-layer-title {
      display: none; }
    .optim_ad .layui-layer form {
      width: 92%;
      margin: 0 auto;
      margin-top: 153px;
      border-radius: 25px; }
      .optim_ad .layui-layer form .layui-form-label {
        float: unset;
        font-size: 14px;
        color: #666;
        text-align: left; }
      .optim_ad .layui-layer form .layui-input-block {
        margin-left: 15px; }
      .optim_ad .layui-layer form .jb_title {
        width: 95.2%;
        margin: 0 auto;
        font-size: 22px;
        color: #333;
        font-weight: bolder;
        border-bottom: 1px solid #E5E5E5;
        padding-top: 21px;
        margin-bottom: 18px;
        overflow: hidden;
        padding-bottom: 21px; }
      .optim_ad .layui-layer form .layui-input {
        height: 50px;
        line-height: 50px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-size: 16px; }
      .optim_ad .layui-layer form .layui-textarea {
        min-height: 141px;
        width: 97.5%;
        font-size: 16px; }
      .optim_ad .layui-layer form button {
        background: url(../image/popup/zs_btn.png) no-repeat center;
        width: 344px;
        height: 80px;
        border: none;
        margin-top: 8px; }
        .optim_ad .layui-layer form button span {
          font-size: 20px;
          display: block;
          margin-top: -12px; }

@keyframes scale1 {
  0% {
    transform: scale(1.02);
    filter: brightness(0.95); }
  50% {
    transform: scale(1);
    filter: brightness(1); }
  100% {
    transform: scale(1.02);
    filter: brightness(0.95); } }
.project_bg {
  width: 100%;
  height: 658px;
  padding-top: 110px;
  position: relative;
  overflow: hidden; }
  .project_bg .layui-layer {
    width: 687px !important;
    height: 792px;
    background: url(../image/popup/zs_bg.png) no-repeat center;
    background-size: contain;
    box-shadow: none; }
    .project_bg .layui-layer .layui-layer-setwin a {
      width: 30px !important;
      height: 30px !important;
      background: url("../image/close.png") no-repeat center !important;
      background-size: contain !important; }
    .project_bg .layui-layer .layui-layer-title {
      display: none; }
    .project_bg .layui-layer form {
      width: 92%;
      margin: 0 auto;
      margin-top: 153px;
      border-radius: 25px; }
      .project_bg .layui-layer form .layui-form-label {
        float: unset;
        font-size: 14px;
        color: #666;
        text-align: left; }
      .project_bg .layui-layer form .layui-input-block {
        margin-left: 15px; }
      .project_bg .layui-layer form .jb_title {
        width: 95.2%;
        margin: 0 auto;
        font-size: 22px;
        color: #333;
        font-weight: bolder;
        border-bottom: 1px solid #E5E5E5;
        padding-top: 21px;
        margin-bottom: 18px;
        overflow: hidden;
        padding-bottom: 21px; }
      .project_bg .layui-layer form .layui-input {
        height: 50px;
        line-height: 50px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-size: 16px; }
      .project_bg .layui-layer form .layui-textarea {
        min-height: 141px;
        width: 97.5%;
        font-size: 16px; }
      .project_bg .layui-layer form button {
        background: url(../image/popup/zs_btn.png) no-repeat center;
        width: 344px;
        height: 80px;
        border: none;
        margin-top: 8px; }
        .project_bg .layui-layer form button span {
          font-size: 20px;
          display: block;
          margin-top: -12px; }
  .project_bg:after {
    position: absolute;
    background: url("../image/project/pro_bg.png") no-repeat center;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    background-size: cover;
    -moz-animation: scale1 5.5s infinite;
    -webkit-animation: scale1 5.5s infinite;
    -o-animation: scale1 5.5s infinite;
    animation: scale1 5.5s infinite; }
  .project_bg .budget_wrapper {
    width: 990px;
    height: 431px;
    background: #fff;
    margin: 0 auto;
    position: relative;
    z-index: 33; }
    .project_bg .budget_wrapper .left {
      width: 425.5px; }
      .project_bg .budget_wrapper .left form {
        margin-left: 70px;
        margin-right: 20px; }
      .project_bg .budget_wrapper .left .layui-form-select dl dd.layui-this {
        background: #FF4C53; }
      .project_bg .budget_wrapper .left .layui-form-label {
        padding: 9px 0;
        text-align: left;
        color: #333;
        font-size: 15px; }
      .project_bg .budget_wrapper .left .form_text {
        margin-top: 47px;
        margin-bottom: 30px; }
        .project_bg .budget_wrapper .left .form_text span {
          color: #333;
          font-size: 19px;
          padding-right: 22px; }
        .project_bg .budget_wrapper .left .form_text small {
          color: #FF4C53;
          font-size: 11px; }
    .project_bg .budget_wrapper > .middle {
      float: left;
      position: relative;
      height: 431px;
      width: 139px; }
      .project_bg .budget_wrapper > .middle .line1 {
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        display: block;
        width: 2px;
        height: 146px;
        background: #f1f1f1; }
      .project_bg .budget_wrapper > .middle .line2 {
        position: absolute;
        left: 50%;
        bottom: 0;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        display: block;
        width: 2px;
        height: 146px;
        background: #f1f1f1; }
      .project_bg .budget_wrapper > .middle .circle {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 139px;
        height: 139px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 2px solid #f1f1f1;
        cursor: pointer; }
        .project_bg .budget_wrapper > .middle .circle p {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          background: #FFE5E5;
          width: 129px;
          height: 129px; }
@keyframes bgSize {
  0% {
    background: rgba(255, 255, 255, 0.1);
    width: 0;
    height: 0; }
  100% {
    background: rgba(255, 255, 255, 0.3);
    width: 129px;
    height: 129px; } }
          .project_bg .budget_wrapper > .middle .circle p i {
            position: absolute;
            background: rgba(255, 255, 255, 0.3);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            display: block;
            left: 50%;
            top: 50%;
            animation: bgSize 1.5s infinite linear alternate; }
          .project_bg .budget_wrapper > .middle .circle p span {
            color: #fff;
            font-size: 16px;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            width: 80px;
            height: 80px;
            background: #FF4C53;
            font-weight: bolder;
            display: flex;
            justify-content: center;
            align-items: center; }
    .project_bg .budget_wrapper > .right {
      margin-right: 52px; }
      .project_bg .budget_wrapper > .right .b1 {
        color: #333;
        font-size: 19px;
        margin-top: 48px; }
        .project_bg .budget_wrapper > .right .b1 b {
          color: #F99D11;
          font-size: 25px; }
      .project_bg .budget_wrapper > .right .b2 {
        border: 2px solid #f1f1f1;
        background: #FFFEFD;
        text-align: center;
        width: 345px;
        height: 185px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 28px; }
        .project_bg .budget_wrapper > .right .b2 > p {
          margin-bottom: 10px; }
          .project_bg .budget_wrapper > .right .b2 > p:last-of-type {
            margin-bottom: 0; }
          .project_bg .budget_wrapper > .right .b2 > p span {
            color: #333333;
            font-size: 14px; }
            .project_bg .budget_wrapper > .right .b2 > p span small {
              color: #F99D11;
              font-size: 16px;
              width: 50px;
              display: inline-block; }
      .project_bg .budget_wrapper > .right .b3 {
        width: 345px;
        color: #666666;
        font-size: 14px;
        margin-top: 17px;
        line-height: 24px; }

.pro_bc_container {
  *zoom: 1; }
  .pro_bc_container:before, .pro_bc_container:after {
    content: " ";
    display: table; }
  .pro_bc_container:after {
    clear: both; }
  .pro_bc_container .pro_bg_title {
    margin: 35px 0 21px 0; }
    .pro_bc_container .pro_bg_title b {
      color: #333;
      font-size: 26px;
      padding-left: 13px;
      position: relative;
      margin-right: 18px; }
      .pro_bc_container .pro_bg_title b:before {
        position: absolute;
        left: 0;
        width: 4px;
        height: 26px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        display: block;
        content: '';
        background: #E74812; }
    .pro_bc_container .pro_bg_title span {
      color: #999;
      font-size: 16px;
      margin-right: 6px; }

.invest0 {
  padding: 18px; }
  .invest0 .bc0 {
    padding-top: 14px;
    padding-bottom: 15px;
    border-bottom: 1px solid #E2E2E2;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .invest0 .bc0:hover {
      background: #f8f8f8;
      box-shadow: 5px 5px 5px 5px #ddd; }
      .invest0 .bc0:hover .bc1 {
        margin-left: 10px; }
      .invest0 .bc0:hover .bc3 {
        margin-right: 15px; }
    .invest0 .bc0 .bc1 {
      margin-right: 28px;
      width: 210px;
      height: 144px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      background: #fff; }
      .invest0 .bc0 .bc1 img {
        object-fit: contain;
        -o-object-fit: contain;
        object-position: contain;
        width: 100%;
        height: 100%; }
    .invest0 .bc0 .bc2 {
      width: 750px; }
      .invest0 .bc0 .bc2 .a1 {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-top: 12px; }
        .invest0 .bc0 .bc2 .a1 .b1 {
          color: #333333;
          font-size: 21px;
          font-weight: bolder;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          word-break: break-all; }
        .invest0 .bc0 .bc2 .a1 .b2 {
          margin-left: 14px; }
        .invest0 .bc0 .bc2 .a1 .b3 {
          margin-left: 14px; }
        .invest0 .bc0 .bc2 .a1 .b4 {
          margin-left: 14px; }
        .invest0 .bc0 .bc2 .a1 .b5 {
          color: #333333;
          font-size: 18px;
          font-weight: bolder;
          margin-left: 14px; }
      .invest0 .bc0 .bc2 .a2 {
        margin-top: 14px;
        margin-bottom: 14px; }
        .invest0 .bc0 .bc2 .a2 li {
          color: #666666;
          font-size: 16px;
          margin-right: 15px; }
      .invest0 .bc0 .bc2 .a3 {
        color: #333;
        font-size: 16px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        margin-bottom: 10px;
        margin-top: 10px; }
      .invest0 .bc0 .bc2 .a5 {
        color: #666;
        font-size: 12px;
        font-weight: lighter;
        margin-bottom: 12px; }
      .invest0 .bc0 .bc2 .a6 span {
        color: #E74812;
        border: 1px solid #E74812;
        padding: 0 14px;
        border-radius: 25px;
        font-size: 14px;
        margin-right: 10px;
        margin-bottom: 10px;
        display: inline-block; }
      .invest0 .bc0 .bc2 .a4 p {
        color: #666666;
        font-size: 12px;
        margin-right: 19px; }
        .invest0 .bc0 .bc2 .a4 p span {
          color: #E74812;
          font-size: 16px;
          font-weight: bolder; }
    .invest0 .bc0 .bc3 {
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .invest0 .bc0 .bc3 .ivu-btn {
        background: #E74812;
        padding: 7px 31px;
        border-radius: 0;
        border-color: #E74812;
        margin-top: 55px;
        transition: all 0.3s; }
        .invest0 .bc0 .bc3 .ivu-btn:hover {
          opacity: 0.8; }
        .invest0 .bc0 .bc3 .ivu-btn span {
          color: #fff;
          font-size: 14px; }

.company_profile1 {
  width: 782px;
  margin: 0 auto; }
  .company_profile1 .layui-layer {
    width: 687px !important;
    height: 792px;
    background: url(../image/popup/zs_bg.png) no-repeat center;
    background-size: contain;
    box-shadow: none; }
    .company_profile1 .layui-layer .layui-layer-setwin a {
      width: 30px !important;
      height: 30px !important;
      background: url("../image/close.png") no-repeat center !important;
      background-size: contain !important; }
    .company_profile1 .layui-layer .layui-layer-title {
      display: none; }
    .company_profile1 .layui-layer form {
      width: 92%;
      margin: 0 auto;
      margin-top: 153px;
      border-radius: 25px; }
      .company_profile1 .layui-layer form .layui-form-label {
        float: unset;
        font-size: 14px;
        color: #666;
        text-align: left; }
      .company_profile1 .layui-layer form .layui-input-block {
        margin-left: 15px; }
      .company_profile1 .layui-layer form .jb_title {
        width: 95.2%;
        margin: 0 auto;
        font-size: 22px;
        color: #333;
        font-weight: bolder;
        border-bottom: 1px solid #E5E5E5;
        padding-top: 21px;
        margin-bottom: 18px;
        overflow: hidden;
        padding-bottom: 21px; }
      .company_profile1 .layui-layer form .layui-input {
        height: 50px;
        line-height: 50px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-size: 16px; }
      .company_profile1 .layui-layer form .layui-textarea {
        min-height: 141px;
        width: 97.5%;
        font-size: 16px; }
      .company_profile1 .layui-layer form button {
        background: url(../image/popup/zs_btn.png) no-repeat center;
        width: 344px;
        height: 80px;
        border: none;
        margin-top: 8px; }
        .company_profile1 .layui-layer form button span {
          font-size: 20px;
          display: block;
          margin-top: -12px; }
  .company_profile1 .article_title {
    color: #222222;
    font-size: 32px;
    margin-bottom: 35px;
    margin-top: 40px;
    text-align: center; }
  .company_profile1 .article_content {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 78px;
    margin-top: 30px; }
    .company_profile1 .article_content h3 {
      font-size: 20px;
      color: #333;
      font-weight: normal;
      position: relative;
      padding-bottom: 13px;
      margin-bottom: 15px; }
      .company_profile1 .article_content h3:after {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 80px;
        height: 2px;
        background: #8c8c8c;
        display: block;
        content: ''; }
    .company_profile1 .article_content img {
      max-width: 100% !important;
      height: auto !important;
      border-radius: 10px !important;
      display: block;
      margin: 15px auto; }
    .company_profile1 .article_content p {
      font-size: 16px;
      line-height: 28px;
      color: #666;
      margin-bottom: 30px; }

.law_profile {
  width: 782px;
  margin: 0 auto; }
  .law_profile .layui-layer {
    width: 687px !important;
    height: 792px;
    background: url(../image/popup/zs_bg.png) no-repeat center;
    background-size: contain;
    box-shadow: none; }
    .law_profile .layui-layer .layui-layer-setwin a {
      width: 30px !important;
      height: 30px !important;
      background: url("../image/close.png") no-repeat center !important;
      background-size: contain !important; }
    .law_profile .layui-layer .layui-layer-title {
      display: none; }
    .law_profile .layui-layer form {
      width: 92%;
      margin: 0 auto;
      margin-top: 153px;
      border-radius: 25px; }
      .law_profile .layui-layer form .layui-form-label {
        float: unset;
        font-size: 14px;
        color: #666;
        text-align: left; }
      .law_profile .layui-layer form .layui-input-block {
        margin-left: 15px; }
      .law_profile .layui-layer form .jb_title {
        width: 95.2%;
        margin: 0 auto;
        font-size: 22px;
        color: #333;
        font-weight: bolder;
        border-bottom: 1px solid #E5E5E5;
        padding-top: 21px;
        margin-bottom: 18px;
        overflow: hidden;
        padding-bottom: 21px; }
      .law_profile .layui-layer form .layui-input {
        height: 50px;
        line-height: 50px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-size: 16px; }
      .law_profile .layui-layer form .layui-textarea {
        min-height: 141px;
        width: 97.5%;
        font-size: 16px; }
      .law_profile .layui-layer form button {
        background: url(../image/popup/zs_btn.png) no-repeat center;
        width: 344px;
        height: 80px;
        border: none;
        margin-top: 8px; }
        .law_profile .layui-layer form button span {
          font-size: 20px;
          display: block;
          margin-top: -12px; }
  .law_profile .article_title {
    color: #222222;
    font-size: 32px;
    margin-bottom: 35px;
    margin-top: 40px;
    text-align: center; }
  .law_profile .article_content {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 78px;
    margin-top: 30px; }
    .law_profile .article_content img {
      max-width: 100% !important;
      height: auto !important;
      border-radius: 10px !important;
      display: block;
      margin: 15px auto; }
    .law_profile .article_content p, .law_profile .article_content span, .law_profile .article_content strong {
      font-size: 16px !important;
      line-height: 35px !important;
      color: #666;
      margin-bottom: 15px;
      font-family: "Microsoft YaHei" !important; }

.privacy {
  width: 782px;
  margin: 0 auto; }
  .privacy .layui-layer {
    width: 687px !important;
    height: 792px;
    background: url(../image/popup/zs_bg.png) no-repeat center;
    background-size: contain;
    box-shadow: none; }
    .privacy .layui-layer .layui-layer-setwin a {
      width: 30px !important;
      height: 30px !important;
      background: url("../image/close.png") no-repeat center !important;
      background-size: contain !important; }
    .privacy .layui-layer .layui-layer-title {
      display: none; }
    .privacy .layui-layer form {
      width: 92%;
      margin: 0 auto;
      margin-top: 153px;
      border-radius: 25px; }
      .privacy .layui-layer form .layui-form-label {
        float: unset;
        font-size: 14px;
        color: #666;
        text-align: left; }
      .privacy .layui-layer form .layui-input-block {
        margin-left: 15px; }
      .privacy .layui-layer form .jb_title {
        width: 95.2%;
        margin: 0 auto;
        font-size: 22px;
        color: #333;
        font-weight: bolder;
        border-bottom: 1px solid #E5E5E5;
        padding-top: 21px;
        margin-bottom: 18px;
        overflow: hidden;
        padding-bottom: 21px; }
      .privacy .layui-layer form .layui-input {
        height: 50px;
        line-height: 50px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-size: 16px; }
      .privacy .layui-layer form .layui-textarea {
        min-height: 141px;
        width: 97.5%;
        font-size: 16px; }
      .privacy .layui-layer form button {
        background: url(../image/popup/zs_btn.png) no-repeat center;
        width: 344px;
        height: 80px;
        border: none;
        margin-top: 8px; }
        .privacy .layui-layer form button span {
          font-size: 20px;
          display: block;
          margin-top: -12px; }
  .privacy .article_title {
    color: #222222;
    font-size: 32px;
    margin-bottom: 35px;
    margin-top: 40px;
    text-align: center; }
  .privacy .con {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 78px;
    margin-top: 30px; }
    .privacy .con h3 {
      font-size: 20px;
      color: #333;
      font-weight: normal;
      position: relative;
      padding-bottom: 13px;
      margin-bottom: 15px; }
      .privacy .con h3:after {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 80px;
        height: 2px;
        background: #8c8c8c;
        display: block;
        content: ''; }
    .privacy .con img {
      max-width: 100% !important;
      height: auto !important;
      border-radius: 10px !important;
      display: block;
      margin: 15px auto; }
    .privacy .con p, .privacy .con span, .privacy .con strong {
      font-size: 16px !important;
      line-height: 35px !important;
      color: #666 !important;
      margin-bottom: 30px;
      font-family: "Microsoft YaHei" !important; }

.s6 > main {
  position: relative; }
  .s6 > main .swiper-s6-next {
    position: absolute;
    z-index: 3;
    top: 21px;
    right: -1px;
    background: url("../image/index/next.png") no-repeat center;
    background-size: 10px; }
    .s6 > main .swiper-s6-next:focus {
      outline: none; }
  .s6 > main .swiper-s6-prev {
    position: absolute;
    z-index: 3;
    top: 21px;
    left: -1px;
    background: url("../image/index/prev.png") no-repeat center;
    background-size: 10px; }
    .s6 > main .swiper-s6-prev:focus {
      outline: none; }
  .s6 > main .swiper-button-disabled {
    opacity: 1 !important; }
.s6 .s6_wrapper {
  width: 100%;
  background: #F3F3F3;
  border: 1px solid #e5e5e5; }
.s6 .s6_nav {
  overflow: hidden;
  *zoom: 1;
  background: #F3F3F3;
  width: 96%;
  margin: 0 auto; }
  .s6 .s6_nav:before, .s6 .s6_nav:after {
    content: " ";
    display: table; }
  .s6 .s6_nav:after {
    clear: both; }
  .s6 .s6_nav .cate_list {
    float: left;
    width: 108px;
    padding: 10px 0;
    text-align: center;
    font-size: 16px;
    color: #333;
    position: relative; }
    .s6 .s6_nav .cate_list:after {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 0;
      width: 1px;
      height: 20px;
      background: #e5e5e5;
      display: block;
      content: ''; }
    .s6 .s6_nav .cate_list.s6_nav_on {
      background: #fff;
      position: relative; }
      .s6 .s6_nav .cate_list.s6_nav_on:before {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        content: '';
        width: 100%;
        height: 2px;
        background: #E64A1B; }
      .s6 .s6_nav .cate_list.s6_nav_on:after {
        width: 0; }

.brand_list0 {
  width: 100%;
  margin-top: 15px;
  *zoom: 1; }
  .brand_list0:before, .brand_list0:after {
    content: " ";
    display: table; }
  .brand_list0:after {
    clear: both; }
  .brand_list0 > div {
    float: left;
    width: 224px;
    margin: 0 20px 20px 0; }
    .brand_list0 > div:hover a .b2 b {
      color: #E64A1B; }
    .brand_list0 > div:nth-of-type(5n) {
      margin-right: 0; }
    .brand_list0 > div a {
      display: block;
      padding: 5px;
      cursor: pointer; }
      .brand_list0 > div a .b1 {
        position: relative;
        width: 100%;
        height: 160px; }
        .brand_list0 > div a .b1 img {
          object-fit: cover;
          -o-object-fit: cover;
          object-position: cover;
          width: 100%;
          height: 100%; }
        .brand_list0 > div a .b1 em {
          position: absolute;
          top: 10px;
          background: -webkit-linear-gradient(left, #FF4C53, #f38145, #f09557);
          background: -o-linear-gradient(left, #FF4C53, #f38145, #f09557);
          background: -moz-linear-gradient(left, #FF4C53, #f38145, #f09557);
          background: -ms-linear-gradient(left, #FF4C53, #f38145, #f09557);
          display: block;
          color: #fff;
          font-size: 15px;
          padding: 3px 12px;
          border-top-right-radius: 12px;
          border-bottom-right-radius: 12px; }
      .brand_list0 > div a .b2 {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 5px; }
        .brand_list0 > div a .b2 b {
          display: block;
          padding: 0 5px;
          font-weight: normal;
          text-align: center;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          word-break: break-all;
          font-size: 16px;
          cursor: pointer;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
        .brand_list0 > div a .b2 small {
          font-size: 12px;
          color: #666;
          padding: 5px 5px 0 5px;
          text-align: center;
          display: block; }
      .brand_list0 > div a .b3 {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 5px; }
        .brand_list0 > div a .b3 button {
          width: 90px;
          height: 34px;
          display: block;
          padding: 0 3px;
          outline: none;
          font-size: 12px;
          background: none;
          border-radius: 4px;
          cursor: pointer;
          -moz-box-shadow: 0 2px 6px #ffd5c8;
          -webkit-box-shadow: 0 2px 6px #ffd5c8;
          box-shadow: 0 2px 6px #ffd5c8;
          background: #E64A1B;
          color: #fff;
          border: 1px solid #E64A1B; }

.contact_us {
  padding-bottom: 50px; }
  .contact_us .c1 {
    padding: 0 30px;
    color: #f80;
    font-size: 20px;
    position: relative;
    margin: 30px 20px 30px 30px; }
    .contact_us .c1:before {
      position: absolute;
      top: 3px;
      left: 0;
      width: 5px;
      height: 22px;
      background: #f80;
      display: block;
      content: ''; }
  .contact_us .c2 {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .contact_us .c2 > div {
      color: #333;
      font-size: 14px; }

.sy_hot_news {
  padding: 20px 0; }
  .sy_hot_news .other_news {
    float: right;
    width: 584px; }
    .sy_hot_news .other_news .left {
      width: 240px;
      height: 125px;
      float: left;
      overflow: hidden; }
      .sy_hot_news .other_news .left img {
        object-fit: cover;
        -o-object-fit: cover;
        object-position: cover;
        width: 100%;
        height: 100%; }
    .sy_hot_news .other_news .right {
      width: 320px;
      float: right; }
      .sy_hot_news .other_news .right ul li {
        margin-bottom: 14px; }
        .sy_hot_news .other_news .right ul li:hover a {
          color: #E64A19; }
        .sy_hot_news .other_news .right ul li a {
          display: block;
          color: #808080;
          font-size: 15px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          word-break: break-all;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
  .sy_hot_news .hot_news {
    float: left;
    width: 584px; }
    .sy_hot_news .hot_news .right {
      float: right;
      width: 320px; }
      .sy_hot_news .hot_news .right ul li {
        margin-bottom: 11px; }
        .sy_hot_news .hot_news .right ul li:first-child a {
          color: #4B4B4B;
          font-size: 18px; }
        .sy_hot_news .hot_news .right ul li:hover a {
          color: #E64A19; }
        .sy_hot_news .hot_news .right ul li a {
          display: block;
          color: #808080;
          font-size: 15px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          word-break: break-all;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
    .sy_hot_news .hot_news .left {
      width: 240px;
      height: 148px;
      float: left;
      position: relative;
      overflow: hidden; }
      .sy_hot_news .hot_news .left:hover .pic img {
        transform: scale(1.1) translateZ(0); }
      .sy_hot_news .hot_news .left .pic {
        width: 100%;
        height: 100%; }
        .sy_hot_news .hot_news .left .pic img {
          object-fit: cover;
          -o-object-fit: cover;
          object-position: cover;
          width: 100%;
          height: 100%;
          transition: 0.3s; }
      .sy_hot_news .hot_news .left p {
        height: 30px;
        line-height: 30px;
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        color: #fff;
        font-size: 16px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        text-indent: 10px;
        bottom: 0;
        width: 100%; }

.other_news2 {
  *zoom: 1; }
  .other_news2:before, .other_news2:after {
    content: " ";
    display: table; }
  .other_news2:after {
    clear: both; }
  .other_news2 .right {
    width: 320px;
    float: right; }
    .other_news2 .right ul li {
      margin-bottom: 14px; }
      .other_news2 .right ul li:hover a {
        color: #E64A19; }
      .other_news2 .right ul li a {
        display: block;
        color: #808080;
        font-size: 15px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
  .other_news2 .left {
    width: 240px;
    height: 158px;
    float: left;
    position: relative;
    overflow: hidden; }
    .other_news2 .left img {
      object-fit: cover;
      -o-object-fit: cover;
      object-position: cover;
      width: 100%;
      height: 100%;
      transition: 0.3s; }
  .other_news2 .on_left {
    width: 584px;
    float: left; }
  .other_news2 .on_right {
    width: 584px;
    float: right; }

.sy_video .show_video {
  *zoom: 1;
  position: relative; }
  .sy_video .show_video:before, .sy_video .show_video:after {
    content: " ";
    display: table; }
  .sy_video .show_video:after {
    clear: both; }
  .sy_video .show_video #no_video {
    position: absolute;
    color: #666;
    font-size: 16px;
    left: 0;
    top: 0; }
  .sy_video .show_video > .left {
    float: left;
    width: 852px; }
  .sy_video .show_video > .right {
    float: right;
    width: 336px; }
    .sy_video .show_video > .right .top_brand {
      background: #242424;
      *zoom: 1;
      padding: 16px; }
      .sy_video .show_video > .right .top_brand:before, .sy_video .show_video > .right .top_brand:after {
        content: " ";
        display: table; }
      .sy_video .show_video > .right .top_brand:after {
        clear: both; }
      .sy_video .show_video > .right .top_brand .pic {
        width: 120px;
        height: 75px;
        float: left;
        background: #fff; }
        .sy_video .show_video > .right .top_brand .pic img {
          object-fit: cover;
          -o-object-fit: cover;
          object-position: cover;
          width: 100%;
          height: 100%;
          height: 55px; }
        .sy_video .show_video > .right .top_brand .pic span {
          display: block;
          color: #808080;
          font-size: 12px;
          text-align: center;
          height: 20px;
          line-height: 20px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          word-break: break-all; }
      .sy_video .show_video > .right .top_brand .desc {
        width: 168px;
        height: 75px;
        float: right;
        display: flex;
        justify-content: space-between;
        flex-direction: column; }
        .sy_video .show_video > .right .top_brand .desc > p {
          color: #fff;
          font-size: 14px;
          text-overflow: -o-ellipsis-lastline;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          display: box;
          -webkit-line-clamp: 2;
          line-clamp: 2;
          /*! autoprefixer: off */
          -webkit-box-orient: vertical;
          /* autoprefixer: on */
          white-space: normal; }
        .sy_video .show_video > .right .top_brand .desc > div {
          display: flex;
          justify-content: flex-start;
          align-items: center; }
          .sy_video .show_video > .right .top_brand .desc > div button {
            width: 80px;
            height: 25px;
            background: #E64A19;
            line-height: 25px;
            text-align: center;
            color: #FFFFFF;
            font-size: 12px;
            border-radius: 4px; }
    .sy_video .show_video > .right .video_list {
      height: 396px;
      background: #454646; }
      .sy_video .show_video > .right .video_list li {
        *zoom: 1;
        padding: 16px 15px 10px 15px;
        cursor: pointer; }
        .sy_video .show_video > .right .video_list li:before, .sy_video .show_video > .right .video_list li:after {
          content: " ";
          display: table; }
        .sy_video .show_video > .right .video_list li:after {
          clear: both; }
        .sy_video .show_video > .right .video_list li.on_watch .pic {
          border: 2px solid #E64A19; }
        .sy_video .show_video > .right .video_list li.on_watch .desc > p {
          color: #E64A19; }
        .sy_video .show_video > .right .video_list li .pic {
          width: 120px;
          height: 70px;
          float: left;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; }
          .sy_video .show_video > .right .video_list li .pic img {
            object-fit: cover;
            -o-object-fit: cover;
            object-position: cover;
            width: 100%;
            height: 100%; }
        .sy_video .show_video > .right .video_list li .desc {
          width: 168px;
          height: 70px;
          float: right;
          display: flex;
          justify-content: space-between;
          flex-direction: column; }
          .sy_video .show_video > .right .video_list li .desc > p {
            color: #A1A1A1;
            font-size: 14px;
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            display: box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            /*! autoprefixer: off */
            -webkit-box-orient: vertical;
            /* autoprefixer: on */
            white-space: normal; }
          .sy_video .show_video > .right .video_list li .desc > div {
            display: flex;
            justify-content: flex-start;
            align-items: center; }
            .sy_video .show_video > .right .video_list li .desc > div img {
              margin-right: 10px; }
            .sy_video .show_video > .right .video_list li .desc > div span {
              color: #A1A1A1;
              font-size: 12px; }
.sy_video .brand_type {
  position: relative;
  float: right; }
  .sy_video .brand_type > p {
    width: 216px;
    height: 35px;
    border: 1px solid #AAAAAA;
    color: #3A3A3A;
    font-size: 15px;
    text-align: center;
    line-height: 35px;
    border-radius: 10px;
    margin-bottom: 5px;
    margin-top: 14px;
    cursor: pointer;
    margin-right: 12px; }
    .sy_video .brand_type > p.up {
      background: #F6F6F6 url("../image/index/up_img.png") no-repeat right 15px center; }
    .sy_video .brand_type > p.down {
      background: #F6F6F6 url("../image/index/down_img.png") no-repeat right 15px center; }
  .sy_video .brand_type ul {
    position: absolute;
    width: 790px;
    height: 298px;
    background: #F6F6F6;
    *zoom: 1;
    right: 12px;
    border: 1px solid #AAAAAA;
    z-index: 99;
    padding-left: 10px;
    overflow-y: scroll; }
    .sy_video .brand_type ul:before, .sy_video .brand_type ul:after {
      content: " ";
      display: table; }
    .sy_video .brand_type ul:after {
      clear: both; }
    .sy_video .brand_type ul li {
      float: left;
      width: 150px;
      height: 50px;
      margin-right: 5px;
      margin-bottom: 5px;
      cursor: pointer; }
      .sy_video .brand_type ul li:nth-of-type(5n) {
        margin-right: 0; }
      .sy_video .brand_type ul li img {
        width: 150px;
        height: 50px;
        -o-object-fit: contain;
        object-fit: contain;
        background: #fff; }

/*# sourceMappingURL=index.css.map */