@charset "UTF-8";

/*!

* nmoban103 外贸牛 NO.103 模板

* Copyright © 2022 waimaoniu

* @link: https://www.waimaoniu.com/

* @author: lzx

* @version: 1.0.1

*/

@font-face {

  font-family: "Poppins-Regular";

  src: url("../fonts/poppins-regular.woff2") format("woff2"), url("../fonts/poppins-regular.ttf") format("truetype");

  font-weight: normal;

  font-style: normal;

  font-display: swap;

}

html {

  font-family: "Poppins-Regular","微软雅黑", 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: 70px;

}

.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: left;

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

  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: 0;

  transform: rotate(-45deg);

}

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

  bottom: 0;

  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 {

display:none;

  position: absolute;

  content: "";

  

  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: 12px;

    right: auto;

    transform: rotate(49deg);

  }

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

    left: auto;

    right: 12px;

    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;

  }

  .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: 16px;

  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: 16px;

  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: 24px 0 0 32px;

  position: relative;

}

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

  width: 50%;

}

.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;

  }

  .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: #f59628;

}

.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-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;

  }

  .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: 33.3333333333%;

  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: 33.33%;

    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;

}

@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: 3;

  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 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;

  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: 100%;

    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: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%;

}

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

  display: inline-block;

  vertical-align: middle;

  text-align: center;

  width: 100%;

}

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

  display: block;

  font-size: 18px;

  line-height: 1.576;

  transition: color .5s;

  margin-bottom: 16px;

  color: #fff;

}

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

  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: #fff;

}

.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-wrap {

    margin: -16px 0 0 -16px;

  }

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

    width: 100%;

    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;

  text-align: center;

  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: 0 0 0 0;

  }

  .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 .w103-product-detail-container {

  display: block;

  border: 1px solid #d9d9d9;

  margin-top: -1px;

  padding: 32px;

}

.w103-product-detail .product-intro {

  display: block;

  flex: auto;

  width: 100%;

}

.w103-product-detail .product-intro .title {

  margin-bottom: 32px;

  padding-bottom: 32px;

  border-bottom: 1px solid #ddd;

}

.w103-product-detail .product-intro .title h1 {

  font-size: 24px;

  font-weight: normal;

  line-height: 1.1;

  color: #f59628;

}

.w103-product-detail .product-intro .desc {

  margin-bottom: 16px;

}

.w103-product-detail .product-intro .desc p {

  font-size: 16px;

  margin: 0 0 8px 0;

  color: #333333;

}

.w103-product-detail .product-intro .attrs {

  margin-bottom: 28px;

}

.w103-product-detail .product-intro .attrs ul li {

  margin-bottom: 8px;

}

.w103-product-detail .product-intro .attrs ul li label, .w103-product-detail .product-intro .attrs ul li span, .w103-product-detail .product-intro .attrs ul li a {

  display: inline-block;

  vertical-align: top;

  font-size: 16px;

}

.w103-product-detail .product-intro .attrs ul li label {

  color: #333333;

}

.w103-product-detail .product-intro .attrs ul li span {

  color: #333333;

}

.w103-product-detail .product-intro .attrs ul li a {

  color: #333333;

}

.w103-product-detail .product-intro .attrs ul li a:hover {

  text-decoration: underline;

}

.w103-product-detail .product-intro .action .button {

  display: inline-block;

  font-size: 16px;

  line-height: 40px;

  text-align: center;

  padding: 0 24px;

  background-color: #f59628;

  color: #333333;

  border: 1px solid #ddd;

  transition: background-color .4s, border-color .4s;

}

.w103-product-detail .product-intro .action .button:hover {

  background-color: #333333;

}

.w103-product-detail .product-intro .action .button.accents {

  background-color: #f59628;

  color: #fff;

  border-color: #ddd;

}

.w103-product-detail .product-intro .action .button.accents:hover {

  border-color: #EE922B;

  background-color: #EE922B;

}

.w103-product-detail .tags-wrap {

  margin: 32px 0;

}

.w103-product-detail .tags-wrap .tags-list a {

  margin: 0 15px;

}

@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: 33.33%;

  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 -*/