@font-face {

  font-family: "Poppins-Regular";

  src: url("../font/Poppins-Regular.woff2") format("woff2"), url("../font/Poppins-Regular.ttf") format("truetype");

  font-weight: normal;

  font-style: normal;

  font-display: swap; }

html {

  font-family: "微软雅黑", Microsoft Yahei, arial, serif;

  scroll-behavior: smooth; }



/*!- w103-wrapper begin -*/

.w103-wrapper {

  max-width: 1440px;

  margin: 0 auto;

  padding: 0 32px; }

  @media screen and (max-width: 1200px) {

    .w103-wrapper {

      padding: 0 24px; } }

  @media screen and (max-width: 768px) {

    .w103-wrapper {

      padding: 0 16px; } }

  .w103-wrapper > p {

    font-size: 16px;

    line-height: 1.576; }



/*!- w103-wrapper end -*/

/*!- w103-section begin -*/

.w103-section {

  margin-bottom: 64px; }

  @media screen and (max-width: 1200px) {

    .w103-section {

      margin-bottom: 24px; } }

  @media screen and (max-width: 768px) {

    .w103-section {

      margin-bottom: 16px; } }

  .w103-section.seamless {

    margin-bottom: 0; }



/*!- w103-section end -*/

/*!- w103-grid begin -*/

.w103-grid > .w103-grid-row:before, .w103-grid > .w103-grid-row:after {

  display: table;

  content: "";

  width: 100%; }

.w103-grid > .w103-grid-row:after {

  clear: both; }

.w103-grid > .w103-grid-row > .w103-grid-col {

  width: 100%;

  float: left; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-1-1 {

    width: 100%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-1-2 {

    width: 50%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-1-3 {

    width: 33.3333333333%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-2-3 {

    width: 66.6666666667%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-1-4 {

    width: 25%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-2-4 {

    width: 50%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-3-4 {

    width: 75%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-1-5 {

    width: 20%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-2-5 {

    width: 40%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-3-5 {

    width: 60%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-4-5 {

    width: 80%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-1-6 {

    width: 16.6666666667%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-2-6 {

    width: 33.3333333333%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-3-6 {

    width: 50%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-4-6 {

    width: 66.6666666667%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-5-6 {

    width: 83.3333333333%; }

.w103-grid.gutter-sm > .w103-grid-row {

  margin: -16px 0 0 -16px; }

  .w103-grid.gutter-sm > .w103-grid-row > .w103-grid-col {

    padding: 16px 0 0 16px; }

.w103-grid.gutter-md > .w103-grid-row {

  margin: -24px 0 0 -24px; }

  .w103-grid.gutter-md > .w103-grid-row > .w103-grid-col {

    padding: 24px 0 0 24px; }

.w103-grid.gutter-lg > .w103-grid-row {

  margin: -32px 0 0 -32px; }

  .w103-grid.gutter-lg > .w103-grid-row > .w103-grid-col {

    padding: 32px 0 0 32px; }

@media screen and (max-width: 1600px) {

  .w103-grid > .w103-grid-row > .w103-grid-col.col-1-1\@lg {

    width: 100%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-1-2\@lg {

    width: 50%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-1-3\@lg {

    width: 33.3333333333%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-2-3\@lg {

    width: 66.6666666667%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-1-4\@lg {

    width: 25%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-2-4\@lg {

    width: 50%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-3-4\@lg {

    width: 75%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-1-5\@lg {

    width: 20%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-2-5\@lg {

    width: 40%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-3-5\@lg {

    width: 60%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-4-5\@lg {

    width: 80%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-1-6\@lg {

    width: 16.6666666667%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-2-6\@lg {

    width: 33.3333333333%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-3-6\@lg {

    width: 50%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-4-6\@lg {

    width: 66.6666666667%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-5-6\@lg {

    width: 83.3333333333%; }

  .w103-grid.gutter-sm\@lg > .w103-grid-row {

    margin: -16px 0 0 -16px; }

    .w103-grid.gutter-sm\@lg > .w103-grid-row > .w103-grid-col {

      padding: 16px 0 0 16px; }

  .w103-grid.gutter-md\@lg > .w103-grid-row {

    margin: -24px 0 0 -24px; }

    .w103-grid.gutter-md\@lg > .w103-grid-row > .w103-grid-col {

      padding: 24px 0 0 24px; }

  .w103-grid.gutter-lg\@lg > .w103-grid-row {

    margin: -32px 0 0 -32px; }

    .w103-grid.gutter-lg\@lg > .w103-grid-row > .w103-grid-col {

      padding: 32px 0 0 32px; } }

@media screen and (max-width: 1200px) {

  .w103-grid > .w103-grid-row > .w103-grid-col.col-1-1\@md {

    width: 100%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-1-2\@md {

    width: 50%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-1-3\@md {

    width: 33.3333333333%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-2-3\@md {

    width: 66.6666666667%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-1-4\@md {

    width: 25%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-2-4\@md {

    width: 50%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-3-4\@md {

    width: 75%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-1-5\@md {

    width: 20%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-2-5\@md {

    width: 40%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-3-5\@md {

    width: 60%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-4-5\@md {

    width: 80%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-1-6\@md {

    width: 16.6666666667%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-2-6\@md {

    width: 33.3333333333%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-3-6\@md {

    width: 50%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-4-6\@md {

    width: 66.6666666667%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-5-6\@md {

    width: 83.3333333333%; }

  .w103-grid.gutter-sm\@md > .w103-grid-row {

    margin: -16px 0 0 -16px; }

    .w103-grid.gutter-sm\@md > .w103-grid-row > .w103-grid-col {

      padding: 16px 0 0 16px; }

  .w103-grid.gutter-md\@md > .w103-grid-row {

    margin: -24px 0 0 -24px; }

    .w103-grid.gutter-md\@md > .w103-grid-row > .w103-grid-col {

      padding: 24px 0 0 24px; }

  .w103-grid.gutter-lg\@md > .w103-grid-row {

    margin: -32px 0 0 -32px; }

    .w103-grid.gutter-lg\@md > .w103-grid-row > .w103-grid-col {

      padding: 32px 0 0 32px; } }

@media screen and (max-width: 768px) {

  .w103-grid > .w103-grid-row > .w103-grid-col.col-1-1\@sm {

    width: 100%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-1-2\@sm {

    width: 50%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-1-3\@sm {

    width: 33.3333333333%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-2-3\@sm {

    width: 66.6666666667%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-1-4\@sm {

    width: 25%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-2-4\@sm {

    width: 50%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-3-4\@sm {

    width: 75%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-1-5\@sm {

    width: 20%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-2-5\@sm {

    width: 40%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-3-5\@sm {

    width: 60%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-4-5\@sm {

    width: 80%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-1-6\@sm {

    width: 16.6666666667%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-2-6\@sm {

    width: 33.3333333333%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-3-6\@sm {

    width: 50%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-4-6\@sm {

    width: 66.6666666667%; }

  .w103-grid > .w103-grid-row > .w103-grid-col.col-5-6\@sm {

    width: 83.3333333333%; }

  .w103-grid.gutter-sm\@sm > .w103-grid-row {

    margin: -16px 0 0 -16px; }

    .w103-grid.gutter-sm\@sm > .w103-grid-row > .w103-grid-col {

      padding: 16px 0 0 16px; }

  .w103-grid.gutter-md\@sm > .w103-grid-row {

    margin: -24px 0 0 -24px; }

    .w103-grid.gutter-md\@sm > .w103-grid-row > .w103-grid-col {

      padding: 24px 0 0 24px; }

  .w103-grid.gutter-lg\@sm > .w103-grid-row {

    margin: -32px 0 0 -32px; }

    .w103-grid.gutter-lg\@sm > .w103-grid-row > .w103-grid-col {

      padding: 32px 0 0 32px; } }



/*!- w103-layout-container end -*/

/*!- w103-header begin -*/

.w103-header {

  transition: background-color .5s;

  background-color: transparent;

  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

  .w103-header .w103-header-wrap {

    position: relative;

    width: 90%;

    margin: 0 auto; }

    .w103-header .w103-header-wrap:before, .w103-header .w103-header-wrap:after {

      display: table;

      content: "";

      width: 100%; }

    .w103-header .w103-header-wrap:after {

      clear: both; }

    .w103-header .w103-header-wrap .w103-header-logo {

      display: block;

      float: left;

      line-height: 90px;

      font-size: 0;

      -webkit-text-size-adjust: none; }

      .w103-header .w103-header-wrap .w103-header-logo > a {

        display: inline-block;

        vertical-align: middle;

        margin-right: 8px; }

        .w103-header .w103-header-wrap .w103-header-logo > a > img {

          display: block;

          width: auto;

        /*  height: 40px; */}

      .w103-header .w103-header-wrap .w103-header-logo > span {

        display: none;

        vertical-align: middle;

        color: #fff;

        font-size: 14px; }

    .w103-header .w103-header-wrap .w103-header-nav {

      display: block;

      float: right;

      line-height: 90px; }

      .w103-header .w103-header-wrap .w103-header-nav:before, .w103-header .w103-header-wrap .w103-header-nav:after {

        display: table;

        content: "";

        width: 100%; }

      .w103-header .w103-header-wrap .w103-header-nav:after {

        clear: both; }

    .w103-header .w103-header-wrap .w103-header-trigger {

      display: none;

      width: 24px;

      height: 20px;

      position: absolute;

      z-index: 1002;

      top: 50%;

      right: 16px;

      margin-top: -10px;

      cursor: pointer; }

  .w103-header .w103-header-nav ul {

    font-size: 0;

    margin-left: -32px; }

    .w103-header .w103-header-nav ul > li {

      display: inline-block;

      vertical-align: top;

      margin-left: 32px;

      position: relative;

      font-size: 16px;

      color: #333333; }

      .w103-header .w103-header-nav ul > li .arrow {

        display: inline-block;

        vertical-align: -1px;

        width: 16px;

        height: 16px;

        position: relative; }

        .w103-header .w103-header-nav ul > li .arrow:before, .w103-header .w103-header-nav ul > li .arrow:after {

          display: block;

          content: '';

          width: 8px;

          border-bottom: 2px solid;

          position: absolute;

          top: 50%;

          transition: all .5s; }

        .w103-header .w103-header-nav ul > li .arrow:before {

          left: 2px;

          transform: rotate(49deg); }

        .w103-header .w103-header-nav ul > li .arrow:after {

          right: 2px;

          transform: rotate(-49deg); }

      .w103-header .w103-header-nav ul > li a {

        display: block;

        white-space: nowrap;

        position: relative;

        transition: color,background-color .5s; }

        .w103-header .w103-header-nav ul > li a:hover, .w103-header .w103-header-nav ul > li a.active {

          color: #EE922B; }

      .w103-header .w103-header-nav ul > li dl {

        display: none;

        min-width: 120px;

        position: absolute;

        left: 50%;

        transform: translateX(-50%);

        text-align: center;

        background-color: rgba(255, 255, 255, 0.8);

        font-size: 14px; }

        .w103-header .w103-header-nav ul > li dl dd {

          position: relative; }

          .w103-header .w103-header-nav ul > li dl dd a {

            padding: 0 20px;

            line-height: 40px; }

            .w103-header .w103-header-nav ul > li dl dd a .arrow {

              position: absolute;

              top: 50%;

              margin-top: -8px;

              right: 4px; }

              .w103-header .w103-header-nav ul > li dl dd a .arrow:before, .w103-header .w103-header-nav ul > li dl dd a .arrow:after {

                width: 0;

                height: 8px;

                border-left: 0;

                border-right: 2px solid;

                left: 50%;

                top: auto;

                right: auto; }

              .w103-header .w103-header-nav ul > li dl dd a .arrow:before {

                top: 1.5px;

                transform: rotate(-45deg); }

              .w103-header .w103-header-nav ul > li dl dd a .arrow:after {

                bottom: 2px;

                transform: rotate(45deg); }

            .w103-header .w103-header-nav ul > li dl dd a:hover {

              background-color: white; }

          .w103-header .w103-header-nav ul > li dl dd dl {

            left: 100%;

            top: 0;

            transform: translateX(0); }

  .w103-header .w103-header-nav .w103-header-nav-extra ul li:first-child {

    padding-right: 20px; }

    .w103-header .w103-header-nav .w103-header-nav-extra ul li:first-child:after {

      position: absolute;

      content: "";

      display: block;

      top: 50%;

      right: 2px;

      margin-top: -6px;

      border-width: 1px 1px 0 0;

      border-style: solid;

      width: 9px;

      height: 9px;

      -webkit-transform: rotate(135deg);

      transform: rotate(135deg); }

  .w103-header .w103-header-nav-menu {

    display: block;

    float: left;

    padding-right: 32px; }

  .w103-header .w103-header-nav-extra {

    display: block;

    position: relative;

    float: right;

    padding-left: 32px; }

    .w103-header .w103-header-nav-extra:after {

      display: block;

      content: '';

      height: 16px;

      border-left: 1px solid #333333;

      position: absolute;

      top: 50%;

      left: 0;

      margin-top: -8px; }

  .w103-header .w103-header-icon-text {

    position: relative;

    text-align: left; }

    .w103-header .w103-header-icon-text > .icon {

      display: inline-block;

      vertical-align: middle;

      width: 24px;

      height: 16px;

      line-height: 16px;

      font-size: 24px;

      text-align: center;

      margin-right: 6px; }

      .w103-header .w103-header-icon-text > .icon > img {

        display: block;

        width: 100%;

        height: 100%;

        object-position: center;

        object-fit: contain; }

      .w103-header .w103-header-icon-text > .icon > i {

        font-size: inherit; }

    .w103-header .w103-header-icon-text > .text {

      display: inline-block;

      vertical-align: middle; }

  .w103-header .w103-header-trigger > span {

    display: block;

    position: absolute;

    width: 100%;

    height: 2px;

    background-color: #333333;

    top: 50%;

    margin-top: -1px;

    transition: all .5s; }

    .w103-header .w103-header-trigger > span:nth-child(1) {

      transform: translateY(-10px); }

    .w103-header .w103-header-trigger > span:nth-child(2) {

      transform: translateY(9px); }

  .w103-header.fixed {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: 1000;

    background-color: rgba(255, 255, 255, 0.9); }

  .w103-header.scrolled {

    background-color: #fff; }

  @media screen and (max-width: 1600px) {

    .w103-header .w103-header-nav ul {

      margin-left: -24px; }

      .w103-header .w103-header-nav ul > li {

        margin-left: 24px; }

    .w103-header .w103-header-nav-menu {

      padding-right: 24px; }

    .w103-header .w103-header-nav-extra {

      padding-left: 24px; } }

  @media screen and (max-width: 1200px) {

    .w103-header {

      background-color: #fff;

      border-bottom: 0; }

      .w103-header .w103-header-wrap {

        width: 100%; }

        .w103-header .w103-header-wrap .w103-header-logo {

          float: none;

          position: relative;

          z-index: 1001;

          line-height: 58px;

          padding: 0 16px;

          background-color: #fff; }

          .w103-header .w103-header-wrap .w103-header-logo > a > img {

            height: 28px; }

          .w103-header .w103-header-wrap .w103-header-logo > span {

            display: inline-block; }

        .w103-header .w103-header-wrap .w103-header-nav {

          display: none;

          float: none;

          position: fixed;

          z-index: 1000;

          top: 0;

          left: 0;

          right: 0;

          bottom: 0;

          line-height: 40px;

          padding-top: 58px;

          overflow-y: auto;

          background-color: #fff; }

        .w103-header .w103-header-wrap .w103-header-trigger {

          display: block; }

      .w103-header .w103-header-nav ul {

        margin-left: 0; }

        .w103-header .w103-header-nav ul > li {

          display: block;

          margin-left: 0; }

          .w103-header .w103-header-nav ul > li .arrow {

            width: 40px;

            height: 40px;

            position: absolute;

            top: 0;

            margin-top: 0;

            right: 6px; }

            .w103-header .w103-header-nav ul > li .arrow:before {

              left: 14px;

              right: auto; }

            .w103-header .w103-header-nav ul > li .arrow:after {

              left: auto;

              right: 13px; }

          .w103-header .w103-header-nav ul > li a {

            padding: 0 56px 0 16px; }

          .w103-header .w103-header-nav ul > li dl {

            min-width: auto;

            position: static;

            left: auto;

            top: auto;

            transform: translateX(0);

            text-align: left; }

            .w103-header .w103-header-nav ul > li dl dd a {

              padding: 0 36px 0 16px; }

              .w103-header .w103-header-nav ul > li dl dd a .arrow {

                width: 40px;

                height: 40px;

                right: 6px;

                margin-top: 0;

                top: 0; }

                .w103-header .w103-header-nav ul > li dl dd a .arrow:before, .w103-header .w103-header-nav ul > li dl dd a .arrow:after {

                  width: 8px;

                  height: 0;

                  border-left: 2px solid;

                  border-right: 0;

                  top: 50%;

                  bottom: auto; }

                .w103-header .w103-header-nav ul > li dl dd a .arrow:before {

                  left: 14px;

                  right: auto;

                  transform: rotate(49deg); }

                .w103-header .w103-header-nav ul > li dl dd a .arrow:after {

                  left: auto;

                  right: 13px;

                  transform: rotate(-49deg); }

            .w103-header .w103-header-nav ul > li dl dd.opened > a .arrow:before {

              transform: rotate(-49deg); }

            .w103-header .w103-header-nav ul > li dl dd.opened > a .arrow:after {

              transform: rotate(49deg); }

            .w103-header .w103-header-nav ul > li dl dd.opened > dl {

              display: block; }

          .w103-header .w103-header-nav ul > li.opened > a .arrow:before {

            transform: rotate(-49deg); }

          .w103-header .w103-header-nav ul > li.opened > a .arrow:after {

            transform: rotate(49deg); }

          .w103-header .w103-header-nav ul > li.opened > dl {

            display: block; }

      .w103-header .w103-header-nav-menu {

        float: none;

        padding-right: 0; }

      .w103-header .w103-header-nav-extra {

        float: none;

        padding-left: 0; }

        .w103-header .w103-header-nav-extra:after {

          display: none; }

        .w103-header .w103-header-nav-extra .w103-header-lang > a {

          display: none; }

        .w103-header .w103-header-nav-extra .w103-header-lang > dl {

          display: block;

          font-size: 0;

          -webkit-text-size-adjust: none;

          white-space: nowrap;

          overflow-x: auto;

          padding: 0 8px; }

          .w103-header .w103-header-nav-extra .w103-header-lang > dl > dd {

            display: inline-block;

            vertical-align: top; }

            .w103-header .w103-header-nav-extra .w103-header-lang > dl > dd > a {

              padding: 0 8px;

              font-size: 14px; }

        .w103-header .w103-header-nav-extra .w103-header-search {

          display: none; }

      .w103-header.fixed {

        position: sticky; }

      .w103-header.opened .w103-header-nav {

        display: block; }

      .w103-header.opened .w103-header-trigger > span:nth-child(1) {

        transform: rotate(45deg); }

      .w103-header.opened .w103-header-trigger > span:nth-child(2) {

        transform: rotate(-45deg); }

      .w103-header.opened .w103-header-trigger > span:nth-child(3) {

        opacity: 0; } }

  @media screen and (min-width: 1201px) {

    .w103-header .w103-header-nav ul > li dl dd:hover > dl {

      display: block; }

    .w103-header .w103-header-nav ul > li:hover > a .arrow:before {

      transform: rotate(-49deg); }

    .w103-header .w103-header-nav ul > li:hover > a .arrow:after {

      transform: rotate(49deg); }

    .w103-header .w103-header-nav ul > li:hover > dl {

      display: block; } }



/*!- w103-header end -*/

/*!- w103-inner-backing begin -*/

.w103-inner-backing {

  background-color: whitesmoke; }

  .w103-inner-backing .w103-inner-backing-wrap {

    position: relative;

    width: 100%;

    height: 0;

    padding-bottom: 20%; }

    .w103-inner-backing .w103-inner-backing-wrap > img {

      display: block;

      width: 100%;

      height: 100%;

      position: absolute;

      top: 0;

      left: 0;

      object-fit: cover;

      object-position: center; }

    .w103-inner-backing .w103-inner-backing-wrap > .w103-inner-backing-mask {

      display: block;

      position: absolute;

      width: 100%;

      height: 100%;

      top: 0;

      left: 0;

   /*   background-color: rgba(0, 0, 0, 0.5);*/ }



/*!- w103-inner-backing end -*/

/*!- w103-crumb begin -*/

.w103-crumb {

  background-color: whitesmoke; }

  .w103-crumb .w103-crumb-list {

    font-size: 0; }

    .w103-crumb .w103-crumb-list .w103-crumb-item {

      display: inline-block;

      vertical-align: middle;

      font-size: 16px;

      line-height: 40px;

      margin-right: 12px;

      color: #666666;

      transition: color .5s; }

      .w103-crumb .w103-crumb-list .w103-crumb-item:hover {

        color: #f59628; }

      .w103-crumb .w103-crumb-list .w103-crumb-item:nth-child(even), .w103-crumb .w103-crumb-list .w103-crumb-item.separator {

        color: #999999;

        pointer-events: none; }

      .w103-crumb .w103-crumb-list .w103-crumb-item:last-child.separator {

        display: none; }

  @media screen and (max-width: 1200px) {

    .w103-crumb .w103-crumb-list .w103-crumb-item {

      font-size: 14px;

      line-height: 36px;

      margin-right: 8px; } }

  @media screen and (max-width: 768px) {

    .w103-crumb .w103-crumb-list .w103-crumb-item {

      font-size: 14px;

      line-height: 32px; } }



/*!- w103-crumb end -*/

/*!- w103-page-header begin -*/

.w103-page-header {

  position: relative;

  text-align: center; }

  .w103-page-header .w103-page-header-title {

    font-size: 30px;

    text-align: center;

    line-height: 1;

    margin-bottom: 15px;

    font-weight: normal;

    color: #f59628;

    text-transform: uppercase; }

  .w103-page-header i {

    display: inline-block;

    background-color: #f59628;

    width: 6px;

    height: 6px;

    position: relative;

    margin-bottom: 20px;

    border-radius: 50%; }

    .w103-page-header i:before {

      position: absolute;

      right: -70px;

      top: 2px;

      width: 60px;

      height: 2px;

      background-color: #ddd;

      content: ''; }

    .w103-page-header i:after {

      position: absolute;

      left: -70px;

      top: 2px;

      width: 60px;

      height: 2px;

      background-color: #ddd;

      content: ''; }

  .w103-page-header .w103-page-header-desc {

    font-size: 16px;

    line-height: 1.576;

    color: #333333;

    margin-bottom: 32px;

    text-align: left; }

  @media screen and (max-width: 1200px) {

    .w103-page-header .w103-page-header-title {

      font-size: 32px;

      margin-bottom: 24px; }

    .w103-page-header .w103-page-header-desc {

      margin-bottom: 24px; } }

  @media screen and (max-width: 768px) {

    .w103-page-header .w103-page-header-title {

      font-size: 24px;

      margin-bottom: 10px; }

    .w103-page-header .w103-page-header-desc {

      font-size: 14px;

      margin-bottom: 10px; }

    .w103-page-header i {

      margin-bottom: 10px; } }

/*!- w103-page-header end -*/

/*!- w103-pagination begin -*/

.w103-pagination .w103-pagination-wrap {

  padding: 32px 0; }

.w103-pagination .w103-pagination-list {

  font-size: 0;

  margin: -8px 0 0 -8px; }

  .w103-pagination .w103-pagination-list.center {

    text-align: center; }

  .w103-pagination .w103-pagination-list.right {

    text-align: right; }

.w103-pagination .w103-pagination-item {

  display: inline-block;

  vertical-align: top;

  line-height: 38px;

  font-size: 14px;

  text-align: center;

  padding: 0 16px;

  height: 40px;

  min-width: 40px;

  border: 1px solid #d9d9d9;

  margin: 8px 0 0 8px;

  color: #333333;

  background-color: #fff;

  transition: all .5s; }

  .w103-pagination .w103-pagination-item.ellipsis {

    line-height: 32px; }

  .w103-pagination .w103-pagination-item:hover {

    color: #f59628;

    border-color: #f59628; }

  .w103-pagination .w103-pagination-item.active, .w103-pagination .w103-pagination-item.current {

    pointer-events: none;

    color: #fff;

    border-color: #f59628;

    background-color: #f59628; }

  .w103-pagination .w103-pagination-item.disabled {

    pointer-events: none;

    color: #bfbfbf;

    background-color: whitesmoke; }

@media screen and (max-width: 1200px) {

  .w103-pagination .w103-pagination-wrap {

    padding: 24px 0; }

  .w103-pagination .w103-pagination-item {

    line-height: 34px;

    padding: 0 12px;

    height: 36px;

    min-width: 36px; }

    .w103-pagination .w103-pagination-item.ellipsis {

      line-height: 28px; } }

@media screen and (max-width: 768px) {

  .w103-pagination .w103-pagination-wrap {

    padding: 16px 0; }

    .w103-pagination .w103-pagination-wrap .w103-pagination-list a {

      width: 40px;

      height: 40px;

      line-height: 40px;

      /*border-radius: 40px;*/

      font-size: 12px;

      margin: 0px 5px;     padding: 0px 6px!important;}

 

  .w103-pagination .w103-pagination-item {

    line-height: 30px;

    padding: 0 8px;

    height: 32px;

    min-width: 32px; }

    .w103-pagination .w103-pagination-item.ellipsis {

      line-height: 24px; } }



/*!- w103-pagination end -*/

/*!- w103-inquiry begin -*/

.w103-inquiry .w103-inquiry-wrap {

  padding: 32px;

  background-color: #fafafa; }

.w103-inquiry .w103-inquiry-alert {

  font-size: 16px;

  line-height: 1.5;

  border-left: 4px solid #f59628;

  color: #f59628;

  padding: 4px 16px;

  margin-bottom: 24px; }

.w103-inquiry .w103-inquiry-form {

  margin: -32px 0 0 -32px; }

  .w103-inquiry .w103-inquiry-form:before, .w103-inquiry .w103-inquiry-form:after {

    display: table;

    content: "";

    width: 100%; }

  .w103-inquiry .w103-inquiry-form:after {

    clear: both; }

.w103-inquiry .w103-inquiry-label {

  display: block;

  font-size: 16px;

  line-height: 1;

  padding-bottom: 8px;

  color: #333333; }

  .w103-inquiry .w103-inquiry-label > em {

    color: red;

    margin-right: 8px; }

.w103-inquiry .w103-inquiry-input {

  display: block;

  width: 100%;

  font-size: 14px;

  height: 40px;

  padding: 0 12px;

  border: 1px solid #d9d9d9;

  transition: border .5s; }

  .w103-inquiry .w103-inquiry-input:hover, .w103-inquiry .w103-inquiry-input:focus {

    border-color: #f59628; }

.w103-inquiry .w103-inquiry-textarea {

  display: block;

  outline: none;

  width: 100%;

  font-size: 14px;

  line-height: 1.576;

  padding: 8px 12px;

  transition: border .5s;

  font-family: inherit;

  resize: none;

  border: 1px solid #d9d9d9; }

  .w103-inquiry .w103-inquiry-textarea:hover, .w103-inquiry .w103-inquiry-textarea:focus {

    border-color: #f59628; }

.w103-inquiry .w103-inquiry-button {

  display: inline-block;

  vertical-align: middle;

  font-size: 16px;

  outline: none;

  border: 0;

  background-color: #f59628;

  color: #fff;

  height: 40px;

  padding: 0 24px;

  transition: background-color .5s;

  cursor: pointer;

  overflow: hidden;

  position: relative; }

  .w103-inquiry .w103-inquiry-button:before {

    content: '';

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    width: 200%;

    height: 100%; }

  .w103-inquiry .w103-inquiry-button:hover {

    background-color: #f6a13e; }

  .w103-inquiry .w103-inquiry-button.loading:before {

    -webkit-animation: w103-inquiry-button-submit 2s linear infinite;

    animation: w103-inquiry-button-submit 2s linear infinite;

    background-color: rgba(255, 255, 255, 0.1);

    background-image: repeating-linear-gradient(45deg, transparent 10%, rgba(0, 0, 0, 0.1) 25%); }

  .w103-inquiry .w103-inquiry-button:disabled, .w103-inquiry .w103-inquiry-button.disabled {

    cursor: not-allowed;

    background-color: #f7ab53; }

.w103-inquiry .w103-inquiry-checkbox {

  display: inline-block;

  vertical-align: middle;

  position: relative;

  font-size: 0;

  margin-left: 8px; }

  .w103-inquiry .w103-inquiry-checkbox > span {

    display: block;

    position: relative;

    font-size: 14px;

    padding-left: 24px;

    line-height: 40px;

    cursor: pointer;

    color: #333333; }

    .w103-inquiry .w103-inquiry-checkbox > span:before, .w103-inquiry .w103-inquiry-checkbox > span:after {

      display: block;

      position: absolute;

      content: '';

      transition: all .5s; }

    .w103-inquiry .w103-inquiry-checkbox > span:before {

      top: 50%;

      left: 0;

      width: 18px;

      height: 18px;

      background-color: #fff;

      border: 1px solid #d9d9d9;

      margin-top: -9px; }

    .w103-inquiry .w103-inquiry-checkbox > span:after {

      width: 9px;

      height: 6px;

      border-width: 0 0 2px 2px;

      border-color: transparent;

      border-style: solid;

      top: 50%;

      left: 4px;

      margin-top: -5px;

      transform: rotate(-45deg); }

    .w103-inquiry .w103-inquiry-checkbox > span a {

      color: #f59628; }

  .w103-inquiry .w103-inquiry-checkbox > input[type="checkbox"] {

    display: block;

    position: relative;

    vertical-align: middle;

    margin-right: 24px;

    width: 0;

    height: 0;

    cursor: pointer; }

    .w103-inquiry .w103-inquiry-checkbox > input[type="checkbox"]:checked + span:before {

      border-color: #f59628;

      background-color: #f59628; }

    .w103-inquiry .w103-inquiry-checkbox > input[type="checkbox"]:checked + span:after {

      border-color: #fff; }

    .w103-inquiry .w103-inquiry-checkbox > input[type="checkbox"]:checked:disabled + span:after {

      border-color: #bfbfbf; }

    .w103-inquiry .w103-inquiry-checkbox > input[type="checkbox"]:disabled {

      cursor: not-allowed; }

      .w103-inquiry .w103-inquiry-checkbox > input[type="checkbox"]:disabled + span {

        color: #bfbfbf;

        cursor: not-allowed; }

        .w103-inquiry .w103-inquiry-checkbox > input[type="checkbox"]:disabled + span:before {

          border-color: #bfbfbf;

          background-color: whitesmoke; }

.w103-inquiry .w103-inquiry-tips {

  display: none;

  position: absolute;

  left: 32px;

  font-size: 14px;

  line-height: 16px;

  color: #FE5050; }

.w103-inquiry .w103-inquiry-form-item {

  float: left;

  width: 100%;

  padding: 16px 0 0 32px;

  position: relative; }

  .w103-inquiry .w103-inquiry-form-item.col-1-2 {

    width: 50%; }

.contact-checkcode input{ width:55%!important; float:left}
.contact-checkcode img{  float:left; margin-left:10px;     height: 40px;}


.checkcode  input{ width:35%!important; float:left}
.checkcode img{  float:left; margin-left:10px;     height: 40px;}

  .w103-inquiry .w103-inquiry-form-item.col-1-3 {

    width: 33.3333%; }

  .w103-inquiry .w103-inquiry-form-item.error .w103-inquiry-input {

    border-color: #FE5050; }

  .w103-inquiry .w103-inquiry-form-item.error .w103-inquiry-textarea {

    border-color: #FE5050; }

  .w103-inquiry .w103-inquiry-form-item.error .w103-inquiry-tips {

    display: block; }

@media screen and (max-width: 1200px) {

  .w103-inquiry .w103-inquiry-wrap {

    padding: 24px; }

  .w103-inquiry .w103-inquiry-alert {

    padding: 4px 12px;

    margin-bottom: 16px; }

  .w103-inquiry .w103-inquiry-form {

    margin: -24px 0 0 -24px;

    padding-bottom: 24px; }

  .w103-inquiry .w103-inquiry-input {

    font-size: 16px;

    height: 36px;

    padding: 0 10px; }

  .w103-inquiry .w103-inquiry-textarea {

    font-size: 16px;

    padding: 6px 12px; }

  .w103-inquiry .w103-inquiry-button {

    height: 36px;

    padding: 0 16px; }

  .w103-inquiry .w103-inquiry-tips {

    left: 24px; }

  .w103-inquiry .w103-inquiry-form-item {

    padding: 24px 0 0 24px; } }

@media screen and (max-width: 768px) {

  .w103-inquiry .w103-inquiry-wrap {

    padding: 16px; }

  .w103-inquiry .w103-inquiry-alert {

    padding: 4px 8px;

    margin-bottom: 8px; }

  .w103-inquiry .w103-inquiry-form {

    margin: -16px 0 0 -16px;

    padding-bottom: 16px; }

  .w103-inquiry .w103-inquiry-input {

    font-size: 14px;

    height: 32px;

    padding: 0 8px; }
 
.contact-checkcode img{     height:32px;}
	.checkcode img{      height:32px;}
  .w103-inquiry .w103-inquiry-textarea {

    font-size: 14px;

    padding: 4px 8px; }

  .w103-inquiry .w103-inquiry-button {

    height: 32px;

    padding: 0 12px;

    font-size: 14px; }

  .w103-inquiry .w103-inquiry-tips {

    left: 16px; }

  .w103-inquiry .w103-inquiry-form-item {

    padding: 16px 0 0 16px; }

    .w103-inquiry .w103-inquiry-form-item.col-1-2 {

      width: 100%; }

    .w103-inquiry .w103-inquiry-form-item.col-1-3 {

      width: 100%; } }



@-webkit-keyframes w103-inquiry-button-submit {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0); }

  100% {

    -webkit-transform: translateX(50%);

    transform: translateX(50%); } }

@keyframes w103-inquiry-button-submit {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0); }

  100% {

    -webkit-transform: translateX(50%);

    transform: translateX(50%); } }

/*!- w103-inquiry end -*/

/*!- w103-footer begin -*/

.w103-footer {

  background-color: #fafafa;

  padding: 32px 0; }

  .w103-footer .w103-footer-content > ul:before, .w103-footer .w103-footer-content > ul:after {

    display: table;

    content: "";

    width: 100%; }

  .w103-footer .w103-footer-content > ul:after {

    clear: both; }

  .w103-footer .w103-footer-content > ul > li {

    display: block;

    float: left;

    width: 25%;

    padding: 32px; }

  .w103-footer .w103-footer-content dl > dd {

    display: block;

    margin-bottom: 8px; }

  .w103-footer .w103-footer-content .w103-footer-with-icon {

    position: relative;

    padding-left: 48px; }

  .w103-footer .w103-footer-content .w103-footer-icons-group {

    font-size: 0;

    margin-top: 24px; }

    .w103-footer .w103-footer-content .w103-footer-icons-group > a {

      display: inline-block;

      vertical-align: top;

      margin: 0 16px 16px 0;

      font-size: 32px;

      line-height: 1;

      color: #f59628;

      transition: color .5s; }

      .w103-footer .w103-footer-content .w103-footer-icons-group > a > i {

        font-size: inherit; }

      .w103-footer .w103-footer-content .w103-footer-icons-group > a:hover {

        color: #1A1A1A; }

  .w103-footer .w103-footer-content .w103-footer-icon {

    display: block;

    width: 32px;

    height: 32px;

    line-height: 1;

    text-align: center;

    font-size: 32px;

    position: absolute;

    top: 0;

    left: 0;

    color: #f59628; }

    .w103-footer .w103-footer-content .w103-footer-icon > i {

      font-size: inherit; }

  .w103-footer .w103-footer-content .w103-footer-label {

    display: block;

    font-size: 16px;

    line-height: 24px;

    text-transform: uppercase;

    transition: color .5s;

    color: #333333; }

    .w103-footer .w103-footer-content .w103-footer-label:hover {

      color: rgba(255, 255, 255, 0.85); }

  .w103-footer .w103-footer-content .w103-footer-value {

    display: block;

    font-size: 14px;

    line-height: 24px;

    transition: color .5s;

    color: #333333; }

    .w103-footer .w103-footer-content .w103-footer-value:hover {

      color: #f59628; }

  .w103-footer .w103-footer-extra {

    font-size: 14px;

    text-align: center;

    line-height: 1.5;

    color: #333333; }

  @media screen and (max-width: 1200px) {

    .w103-footer {

      padding: 24px 0; }

      .w103-footer .w103-footer-content > ul > li {

        width: 50%;

        padding: 16px; }

      .w103-footer .w103-footer-content .w103-footer-with-icon {

        padding-left: 32px; }

      .w103-footer .w103-footer-content .w103-footer-icons-group {

        margin-top: 16px;

        text-align: center; }

        .w103-footer .w103-footer-content .w103-footer-icons-group > a {

          margin: 0 8px 8px 0; }

      .w103-footer .w103-footer-content .w103-footer-icon {

        width: 24px;

        height: 24px;

        font-size: 24px; } }

  @media screen and (max-width: 768px) {

    .w103-footer {

      padding: 16px 0; }

      .w103-footer .w103-footer-content > ul > li {

        width: 100%;

        padding: 0;

        display: none; }

        .w103-footer .w103-footer-content > ul > li:last-child {

          display: block; } }



/*!- w103-footer end -*/

/*!- w103-sidebar begin -*/

.w103-sidebar .w103-sidebar-wrap {

  display: block;

  position: fixed;

  z-index: 999;

  right: 0;

  top: 50%;

  transform: translateY(-50%); }

.w103-sidebar .w103-sidebar-list {

  display: block;

  background-color: transparent; }

.w103-sidebar .w103-sidebar-trigger {

  display: block;

  line-height: 1;

  height: 50px;

  padding: 13px 13px;

  text-align: center;

  color: #fff; }

  .w103-sidebar .w103-sidebar-trigger > i {

    font-size: 24px; }

  .w103-sidebar .w103-sidebar-trigger > span {

    display: none;

    font-size: 0; }

.w103-sidebar .w103-sidebar-popover {

  display: none;

  position: absolute;

  top: 5px;

  right: 100%;

  padding-right: 8px; }

  .w103-sidebar .w103-sidebar-popover:before, .w103-sidebar .w103-sidebar-popover:after {

    content: '';

    display: block;

    position: absolute;

    width: 0;

    height: 0;

    border-style: solid;

    transform: translateY(-50%); }

  .w103-sidebar .w103-sidebar-popover:before {

    top: 20px;

    right: 0;

    border-width: 8px 0 8px 8px;

    border-color: transparent transparent transparent #d9d9d9; }

  .w103-sidebar .w103-sidebar-popover:after {

    top: 20px;

    right: 2px;

    border-width: 7px 0 7px 7px;

    border-color: transparent transparent transparent #fff; }

.w103-sidebar .w103-sidebar-popover-content {

  background-color: #fff;

  border: 1px solid #d9d9d9;

  min-width: 120px;

  min-height: 40px; }

.w103-sidebar .w103-sidebar-popover-text {

  display: block;

  font-size: 14px;

  line-height: 20px;

  width: 100%;

  padding: 10px 16px;

  white-space: nowrap;

  text-align: center; }

.w103-sidebar .w103-sidebar-popover-image {

  display: block;

  width: 128px;

  height: auto; }

.w103-sidebar .w103-sidebar-popover-list {

  display: block; }

.w103-sidebar .w103-sidebar-popover-item {

  display: block;

  font-size: 14px;

  line-height: 40px;

  white-space: nowrap;

  word-break: break-word; }

  .w103-sidebar .w103-sidebar-popover-item > a {

    display: block;

    padding: 0 16px;

    background-color: #fff;

    color: #333333;

    transition: all .5s; }

  .w103-sidebar .w103-sidebar-popover-item i {

    font-size: 20px;

    vertical-align: middle; }

  .w103-sidebar .w103-sidebar-popover-item:hover > a {

    color: #f59628;

    background-color: #fef5ea; }

.w103-sidebar .w103-sidebar-item {

  display: block;

  position: relative;

  background-color: #f59628; }

  .w103-sidebar .w103-sidebar-item.back-to-home, .w103-sidebar .w103-sidebar-item.back-to-top, .w103-sidebar .w103-sidebar-item.search-more {

    display: none; }

  .w103-sidebar .w103-sidebar-item:hover {

    background-color: #c47820; }

    .w103-sidebar .w103-sidebar-item:hover .w103-sidebar-trigger {

      color: #fff; }

    .w103-sidebar .w103-sidebar-item:hover .w103-sidebar-popover {

      display: block; }

.w103-sidebar.scrolled .w103-sidebar-item.back-to-top {

  display: block; }

@media screen and (max-width: 768px) {

  .w103-sidebar {

    height: 60px; }

    .w103-sidebar .w103-sidebar-wrap {

      left: 0;

      right: 0;

      top: auto;

      bottom: 0;

      transform: translateY(0); }

    .w103-sidebar .w103-sidebar-list {

      display: flex;

      justify-content: space-around;

      background-color: #fff;

      border-top: 1px solid #f0f0f0; }

    .w103-sidebar .w103-sidebar-trigger {

      height: 60px;

      color: #333333;

      padding: 10px 16px; }

      .w103-sidebar .w103-sidebar-trigger > i {

        font-size: 24px; }

      .w103-sidebar .w103-sidebar-trigger > span {

        display: block;

        margin-top: 4px;

        font-size: 12px; }

    .w103-sidebar .w103-sidebar-popover {

      top: auto;

      bottom: 100%;

      right: 50%;

      transform: translateX(50%);

      padding-right: 0;

      padding-bottom: 8px; }

      .w103-sidebar .w103-sidebar-popover:before, .w103-sidebar .w103-sidebar-popover:after {

        top: auto;

        right: 50%;

        transform: translateX(50%) translateY(0); }

      .w103-sidebar .w103-sidebar-popover:before {

        bottom: 0;

        border-width: 8px 8px 0 8px;

        border-color: #f0f0f0 transparent transparent transparent; }

      .w103-sidebar .w103-sidebar-popover:after {

        bottom: 2px;

        border-width: 7px 7px 0 7px;

        border-color: #fff transparent transparent transparent; }

    .w103-sidebar .w103-sidebar-popover-content {

      background-color: #fff;

      border: 1px solid #f0f0f0;

      min-height: 40px; }

    .w103-sidebar .w103-sidebar-popover-text {

      padding: 10px 16px; }

    .w103-sidebar .w103-sidebar-popover-item {

      line-height: 40px; }

      .w103-sidebar .w103-sidebar-popover-item > a {

        background-color: #fff;

        color: #333333; }

      .w103-sidebar .w103-sidebar-popover-item:hover > a {

        color: #f59628;

        background-color: #f2f2f2; }

    .w103-sidebar .w103-sidebar-item {

      background-color: transparent; }

      .w103-sidebar .w103-sidebar-item.back-to-home, .w103-sidebar .w103-sidebar-item.search-more {

        display: block; }

      .w103-sidebar .w103-sidebar-item:hover {

        background-color: transparent; }

        .w103-sidebar .w103-sidebar-item:hover .w103-sidebar-trigger {

          color: #f59628; }

    .w103-sidebar.scrolled .w103-sidebar-item.back-to-top {

      display: none; } }



/*!- w103-sidebar end -*/

/*!- w103-search -*/

.w103-search {

  display: none;

  position: fixed;

  z-index: 1005;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%; }

  .w103-search .w103-search-wrap {

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

    padding-top: 35vh; }

  .w103-search .w103-search-content {

    display: block;

    position: relative;

    z-index: 2;

    max-width: 600px;

    width: 100%;

    padding: 0 16px;

    margin: 0 auto; }

  .w103-search .w103-search-bar {

    position: relative;

    width: 100%;

    padding: 0 72px 0 16px;

    background-color: #fff; }

    .w103-search .w103-search-bar > input {

      display: block;

      width: 100%;

      height: 50px;

      background-color: transparent;

      border: 0;

      font-size: 16px;

      outline: 0; }

    .w103-search .w103-search-bar > button {

      display: block;

      position: absolute;

      top: 0;

      right: 0;

      width: 60px;

      height: 50px;

      background-color: #EE922B;

      border: 0;

      outline: none;

      color: #fff;

      cursor: pointer;

      transition: background-color .5s;

      font-size: 24px; }

      .w103-search .w103-search-bar > button > i {

        font-size: inherit; }

      .w103-search .w103-search-bar > button:hover {

        background-color: #d68327; }

  .w103-search .w103-search-mask {

    display: block;

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    cursor: default;

    background-color: rgba(0, 0, 0, 0.9); }

  .w103-search .w103-search-close {

    position: absolute;

    z-index: 2;

    display: block;

    width: 40px;

    height: 40px;

    top: 8px;

    right: 8px;

    line-height: 40px;

    text-align: center;

    cursor: pointer;

    color: #fff;

    font-size: 24px;

    transition: color .5s; }

    .w103-search .w103-search-close > i {

      font-size: inherit; }

    .w103-search .w103-search-close:hover {

      color: #EE922B; }

  @media screen and (max-width: 1200px) {

    .w103-search .w103-search-bar {

      padding: 0 64px 0 12px; }

      .w103-search .w103-search-bar > input {

        height: 40px;

        font-size: 14px; }

      .w103-search .w103-search-bar > button {

        width: 50px;

        height: 40px;

        font-size: 20px; }

    .w103-search .w103-search-close {

      width: 32px;

      height: 32px;

      line-height: 32px;

      font-size: 20px; } }

  .w103-search.opened {

    display: block;

    -webkit-animation: search-wrapper-fade-in .5s both;

    animation: search-wrapper-fade-in .5s both; }



@-webkit-keyframes search-wrapper-fade-in {

  0% {

    opacity: 0; }

  100% {

    opacity: 1; } }

@keyframes search-wrapper-fade-in {

  0% {

    opacity: 0; }

  100% {

    opacity: 1; } }

/*!- w103-search -*/

/*!- w103-banner begin -*/

.w103-banner {

  /*

.w103-banner-mask{

  display: block;

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: $banner-mask-background-color;

}

.w103-banner-info{

  position: relative;

  z-index: 2;

  width: 100%;

  padding-top: 35vh;

  text-align: $banner-info-text-align;

  .w103-banner-info-title{

    font-size: $banner-lg-title-font-size;

    line-height: 1.8;

    font-weight: 400;

    margin-top: 0;

    color: $banner-title-color;

  }

  .w103-banner-info-desc{

    font-size: $banner-lg-desc-font-size;

    line-height: 1.3;

    font-weight: 400;

    color: $banner-desc-color;

  }

  .w103-banner-info-button{

    display: inline-block;

    line-height: 40px;

    padding: 0 24px;

    font-size: 16px;

    margin-top: 5vh;

    color: $banner-button-text-color;

    background-color: $banner-button-background-color;

    transition: all .5s;

    &:hover{

      background-color: $banner-button-background-color-hover;

    }

  }

}

 */ }

  .w103-banner .w103-banner-wrap {

    position: relative; }

    .w103-banner .w103-banner-wrap.banner-h5, .w103-banner .w103-banner-wrap:nth-child(2) {

      display: none; }

  .w103-banner .w103-banner-item {

    display: block;

    width: 100%;

    height: 100%;

    position: relative;

    padding-bottom: 40%; }

  .w103-banner .w103-banner-cover {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    min-width: 100%;

    min-height: 100%;

    width: auto;

    height: auto; }

    .w103-banner .w103-banner-cover > img {

      display: block;

      width: 100%;

      height: 100%;

      object-fit: cover;

      object-position: center; }

  .w103-banner .w103-banner-pagination {

    position: absolute;

    z-index: 2;

    bottom: 3%;

    left: 50%;

    white-space: nowrap;

    transform: translateX(-50%); }

    .w103-banner .w103-banner-pagination .swiper-pagination-bullet {

      width: 36px;

      height: 5px;

      border-radius: 0;

      opacity: 1;

      margin: 0 8px;

      background-color: rgba(255, 255, 255, 0.5); }

      .w103-banner .w103-banner-pagination .swiper-pagination-bullet:after {

        display: block;

        content: '';

        width: 0;

        height: 100%;

        background-color: #f59628; }

      .w103-banner .w103-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {

        -webkit-animation: banner-swiper-pagination-activating 5s linear both;

        animation: banner-swiper-pagination-activating 5s linear both; }

  .w103-banner .swiper-slide.swiper-slide-active .w103-banner-info {

    -webkit-animation: banner-swiper-slide-in 1s .3s both;

    animation: banner-swiper-slide-in 1s .3s both; }

  @media screen and (max-width: 1200px) {

    .w103-banner .w103-banner-item {

      padding-bottom: 47%; }

    .w103-banner .w103-banner-info {

      padding-top: 30vh; }

      .w103-banner .w103-banner-info .w103-banner-info-title {

        font-size: 46px;

        line-height: 1.5;

        margin-top: 16px; }

      .w103-banner .w103-banner-info .w103-banner-info-desc {

        font-size: 18px; }

      .w103-banner .w103-banner-info .w103-banner-info-button {

        line-height: 36px;

        padding: 0 20px; } }

  @media screen and (max-width: 768px) {

    .w103-banner.has-mobile .w103-banner-wrap.banner-pc, .w103-banner.has-mobile .w103-banner-wrap:nth-child(1) {

      display: none; }

    .w103-banner.has-mobile .w103-banner-wrap.banner-h5, .w103-banner.has-mobile .w103-banner-wrap:nth-child(2) {

      display: block; }

    .w103-banner .w103-banner-item {

      height: 0;

      padding-bottom: 50%; }

    .w103-banner .w103-banner-cover {

      width: 100%;

      height: 100%; }

    .w103-banner .w103-banner-info {

      padding-top: 7%; }

      .w103-banner .w103-banner-info .w103-banner-info-title {

        font-size: 20px;

        line-height: 1.5;

        margin-top: 16px; }

      .w103-banner .w103-banner-info .w103-banner-info-desc {

        font-size: 16px; }

      .w103-banner .w103-banner-info .w103-banner-info-button {

        line-height: 28px;

        padding: 0 16px;

        margin-top: 16px;

        font-size: 12px; }

    .w103-banner .w103-banner-pagination {

      bottom: 24px; }

      .w103-banner .w103-banner-pagination .swiper-pagination-bullet {

        width: 24px;

        height: 3px;

        margin: 0 8px; } }



@-webkit-keyframes banner-swiper-pagination-activating {

  0% {

    width: 0; }

  100% {

    width: 100%; } }

@keyframes banner-swiper-pagination-activating {

  0% {

    width: 0; }

  100% {

    width: 100%; } }

@-webkit-keyframes banner-swiper-slide-in {

  0% {

    -webkit-transform: translateY(50vh);

    transform: translateY(50vh);

    visibility: hidden; }

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

    visibility: visible; } }

@keyframes banner-swiper-slide-in {

  0% {

    -webkit-transform: translateY(50vh);

    transform: translateY(50vh);

    visibility: hidden; }

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

    visibility: visible; } }

/*!- w103-banner end -*/

/*!- w103-catalog begin -*/

.w103-catalog .w103-catalog-list {

  margin: -32px 0 0 -32px; }

  .w103-catalog .w103-catalog-list:before, .w103-catalog .w103-catalog-list:after {

    display: table;

    content: "";

    width: 100%; }

  .w103-catalog .w103-catalog-list:after {

    clear: both; }

  .w103-catalog .w103-catalog-list .w103-catalog-item {

    display: block;

    float: left;

    width: 25%;

    padding: 32px 0 0 32px; }

    .w103-catalog .w103-catalog-list .w103-catalog-item a:hover .w103-catalog-intro .w103-catalog-title {

      color: #f59628; }

      .w103-catalog .w103-catalog-list .w103-catalog-item a:hover .w103-catalog-intro .w103-catalog-title:after {

        width: 200px; }

.w103-catalog .w103-catalog-content {

  display: block;

  position: relative; }

.w103-catalog .w103-catalog-cover {

  position: relative;

  display: block;

  width: 100%;

  height: 0;

  padding-bottom: 75%;

  background-color: #ddd;

  overflow: hidden; }

  .w103-catalog .w103-catalog-cover > img {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-position: center;

    object-fit: cover;

    -webkit-transition: all .5s ease 0s;

    transition: all .5s ease 0s; }

  .w103-catalog .w103-catalog-cover:hover > img {

    transform: scale(1.1); }

.w103-catalog .w103-catalog-intro {

  position: absolute;

  background-color: rgba(255, 255, 255, 0.8);

  color: #333333;

  bottom: 0;

  left: 0;

  right: 0; }

  .w103-catalog .w103-catalog-intro .w103-catalog-title {

    display: block;

    position: relative;

    height: 48px;

    line-height: 48px;

    text-align: center;

    font-size: 16px;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    position: relative; }

    .w103-catalog .w103-catalog-intro .w103-catalog-title:after {

      position: absolute;

      content: "";

      width: 50px;

      height: 1px;

      bottom: 0;

      left: 50%;

      background-color: #EE922B;

      display: block;

      transform: translateX(-50%);

      -webkit-transform: translateX(-50%);

      -webkit-transition: all .3s ease 0s;

      transition: all .3s ease 0s; }

@media screen and (max-width: 1200px) {

  .w103-catalog .w103-catalog-list {

    margin: -24px 0 0 -24px; }

    .w103-catalog .w103-catalog-list .w103-catalog-item {

      width: 33.3333333333%;

      padding: 24px 0 0 24px; }

  .w103-catalog .w103-catalog-intro {

    padding-left: 40px; }

    .w103-catalog .w103-catalog-intro .w103-catalog-title {

      height: 40px;

      line-height: 40px; } }

@media screen and (max-width: 768px) {

  .w103-catalog .w103-catalog-list {

    margin: -16px 0 0 -16px; }

    .w103-catalog .w103-catalog-list .w103-catalog-item {

      width: 50%;

      padding: 16px 0 0 16px; }

  .w103-catalog .w103-catalog-intro {

    padding-left: 0;

    position: inherit; }

    .w103-catalog .w103-catalog-intro .w103-catalog-title {

      height: 32px;

      line-height: 32px;

      font-size: 14px; } }



/*!- w103-catalog end -*/

/*!- w103-tabs begin -*/

.w103-tabs .w103-tabs-thumb {

  font-size: 0;

  text-align: center;

  margin-bottom: 20px;

  border-bottom: 1px solid #f0f0f0; }

.w103-tabs .w103-tabs-thumb {

  position: relative; }

  .w103-tabs .w103-tabs-thumb .swiper-slide {

    height: 50px; }

  .w103-tabs .w103-tabs-thumb .w103-tabs-thumb-swiper {

    max-width: 1024px; }

  .w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item {

    display: block;

    position: relative;

    height: 100%;

    padding: 16px;

    margin: 0 16px;

    transition: color .5s;

    color: #333333; }

    .w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item:after {

      display: block;

      content: '';

      position: absolute;

      bottom: 0;

      left: 6px;

      width: 0;

      height: 45px;

      transition: width .5s;

      background-color: #f59628;

      -webkit-transform: skew(-45deg);

      transform: skew(-45deg); }

    .w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item .w103-tabs-thumb-icon {

      display: block; }

      .w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item .w103-tabs-thumb-icon > img {

        display: inline-block;

        vertical-align: top;

        width: auto;

        height: 48px; }

    .w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item .w103-tabs-thumb-text {

      display: block;

      font-size: 22px;

      line-height: 1;

      position: absolute;

      z-index: 50;

      width: 92%; }

    .w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item:hover {

      color: #f59628; }

  .w103-tabs .w103-tabs-thumb .swiper-slide-thumb-active .w103-tabs-thumb-item .w103-tabs-thumb-text {

    color: #fff; }

  .w103-tabs .w103-tabs-thumb .swiper-slide-thumb-active .w103-tabs-thumb-item:after {

    width: 96%; }

  .w103-tabs .w103-tabs-thumb .swiper-button-prev {

    left: -20px; }

  .w103-tabs .w103-tabs-thumb .swiper-button-next {

    right: -20px; }

.w103-tabs .w103-tabs-content-item {

  padding: 20px 0 0;

  font-size: 16px;

  color: #666666; }

  .w103-tabs .w103-tabs-content-item:before, .w103-tabs .w103-tabs-content-item:after {

    display: table;

    content: "";

    width: 100%; }

  .w103-tabs .w103-tabs-content-item:after {

    clear: both; }

  .w103-tabs .w103-tabs-content-item .w103-certifications-cover {

    height: 0;

    padding-bottom: 75%; }

  .w103-tabs .w103-tabs-content-item .w103-certifications-cover-wrap {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    overflow: hidden; }

  .w103-tabs .w103-tabs-content-item img {

    display: block;

    width: 100%;

    height: 100%;

    object-position: center;

    object-fit: contain; }

  .w103-tabs .w103-tabs-content-item p {

    line-height: 1.7;

    text-align: justify; }

  .w103-tabs .w103-tabs-content-item .title {

    display: block;

    font-size: 28px;

    line-height: 1;

    margin-bottom: 20px;

    font-weight: normal;

    color: #f59628; }

  .w103-tabs .w103-tabs-content-item .btn {

    display: inline-block;

    border: 1px solid #f59628;

    color: #f59628;

    font-size: 14px;

    line-height: 36px;

    text-align: center;

    padding: 0 24px;

    margin-top: 4vh;

    transition: all .5s; }

    .w103-tabs .w103-tabs-content-item .btn:hover {

      background-color: #f59628;

      color: rgba(255, 255, 255, 0.85); }

  .w103-tabs .w103-tabs-content-item .w103-tabs-content-cover {

    float: left;

    width: 44%; }

  .w103-tabs .w103-tabs-content-item .w103-tabs-content-intro {

    float: left;

    width: 56%;

    padding: 1vh 4vw 0 1vh; }
	
	.w103-tabs .w103-tabs-content-item .w103-tabs-content-intro li{
	
    margin-bottom: 1em;}
        
	.w103-tabs .w103-tabs-content-item .w103-tabs-content-intro li:before{
	
 
            content: "★"; 
            color:#f59628;
        }
  

@media screen and (max-width: 1200px) {

  .w103-tabs .w103-tabs-thumb {

    margin-bottom: 24px; }

  .w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item {

    padding: 16px;

    margin: 0 16px; }

    .w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item .w103-tabs-thumb-icon > img {

      height: 32px; }

    .w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item .w103-tabs-thumb-text {

      margin-top: 0px;

      font-size: 20px; }

  .w103-tabs .w103-tabs-thumb .swiper-button-prev {

    width: 32px;

    height: 32px;

    left: -16px;

    margin-top: -16px; }

  .w103-tabs .w103-tabs-thumb .swiper-button-next {

    width: 32px;

    height: 32px;

    right: -16px;

    margin-top: -16px; }

  .w103-tabs .w103-tabs-content-item {

    padding: 24px 0 0;

    font-size: 16px; }

    .w103-tabs .w103-tabs-content-item .title {

      font-size: 24px;

      margin-bottom: 10px; }

    .w103-tabs .w103-tabs-content-item .w103-tabs-content-cover {

      width: 50%; }

    .w103-tabs .w103-tabs-content-item .w103-tabs-content-intro {

      width: 50%;

      padding: 1vh 2vw 2vh; } }

@media screen and (max-width: 768px) {

  .w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item .w103-tabs-thumb-text {

    margin-top: 0px; }

  .w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item:after {

    -webkit-transform: skew(0deg);

    transform: skew(0deg); }

  .w103-tabs .w103-tabs-wrap .w103-tabs-thumb {

    margin-bottom: 16px; }

  .w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item {

    padding: 16px;

    margin: 0; }

    .w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item .w103-tabs-thumb-icon > img {

      height: 28px; }

    .w103-tabs .w103-tabs-thumb .w103-tabs-thumb-item .w103-tabs-thumb-text {

      margin-top: 0px;

      font-size: 14px;

      width: 85%; }

  .w103-tabs .w103-tabs-thumb .swiper-button-prev {

    left: 0; }

  .w103-tabs .w103-tabs-thumb .swiper-button-next {

    right: 0; }

  .w103-tabs .w103-tabs-content-item {

    padding: 0;

    font-size: 14px; }

    .w103-tabs .w103-tabs-content-item p {

      line-height: 1.576;

      text-align: left;

      text-overflow: ellipsis;

      overflow: hidden;

      display: -webkit-box;

      -webkit-box-orient: vertical;

      word-break: break-word;

      white-space: normal;

      -webkit-line-clamp: 5; }

    .w103-tabs .w103-tabs-content-item .btn {

      margin-top: 20px;

      display: none; }

    .w103-tabs .w103-tabs-content-item .title {

      font-size: 20px; }

    .w103-tabs .w103-tabs-content-item .w103-tabs-content-cover {

      float: none;

      width: 100%; }

    .w103-tabs .w103-tabs-content-item .w103-tabs-content-intro {

      float: none;

      width: 100%;

      padding: 0 0 20px 0; } }



/*!- w103-tabs end -*/

/*!- w103-news begin -*/

.w103-news .w103-news-content .w103-news-item {

  display: flex;

  flex-direction: column; }

.w103-news .w103-news-item .w103-news-cover {

  display: block;

  overflow: hidden;

  transition: background-color .5s;

  background-color: whitesmoke; }

  .w103-news .w103-news-item .w103-news-cover .w103-news-cover-wrap {

    display: block;

    position: relative;

    width: 100%;

    height: 0;

    background-color: transparent;

    padding-bottom: 70%; }

    .w103-news .w103-news-item .w103-news-cover .w103-news-cover-wrap > img {

      display: block;

      position: absolute;

      transition: all .5s;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      object-fit: cover;

      object-position: center; }

.w103-news .w103-news-item .w103-news-intro {

  position: relative;

  width: 100%;

  height: 0;

  padding-bottom: 70%;

  background-color: #f59628; }

  .w103-news .w103-news-item .w103-news-intro .w103-news-intro-wrap {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    padding: 32px; }

  .w103-news .w103-news-item .w103-news-intro:after {

    content: '';

    position: absolute;

    top: -24px;

    left: 50%;

    margin-left: -24px;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 24px 24px 24px;

    border-color: transparent transparent #f59628 transparent; }

.w103-news .w103-news-item:hover .w103-news-cover {

  background-color: #000; }

  .w103-news .w103-news-item:hover .w103-news-cover .w103-news-cover-wrap > img {

    opacity: .8;

    transform: scale(1.1); }

.w103-news .w103-news-intro-wrap .w103-news-intro-title {

  color: rgba(255, 255, 255, 0.85);

  line-height: 1.7;

  font-size: 18px;

  font-weight: normal;

  margin-bottom: 16px; }

.w103-news .w103-news-intro-wrap .w103-news-intro-desc {

  color: rgba(255, 255, 255, 0.65);

  line-height: 24px;

  font-size: 16px;

  height: 72px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  word-break: break-word;

  white-space: normal;

  -webkit-line-clamp: 3; }

.w103-news .w103-news-intro-wrap .w103-news-intro-extra {

  color: rgba(255, 255, 255, 0.65);

  line-height: 1;

  font-size: 16px;

  margin-bottom: 16px; }

.w103-news .swiper-slide:nth-child(even) .w103-news-item .w103-news-cover {

  order: 1; }

.w103-news .swiper-slide:nth-child(even) .w103-news-item .w103-news-intro {

  order: 0; }

  .w103-news .swiper-slide:nth-child(even) .w103-news-item .w103-news-intro:after {

    top: auto;

    bottom: -24px;

    border-width: 24px 24px 0 24px;

    border-color: #f59628 transparent transparent transparent; }

@media screen and (max-width: 1200px) {

  .w103-news .w103-news-item .w103-news-intro {

    height: auto;

    padding-bottom: 0; }

    .w103-news .w103-news-item .w103-news-intro .w103-news-intro-wrap {

      position: static;

      height: auto;

      padding: 24px; }

  .w103-news .w103-news-intro-wrap .w103-news-intro-title {

    line-height: 1.7;

    font-size: 16px;

    margin-bottom: 12px; }

  .w103-news .w103-news-intro-wrap .w103-news-intro-desc {

    height: auto;

    overflow: hidden;

    display: block;

    font-size: 14px; }

  .w103-news .w103-news-intro-wrap .w103-news-intro-extra {

    font-size: 14px;

    margin-bottom: 12px; }

  .w103-news .swiper-slide:nth-child(even) .w103-news-item .w103-news-cover {

    order: 0; }

  .w103-news .swiper-slide:nth-child(even) .w103-news-item .w103-news-intro {

    order: 1; }

    .w103-news .swiper-slide:nth-child(even) .w103-news-item .w103-news-intro:after {

      top: -24px;

      bottom: auto;

      border-width: 0 24px 24px 24px;

      border-color: transparent transparent #f59628 transparent; } }

@media screen and (max-width: 768px) {

  .w103-news .w103-news-item .w103-news-intro .w103-news-intro-wrap {

    padding: 16px; } }



/*!- w103-news end -*/

/*!- w103-choose begin -*/

.w103-section.m-b-10 {

  padding-bottom: 8%; }



.w103-choose-p {

  position: relative; }

  .w103-choose-p .w103-choose-bg {

    display: block;

    position: absolute;

    bottom: -35%;

    left: 0;

    width: 100%;

    height: 0;

    padding-bottom: 20%;

    z-index: 0;

    background-position: top left;

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed; }

    .w103-choose-p .w103-choose-bg .w103-choose-bg-mask {

      display: block;

      position: absolute;

      z-index: 1;

      top: 0;

      left: 0;

      right: 0;

      bottom: 0;

      background-color: rgba(0, 0, 0, 0.35); }

  @media screen and (max-width: 768px) {

    .w103-choose-p .w103-choose-bg {

      display: none; } }



.w103-choose {

  position: relative;

  z-index: 1; }

  .w103-choose .w103-choose-content .w103-choose-item {

    padding: 10%;

    background-color: whitesmoke;

    display: block; }

  .w103-choose .w103-choose-item .w103-choose-cover {

    display: block;

    overflow: hidden;

    transition: background-color .5s; }

    .w103-choose .w103-choose-item .w103-choose-cover .w103-choose-cover-wrap {

      width: 100%;

      height: 0;

      background-color: transparent;

      padding-bottom: 30%;

      text-align: center;

      padding-top: 5%; }

      .w103-choose .w103-choose-item .w103-choose-cover .w103-choose-cover-wrap > img {

        transition: all .5s;

        max-width: 100%;

        object-fit: cover;

        object-position: center; }

  .w103-choose .w103-choose-item .w103-choose-intro .w103-choose-intro-wrap {

    width: 100%; }

  .w103-choose .w103-choose-item:hover .w103-choose-cover {

    background-color: #fff; }

    .w103-choose .w103-choose-item:hover .w103-choose-cover .w103-choose-cover-wrap > img {

      transform: scale(1.1); }

  .w103-choose .w103-choose-intro-wrap .w103-choose-intro-title {

    color: #333333;

    line-height: 1.7;

    font-size: 18px;

    font-weight: normal;

    margin-top: 5%;

    margin-bottom: 5%;

    text-align: center; }

  .w103-choose .w103-choose-intro-wrap .w103-choose-intro-desc {

    color: #999999;

    line-height: 24px;

    font-size: 16px;

    height: 72px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    word-break: break-word;

    white-space: normal;

    -webkit-line-clamp: 3; }

  .w103-choose .w103-choose-intro-wrap .w103-choose-intro-extra {

    color: rgba(255, 255, 255, 0.65);

    line-height: 1;

    font-size: 16px;

    margin-bottom: 16px; }

  .w103-choose .swiper-slide:nth-child(even) .w103-choose-item .w103-choose-intro {

    order: 0; }

    .w103-choose .swiper-slide:nth-child(even) .w103-choose-item .w103-choose-intro:after {

      top: auto;

      bottom: -24px;

      border-width: 24px 24px 0 24px;

      border-color: #f59628 transparent transparent transparent; }

  @media screen and (max-width: 1200px) {

    .w103-choose .w103-choose-p .w103-choose-bg {

      padding-bottom: 25%;

      bottom: -30%; }

    .w103-choose .w103-choose-item .w103-choose-intro {

      height: auto;

      padding-bottom: 0; }

      .w103-choose .w103-choose-item .w103-choose-intro .w103-choose-intro-wrap {

        position: static;

        height: auto;

        padding: 24px; }

    .w103-choose .w103-choose-intro-wrap .w103-choose-intro-title {

      line-height: 1.7;

      font-size: 16px;

      margin-bottom: 12px;

      margin-top: 0; }

    .w103-choose .w103-choose-intro-wrap .w103-choose-intro-desc {

      height: auto;

      overflow: hidden;

      display: block;

      font-size: 14px; }

    .w103-choose .w103-choose-intro-wrap .w103-choose-intro-extra {

      font-size: 14px;

      margin-bottom: 12px; }

    .w103-choose .swiper-slide:nth-child(even) .w103-choose-item .w103-choose-cover {

      order: 0; }

    .w103-choose .swiper-slide:nth-child(even) .w103-choose-item .w103-choose-intro {

      order: 1; }

      .w103-choose .swiper-slide:nth-child(even) .w103-choose-item .w103-choose-intro:after {

        top: -24px;

        bottom: auto;

        border-width: 0 24px 24px 24px;

        border-color: transparent transparent #f59628 transparent; } }

  @media screen and (max-width: 768px) {

    .w103-choose .w103-choose-content .w103-choose-item {

      padding: 5%; }

    .w103-choose .w103-choose-item .w103-choose-intro .w103-choose-intro-wrap {

      padding: 0; }

    .w103-choose .w103-choose-item .w103-choose-cover .w103-choose-cover-wrap {

      padding-bottom: 30%;

      padding-top: 0; }

    .w103-choose .w103-choose-intro-wrap .w103-choose-intro-title {

      margin-bottom: 0;

      margin-top: 0; } }



/*!- w103-choose end -*/

/*!- w103-case begin -*/

.w103-case .w103-case-content {

  position: relative; }

  .w103-case .w103-case-content .w103-case-swiper .swiper-wrapper .swiper-slide w103-case-list-content {

    display: block; }

.w103-case .w103-case-item {

  display: block;

  border: 1px solid #d9d9d9; }

.w103-case .w103-case-cover {

  display: block;

  position: relative;

  width: 100%;

  height: 0;

  padding-bottom: 75%;

  background-color: #fff; }

  .w103-case .w103-case-cover .w103-case-cover-wrap {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%; }

    .w103-case .w103-case-cover .w103-case-cover-wrap > img {

      display: block;

      width: 100%;

      height: 100%;

      object-position: center;

      object-fit: initial; }

.w103-case .w103-case-list-content .case-item-intro {

  padding: 8px 0; }

  .w103-case .w103-case-list-content .case-item-intro .case-intro-title {

    display: block;

    font-size: 16px;

    line-height: 1.576;

    text-align: center;

    transition: color .5s;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    color: #333333; }

.w103-case .w103-case-list-content:hover .w103-case-item {

  border: 1px solid #f59628; }

.w103-case .w103-case-list-content:hover .case-item-intro .case-intro-title {

  color: #f59628; }

.w103-case .swiper-button-prev {

  left: -20px; }

.w103-case .swiper-button-next {

  right: -20px; }

@media screen and (max-width: 1200px) {

  .w103-case .swiper-button-prev {

    width: 32px;

    height: 32px;

    left: -16px;

    margin-top: -16px; }

  .w103-case .swiper-button-next {

    width: 32px;

    height: 32px;

    right: -16px;

    margin-top: -16px; } }

@media screen and (max-width: 768px) {

  .w103-case .swiper-button-prev {

    left: 16px; }

  .w103-case .swiper-button-next {

    right: 16px; } }



/*!- w103-case end -*/

/*!- w103-customers begin -*/

.w103-section.m-b-10 {

  padding-bottom: 8%; }



@media screen and (max-width: 768px) {

  .w103-section.m-b-10 {

    padding-bottom: 0; } }

.w103-customers-p {

  background: #fafafa;

  padding: 4% 0; }



.w103-customers {

  position: relative;

  z-index: 100; }

  .w103-customers .w103-customers-content .swiper-wrapper .swiper-slide {

    height: auto; }

  .w103-customers .w103-customers-content .w103-customers-item {

    display: flex;

    flex-direction: column;

    padding: 5%;

    background-color: #f2f2f2;

    position: relative;

    height: 100%; }

    .w103-customers .w103-customers-content .w103-customers-item .w103-customers-intro-wrap {

      flex: auto;

      align-items: flex-start;

      justify-content: center; }

    .w103-customers .w103-customers-content .w103-customers-item .w103-customers-intro-desc {

      color: #666666;

      line-height: 24px;

      font-size: 16px;

      flex: auto;

      text-align: left; }

  .w103-customers .w103-customers-item .w103-customers-cover {

    overflow: hidden;

    transition: background-color .5s;

    margin: 20px auto;

    display: block; }

    .w103-customers .w103-customers-item .w103-customers-cover .w103-customers-cover-wrap {

      width: 100%;

      max-width: 100px;

      height: auto;

      background-color: transparent;

      text-align: center;

      position: relative;

      margin: 0 auto; }

      .w103-customers .w103-customers-item .w103-customers-cover .w103-customers-cover-wrap > img {

        transition: all .5s;

        width: 100%;

        object-fit: cover;

        object-position: center;

        border-radius: 50%; }

  .w103-customers .w103-customers-item .w103-customers-intro .w103-customers-intro-wrap {

    width: 100%;

    text-align: center; }

    .w103-customers .w103-customers-item .w103-customers-intro .w103-customers-intro-wrap span {

      color: #666666; }

  .w103-customers .w103-customers-item:hover .w103-customers-cover .w103-customers-cover-wrap > img {

    transform: scale(1.1);

    border-radius: 0; }

  .w103-customers .w103-customers-intro-wrap .w103-customers-intro-title {

    color: #333333;

    line-height: 1.7;

    font-size: 18px;

    font-weight: normal;

    margin-bottom: 5px;

    text-align: center;

    margin-top: 20px; }

  .w103-customers .w103-customers-intro-wrap .w103-customers-intro-extra {

    color: rgba(255, 255, 255, 0.65);

    line-height: 1;

    font-size: 16px;

    margin-bottom: 16px; }

  .w103-customers .swiper-slide:nth-child(even) .w103-customers-item .w103-customers-intro {

    order: 0; }

    .w103-customers .swiper-slide:nth-child(even) .w103-customers-item .w103-customers-intro:after {

      top: auto;

      bottom: -24px;

      border-width: 24px 24px 0 24px;

      border-color: #f59628 transparent transparent transparent; }

  @media screen and (max-width: 1200px) {

    .w103-customers .w103-customers-item .w103-customers-intro {

      height: auto;

      padding-bottom: 0; }

      .w103-customers .w103-customers-item .w103-customers-intro .w103-customers-intro-wrap {

        position: static;

        height: auto;

        padding: 24px; }

    .w103-customers .w103-customers-intro-wrap .w103-customers-intro-title {

      line-height: 1.7;

      font-size: 16px;

      margin-bottom: 12px; }

    .w103-customers .w103-customers-intro-wrap .w103-customers-intro-desc {

      height: auto;

      overflow: hidden;

      display: block;

      font-size: 14px; }

    .w103-customers .w103-customers-intro-wrap .w103-customers-intro-extra {

      font-size: 14px;

      margin-bottom: 12px; }

    .w103-customers .swiper-slide:nth-child(even) .w103-customers-item .w103-customers-cover {

      order: 0; }

    .w103-customers .swiper-slide:nth-child(even) .w103-customers-item .w103-customers-intro {

      order: 1; }

      .w103-customers .swiper-slide:nth-child(even) .w103-customers-item .w103-customers-intro:after {

        top: -24px;

        bottom: auto;

        border-width: 0 24px 24px 24px;

        border-color: transparent transparent #f59628 transparent; } }

  @media screen and (max-width: 768px) {

    .w103-customers .w103-customers-item .w103-customers-intro .w103-customers-intro-wrap {

      padding: 0; }

    .w103-customers .w103-customers-item .w103-customers-cover {

      margin: 5px auto; } }



/*!- w103-customers end -*/

/*!- w103-partner begin -*/

.w103-partner .w103-partner-content {

  position: relative; }

.w103-partner .w103-partner-item {

  display: block;

  border: 1px solid #d9d9d9; }

.w103-partner .w103-partner-cover {

  display: block;

  position: relative;

  width: 100%;

  height: 0;

  padding-bottom: 100%; }

  .w103-partner .w103-partner-cover .w103-partner-cover-wrap {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%; }

    .w103-partner .w103-partner-cover .w103-partner-cover-wrap > img {

      display: block;

      width: 100%;

      height: 100%;

      object-position: center;

      object-fit: contain; }

.w103-partner .swiper-button-prev {

  left: -20px; }

.w103-partner .swiper-button-next {

  right: -20px; }

@media screen and (max-width: 1200px) {

  .w103-partner .swiper-button-prev {

    width: 32px;

    height: 32px;

    left: -16px;

    margin-top: -16px; }

  .w103-partner .swiper-button-next {

    width: 32px;

    height: 32px;

    right: -16px;

    margin-top: -16px; } }

@media screen and (max-width: 768px) {

  .w103-partner .swiper-button-prev {

    left: 16px; }

  .w103-partner .swiper-button-next {

    right: 16px; } }



/*!- w103-partner end -*/

/*!- w103-productsRecommended begin -*/

.w103-productsRecommended .w103-productsRecommended-content {

  position: relative; }

  .w103-productsRecommended .w103-productsRecommended-content .w103-productsRecommended-swiper .swiper-wrapper .swiper-slide w103-productsRecommended-list-content {

    display: block; }

.w103-productsRecommended .w103-productsRecommended-item {

  display: block;

  border: 1px solid #d9d9d9; }

.w103-productsRecommended .w103-productsRecommended-cover {

  display: block;

  position: relative;

  width: 100%;

  height: 0;

  padding-bottom: 100%;

  background-color: #fff; }

  .w103-productsRecommended .w103-productsRecommended-cover .w103-productsRecommended-cover-wrap {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    overflow: hidden; }

    .w103-productsRecommended .w103-productsRecommended-cover .w103-productsRecommended-cover-wrap > img {

      display: block;

      width: 100%;

      height: 100%;

      object-position: center;

      object-fit: contain;

      transition: all .5s ease 0s;

      -webkit-transition: all .5s ease 0s; }

    .w103-productsRecommended .w103-productsRecommended-cover .w103-productsRecommended-cover-wrap:hover > img {

      transform: scale(1.1); }

.w103-productsRecommended .w103-productsRecommended-list-content .product-item-intro {

  padding: 8px 0; }

  .w103-productsRecommended .w103-productsRecommended-list-content .product-item-intro .product-intro-title {

    display: block;

    font-size: 16px;

    line-height: 1.576;

    text-align: center;

    transition: color .5s;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    color: #333333; }

.w103-productsRecommended .w103-productsRecommended-list-content:hover .w103-productsRecommended-item {

  border: 1px solid #f59628; }

.w103-productsRecommended .w103-productsRecommended-list-content:hover .product-item-intro .product-intro-title {

  color: #f59628; }

.w103-productsRecommended .swiper-button-prev {

  left: -20px; }

.w103-productsRecommended .swiper-button-next {

  right: -20px; }

@media screen and (max-width: 1200px) {

  .w103-productsRecommended .swiper-button-prev {

    width: 32px;

    height: 32px;

    left: -16px;

    margin-top: -16px; }

  .w103-productsRecommended .swiper-button-next {

    width: 32px;

    height: 32px;

    right: -16px;

    margin-top: -16px; } }

@media screen and (max-width: 768px) {

  .w103-productsRecommended .swiper-button-prev {

    left: 16px; }

  .w103-productsRecommended .swiper-button-next {

    right: 16px; } }



/*!- w103-productsRecommended end -*/

/*!- w103-news-detail begin -*/

.w103-news-detail .w103-news-detail-wrap {

  border: 1px solid #f0f0f0;

  padding: 0 32px; }

.w103-news-detail .w103-news-detail-hd {

  text-align: center;

  padding: 20px 0;

  border-bottom: 1px solid #f0f0f0; }

  .w103-news-detail .w103-news-detail-hd .w103-news-detail-title {

    color: #f59628;

    font-size: 20px;

    line-height: 1.5;

    font-weight: normal; }

  .w103-news-detail .w103-news-detail-hd .w103-news-detail-extra {

    font-size: 18px;

    color: #666666; }

.w103-news-detail .w103-news-detail-bd {

  padding: 32px 0; }
  
  .w103-news-detail .w103-news-detail-bd p, h2,h3, h4, h5
  {

    margin-bottom: 1em;
    
    line-height: 24px;}
  
  .w103-news-detail .w103-news-detail-bd ul {
      
    list-style-type: disc;
    
    padding-left: 20px; }
    
  .w103-news-detail .w103-news-detail-bd ul li{
      
    list-style-type: disc; }
    
  .w103-news-detail .w103-news-detail-bd ol {
      
    list-style-type: decimal;
    
    padding-left: 20px;}
  
  .w103-news-detail .w103-news-detail-bd ol li{
      
    list-style-type: decimal;}
    
  .w103-news-detail .w103-news-detail-bd img {

    max-width: 100%;

    height: auto; }

  .w103-news-detail .w103-news-detail-ft {

  padding: 32px 0;

  border-top: 1px solid #f0f0f0; }

  .w103-news-detail .w103-news-detail-ft .w103-news-detail-pagination {

    height: 32px; }

    .w103-news-detail .w103-news-detail-ft .w103-news-detail-pagination:before, .w103-news-detail .w103-news-detail-ft .w103-news-detail-pagination:after {

      display: table;

      content: "";

      width: 100%; }

    .w103-news-detail .w103-news-detail-ft .w103-news-detail-pagination:after {

      clear: both; }

    .w103-news-detail .w103-news-detail-ft .w103-news-detail-pagination > a {

      display: inline-block;

      font-size: 14px;

      line-height: 32px;

      color: #666666; }

      .w103-news-detail .w103-news-detail-ft .w103-news-detail-pagination > a:hover {

        color: #f59628; }

    .w103-news-detail .w103-news-detail-ft .w103-news-detail-pagination .prev {

      float: left; }

    .w103-news-detail .w103-news-detail-ft .w103-news-detail-pagination .next {

      float: right; }

@media screen and (max-width: 1200px) {

  .w103-news-detail .w103-news-detail-wrap {

    padding: 0 24px; }

  .w103-news-detail .w103-news-detail-hd {

    padding: 24px 0; }

    .w103-news-detail .w103-news-detail-hd .w103-news-detail-title {

      font-size: 20px;

      margin-bottom: 20px; }

    .w103-news-detail .w103-news-detail-hd .w103-news-detail-extra {

      font-size: 16px; }

  .w103-news-detail .w103-news-detail-bd {

    padding: 24px 0; }

  .w103-news-detail .w103-news-detail-ft {

    padding: 24px 0; } }

@media screen and (max-width: 768px) {

  .w103-news-detail .w103-news-detail-wrap {

    padding: 0 16px; }

  .w103-news-detail .w103-news-detail-hd {

    padding: 16px 0; }

    .w103-news-detail .w103-news-detail-hd .w103-news-detail-title {

      font-size: 16px;

      margin-bottom: 10px; }

    .w103-news-detail .w103-news-detail-hd .w103-news-detail-extra {

      font-size: 14px; }

  .w103-news-detail .w103-news-detail-bd {

    padding: 16px 0;

    font-size: 14px;

    line-height: 25px; }

  .w103-news-detail .w103-news-detail-ft {

    padding: 16px 0; } }



/*!- w103-news-detail end -*/

/*!- w103-news-list begin -*/

.w103-news-list .w103-news-list-item {

  display: block;

  position: relative;

  margin-bottom: 32px;

  transition: background-color .5s;

  background-color: transparent; }

  .w103-news-list .w103-news-list-item:after {

    content: '';

    display: block;

    position: absolute;

    bottom: 0;

    right: 0;

    width: calc(70% - 32px);

    height: 1px;

    transition: background-color .5s;

    background-color: #f0f0f0; }

  .w103-news-list .w103-news-list-item:hover {

    background-color: #fafafa; }

    .w103-news-list .w103-news-list-item:hover:after {

      background-color: #f59628; }

.w103-news-list .w103-news-list-content:before, .w103-news-list .w103-news-list-content:after {

  display: table;

  content: "";

  width: 100%; }

.w103-news-list .w103-news-list-content:after {

  clear: both; }

.w103-news-list .w103-news-list-cover-wrap {

  position: relative;

  display: block;

  width: 100%;

  height: 0;

  padding-bottom: 75%; }

  .w103-news-list .w103-news-list-cover-wrap > img {

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    object-fit: cover;

    object-position: center;

    transition: all .5s; }

.w103-news-list .w103-news-list-cover {

  display: block;

  float: left;

  width: 30%;

  overflow: hidden;

  background-color: whitesmoke; }

  .w103-news-list .w103-news-list-cover:hover .w103-news-list-cover-wrap > img {

    transform: scale(1.1, 1.1); }

.w103-news-list .w103-news-list-intro {

  float: left;

  width: 70%;

  padding: 32px; }

  .w103-news-list .w103-news-list-intro .w103-news-intro-list-desc {

    color: #666666;

    margin-bottom: 20px;
    
    line-height: 24px;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    overflow: hidden;

    overflow-wrap: break-word;

    white-space: normal; }

.w103-news-list .w103-news-list-intro-title {

  display: block;

  font-size: 18px;

  font-weight: 600;

  line-height: 1.576;

  margin-bottom: 16px;

  color: #333333;

  transition: color .5s; }

  .w103-news-list .w103-news-list-intro-title:hover {

    color: #f59628; }

.w103-news-list .w103-news-list-intro-desc {

  font-size: 16px;

  line-height: 1.576;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  word-break: break-word;

  white-space: normal;

  -webkit-line-clamp: 3;

  overflow: hidden;

  margin-bottom: 16px;

  text-align: justify;

  color: #999999; }

.w103-news-list .w103-news-list-intro-extra {

  float: left;

  font-size: 16px;

  line-height: 32px;

  color: #999999; }

.w103-news-list .w103-news-list-intro-link {

  display: inline-block;

  line-height: 32px;

  font-size: 14px;

  padding: 0 24px;

  color: #fff;

  background-color: #EE922B;

  float: right;

  transition: background-color .5s; }

  .w103-news-list .w103-news-list-intro-link:hover {

    background-color: #f59628; }

@media screen and (max-width: 1200px) {

  .w103-news-list .w103-news-list-item {

    margin-bottom: 24px; }

    .w103-news-list .w103-news-list-item:after {

      width: calc(60% - 24px); }

  .w103-news-list .w103-news-list-cover {

    width: 40%; }

  .w103-news-list .w103-news-list-intro {

    width: 60%;

    padding: 24px; }

  .w103-news-list .w103-news-list-intro-title {

    margin-bottom: 12px; }

  .w103-news-list .w103-news-list-intro-desc {

    margin-bottom: 12px; }

  .w103-news-list .w103-news-list-intro-link {

    padding: 0 16px; } }

@media screen and (max-width: 768px) {

  .w103-news-list .w103-news-list-item {

    margin-bottom: 16px; }

    .w103-news-list .w103-news-list-item:after {

      display: none; }

    .w103-news-list .w103-news-list-item:hover {

      background-color: transparent; }

  .w103-news-list .w103-news-list-cover {

    width: 100%; }

  .w103-news-list .w103-news-list-intro {

    width: 100%;

    padding: 16px 0; }

    .w103-news-list .w103-news-list-intro .w103-news-intro-list-desc {

      display: -webkit-box;

      -webkit-line-clamp: 2;

      -webkit-box-orient: vertical;

      text-overflow: ellipsis;

      overflow: hidden;

      overflow-wrap: break-word;

      white-space: normal;

      display: none; }

  .w103-news-list .w103-news-list-intro-title {

    margin-bottom: 8px;

    font-size: 16px;

    line-height: 1.2;

    font-weight: normal; }

  .w103-news-list .w103-news-list-intro-desc {

    margin-bottom: 8px;

    font-size: 14px;

    line-height: 1.5; } }



/*!- w103-news-list end -*/

/*!- w103-product-list begin -*/

.w103-product-list .w103-product-list-wrap {

  margin: -32px 0 0 -32px; }

  .w103-product-list .w103-product-list-wrap:before, .w103-product-list .w103-product-list-wrap:after {

    display: table;

    content: "";

    width: 100%; }

  .w103-product-list .w103-product-list-wrap:after {

    clear: both; }

.w103-product-list .w103-product-list-item {

  display: block;

  float: left;

  width: 25%;

  padding: 32px 0 0 32px; }

.w103-product-list .w103-product-list-cover {

  border: 1px solid #d9d9d9;

  overflow: hidden;

  transition: border .5s; }

.w103-product-list .w103-product-list-cover-wrap {

  position: relative;

  display: block;

  width: 100%;

  padding-bottom: 100%; }

  .w103-product-list .w103-product-list-cover-wrap > img {

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    object-position: center;

    object-fit: contain;

    transition: all .5s; }

.w103-product-list .w103-product-list-intro {

  padding: 8px 0; }

.w103-product-list .w103-product-list-intro-title {

  display: block;

  font-size: 16px;

  line-height: 1.576;

  text-align: center;

  transition: color .5s;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  color: #333333; }

.w103-product-list .w103-product-list-content {

  display: block; }

  .w103-product-list .w103-product-list-content:hover .w103-product-list-cover {

    border-color: #f59628; }

  .w103-product-list .w103-product-list-content:hover .w103-product-list-cover-wrap > img {

    transform: scale(1.1, 1.1); }

  .w103-product-list .w103-product-list-content:hover .w103-product-list-intro-title {

    color: #f59628; }

@media screen and (max-width: 1200px) {

  .w103-product-list .w103-product-list-wrap {

    margin: -24px 0 0 -24px; }

  .w103-product-list .w103-product-list-item {

    padding: 24px 0 0 24px; }

  .w103-product-list .w103-product-list-intro {

    padding: 8px 0; }

  .w103-product-list .w103-product-list-intro-title {

    font-size: 16px; } }

@media screen and (max-width: 768px) {

  .w103-product-list .w103-product-list-wrap {

    margin: -16px 0 0 -16px; }

  .w103-product-list .w103-product-list-item {

    width: 50%;

    padding: 16px 0 0 16px; }

  .w103-product-list .w103-product-list-intro {

    padding: 4px 0; }

  .w103-product-list .w103-product-list-intro-title {

    font-size: 14px; } 
	  
	   
	}



/*!- w103-product-list end -*/

/*!- w103-case-list begin -*/

.w103-case-list .w103-case-list-wrap {

  margin: -32px 0 0 -32px; }

  .w103-case-list .w103-case-list-wrap:before, .w103-case-list .w103-case-list-wrap:after {

    display: table;

    content: "";

    width: 100%; }

  .w103-case-list .w103-case-list-wrap:after {

    clear: both; }

.w103-case-list .w103-case-list-item {

  display: block;

  float: left;

  width: 33.33%;

  padding: 32px 0 0 32px; 
  
  }
  .w103-case-list .w103-case-list-item:nth-child(3n+1){ clear:both}

  .w103-case-list .w103-case-list-item:hover .w103-case-list-content .w103-case-list-cover a > img {

    opacity: .8;

    transform: scale(1.1); }

.w103-case-list .w103-case-list-cover {

  display: block;

  border: 1px solid #d9d9d9;

  overflow: hidden;

  transition: border .5s; }

.w103-case-list .w103-case-list-cover-wrap {

  position: relative;

  display: block;

  width: 100%;

  padding-bottom: 75%; }

  .w103-case-list .w103-case-list-cover-wrap > img {

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    object-position: center;

    object-fit: cover;

    transition: all .5s; }

.w103-case-list .w103-case-list-intro {
/*
  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  line-height: 1;

  font-size: 0;

  opacity: 0;

  transition: all .5s ease .1s;

  background-color: rgba(0, 0, 0, 0.5);

  background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); }

  .w103-case-list .w103-case-list-intro:before {

    content: '';

    display: inline-block;

    vertical-align: middle;

    width: 0;

    height: 100%; 
	
	*/
	
	padding: 20px 0;
    position: static;
    opacity: 1;
    background-image: none;
    background-color: transparent;
	
	}

.w103-case-list .w103-case-list-intro-content {

  display: inline-block;

  vertical-align: middle;

  text-align: center;

  width: 100%; }
  
.w103-case-list-intro-content a:hover{ color:#f5962}

.w103-case-list .w103-case-list-intro-title {

  display: block;

  font-size: 18px;

  line-height: 1.576;

  transition: color .5s;

 

 }

.w103-case-list .w103-case-list-intro-link {
	display:none;

 /* display: inline-block;*/

  font-size: 14px;

  line-height: 36px;

  padding: 0 20px;

  transition: all .5s;

  color: #fff;

  background-color: #EE922B; }
/*
  .w103-case-list .w103-case-list-intro-link:hover {

    color: #fff;

    background-color: #a7661e; }

.w103-case-list .w103-case-list-adorn {

  display: block;

  position: absolute;

  z-index: 2;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  overflow: hidden;

  pointer-events: none; }

  .w103-case-list .w103-case-list-adorn > span {

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    width: 100%;

    height: 100%; }

    .w103-case-list .w103-case-list-adorn > span:before, .w103-case-list .w103-case-list-adorn > span:after {

      content: '';

      display: block;

      position: absolute;

      width: 0;

      height: 1px;

      opacity: 0;

      background-color: #EE922B;

      transition: all .5s ease .2s;

      top: 50%;

      left: 50%; }

    .w103-case-list .w103-case-list-adorn > span:first-child {

      transform: rotate(37deg); }

    .w103-case-list .w103-case-list-adorn > span:last-child {

      transform: rotate(-37deg); }
	  */

.w103-case-list .w103-case-list-content {

  display: block;

  position: relative; }

  .w103-case-list .w103-case-list-content:hover .w103-case-list-cover {

    border-color: #f59628; }

  .w103-case-list .w103-case-list-content:hover .w103-case-list-intro {

    opacity: 1; }

  .w103-case-list .w103-case-list-content:hover .w103-case-list-intro-title {

    color: #f59628; }

  .w103-case-list .w103-case-list-content:hover .w103-case-list-adorn > span:before {

    width: 100%;

    opacity: 1;

    left: -80%; }

  .w103-case-list .w103-case-list-content:hover .w103-case-list-adorn > span:after {

    width: 100%;

    opacity: 1;

    left: 80%; }

@media screen and (max-width: 1200px) {

  .w103-case-list .w103-case-list-wrap {

    margin: -24px 0 0 -24px; }

  .w103-case-list .w103-case-list-item {

    padding: 24px 0 0 24px; }

  .w103-case-list .w103-case-list-intro {

    padding: 8px 0; }

  .w103-case-list .w103-case-list-intro-title {

    font-size: 16px; }

  .w103-case-list .w103-case-list-intro-link {

    line-height: 32px;

    padding: 0 16px; } }

@media screen and (max-width: 768px) {
	
	
	  .w103-case-list .w103-case-list-item:nth-child(3n+1){ float:left; clear:none}
		.w103-case-list .w103-case-list-item:nth-child(2n+1){ clear:both}
		
  .w103-case-list .w103-case-list-wrap {

    margin: -16px 0 0 -16px; }

  .w103-case-list .w103-case-list-item {

    width: 50%;

    padding: 16px 0 0 16px; }

  .w103-case-list .w103-case-list-intro {

    padding: 4px 0;

    position: static;

    opacity: 1;

    background-image: none;

    background-color: transparent; }

  .w103-case-list .w103-case-list-intro-title {

    font-size: 14px;

    margin-bottom: 0;

    color: #333333; }

  .w103-case-list .w103-case-list-intro-link {

    display: none; }

  .w103-case-list .w103-case-list-adorn {

    display: none; }

  .w103-case-list .w103-case-list-content:hover .w103-case-list-intro-title {

    color: #f59628; } }



/*!- w103-case-list end -*/

/*!- w103-contact-meta begin -*/

.w103-contact-meta .w103-contact-meta-wrap {

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  padding: 32px;

  background-color: #f59628; }

.w103-contact-meta .w103-contact-meta-title {

  font-size: 24px;

  line-height: 1;

  margin-bottom: 32px;

 

  color: #fff; }

.w103-contact-meta .w103-contact-meta-list {

  margin: -32px 0 0 -32px; }

  .w103-contact-meta .w103-contact-meta-list:before, .w103-contact-meta .w103-contact-meta-list:after {

    display: table;

    content: "";

    width: 100%; }

  .w103-contact-meta .w103-contact-meta-list:after {

    clear: both; }

.w103-contact-meta .w103-contact-meta-item {

  display: block;

  width: 100%;

  float: left;

  text-align: center;

  padding: 15px 0 0 32px; }

.w103-contact-meta .w103-contact-meta-icon {

  height: 26px;

  line-height: 1;

  font-size: 26px;

  color: #fff;

  float: left;

  margin-right: 10px; }

  .w103-contact-meta .w103-contact-meta-icon > i {

    font-size: 26px; }

.w103-contact-meta .w103-contact-meta-label {

  font-size: 20px;

  line-height: 1.576;

  text-transform: uppercase;

  color: #fff;

  float: left;

  margin-right: 10px; }

.w103-contact-meta .w103-contact-meta-value {

  font-size: 14px;

  line-height: 2;

  color: #fff;

  word-wrap: break-word;

  float: left; }

@media screen and (max-width: 1200px) {

  .w103-contact-meta .w103-contact-meta-wrap {

    padding: 24px; }

  .w103-contact-meta .w103-contact-meta-title {

    font-size: 20px;

    margin-bottom: 24px; }

  .w103-contact-meta .w103-contact-meta-list {

    margin: -24px 0 0 -24px; }

  .w103-contact-meta .w103-contact-meta-item {

    padding: 24px 0 0 24px; }

  .w103-contact-meta .w103-contact-meta-icon {

    height: 32px;

    font-size: 32px; }

  .w103-contact-meta .w103-contact-meta-label {

    font-size: 18px; } }

@media screen and (max-width: 768px) {

  .w103-contact-meta .w103-contact-meta-wrap {

    padding: 16px; }

  .w103-contact-meta .w103-contact-meta-title {

    font-size: 18px;

    margin-bottom: 16px; }

  .w103-contact-meta .w103-contact-meta-list {

    margin: -16px 0 0 -16px; }

  .w103-contact-meta .w103-contact-meta-item {

    padding: 16px 0 0 16px; }

  .w103-contact-meta .w103-contact-meta-icon {

    height: 28px;

    font-size: 28px; }

  .w103-contact-meta .w103-contact-meta-label {

    font-size: 16px; } }



/*!- w103-contact-meta end -*/

/*!- w103-contact-user begin -*/

.w103-contact-user .w103-contact-user-wrap {

  padding-top: 32px; }

.w103-contact-user .w103-contact-user-list {

  margin: -32px 0 0 -32px; }

  .w103-contact-user .w103-contact-user-list:before, .w103-contact-user .w103-contact-user-list:after {

    display: table;

    content: "";

    width: 100%; }

  .w103-contact-user .w103-contact-user-list:after {

    clear: both; }

.w103-contact-user .w103-contact-user-item {

  float: left;

  width: 50%;

  padding: 32px 0 0 32px; }

  .w103-contact-user .w103-contact-user-item > dl {

    padding: 24px;

    border: 1px solid #f0f0f0;

    height: 0;

    padding-bottom: 60%;

    position: relative; }

    .w103-contact-user .w103-contact-user-item > dl > dt {

      font-size: 20px;

      line-height: 1.576;

      margin-bottom: 12px;

      color: #f59628; }

    .w103-contact-user .w103-contact-user-item > dl > dd {

      font-size: 16px;

      line-height: 1.576;

      color: #666666;

      margin-bottom: 8px;

      word-wrap: break-word; }

@media screen and (max-width: 1200px) {

  .w103-contact-user .w103-contact-user-wrap {

    padding-top: 24px; }

  .w103-contact-user .w103-contact-user-list {

    margin: -24px 0 0 -24px; }

  .w103-contact-user .w103-contact-user-item {

    padding: 24px 0 0 24px; }

    .w103-contact-user .w103-contact-user-item > dl {

      padding: 16px;

      height: auto; }

      .w103-contact-user .w103-contact-user-item > dl > dt {

        font-size: 18px; }

      .w103-contact-user .w103-contact-user-item > dl > dd {

        font-size: 14px; } }

@media screen and (max-width: 768px) {

  .w103-contact-user .w103-contact-user-wrap {

    padding-top: 16px; }

  .w103-contact-user .w103-contact-user-list {

    margin: -16px 0 0 -16px; }

  .w103-contact-user .w103-contact-user-item {

    width: 100%;

    padding: 16px 0 0 16px; }

    .w103-contact-user .w103-contact-user-item > dl > dt {

      font-size: 16px;

      margin-bottom: 8px; }

    .w103-contact-user .w103-contact-user-item > dl > dd {

      margin-bottom: 4px; } }



/*!- w103-contact-user end -*/

/*!- w103-anchor begin -*/

.w103-anchor {

  position: -webkit-sticky;

  position: sticky;

  z-index: 200;

  top: 92px;

  width: 100%;

  background-color: #fff; }

  .w103-anchor .w103-anchor-wrap {

    border-bottom: 1px solid #d9d9d9; }

  .w103-anchor .w103-anchor-list {

    font-size: 0;

    margin: 0 0 0 -24px;

    white-space: nowrap;

    overflow: auto hidden; }

    .w103-anchor .w103-anchor-list.center {

      text-align: center; }

    .w103-anchor .w103-anchor-list.right {

      text-align: right; }

  .w103-anchor .w103-anchor-item {

    display: inline-block;

    vertical-align: top;

    font-size: 16px;

    height: 60px;

    line-height: 60px;

    padding: 0 16px;

    margin: 0 0 0 24px;

    color: #333333;

    transition: color .5s;

    border-bottom: 1px solid transparent;

    text-transform: uppercase; }

    .w103-anchor .w103-anchor-item:hover {

      color: #f59628; }

    .w103-anchor .w103-anchor-item.active {

      color: #f59628;

      border-color: #f59628; }

  @media screen and (max-width: 1200px) {

    .w103-anchor {

      top: 58px; }

      .w103-anchor .w103-anchor-list {

        margin: 0 0 0 -16px; }

      .w103-anchor .w103-anchor-item {

        height: 50px;

        line-height: 50px;

        padding: 0 12px;

        margin: 0 0 0 16px;

        font-size: 14px; } }

  @media screen and (max-width: 768px) {

    .w103-anchor .w103-anchor-list {

      margin: 0 0 0 -8px; }

    .w103-anchor .w103-anchor-item {

      height: 40px;

      line-height: 40px;

      padding: 0 8px;

      margin: 0 0 0 8px; } }



/*!- w103-anchor end -*/

/*!- w103-video begin -*/

.w103-video {

  display: block; }

  .w103-video .w103-video-intro .video-intro-text {

    font-size: 24px;

    margin-top: 24px; }

  .w103-video .w103-video-cover {

    overflow: hidden;

    display: block;

    position: relative;

    width: 100%;

    height: 0;

    padding-bottom: 33.33%; }

    .w103-video .w103-video-cover .video-cover-mask {

      display: block;

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      pointer-events: none;

      background-color: rgba(0, 0, 0, 0.5); }

  .w103-video:hover .w103-video-intro:before {

    left: -15px;

    top: -15px; }

  .w103-video:hover .w103-video-intro:after {

    right: -15px;

    bottom: -15px; }

  .w103-video:hover .video-intro-text span {

    color: #f59628; }

  .w103-video .w103-video-cover-wrap {

    width: 100%;

    height: 0;

    display: block;

    position: relative;

    padding-bottom: 33.33%; }

    .w103-video .w103-video-cover-wrap > img {

      display: block;

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      object-fit: cover;

      object-position: center; }

    .w103-video .w103-video-cover-wrap > div {

      display: block;

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      background-repeat: no-repeat;

      background-position: center;

      background-size: cover;

      background-attachment: fixed; }

  .w103-video .w103-video-intro {

    pointer-events: none;

    position: absolute;

    top: 50%;

    left: 50%;

    min-width: 240px;

    text-align: center;

    padding: 32px;

    color: #fff;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%); }

    .w103-video .w103-video-intro:before, .w103-video .w103-video-intro:after {

      content: '';

      display: block;

      width: 24px;

      height: 24px;

      border-style: solid;

      border-color: #fff;

      position: absolute;

      -webkit-transition: all .3s ease 0s;

      transition: all .3s ease 0s; }

    .w103-video .w103-video-intro:before {

      border-width: 5px 0 0 5px;

      left: 0;

      top: 0; }

    .w103-video .w103-video-intro:after {

      border-width: 0 5px 5px 0;

      right: 0;

      bottom: 0; }

  .w103-video .w103-video-intro-play {

    display: inline-block;

    vertical-align: middle;

    width: 64px;

    height: 64px;

    line-height: 1;

    text-align: center;

    font-size: 64px;

    transition: color .5s;

    color: #fff; }

    .w103-video .w103-video-intro-play > i {

      font-size: inherit; }

  .w103-video .w103-video-wrap {

    display: block;

    position: relative;

    cursor: pointer; }

    .w103-video .w103-video-wrap:hover .w103-video-intro-play {

      color: #EE922B; }

  @media screen and (max-width: 1200px) {

    .w103-video .w103-video-intro-play {

      width: 48px;

      height: 48px;

      font-size: 48px; } }

  @media screen and (max-width: 768px) {

    .w103-video .w103-video-cover {

      padding-bottom: 50%; }

    .w103-video .w103-video-cover-wrap {

      padding-bottom: 50%; }

      .w103-video .w103-video-cover-wrap > div {

        background-attachment: inherit; }

    .w103-video .w103-video-intro-play {

      width: 32px;

      height: 32px;

      font-size: 32px; }

    .w103-video .w103-video-intro {

      min-width: 300px; }

      .w103-video .w103-video-intro .video-intro-text {

        font-size: 16px;

        margin-top: 14px; } }



/*!- w103-video end -*/

/*!- w103-cert begin -*/

.w103-cert .w103-cert-content {

  position: relative; }

.w103-cert .w103-cert-cover {

  background-color: whitesmoke;

  overflow: hidden;

  transition: background-color .5s; }

.w103-cert .w103-cert-cover-wrap {

  position: relative;

  width: 100%;

  height: 0;

  padding-bottom: 75%; }

  .w103-cert .w103-cert-cover-wrap > img {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: contain;

    object-position: center;

    transition: all .5s; }

.w103-cert .w103-cert-item {

  display: block; }

  .w103-cert .w103-cert-item:hover .w103-cert-cover {

    background-color: #dddddd; }

.w103-cert .swiper-button-prev {

  left: -20px; }

.w103-cert .swiper-button-next {

  right: -20px; }

@media screen and (max-width: 1200px) {

  .w103-cert .swiper-button-prev {

    width: 32px;

    height: 32px;

    left: -16px;

    margin-top: -16px; }

  .w103-cert .swiper-button-next {

    width: 32px;

    height: 32px;

    right: -16px;

    margin-top: -16px; } }

@media screen and (max-width: 768px) {

  .w103-cert .swiper-button-prev {

    left: 16px; }

  .w103-cert .swiper-button-next {

    right: 16px; } }



/*!- w103-cert end -*/

/*!- w103-cert-list begin -*/

.w103-cert-list .w103-cert-list-wrap {

  margin: -32px 0 0 -32px; }

  .w103-cert-list .w103-cert-list-wrap:before, .w103-cert-list .w103-cert-list-wrap:after {

    display: table;

    content: "";

    width: 100%; }

  .w103-cert-list .w103-cert-list-wrap:after {

    clear: both; }

.w103-cert-list .w103-cert-list-item {

  display: block;

  float: left;

  width: 25%;

  padding: 32px 0 0 32px; }

.w103-cert-list .w103-cert-list-cover {

  overflow: hidden;

  background-color: whitesmoke;

  transition: background-color .5s; }

.w103-cert-list .w103-cert-list-cover-wrap {

  display: block;

  width: 100%;

  height: 0;

  padding-bottom: 75%;

  position: relative; }

  .w103-cert-list .w103-cert-list-cover-wrap > img {

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    object-position: center;

    object-fit: contain; }

.w103-cert-list .w103-cert-list-intro {

  font-size: 16px;

  line-height: 24px;

  padding: 8px 0;

  text-align: center;

  color: #333333;

  transition: color .5s;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis; }

.w103-cert-list .w103-cert-list-content:hover .w103-cert-list-cover {

  background-color: #dddddd; }

.w103-cert-list .w103-cert-list-content:hover .w103-cert-list-intro {

  color: #f59628; }

@media screen and (max-width: 1200px) {

  .w103-cert-list .w103-cert-list-wrap {

    margin: -24px 0 0 -24px; }

  .w103-cert-list .w103-cert-list-item {

    width: 33.33%;

    padding: 24px 0 0 24px; } }

@media screen and (max-width: 768px) {

  .w103-cert-list .w103-cert-list-wrap {

    margin: -16px 0 0 -16px; }

  .w103-cert-list .w103-cert-list-item {

    width: 50%;

    padding: 16px 0 0 16px; } }



/*!- w103-cert-list end -*/

/*!- w103-time-axis begin -*/

.w103-time-axis {

  background-color: #f9f9f9; }

  .w103-time-axis .w103-time-axis-wrap {

    padding: 64px 0; }

  .w103-time-axis .w103-time-axis-item {

    position: relative;

    width: 100%;

    height: 208px;

    text-align: center; }

  .w103-time-axis .w103-time-axis-title {

    display: block;

    position: absolute;

    z-index: 2;

    bottom: 50%;

    width: 100%;

    max-height: 50%;

    font-size: 24px;

    line-height: 24px;

    padding: 16px 16px 64px;

    color: #f59628; }

    .w103-time-axis .w103-time-axis-title:before {

      display: block;

      content: '';

      position: absolute;

      bottom: -3px;

      left: 50%;

      margin-left: -3px;

      width: 6px;

      height: 6px;

      border-radius: 3px;

      background-color: #EE922B; }

    .w103-time-axis .w103-time-axis-title:after {

      display: block;

      content: '';

      position: absolute;

      width: 2px;

      height: 24px;

      background-color: #EE922B;

      bottom: 24px;

      left: 50%;

      margin-left: -1px;

      border-radius: 1px; }

  .w103-time-axis .w103-time-axis-desc {

    display: block;

    position: absolute;

    z-index: 1;

    top: 50%;

    width: 100%;

    max-height: 50%;

    font-size: 16px;

    line-height: 24px;

    padding: 16px;

    color: #333333;

    border-top: 1px solid #d9d9d9; }

    .w103-time-axis .w103-time-axis-desc > span {

      overflow: hidden;

      text-overflow: ellipsis;

      display: -webkit-box;

      -webkit-box-orient: vertical;

      word-break: break-word;

      white-space: normal;

      -webkit-line-clamp: 3; }

  .w103-time-axis .swiper-slide:nth-child(even) .w103-time-axis-title {

    bottom: auto;

    top: 50%;

    padding: 64px 16px 16px;

    border-top: 1px solid #d9d9d9; }

    .w103-time-axis .swiper-slide:nth-child(even) .w103-time-axis-title:before {

      bottom: auto;

      top: -3px; }

    .w103-time-axis .swiper-slide:nth-child(even) .w103-time-axis-title:after {

      bottom: auto;

      top: 24px; }

  .w103-time-axis .swiper-slide:nth-child(even) .w103-time-axis-desc {

    top: auto;

    bottom: 50%;

    border-top: 0; }

  .w103-time-axis .swiper-button-prev {

    left: -14px;

    background-color: transparent;

    color: #f59628;

    opacity: 1;

    outline: none; }

  .w103-time-axis .swiper-button-next {

    right: -14px;

    background-color: transparent;

    color: #EE922B;

    opacity: 1;

    outline: none; }

  @media screen and (max-width: 1200px) {

    .w103-time-axis .w103-time-axis-wrap {

      padding: 32px 0; } }

  @media screen and (max-width: 768px) {

    .w103-time-axis .w103-time-axis-wrap {

      padding: 24px 0; } }



/*!- w103-time-axis end -*/

/*!- w103-report begin -*/

.w103-report .w103-report-content {

  display: flex; }

.w103-report .w103-report-cover {

  flex: auto;

  width: 50%;

  overflow: hidden;

  background-color: #dddddd; }

.w103-report .w103-report-cover-wrap {

  display: block;

  width: 100%;

  position: relative;

  height: 0;

  padding-bottom: 75%; }

  .w103-report .w103-report-cover-wrap > img {

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    object-position: center;

    object-fit: cover; }

.w103-report .w103-report-intro {

  flex: auto;

  width: 50%;

  background-color: #fafafa; }

.w103-report .w103-report-intro-wrap {

  max-width: 720px;

  padding: 64px 32px;

  line-height: 1.576;

  font-size: 16px;

  text-align: justify;

  color: #333333; }

  .w103-report .w103-report-intro-wrap > p {

    margin-bottom: 20px; }

.w103-report .w103-report-item:nth-child(even) .w103-report-cover {

  order: 2; }

.w103-report .w103-report-item:nth-child(even) .w103-report-intro {

  order: 1; }

.w103-report .w103-report-item:nth-child(even) .w103-report-intro-wrap {

  margin: 0 0 0 auto; }

@media screen and (max-width: 1200px) {

  .w103-report .w103-report-content {

    flex-direction: column; }

  .w103-report .w103-report-cover {

    width: 100%; }

  .w103-report .w103-report-cover-wrap {

    padding-bottom: 75%;

    min-height: auto;

    height: 0; }

  .w103-report .w103-report-intro {

    width: 100%; }

  .w103-report .w103-report-intro-wrap {

    max-width: none;

    padding: 24px 24px;

    font-size: 16px; }

    .w103-report .w103-report-intro-wrap > p {

      margin-bottom: 20px; }

  .w103-report .w103-report-item:nth-child(even) .w103-report-cover {

    order: 1; }

  .w103-report .w103-report-item:nth-child(even) .w103-report-intro {

    order: 2; } }

@media screen and (max-width: 768px) {

  .w103-report .w103-report-intro-wrap {

    max-width: none;

    text-align: left;

    font-size: 14px;

    padding: 16px 16px; } }



/*!- w103-report end -*/

/*!- w103-support begin -*/

.w103-support {

  pointer-events: none;

  user-select: none; }

  .w103-support .w103-support-list {

    display: flex;

    flex-wrap: wrap;

    margin: -20px 0 0 -20px; }

  .w103-support .w103-support-item {

    display: block;

    flex: none;

    width: 25%;

    padding: 20px 0 0 20px; }

  .w103-support .w103-support-content {

    padding: 48px 32px;

    background-color: #f59628; }

  .w103-support .w103-support-icon {

    margin-bottom: 20px; }

    .w103-support .w103-support-icon > img {

      display: block;

      margin: 0 auto;

      width: 86px;

      height: 86px;

      object-position: center;

      object-fit: contain; }

  .w103-support .w103-support-title {

    font-size: 20px;

    margin-bottom: 16px;

    text-align: center;

    color: #fff; }

  .w103-support .w103-support-desc {

    font-size: 16px;

    text-align: justify;

    color: rgba(255, 255, 255, 0.85); }

  @media screen and (max-width: 1200px) {

    .w103-support .w103-support-item {

      width: 50%; }

    .w103-support .w103-support-content {

      padding: 32px 24px; }

    .w103-support .w103-support-icon {

      margin-bottom: 12px; }

      .w103-support .w103-support-icon > img {

        width: 64px;

        height: 64px; }

    .w103-support .w103-support-title {

      font-size: 18px;

      margin-bottom: 12px; }

    .w103-support .w103-support-desc {

      font-size: 16px; } }

  @media screen and (max-width: 768px) {

    .w103-support .w103-support-item {

      width: 100%; }

    .w103-support .w103-support-content {

      padding: 24px 16px; }

    .w103-support .w103-support-icon {

      margin-bottom: 8px; }

      .w103-support .w103-support-icon > img {

        width: 48px;

        height: 48px; }

    .w103-support .w103-support-title {

      font-size: 16px;

      margin-bottom: 8px; }

    .w103-support .w103-support-desc {

      font-size: 14px; } }



/*!- w103-support end -*/

/*!- w103-product-detail begin -*/

.w103-product-detail {

  max-width: 1280px; }

  .w103-product-detail .w103-product-detail-preview {

    margin-bottom: 20px;

    border: 1px solid #d9d9d9; }

  .w103-product-detail .w103-product-detail-preview-item {

    display: block;

    position: relative;

    width: 100%;

    height: 0;

    padding-bottom: 100%; }

    .w103-product-detail .w103-product-detail-preview-item > img {

      display: block;

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      object-position: center;

      object-fit: contain; }

  .w103-product-detail .w103-product-detail-thumb-item {

    display: block;

    position: relative;

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    cursor: pointer;

    border: 1px solid #d9d9d9; }

    .w103-product-detail .w103-product-detail-thumb-item:after {

      display: none;

      content: '';

      position: absolute;

      z-index: 2;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      border: 4px solid #EE922B; }

    .w103-product-detail .w103-product-detail-thumb-item > img {

      display: block;

      position: absolute;

      z-index: 1;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      object-position: center;

      object-fit: contain; }

  .w103-product-detail .swiper-slide-thumb-active .w103-product-detail-thumb-item:after {

    display: block; }

  .w103-product-detail .w103-product-detail-anchor {

    position: -webkit-sticky;

    position: sticky;

    top: 92px;

    z-index: 9;

    width: 100%;

    border: 1px solid #d9d9d9;

    background-color: whitesmoke; }

  .w103-product-detail .w103-product-detail-anchor-list {

    display: block;

    font-size: 0;

    white-space: nowrap;

    overflow-x: auto; }

  .w103-product-detail .w103-product-detail-anchor-item {

    display: inline-block;

    vertical-align: top;

    font-size: 16px;

    line-height: 50px;

    padding: 0 24px;

    color: #333333;

    margin-left: -1px;

    cursor: pointer;

    transition: all .5s; }

    .w103-product-detail .w103-product-detail-anchor-item:first-child {

      margin-left: 0; }

    .w103-product-detail .w103-product-detail-anchor-item:hover {

      background-color: #dddddd; }

    .w103-product-detail .w103-product-detail-anchor-item.active {

      border-color: #f59628;

      color: #fff;

      background-color: #f59628; }

  .w103-product-detail .w103-product-detail-card {

    display: none; }

    .w103-product-detail .w103-product-detail-card.active {

      display: block; }
      
    .w103-product-detail-card h3 {

      color: #f59628; }
      

.w103-product-detail-card table,.w103-news-detail-bd table{
    
    border-collapse: collapse; 
   
    border-spacing: 0; 
   
    max-width: 100%;

    line-height: 30px;

	 margin-bottom: 20px;

}


.w103-product-detail-card table th,.w103-news-detail-bd table th{

    border: 1px solid #d9d9d9;
    
    vertical-align: middle;
    
    padding:8px;
    
}
.w103-product-detail-card table td,.w103-news-detail-bd table td{

    border: 1px solid #d9d9d9;
    
    vertical-align: middle;
    
    padding:8px;
    
}


.w103-product-detail-card table td span,.w103-product-detail-card table td strong,.w103-news-detail-bd table td span,.w103-news-detail-bd table td strong{ background-color:inherit!important;}

.w103-product-detail-card table .firstRow,.w103-news-detail-bd table .firstRow{ background-color:#ccc!important;}



.w103-product-detail-card table tr:nth-child(odd),.w103-news-detail-bd table tr:nth-child(odd){ background-color:#eeeeee;}

.w103-product-detail-card table tr:nth-child(even),.w103-news-detail-bd table tr:nth-child(even){ background-color:#ffffff;}



.w103-product-detail-card table tr:hover,.w103-news-detail-bd table tr:hover {

    background-color:#f59628;

    color: #fff;

    transition: all 0.2s;

}





 .canshutableshu {

    font-size: 16px;

    text-align: center;

    line-height: 30px;

	 border: 1px red solid;

	  border-collapse: collapse;



}

.canshutableshu td{ 

    text-align:center;

    border: 1px solid #d9d9d9;

    vertical-align: middle;}

	



.canshutableshu tr td:nth-child(2n){ background-color: #ffffff;}



.canshutableshu tr td:nth-child(2n+1){ background-color: #eeeeee;}

.canshutableshu tr td:first-child{color:#FFF;line-height:30px; background-color:#686868}

.canshutableshu tr:hover td{

    background-color: #005EB8;

    color: #fff;

    transition: all 0.5s;

}



      

      

  .w103-product-detail .w103-product-detail-container {

    display: block;

    border: 1px solid #d9d9d9;

    margin-top: -1px;

    padding: 32px; }

  @media screen and (max-width: 1200px) {

    .w103-product-detail .w103-page-header .w103-page-header-title {

      font-size: 18px;

      text-transform: lowercase; }

    .w103-product-detail .w103-product-detail-gallery {

      margin-bottom: 24px; }

    .w103-product-detail .w103-product-detail-preview {

      margin-bottom: 24px; }

    .w103-product-detail .w103-product-detail-anchor {

      top: 58px; }

    .w103-product-detail .w103-product-detail-anchor-item {

      font-size: 14px;

      line-height: 42px;

      padding: 0 16px; }

    .w103-product-detail .w103-product-detail-container {

      padding: 24px; } }

  @media screen and (max-width: 768px) {

    .w103-product-detail .w103-product-detail-gallery {

      margin-bottom: 16px; }

    .w103-product-detail .w103-product-detail-preview {

      margin-bottom: 16px; }

    .w103-product-detail .w103-product-detail-anchor-item {

      font-size: 12px;

      line-height: 36px;

      padding: 0 12px; }

    .w103-product-detail .w103-product-detail-container {

      padding: 16px; } }



/*!- w103-product-detail end -*/

/*!- w103-product-widget begin -*/

.w103-product-widget .w103-product-widget-title {

  display: block;

  line-height: 1.576;

  font-size: 18px;

  background-color: whitesmoke;

  padding: 24px 32px;

  margin-bottom: 32px;

  color: #f59628; }

  .w103-product-widget .w103-product-widget-title > span {

    display: block;

    border-left: 4px solid #f59628;

    padding: 0 16px; }

.w103-product-widget .w103-product-widget-list {

  margin: -32px 0 0 -32px; }

  .w103-product-widget .w103-product-widget-list:before, .w103-product-widget .w103-product-widget-list:after {

    display: table;

    content: "";

    width: 100%; }

  .w103-product-widget .w103-product-widget-list:after {

    clear: both; }

.w103-product-widget .w103-product-widget-item {

  display: block;

  width: 25%;

  float: left;

  padding: 32px 0 0 32px; }

.w103-product-widget .w103-product-widget-cover {

  overflow: hidden;

  transition: background-color .5s;

  background-color: #fff; }

.w103-product-widget .w103-product-widget-cover-wrap {

  position: relative;

  width: 100%;

  height: 0;

  padding-bottom: 100%;

  opacity: 1;

  transition: opacity .5s; }

  .w103-product-widget .w103-product-widget-cover-wrap > img {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: contain;

    object-position: center; }

.w103-product-widget .w103-product-widget-intro {

  font-size: 16px;

  line-height: 1.576;

  padding: 16px 0;

  text-align: center;

  transition: color .5s;

  color: #333333; }

.w103-product-widget .w103-product-widget-content {

  display: block;

  border: 1px solid #d9d9d9;

  transition: border .5s; }

  .w103-product-widget .w103-product-widget-content:hover {

    border-color: #f59628; }

    .w103-product-widget .w103-product-widget-content:hover .w103-product-widget-cover-wrap {

      opacity: .5; }

    .w103-product-widget .w103-product-widget-content:hover .w103-product-widget-intro {

      color: #f59628; }

@media screen and (max-width: 1200px) {

  .w103-product-widget .w103-product-widget-title {

    font-size: 18px;

    padding: 16px 24px;

    margin-bottom: 24px; }

    .w103-product-widget .w103-product-widget-title > span {

      padding: 0 12px; }

  .w103-product-widget .w103-product-widget-list {

    margin: -24px 0 0 -24px; }

  .w103-product-widget .w103-product-widget-item {

    width: 33.33%;

    padding: 24px 0 0 24px; } }

@media screen and (max-width: 768px) {

  .w103-product-widget .w103-product-widget-title {

    font-size: 18px;

    padding: 8px 16px;

    margin-bottom: 16px; }

    .w103-product-widget .w103-product-widget-title > span {

      padding: 0 8px; }

  .w103-product-widget .w103-product-widget-list {

    margin: -16px 0 0 -16px; }

  .w103-product-widget .w103-product-widget-item {

    width: 50%;

    padding: 16px 0 0 16px; } }



/*!- w103-product-widget end -*/

/*!- w103-faq-list begin -*/

.w103-faq-list .w103-faq-list-item {

  padding: 24px 0 24px 12px;

  position: relative;

  border-bottom: 1px solid #f0f0f0; }

.w103-faq-list .w103-faq-list-num {

  position: absolute;

  display: block;

  top: 2px;

  font-weight: bolder;

  left: 0;

  font-size: 36px;

  color: #fce9d5;

  z-index: -1; }

.w103-faq-list .w103-faq-list-q {

  font-size: 18px;

  line-height: 1.576;

  text-shadow: 0 0 2px #fff;

  color: #333333; }

.w103-faq-list .w103-faq-list-a {

  font-size: 16px;

  line-height: 1.576;

  color: #666666;

  word-wrap: break-word; }

@media screen and (max-width: 1200px) {

  .w103-faq-list .w103-faq-list-item {

    padding: 20px 0 20px 10px; }

  .w103-faq-list .w103-faq-list-num {

    top: 2px;

    font-size: 32px; }

  .w103-faq-list .w103-faq-list-q {

    font-size: 18px; }

  .w103-faq-list .w103-faq-list-a {

    font-size: 16px; } }

@media screen and (max-width: 768px) {

  .w103-faq-list .w103-faq-list-item {

    padding: 16px 0 16px 8px; }

  .w103-faq-list .w103-faq-list-num {

    font-size: 28px; }

  .w103-faq-list .w103-faq-list-q {

    font-size: 16px; }

  .w103-faq-list .w103-faq-list-a {

    font-size: 14px; } }



/*!- w103-faq-list end -*/

/*!- w103-sitemap begin -*/

.w103-sitemap .w103-sitemap-item {

  display: block;

  border: 1px solid #f0f0f0; }

  .w103-sitemap .w103-sitemap-item > h3 {

    display: block;

    font-size: 20px;

    line-height: 1.576;

    padding: 16px 24px;

    font-weight: normal;

    color: #333333;

    background-color: whitesmoke;

    border-bottom: 1px solid #f0f0f0; }

  .w103-sitemap .w103-sitemap-item > dl {

    padding: 16px 0; }

    .w103-sitemap .w103-sitemap-item > dl:before, .w103-sitemap .w103-sitemap-item > dl:after {

      display: table;

      content: "";

      width: 100%; }

    .w103-sitemap .w103-sitemap-item > dl:after {

      clear: both; }

    .w103-sitemap .w103-sitemap-item > dl > dt {

      display: block;

      width: 100%;

      font-size: 18px;

      line-height: 1.576;

      padding: 4px 24px; }

      .w103-sitemap .w103-sitemap-item > dl > dt > a {

        color: #333333; }

        .w103-sitemap .w103-sitemap-item > dl > dt > a:hover {

          color: #f59628; }

    .w103-sitemap .w103-sitemap-item > dl > dd {

      display: block;

      width: 20%;

      float: left;

      font-size: 16px;

      line-height: 1.576;

      padding: 4px 24px;

      color: #666666; }

      .w103-sitemap .w103-sitemap-item > dl > dd > a {

        color: #666666; }

        .w103-sitemap .w103-sitemap-item > dl > dd > a:hover {

          color: #f59628; }

@media screen and (max-width: 1200px) {

  .w103-sitemap .w103-sitemap-item > h3 {

    font-size: 18px;

    padding: 12px 20px; }

  .w103-sitemap .w103-sitemap-item > dl {

    padding: 12px 0; }

    .w103-sitemap .w103-sitemap-item > dl > dt {

      font-size: 16px;

      padding: 2px 20px; }

    .w103-sitemap .w103-sitemap-item > dl > dd {

      width: 25%;

      font-size: 14px;

      padding: 2px 20px; } }

@media screen and (max-width: 768px) {

  .w103-sitemap .w103-sitemap-item > h3 {

    padding: 8px 16px; }

  .w103-sitemap .w103-sitemap-item > dl {

    padding: 8px 0; }

    .w103-sitemap .w103-sitemap-item > dl > dt {

      padding: 0 16px; }

    .w103-sitemap .w103-sitemap-item > dl > dd {

      width: 50%;

      padding: 0 16px; } }



/*!- w103-sitemap end -*/

/*!- w103-advantage -*/

.w103-advantage .w103-advantage-list:before, .w103-advantage .w103-advantage-list:after {

  display: table;

  content: "";

  width: 100%; }

.w103-advantage .w103-advantage-list:after {

  clear: both; }

.w103-advantage .w103-advantage-item {

  display: block;

  float: left;

  width: 50%;

  text-align: center;

  padding: 47px 16px; }

  .w103-advantage .w103-advantage-item:nth-child(2), .w103-advantage .w103-advantage-item:nth-child(3) {

    background-color: #fffaf4; }

.w103-advantage .w103-advantage-icon > img {

  display: inline-block;

  vertical-align: top;

  width: auto;

  height: 40px; }

.w103-advantage .w103-advantage-title {

  font-size: 24px;

  line-height: 1.576;

  color: #333333;

  margin-top: 20px; }

.w103-advantage .w103-advantage-desc {

  font-size: 16px;

  line-height: 1.576;

  color: #666666; }

@media screen and (max-width: 1200px) {

  .w103-advantage .w103-advantage-item {

    padding: 24px 12px; }

  .w103-advantage .w103-advantage-icon > img {

    height: 48px; }

  .w103-advantage .w103-advantage-title {

    font-size: 16px; }

  .w103-advantage .w103-advantage-desc {

    font-size: 14px; } }

@media screen and (max-width: 768px) {

  .w103-advantage .w103-advantage-item {

    padding: 5px; }

  .w103-advantage .w103-advantage-icon > img {

    height: 32px; }

  .w103-advantage .w103-advantage-title {

    margin-top: 0; } }



/*!- w103-advantage -*/

/*!- w103-tags begin -*/

.w103-tags .w103-tags-list {

  display: block;

  margin: -16px 0 0 -16px;

  font-size: 0;

  line-height: 1; }

.w103-tags .w103-tags-item {

  max-width: 32%;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

  display: inline-block;

  vertical-align: top;

  margin: 16px 0 0 16px;

  font-size: 16px;

  line-height: 40px;

  padding: 0 32px;

  color: #333333;

  background-color: whitesmoke;

  transition: background-color .5s; }

  .w103-tags .w103-tags-item:hover {

    background-color: #dddddd; }

  .w103-tags .w103-tags-item.active {

    background-color: #f59628;

    color: #fff; }

@media screen and (max-width: 1200px) {

  .w103-tags .w103-tags-list {

    margin: -12px 0 0 -12px; }

  .w103-tags .w103-tags-item {

    margin: 12px 0 0 12px;

    font-size: 14px;

    line-height: 36px;

    padding: 0 24px; } }

@media screen and (max-width: 768px) {

  .w103-tags .w103-tags-list {

    margin: -8px 0 0 -8px; }

  .w103-tags .w103-tags-item {

    margin: 8px 0 0 8px;

    font-size: 12px;

    line-height: 32px;

    padding: 0 16px;

    width: 47%;

    max-width: 50%; } }



/*!- w103-tags end -*/

/*!- w103-ie-tips begin -*/

.w103-ie-tips {

  display: none;

  position: fixed;

  bottom: 0;

  left: 0;

  right: 0;

  font-size: 14px;

  z-index: 996;

  background-color: #f59628;

  color: #fff;

  line-height: 1.576;

  padding: 8px;

  text-align: center; }

  .w103-ie-tips.is-ie {

    display: block; }

  @media screen and (max-width: 1200px) {

    .w103-ie-tips {

      display: none; } }



/*!- w103-ie-tips end -*/



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





/*首页整合新闻中心*/



/*!- w104-news begin -*/



.w103-case .w104-news .swiper-button-prev {

  left: 10px; }

.w103-case  .w104-news .swiper-button-next {

  right: 10px; }

  

  

.w104-news .news-wrap {

  display: flex;

  align-items: center;

  background-color: #fff;

}





.w104-news .news-cover {

  width: 50%;

}

.w104-news .news-cover .cover-item {

  display: block;

  position: relative;

}

.w104-news .news-cover .cover-item .wrap img {

  display: block;

  width: 100%;

  height: auto;

}

.w104-news .news-cover .cover-item .text {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  color: #fff;

  background-color: rgba(0, 0, 0, 0.5);

  font-size: 20px;

  padding: 16px;

  line-height: 1.2;

  text-align: center;

}

.w104-news .news-intro {

  width: 50%;

}

.w104-news .news-intro .wrap {

  max-width: 830px;

  margin-right: auto;

  padding:0 32px;

}

.w104-news .news-intro .wrap > h3 {

  font-size: 48px;

  font-weight: bold;

  text-transform: uppercase;

  font-family: 'Times New Roman',serif;

  color: #004785;

  margin-bottom: 32px;

}

.w104-news .news-intro .wrap > ul li {

  margin-bottom: 24px;

  padding-left: 32px;

}

.w104-news .news-intro .wrap > ul li h4 {

  font-size: 18px;
  
  margin-bottom: 10px;

  font-weight: normal;

  color: #999;

  position: relative;

  transition: color .4s;

  font-family: "PingFang SC","Microsoft Yahei",Arial,sans-serif;

}

.w104-news .news-intro .wrap > ul li h4 strong {

  font-size: 24px;

  font-weight: bold;

}

.w104-news .news-intro .wrap > ul li h4:after {

  display: block;

  position: absolute;

  top: 50%;

  left: -24px;

  margin-top: -8px;

  content: '';

  width: 16px;

  height: 16px;

  border-radius: 50%;

  border: 3px solid #f59628;

  transition: border .4s;

}

.w104-news .news-intro .wrap > ul li a {

  display: block;

  font-size: 20px;

  transition: color .4s;

  color: #333;

}

.w104-news .news-intro .wrap > ul li p {

  font-size: 14px;
  
  line-height: 24px;

  color: #666;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  word-break: break-word;

  white-space: normal;

  -webkit-line-clamp: 3;

}

.w104-news .news-intro .wrap > ul li:hover h4 {

  color: #f59628;

}

.w104-news .news-intro .wrap > ul li:hover h4:after {

  border-color: #f59628;

}

.w104-news .news-intro .wrap > ul li:hover a {

  color: #f59628;

}

@media screen and (max-width: 1280px) {

  .w104-news .news-cover .cover-item .text {

    font-size: 18px;

    padding: 12px;

  }

  .w104-news .news-intro .wrap {

    padding: 24px;

  }

  .w104-news .news-intro .wrap > h3 {

    font-size: 32px;

    margin-bottom: 24px;

  }

  .w104-news .news-intro .wrap > ul li {

    margin-bottom: 16px;

    padding-left: 24px;

  }

  .w104-news .news-intro .wrap > ul li h4 {

    font-size: 16px;

  }

  .w104-news .news-intro .wrap > ul li h4 strong {

    font-size: 24px;

  }

  .w104-news .news-intro .wrap > ul li h4:after {

    left: -20px;

  }

  .w104-news .news-intro .wrap > ul li a {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    word-break: normal;

    font-size: 18px;

    line-height: 1.2;

  }

}

@media screen and (max-width: 992px) {

  .w104-news .news-wrap {

    flex-direction: column;

  }

  .w104-news .news-cover {

    width: 100%;

  }

  .w104-news .news-cover .cover-item .text {

    font-size: 16px;

    padding: 8px;

  }

  .w104-news .news-intro {

    width: 100%;

  }

  .w104-news .news-intro .wrap {

    max-width: none;

    padding: 16px;

  }

  .w104-news .news-intro .wrap > h3 {

    font-size: 24px;

    margin-bottom: 16px;

    text-align: center;

  }

  .w104-news .news-intro .wrap > ul li {

    margin-bottom: 16px;

    padding-left: 0;

  }

  .w104-news .news-intro .wrap > ul li h4 {

    font-size: 14px;

  }

  .w104-news .news-intro .wrap > ul li h4 strong {

    font-size: 18px;

  }

  .w104-news .news-intro .wrap > ul li h4:after {

    display: none;

  }

  .w104-news .news-intro .wrap > ul li a {

    font-size: 16px;

    line-height: 1.8;

  }

}



/*!- w104-news end -*/







.subblock{ margin: 40px 0; overflow: hidden; }

.subblock .category{ width: 100%; margin: auto;/* max-width: 1200px;*/}

.subblock .category ul{ text-align: center; font-size: 0; margin: -15px;}

.subblock .category ul li{ width:25%; display: inline-block; vertical-align:top; max-width: 500px;}

.category-box{ position: relative;background: #000; overflow: hidden; margin: 15px 5px;}

.category-box a{ }

.category-box a::before, .category-box a::after {

    z-index: 1;

    content: "";

    position: absolute;

    left: 10px;

    right: 10px;

    top: 10px;

    bottom: 10px;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}

.category-box > a::before {

    border-top: 1px solid #fff;

    border-bottom: 1px solid #fff;

    -webkit-transform: scale(0, 1);

    -moz-transform: scale(0, 1);

    -o-transform: scale(0, 1);

    transform: scale(0, 1);

}

.category-box > a::after {

    border-left: 1px solid #fff;

    border-right: 1px solid #fff;

    -webkit-transform: scale(1, 0);

    -moz-transform: scale(1, 0);

    -o-transform: scale(1, 0);

    transform: scale(1, 0);

}

.category-box:hover > a:before{

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

	-webkit-transform: scale(1, 1);

	-moz-transform: scale(1, 1);

	-o-transform: scale(1, 1);

	transform: scale(1, 1);

}

.category-box:hover > a:after{

	border-left: 1px solid #fff;

	border-right: 1px solid #fff;

	-webkit-transform: scale(1, 1);

	-moz-transform: scale(1, 1);

	-o-transform: scale(1, 1);

	transform: scale(1, 1);

}

.category-box a img{

	transition: ease all 0.5s;

    -webkit-transition: ease all 0.5s;

    -moz-transition: ease all 0.5s;

    -o-transition: ease all 0.5s;

    overflow: hidden;

	width: 100%;

	display: block;

    -moz-backface-visibility: hidden;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

	opacity: 0.8;

}

.category-box:hover a.category-box-zoom{

	width: 110%;

	height: 110%;

}

.category-box:hover img {

	transform: scale(1.2);

	-moz-transform: scale(1.2);

	-webkit-transform: scale(1.2);

	-o-transform: scale(1.2);

	opacity: 0.6;

}

.category-box-detail{

	color: #282828;

	position: absolute;

	top: 0;

	left: 15px;

	right:15px;

	bottom: 0;

	display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: baseline;

    text-align: left;

}

.category-box-type{

		margin:0 auto;

	margin-bottom: 17px;

 

}

.category-box-type h2{

	color: #fff;

	font-size: 20px;

	font-weight: 400;

	text-transform: uppercase;

}

.category-box-detail a.btn {

	font-size: 16px;

	line-height: 16px;

	font-weight: 500;

	transition: all 0.3s ease 0s;

	-moz-transition: all 0.3s ease 0s;

	-webkit-transition: all 0.3s ease 0s;

    padding: 9px 23px;

    background: rgba(255,60,32,0.8);

	color: #fff !important;

	border: none;

	border: 1px solid transparent;

	display: inline-block;

	margin:0 auto;

}





@media screen and (max-width: 1200px){

.subblock .category ul li  {

    width: 50%;

}



}



@media screen and (max-width: 768px)  {

.subblock .category ul li {

    width: 100%;

}



}

/*!- w104-news end -*/







.subblock1{ margin: 0 0 20px 0; overflow: hidden; }

.subblock1 .category1{ width: 100%; margin: auto;/* max-width: 1200px;*/}

.subblock1 .category1 ul{ text-align: center; font-size: 0; margin: -15px;}

.subblock1 .category1 ul li{ width:25%; display: inline-block; vertical-align:top; max-width: 500px;}

.category1-box{ position: relative;background: #777; overflow: hidden; margin: 15px 5px;}

.category1-box a{ }

.category1-box a::before, .category1-box a::after {

    z-index: 1;

    content: "";

    position: absolute;

    left: 10px;

    right: 10px;

    top: 10px;

    bottom: 10px;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}

.category1-box > a::before {

    border-top: 1px solid #fff;

    border-bottom: 1px solid #fff;

    -webkit-transform: scale(0, 1);

    -moz-transform: scale(0, 1);

    -o-transform: scale(0, 1);

    transform: scale(0, 1);

}

.category1-box > a::after {

    border-left: 1px solid #fff;

    border-right: 1px solid #fff;

    -webkit-transform: scale(1, 0);

    -moz-transform: scale(1, 0);

    -o-transform: scale(1, 0);

    transform: scale(1, 0);

}

.category1-box:hover > a:before{

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

	-webkit-transform: scale(1, 1);

	-moz-transform: scale(1, 1);

	-o-transform: scale(1, 1);

	transform: scale(1, 1);

}

.category1-box:hover > a:after{

	border-left: 1px solid #fff;

	border-right: 1px solid #fff;

	-webkit-transform: scale(1, 1);

	-moz-transform: scale(1, 1);

	-o-transform: scale(1, 1);

	transform: scale(1, 1);

}

.category1-box a img{

	transition: ease all 0.5s;

    -webkit-transition: ease all 0.5s;

    -moz-transition: ease all 0.5s;

    -o-transition: ease all 0.5s;

    overflow: hidden;

	width: 100%;

	display: block;

    -moz-backface-visibility: hidden;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

	opacity: 0.8;

}

.category1-box:hover a.category1-box-zoom{

	width: 110%;

	height: 110%;

}

.category1-box:hover img {

	transform: scale(1.2);

	-moz-transform: scale(1.2);

	-webkit-transform: scale(1.2);

	-o-transform: scale(1.2);

	opacity: 0.6;

}

.category1-box-detail{

	color: #282828;

	position: absolute;

	top: 0;

	left: 15px;

	right:15px;

	bottom: 0;

	display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: baseline;

    text-align: left;

}

.category1-box-type{

		margin:0 auto;

	margin-bottom: 17px;

 

}

.category1-box-type h2{

	color: #fff;

	font-size: 20px;

	font-weight: 400;

	text-transform: uppercase;

}

.category1-box-detail a.btn {

	font-size: 16px;

	line-height: 16px;

	font-weight: 500;

	transition: all 0.3s ease 0s;

	-moz-transition: all 0.3s ease 0s;

	-webkit-transition: all 0.3s ease 0s;

    padding: 9px 23px;

    background: rgba(255,60,32,0.8);

	color: #fff !important;

	border: none;

	border: 1px solid transparent;

	display: inline-block;

	margin:0 auto;

}





@media screen and (max-width: 1200px){

.subblock1 .category1 ul li  {

    width: 50%;

}



}



@media screen and (max-width: 768px)  {

.subblock1 .category1 ul li {

    width: 50%;

}



}