@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../font/glyphicons-halflings-regular.eot');
  src: url('../font/glyphicons-halflings-regular.eot') format('embedded-opentype'), url('../font/glyphicons-halflings-regular.woff') format('woff'), url('../font/glyphicons-halflings-regular.ttf') format('truetype'), url('../font/glyphicons-halflings-regular.svg') format('svg');
  font-display: swap
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
  content: "\2a"
}

.glyphicon-plus:before {
  content: "\2b"
}

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac"
}

.glyphicon-minus:before {
  content: "\2212"
}

.glyphicon-cloud:before {
  content: "\2601"
}

.glyphicon-envelope:before {
  content: "\2709"
}

.glyphicon-pencil:before {
  content: "\270f"
}

.glyphicon-glass:before {
  content: "\e001"
}

.glyphicon-music:before {
  content: "\e002"
}

.glyphicon-search:before {
  content: "\e003"
}

.glyphicon-heart:before {
  content: "\e005"
}

.glyphicon-star:before {
  content: "\e006"
}

.glyphicon-star-empty:before {
  content: "\e007"
}

.glyphicon-user:before {
  content: "\e008"
}

.glyphicon-film:before {
  content: "\e009"
}

.glyphicon-th-large:before {
  content: "\e010"
}

.glyphicon-th:before {
  content: "\e011"
}

.glyphicon-th-list:before {
  content: "\e012"
}

.glyphicon-ok:before {
  content: "\e013"
}

.glyphicon-remove:before {
  content: "\e014"
}

.glyphicon-zoom-in:before {
  content: "\e015"
}

.glyphicon-zoom-out:before {
  content: "\e016"
}

.glyphicon-off:before {
  content: "\e017"
}

.glyphicon-signal:before {
  content: "\e018"
}

.glyphicon-cog:before {
  content: "\e019"
}

.glyphicon-trash:before {
  content: "\e020"
}

.glyphicon-home:before {
  content: "\e021"
}

.glyphicon-file:before {
  content: "\e022"
}

.glyphicon-time:before {
  content: "\e023"
}

.glyphicon-road:before {
  content: "\e024"
}

.glyphicon-download-alt:before {
  content: "\e025"
}

.glyphicon-download:before {
  content: "\e026"
}

.glyphicon-upload:before {
  content: "\e027"
}

.glyphicon-inbox:before {
  content: "\e028"
}

.glyphicon-play-circle:before {
  content: "\e029"
}

.glyphicon-repeat:before {
  content: "\e030"
}

.glyphicon-refresh:before {
  content: "\e031"
}

.glyphicon-list-alt:before {
  content: "\e032"
}

.glyphicon-lock:before {
  content: "\e033"
}

.glyphicon-flag:before {
  content: "\e034"
}

.glyphicon-headphones:before {
  content: "\e035"
}

.glyphicon-volume-off:before {
  content: "\e036"
}

.glyphicon-volume-down:before {
  content: "\e037"
}

.glyphicon-volume-up:before {
  content: "\e038"
}

.glyphicon-qrcode:before {
  content: "\e039"
}

.glyphicon-barcode:before {
  content: "\e040"
}

.glyphicon-tag:before {
  content: "\e041"
}

.glyphicon-tags:before {
  content: "\e042"
}

.glyphicon-book:before {
  content: "\e043"
}

.glyphicon-bookmark:before {
  content: "\e044"
}

.glyphicon-print:before {
  content: "\e045"
}

.glyphicon-camera:before {
  content: "\e046"
}

.glyphicon-font:before {
  content: "\e047"
}

.glyphicon-bold:before {
  content: "\e048"
}

.glyphicon-italic:before {
  content: "\e049"
}

.glyphicon-text-height:before {
  content: "\e050"
}

.glyphicon-text-width:before {
  content: "\e051"
}

.glyphicon-align-left:before {
  content: "\e052"
}

.glyphicon-align-center:before {
  content: "\e053"
}

.glyphicon-align-right:before {
  content: "\e054"
}

.glyphicon-align-justify:before {
  content: "\e055"
}

.glyphicon-list:before {
  content: "\e056"
}

.glyphicon-indent-left:before {
  content: "\e057"
}

.glyphicon-indent-right:before {
  content: "\e058"
}

.glyphicon-facetime-video:before {
  content: "\e059"
}

.glyphicon-picture:before {
  content: "\e060"
}

.glyphicon-map-marker:before {
  content: "\e062"
}

.glyphicon-adjust:before {
  content: "\e063"
}

.glyphicon-tint:before {
  content: "\e064"
}

.glyphicon-edit:before {
  content: "\e065"
}

.glyphicon-share:before {
  content: "\e066"
}

.glyphicon-check:before {
  content: "\e067"
}

.glyphicon-move:before {
  content: "\e068"
}

.glyphicon-step-backward:before {
  content: "\e069"
}

.glyphicon-fast-backward:before {
  content: "\e070"
}

.glyphicon-backward:before {
  content: "\e071"
}

.glyphicon-play:before {
  content: "\e072"
}

.glyphicon-pause:before {
  content: "\e073"
}

.glyphicon-stop:before {
  content: "\e074"
}

.glyphicon-forward:before {
  content: "\e075"
}

.glyphicon-fast-forward:before {
  content: "\e076"
}

.glyphicon-step-forward:before {
  content: "\e077"
}

.glyphicon-eject:before {
  content: "\e078"
}

.glyphicon-chevron-left:before {
  content: "\e079"
}

.glyphicon-chevron-right:before {
  content: "\e080"
}

.glyphicon-plus-sign:before {
  content: "\e081"
}

.glyphicon-minus-sign:before {
  content: "\e082"
}

.glyphicon-remove-sign:before {
  content: "\e083"
}

.glyphicon-ok-sign:before {
  content: "\e084"
}

.glyphicon-question-sign:before {
  content: "\e085"
}

.glyphicon-info-sign:before {
  content: "\e086"
}

.glyphicon-screenshot:before {
  content: "\e087"
}

.glyphicon-remove-circle:before {
  content: "\e088"
}

.glyphicon-ok-circle:before {
  content: "\e089"
}

.glyphicon-ban-circle:before {
  content: "\e090"
}

.glyphicon-arrow-left:before {
  content: "\e091"
}

.glyphicon-arrow-right:before {
  content: "\e092"
}

.glyphicon-arrow-up:before {
  content: "\e093"
}

.glyphicon-arrow-down:before {
  content: "\e094"
}

.glyphicon-share-alt:before {
  content: "\e095"
}

.glyphicon-resize-full:before {
  content: "\e096"
}

.glyphicon-resize-small:before {
  content: "\e097"
}

.glyphicon-exclamation-sign:before {
  content: "\e101"
}

.glyphicon-gift:before {
  content: "\e102"
}

.glyphicon-leaf:before {
  content: "\e103"
}

.glyphicon-fire:before {
  content: "\e104"
}

.glyphicon-eye-open:before {
  content: "\e105"
}

.glyphicon-eye-close:before {
  content: "\e106"
}

.glyphicon-warning-sign:before {
  content: "\e107"
}

.glyphicon-plane:before {
  content: "\e108"
}

.glyphicon-calendar:before {
  content: "\e109"
}

.glyphicon-random:before {
  content: "\e110"
}

.glyphicon-comment:before {
  content: "\e111"
}

.glyphicon-magnet:before {
  content: "\e112"
}

.glyphicon-chevron-up:before {
  content: "\e113"
}

.glyphicon-chevron-down:before {
  content: "\e114"
}

.glyphicon-retweet:before {
  content: "\e115"
}

.glyphicon-shopping-cart:before {
  content: "\e116"
}

.glyphicon-folder-close:before {
  content: "\e117"
}

.glyphicon-folder-open:before {
  content: "\e118"
}

.glyphicon-resize-vertical:before {
  content: "\e119"
}

.glyphicon-resize-horizontal:before {
  content: "\e120"
}

.glyphicon-hdd:before {
  content: "\e121"
}

.glyphicon-bullhorn:before {
  content: "\e122"
}

.glyphicon-bell:before {
  content: "\e123"
}

.glyphicon-certificate:before {
  content: "\e124"
}

.glyphicon-thumbs-up:before {
  content: "\e125"
}

.glyphicon-thumbs-down:before {
  content: "\e126"
}

.glyphicon-hand-right:before {
  content: "\e127"
}

.glyphicon-hand-left:before {
  content: "\e128"
}

.glyphicon-hand-up:before {
  content: "\e129"
}

.glyphicon-hand-down:before {
  content: "\e130"
}

.glyphicon-circle-arrow-right:before {
  content: "\e131"
}

.glyphicon-circle-arrow-left:before {
  content: "\e132"
}

.glyphicon-circle-arrow-up:before {
  content: "\e133"
}

.glyphicon-circle-arrow-down:before {
  content: "\e134"
}

.glyphicon-globe:before {
  content: "\e135"
}

.glyphicon-wrench:before {
  content: "\e136"
}

.glyphicon-tasks:before {
  content: "\e137"
}

.glyphicon-filter:before {
  content: "\e138"
}

.glyphicon-briefcase:before {
  content: "\e139"
}

.glyphicon-fullscreen:before {
  content: "\e140"
}

.glyphicon-dashboard:before {
  content: "\e141"
}

.glyphicon-paperclip:before {
  content: "\e142"
}

.glyphicon-heart-empty:before {
  content: "\e143"
}

.glyphicon-link:before {
  content: "\e144"
}

.glyphicon-phone:before {
  content: "\e145"
}

.glyphicon-pushpin:before {
  content: "\e146"
}

.glyphicon-usd:before {
  content: "\e148"
}

.glyphicon-gbp:before {
  content: "\e149"
}

.glyphicon-sort:before {
  content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"
}

.glyphicon-sort-by-order:before {
  content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154"
}

.glyphicon-sort-by-attributes:before {
  content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"
}

.glyphicon-unchecked:before {
  content: "\e157"
}

.glyphicon-expand:before {
  content: "\e158"
}

.glyphicon-collapse-down:before {
  content: "\e159"
}

.glyphicon-collapse-up:before {
  content: "\e160"
}

.glyphicon-log-in:before {
  content: "\e161"
}

.glyphicon-flash:before {
  content: "\e162"
}

.glyphicon-log-out:before {
  content: "\e163"
}

.glyphicon-new-window:before {
  content: "\e164"
}

.glyphicon-record:before {
  content: "\e165"
}

.glyphicon-save:before {
  content: "\e166"
}

.glyphicon-open:before {
  content: "\e167"
}

.glyphicon-saved:before {
  content: "\e168"
}

.glyphicon-import:before {
  content: "\e169"
}

.glyphicon-export:before {
  content: "\e170"
}

.glyphicon-send:before {
  content: "\e171"
}

.glyphicon-floppy-disk:before {
  content: "\e172"
}

.glyphicon-floppy-saved:before {
  content: "\e173"
}

.glyphicon-floppy-remove:before {
  content: "\e174"
}

.glyphicon-floppy-save:before {
  content: "\e175"
}

.glyphicon-floppy-open:before {
  content: "\e176"
}

.glyphicon-credit-card:before {
  content: "\e177"
}

.glyphicon-transfer:before {
  content: "\e178"
}

.glyphicon-cutlery:before {
  content: "\e179"
}

.glyphicon-header:before {
  content: "\e180"
}

.glyphicon-compressed:before {
  content: "\e181"
}

.glyphicon-earphone:before {
  content: "\e182"
}

.glyphicon-phone-alt:before {
  content: "\e183"
}

.glyphicon-tower:before {
  content: "\e184"
}

.glyphicon-stats:before {
  content: "\e185"
}

.glyphicon-sd-video:before {
  content: "\e186"
}

.glyphicon-hd-video:before {
  content: "\e187"
}

.glyphicon-subtitles:before {
  content: "\e188"
}

.glyphicon-sound-stereo:before {
  content: "\e189"
}

.glyphicon-sound-dolby:before {
  content: "\e190"
}

.glyphicon-sound-5-1:before {
  content: "\e191"
}

.glyphicon-sound-6-1:before {
  content: "\e192"
}

.glyphicon-sound-7-1:before {
  content: "\e193"
}

.glyphicon-copyright-mark:before {
  content: "\e194"
}

.glyphicon-registration-mark:before {
  content: "\e195"
}

.glyphicon-cloud-download:before {
  content: "\e197"
}

.glyphicon-cloud-upload:before {
  content: "\e198"
}

.glyphicon-tree-conifer:before {
  content: "\e199"
}

.glyphicon-tree-deciduous:before {
  content: "\e200"
}

.glyphicon-cd:before {
  content: "\e201"
}

.glyphicon-save-file:before {
  content: "\e202"
}

.glyphicon-open-file:before {
  content: "\e203"
}

.glyphicon-level-up:before {
  content: "\e204"
}

.glyphicon-copy:before {
  content: "\e205"
}

.glyphicon-paste:before {
  content: "\e206"
}

.glyphicon-alert:before {
  content: "\e209"
}

.glyphicon-equalizer:before {
  content: "\e210"
}

.glyphicon-king:before {
  content: "\e211"
}

.glyphicon-queen:before {
  content: "\e212"
}

.glyphicon-pawn:before {
  content: "\e213"
}

.glyphicon-bishop:before {
  content: "\e214"
}

.glyphicon-knight:before {
  content: "\e215"
}

.glyphicon-baby-formula:before {
  content: "\e216"
}

.glyphicon-tent:before {
  content: "\26fa"
}

.glyphicon-blackboard:before {
  content: "\e218"
}

.glyphicon-bed:before {
  content: "\e219"
}

.glyphicon-apple:before {
  content: "\f8ff"
}

.glyphicon-erase:before {
  content: "\e221"
}

.glyphicon-hourglass:before {
  content: "\231b"
}

.glyphicon-lamp:before {
  content: "\e223"
}

.glyphicon-duplicate:before {
  content: "\e224"
}

.glyphicon-piggy-bank:before {
  content: "\e225"
}

.glyphicon-scissors:before {
  content: "\e226"
}

.glyphicon-bitcoin:before {
  content: "\e227"
}

.glyphicon-btc:before {
  content: "\e227"
}

.glyphicon-xbt:before {
  content: "\e227"
}

.glyphicon-yen:before {
  content: "\00a5"
}

.glyphicon-jpy:before {
  content: "\00a5"
}

.glyphicon-ruble:before {
  content: "\20bd"
}

.glyphicon-rub:before {
  content: "\20bd"
}

.glyphicon-scale:before {
  content: "\e230"
}

.glyphicon-ice-lolly:before {
  content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"
}

.glyphicon-education:before {
  content: "\e233"
}

.glyphicon-option-horizontal:before {
  content: "\e234"
}

.glyphicon-option-vertical:before {
  content: "\e235"
}

.glyphicon-menu-hamburger:before {
  content: "\e236"
}

.glyphicon-modal-window:before {
  content: "\e237"
}

.glyphicon-oil:before {
  content: "\e238"
}

.glyphicon-grain:before {
  content: "\e239"
}

.glyphicon-sunglasses:before {
  content: "\e240"
}

.glyphicon-text-size:before {
  content: "\e241"
}

.glyphicon-text-color:before {
  content: "\e242"
}

.glyphicon-text-background:before {
  content: "\e243"
}

.glyphicon-object-align-top:before {
  content: "\e244"
}

.glyphicon-object-align-bottom:before {
  content: "\e245"
}

.glyphicon-object-align-horizontal:before {
  content: "\e246"
}

.glyphicon-object-align-left:before {
  content: "\e247"
}

.glyphicon-object-align-vertical:before {
  content: "\e248"
}

.glyphicon-object-align-right:before {
  content: "\e249"
}

.glyphicon-triangle-right:before {
  content: "\e250"
}

.glyphicon-triangle-left:before {
  content: "\e251"
}

.glyphicon-triangle-bottom:before {
  content: "\e252"
}

.glyphicon-triangle-top:before {
  content: "\e253"
}

.glyphicon-console:before {
  content: "\e254"
}

.glyphicon-superscript:before {
  content: "\e255"
}

.glyphicon-subscript:before {
  content: "\e256"
}

.glyphicon-menu-left:before {
  content: "\e257"
}

.glyphicon-menu-right:before {
  content: "\e258"
}

.glyphicon-menu-down:before {
  content: "\e259"
}

.glyphicon-menu-up:before {
  content: "\e260"
}

.aboutus_99703_105 .title {
  text-align: left
}

.aboutus_99703_105 .aboutus-content {
  margin-top: 25px;
  height: 290px
}

.aboutus_99703_105 .texts,
.aboutus_99703_105 .aboutus-right {
  height: 100%;
  overflow: hidden
}

.aboutus_99703_105 .texts {
  width: 48%;
  box-sizing: border-box;
  padding: 30px 20px;
  background-color: #1a1a19;
  color: #fff
}

.aboutus_99703_105 .company-name {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  position: relative;
  padding-bottom: 19px
}

.aboutus_99703_105 .company-name::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 4px;
  background: #fff;
  left: 0;
  bottom: 0
}

.aboutus_99703_105 .company-desc {
  height: 110px;
  line-height: 22px;
  overflow: hidden;
  margin-top: 15px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical
}

.aboutus_99703_105 .learn-more {
  display: inline-block;
  line-height: 22px;
  text-transform: uppercase;
  color: #fff;
  margin-top: 15px
}

.aboutus_99703_105 .learn-more:hover {
  text-decoration: underline
}

.aboutus_99703_105 .aboutus-right {
  width: 52%;
  position: relative
}

.aboutus_99703_105 .aboutus-right .image-part {
  width: 400px;
  height: 290px
}

.aboutus_99703_105 .aboutus-right .image-part {
  position: relative
}

.aboutus_content_99703_126 {
  margin-bottom: 40px
}

.aboutus_content_99703_126 .title {
  margin: 40px 0 30px
}

.aboutus_content_99703_126 .image {
  width: 520px
}

.aboutus_content_99703_126 .image img {
  width: 100%
}

.aboutus_content_99703_126 .item .float-left:first-child {
  margin-right: 40px
}

.aboutus_content_99703_126 .texts {
  width: 640px;
  line-height: 22px;
  padding-top: 15px
}

.aboutus_content_99703_126 .text-wrap ul,
.aboutus_content_99703_126 .text-wrap ol {
  list-style: initial
}

.aboutus_content_99703_126 .item.no-image .texts {
  float: initial;
  width: 100%
}

.aboutus_content_99703_126 .button {
  display: inline-block;
  width: auto;
  padding: 8px 27px 9px;
  margin-top: 40px
}

.aboutus_info_99703_127 .float-left {
  width: 520px
}

.aboutus_info_99703_127 .image-part {
  width: 520px;
  height: 380px;
  position: relative
}

.aboutus_info_99703_127 .float-right {
  width: 640px
}

.aboutus_info_99703_127 .company-name {
  font-size: 28px;
  font-weight: bold;
  line-height: 39px
}

.aboutus_info_99703_127 table {
  width: 100%;
  margin-top: 16px
}

.aboutus_info_99703_127 table th,
.aboutus_info_99703_127 table td {
  line-height: 28px;
  word-break: break-all;
  vertical-align: top
}

.aboutus_info_99703_127 table th {
  width: 20%
}

.aboutus_info_99703_127 table td {
  width: 80%
}

.aboutus_info_99703_127 .pic-scroll {
  position: relative
}

.aboutus_info_99703_127 .nav-list {
  position: absolute;
  width: 100%;
  bottom: 20px;
  left: 0;
  text-align: center
}

.aboutus_info_99703_127 .nav-list ul {
  display: inline-block
}

.aboutus_info_99703_127 .nav-list li {
  float: left;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  opacity: .6;
  border: 1px solid #fff;
  margin: 0 4px
}

.aboutus_info_99703_127 .nav-list li.on {
  background-color: #fff;
  opacity: 1
}

.banner_99703_102 {
  min-width: 1200px;
  height: 500px;
  overflow: hidden;
  position: relative
}

.banner_99703_102 .pic-list li {
  height: 500px
}

.banner_99703_102 .pic-list li a {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative
}

.banner_99703_102 .pic-list li img {
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%)
}

.banner_99703_102 .prev,
.banner_99703_102 .next {
  position: absolute;
  width: 48px;
  height: 96px;
  line-height: 96px;
  top: 50%;
  margin-top: -48px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer
}

.banner_99703_102 .prev {
  left: 0;
  border-radius: 0 10px 10px 0
}

.banner_99703_102 .next {
  right: 0;
  border-radius: 10px 0 0 10px
}

.banner_99703_102 .nav-list {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 30px
}

.banner_99703_102 .nav-list li {
  float: left;
  width: 36px;
  height: 6px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  margin: 0 5px;
  position: relative;
  overflow: hidden
}

.banner_99703_102 .nav-list li i {
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background-color: #fff
}

.best_sellers_99703_107 {
  padding: 40px 0 30px
}

.best_sellers_99703_107 .wrap-rule {
  width: 1208px
}

.best_sellers_99703_107 .pic-scroll {
  position: relative;
  margin-top: 20px
}

.best_sellers_99703_107 .lists {
  height: 550px;
  padding: 6px;
  box-sizing: border-box
}

.best_sellers_99703_107 .item {
  float: left;
  width: 290px;
  height: 515px;
  margin: 0 6px;
  box-sizing: border-box;
  padding: 15px;
  position: relative
}

.best_sellers_99703_107 .lists .item:first-child {
  margin-left: 0
}

.best_sellers_99703_107 .lists .item:last-child {
  margin-right: 0
}

.best_sellers_99703_107 .lists .item:hover {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16)
}

.best_sellers_99703_107 .image-all {
  width: 260px;
  height: 260px;
  line-height: 260px;
  position: relative
}

.best_sellers_99703_107 .image-all img {
  position: relative;
  -webkit-transition: transform .2s ease;
  -moz-transition: transform .2s ease;
  -o-transition: transform .2s ease;
  -ms-transition: transform .2s ease;
  transition: transform .2s ease
}

.best_sellers_99703_107 .image-all:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.best_sellers_99703_107 .text-content {
  padding: 0 5px;
  margin-top: 15px
}

.best_sellers_99703_107 .product-title {
  height: 69px;
  font-size: 18px;
  font-weight: bold;
  line-height: 23px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: 12px
}

.best_sellers_99703_107 .product-title {
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -o-transition: color .2s ease;
  -ms-transition: color .2s ease;
  transition: color .2s ease
}

.best_sellers_99703_107 .product-title:hover a {
  color: #e52a2a
}

.best_sellers_99703_107 .attributes {
  width: 100%;
  line-height: 22px;
  color: #999;
  table-layout: fixed;
  margin-top: 12px
}

.best_sellers_99703_107 .attributes th,
.best_sellers_99703_107 .attributes td {
  height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.best_sellers_99703_107 .attributes th {
  width: 40%
}

.best_sellers_99703_107 .attributes td {
  width: 60%
}

.best_sellers_99703_107 .button {
  position: absolute;
  width: 250px;
  bottom: 15px
}

.best_sellers_99703_107 .operations {
  position: absolute;
  right: 0;
  top: -52px;
  z-index: 1
}

.best_sellers_99703_107 .prev,
.best_sellers_99703_107 .next {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  text-align: center;
  line-height: 32px;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: background-color .2s ease;
  -moz-transition: background-color .2s ease;
  -o-transition: background-color .2s ease;
  -ms-transition: background-color .2s ease;
  transition: background-color .2s ease
}

.best_sellers_99703_107 .prev:hover,
.best_sellers_99703_107 .next:hover {
  background-color: #e52a2a
}

.best_sellers_99703_107 .next {
  margin: 0 6px 0 10px
}

.bread_crumbs_99703_114 {
  width: 100%;
  line-height: 18px;
  padding: 20px 0;
  z-index: 1;
  color: #999;
  text-transform: capitalize
}

.bread_crumbs_99703_114 a,
.bread_crumbs_99703_114 i,
.bread_crumbs_99703_114 h1 {
  display: inline
}

.bread_crumbs_99703_114 a {
  color: #999;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -o-transition: color .2s ease;
  -ms-transition: color .2s ease;
  transition: color .2s ease
}

.bread_crumbs_99703_114 a:hover {
  color: #333
}

.bread_crumbs_99703_114 i {
  font-style: normal;
  color: #999;
  margin: 0 5px
}

.gray-bg {
  width: 100%;
  position: absolute;
  left: 0;
  top: 80px
}

.gray-bg h1 {
  color: #fff
}

.gray-bg .bread_crumbs_99703_114 a:hover {
  color: #fff
}

.categary_play_99703_112 {
  width: 100%;
  background-color: #fff;
  padding: 29px 0 21px;
  overflow: hidden;
  border-top: 1px solid #f0f1f2;
  top: 0;
  left: 0;
  z-index: 10
}

.categary_play_99703_112.fixed {
  position: fixed;
  border-top: 0;
  padding: 0;
  border-bottom: 1px solid #f0f1f2
}

.categary_play_99703_112 .wrap-rule {
  position: relative;
  padding: 0 60px;
  height: 120px;
  height: auto;
  overflow: hidden
}

.categary_play_99703_112 .item {
  float: left;
  width: 90px;
  margin-right: 20px;
  box-sizing: border-box;
  cursor: pointer
}

.categary_play_99703_112 li .item:last-child {
  margin-right: 0
}

.categary_play_99703_112 .image-all {
  width: 80px;
  height: 80px;
  margin: 0 auto 2px;
  line-height: 80px
}

.categary_play_99703_112 .image-all img {
  position: relative;
  -webkit-transition: transform .2s ease;
  -moz-transition: transform .2s ease;
  -o-transition: transform .2s ease;
  -ms-transition: transform .2s ease;
  transition: transform .2s ease
}

.categary_play_99703_112 .image-all:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.categary_play_99703_112 .item-title {
  height: 32px;
  font-size: 12px;
  overflow: hidden;
  line-height: 16px;
  text-align: center;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -o-transition: color .2s ease;
  -ms-transition: color .2s ease;
  transition: color .2s ease
}

.categary_play_99703_112 .item-title:hover {
  color: #e52a2a
}

.categary_play_99703_112 .prev,
.categary_play_99703_112 .next {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
  border-radius: 4px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 24px;
  background-color: rgba(0, 0, 0, 0.3);
  cursor: pointer;
  -webkit-transition: background-color .2s ease;
  -moz-transition: background-color .2s ease;
  -o-transition: background-color .2s ease;
  -ms-transition: background-color .2s ease;
  transition: background-color .2s ease
}

.categary_play_99703_112 .prev:hover,
.categary_play_99703_112 .next:hover {
  background-color: #e52a2a
}

.categary_play_99703_112 .prev {
  left: 0
}

.categary_play_99703_112 .next {
  right: 0
}

.category_99703_104 {
  overflow: hidden
}

.category_99703_104 .category-list {
  margin: 25px -10px 0
}

.category_99703_104 .item {
  float: left;
  width: 590px;
  height: 270px;
  margin: 0 10px 20px;
  background-color: #fff;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-transition: box-shadow .2s ease;
  -moz-transition: box-shadow .2s ease;
  -o-transition: box-shadow .2s ease;
  -ms-transition: box-shadow .2s ease;
  transition: box-shadow .2s ease
}

.category_99703_104 .item:hover {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16)
}

.category_99703_104 .item .float-left {
  padding: 5px 0 5px 10px
}

.category_99703_104 .image-all {
  width: 260px;
  height: 260px;
  line-height: 260px
}

.category_99703_104 .image-all img {
  position: relative;
  -webkit-transition: transform .2s ease;
  -moz-transition: transform .2s ease;
  -o-transition: transform .2s ease;
  -ms-transition: transform .2s ease;
  transition: transform .2s ease
}

.category_99703_104 .image-all:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.category_99703_104 .text-content {
  height: 270px;
  margin-left: 270px;
  padding: 25px 20px 30px;
  position: relative
}

.category_99703_104 .product-title {
  height: 69px;
  font-size: 18px;
  font-weight: bold;
  line-height: 23px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical
}

.category_99703_104 .product-title a {
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -o-transition: color .2s ease;
  -ms-transition: color .2s ease;
  transition: color .2s ease
}

.category_99703_104 .product-title:hover a {
  color: #e52a2a
}

.category_99703_104 .attributes {
  width: 100%;
  line-height: 22px;
  color: #999;
  table-layout: fixed;
  margin-top: 15px
}

.category_99703_104 .attributes th,
.category_99703_104 .attributes td {
  height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.category_99703_104 .attributes th {
  width: 40%
}

.category_99703_104 .attributes td {
  width: 60%
}

.category_99703_104 .button {
  width: 280px;
  position: absolute;
  bottom: 30px;
  left: 20px
}

.certificates_99703_129 {
  overflow: hidden
}

.certificates_99703_129 .cards {
  font-size: 0;
  margin: 30px -33px 40px
}

.certificates_99703_129 .cards .card-item {
  width: 250px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 33px 28px
}

.certificates_99703_129 .cards .card-item .image-all {
  width: 250px;
  height: 354px;
  line-height: 354px;
  overflow: hidden
}

.certificates_99703_129 .cards .card-item .texts {
  padding: 0 15px;
  margin-top: 20px
}

.certificates_99703_129 .cards .card-item .text-item {
  font-size: 16px;
  line-height: 28px;
  font-weight: bold;
  text-align: left
}

.chatnow_99703_117 {
  margin-bottom: 30px
}

.chatnow_99703_117 .chatnow-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  text-transform: uppercase
}

.chatnow_99703_117 .chatnow-content {
  background: #fff;
  border: 1px solid #c7c7c7;
  margin-top: 15px;
  padding: 10px 20px 15px
}

.chatnow_99703_117 table {
  line-height: 20px
}

.chatnow_99703_117 table th,
.chatnow_99703_117 table td {
  padding: 10px 0
}

.chatnow_99703_117 form input,
.chatnow_99703_117 form textarea {
  width: 100%;
  display: block;
  line-height: 40px;
  background: #f7f9fa;
  border-radius: 4px;
  padding: 0 12px;
  outline: 0;
  box-sizing: border-box;
  font-size: 14px;
  border: 0
}

.chatnow_99703_117 form input {
  height: 40px;
  margin-bottom: 30px
}

.chatnow_99703_117 form textarea {
  height: 90px;
  resize: none;
  margin-bottom: 10px
}

.chatnow_99703_117 .links {
  font-size: 0;
  text-align: center;
  margin-top: 30px
}

.chatnow_99703_117 .links a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 20px
}

.chatnow_99703_117 .links a i {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  font-size: 36px;
  -webkit-transition: transform .2s ease;
  -moz-transition: transform .2s ease;
  -o-transition: transform .2s ease;
  -ms-transition: transform .2s ease;
  transition: transform .2s ease;
  position: relative
}

.chatnow_99703_117 .links a:hover i {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px)
}

.chatnow_99703_117 .links i.icon-youjian {
  font-size: 22px;
  color: #fff;
  background-color: #1264e3
}

.chatnow_99703_117 .links i.icon-WhatsAPP {
  color: #57bb63
}

.chatnow_99703_117 .links i.icon-wechat {
  color: #46bb36
}

.chatnow_99703_117 .links i.icon-skype {
  color: #1a8aba
}

.chatnow_99703_117 .links i.icon-viber {
  color: #6f41aa
}

.chatnow_99703_117 .links i.icon-yahoo1 {
  color: #650e6c
}

.chatnow_99703_117 .links i.icon-icq {
  color: #5de401
}

.chatnow_99703_117 .links i.icon-aim {
  font-size: 22px;
  background-color: #fbda00;
  color: #fff
}

.company_sitemap_99703_134 .menu-list {
  font-size: 0;
  text-align: center;
  margin-top: 30px
}

.company_sitemap_99703_134 .menu-item {
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  height: 50px;
  line-height: 50px;
  padding-left: 50px;
  position: relative;
  margin: 0 30px 50px
}

.company_sitemap_99703_134 .menu-item .iconfont {
  position: absolute;
  font-size: 50px;
  left: 0;
  height: 50px;
  width: 50px;
  top: 0;
  color: #e52a2a
}

.company_sitemap_99703_134 span {
  display: block;
  text-align: left;
  font-size: 18px;
  margin-left: 20px
}

.contactus_99703_109 {
  position: relative;
  z-index: 1;
  height: 233px;
  box-sizing: border-box;
  padding-top: 40px;
  margin-bottom: 40px;
  color: #fff;
  text-align: center;
  margin-top: 36px;
  background: url(../image/bjt.jpg) no-repeat;
}

.contactus_99703_109::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background-color: #1a1a19;
  opacity: .85
}

.contactus_99703_109 .contactus-content {
  width: 1200px;
  margin: 0 auto
}

.contactus_99703_109 .contactus-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 29px;
  text-transform: capitalize
}

.contactus_99703_109 .contactus-desc {
  width: 500px;
  width: 550px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 24px;
  margin-top: 14px
}

.contactus_99703_109 a {
  color: #fff
}

.contactus_99703_109 .contactus-btn a,
.contactus_99703_109 .contactus-btn span,
.contactus_99703_109 .contactus-btn i {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  line-height: 20px
}

.contactus_99703_109 .contactus-btn {
  margin-top: 40px;
  font-size: 16px
}

.contactus_99703_109 .contactus-btn .or {
  margin: 0 10px;
  font-size: 12px
}

.contactus_99703_109 .contactus-btn .iconfont {
  font-size: 24px;
  margin-right: 2px
}

.contactus_99703_109 .contactus-btn .iconfont.iconim703 {
  line-height: 24px
}

.contactus_99703_109 .contactus-btn a:hover span {
  text-decoration: underline
}

.contactus_99703_109 .contactus-btn .or,
.contactus_99703_109 .contactus-btn .or+a {
  display: none !important
}

.contactus_99703_133 {
  margin-bottom: 60px;
  margin-top: 20px
}

.contactus_99703_133 .float-left {
  width: 40%
}

.contactus_99703_133 .float-left .item-title {
  margin-top: 20px
}

.contactus_99703_133 .float-left .item-title:first-child {
  margin-top: 0
}

.contactus_99703_133 .float-right {
  width: 50%
}

.contactus_99703_133 .item-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  padding-bottom: 19px;
  position: relative
}

.contactus_99703_133 .item-title::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 4px;
  background: #e52a2a;
  left: 0;
  bottom: 0
}

.contactus_99703_133 .operations {
  margin: 30px 0
}

.contactus_99703_133 .button {
  display: inline-block;
  width: 150px;
  margin-right: 20px
}

.contactus_99703_133 .operations .button:last-child {
  background-color: #fff;
  color: #e52a2a;
  margin-right: 0
}

.contactus_99703_133 .operations .button:last-child:hover {
  color: #fff;
  background-color: #e52a2a
}

.contactus_99703_133 table {
  width: 100%;
  line-height: 30px
}

.contactus_99703_133 th {
  width: 20%
}

.contactus_99703_133 td {
  width: 80%
}

.contactus_99703_133 th,
.contactus_99703_133 td {
  vertical-align: top
}

.contactus_99703_133 .company-item {
  margin-top: 15px
}

.contactus_99703_133 .company-name {
  font-weight: bold;
  line-height: 17px;
  margin-bottom: 5px
}

.customer_99703_106 .title {
  text-align: left
}

.customer_99703_106 .customer-texts {
  height: 290px;
  overflow: hidden;
  position: relative;
  margin-top: 25px;
  color: #1a1a19
}

.customer_99703_106 .item {
  width: 410px;
  height: 290px;
  background-color: #fff;
  border: 4px solid #e1e1e1;
  box-sizing: border-box;
  padding: 68px 30px 20px;
  position: relative
}

.customer_99703_106 .item .iconfont {
  position: absolute;
  left: 25px;
  top: 25px;
  font-size: 32px
}

.customer_99703_106 .text {
  max-height: 110px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical
}

.customer_99703_106 .customer-name {
  margin-top: 30px
}

.customer_99703_106 .nav-list {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 20px;
  z-index: 1
}

.customer_99703_106 .nav-list ul {
  display: inline-block
}

.customer_99703_106 .nav-list li {
  float: left;
  width: 8px;
  height: 8px;
  border: 1px solid #394061;
  border-radius: 50%;
  margin: 0 4px
}

.customer_99703_106 .nav-list li.on {
  background-color: #394061
}

.eight_global_banner_102V2 .rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0
}

.eight_global_banner_102V2 .rslides li:first-child {
  position: relative;
  display: block;
  float: left
}

.eight_global_banner_102V2 .rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0
}

.eight_global_banner_102V2 .callbacks_tabs.callbacks1_tabs {
  margin-top: -40px;
  position: relative;
  z-index: 2;
  margin-bottom: 20px
}

.eight_global_banner_102V2 .callbacks_tabs.callbacks1_tabs li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  border-radius: 10px;
  border: 1px solid #f8c617;
  position: relative
}

.eight_global_banner_102V2 .callbacks_tabs.callbacks1_tabs li a {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  position: absolute;
  left: 0;
  z-index: 2;
  color: transparent
}

.eight_global_banner_102V2 .callbacks_tabs.callbacks1_tabs li.callbacks_here a {
  background: #f8c617
}

.eight_global_banner_102V2 .callbacks_container {
  margin-bottom: 2px;
  position: relative;
  width: 100%;
  max-width: 100%;
  text-align: center
}

.eight_global_banner_102V2 .callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0
}

.eight_global_banner_102V2 .callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0
}

.eight_global_banner_102V2 .callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: rgba(0, 0, 0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  max-width: none;
  margin: 0;
  padding: 10px 20px
}

.eight_global_banner_102V2 .rslides,
.eight_global_banner_102V2 .callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0
}

.eight_global_banner_102V2 .prev,
.eight_global_banner_102V2 .next {
  position: absolute;
  width: 48px;
  height: 96px;
  line-height: 96px;
  top: 50%;
  margin-top: -48px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  font-size: 0;
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased
}

.eight_global_banner_102V2 .prev {
  left: 0;
  border-radius: 0 10px 10px 0
}

.eight_global_banner_102V2 .prev:before {
  content: "\e725";
  font-size: 16px
}

.eight_global_banner_102V2 .next {
  right: 0;
  border-radius: 10px 0 0 10px
}

.eight_global_banner_102V2 .next:before {
  content: "\e724";
  font-size: 16px
}

.factory_99703_130 {
  margin-bottom: 40px
}

.factory_99703_130 .wrap-rule {
  width: 800px
}

.factory_99703_130 .title {
  margin-bottom: 20px
}

.factory_99703_130 .item {
  margin-bottom: 20px
}

.factory_99703_130 .pic-scroll {
  height: 400px;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px
}

.factory_99703_130 .pic-list li {
  height: 400px
}

.factory_99703_130 .pic-list li a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.factory_99703_130 .pic-list li img {
  height: 100%;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%)
}

.factory_99703_130 .nav-list {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 30px
}

.factory_99703_130 .nav-list li {
  float: left;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  opacity: .6;
  border: 1px solid #fff;
  margin: 0 4px
}

.factory_99703_130 .nav-list li.on {
  background-color: #fff;
  opacity: 1
}

.factory_99703_130 .texts ul,
.factory_99703_130 .texts ol {
  list-style: initial
}

.filtrate_list_99703_121 {
  padding-top: 37px
}

.filtrate_list_99703_121 .item {
  float: left;
  width: 290px;
  height: 537px;
  margin-right: 5px;
  margin-bottom: 10px;
  box-sizing: border-box;
  padding: 15px;
  position: relative
}

.filtrate_list_99703_121 .lists .item:nth-child(3n) {
  margin-right: 0
}

.filtrate_list_99703_121 .lists .item:hover {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16)
}

.filtrate_list_99703_121 .image-all {
  width: 260px;
  height: 260px;
  line-height: 260px;
  position: relative
}

.filtrate_list_99703_121 .image-all img {
  position: relative;
  -webkit-transition: transform .2s ease;
  -moz-transition: transform .2s ease;
  -o-transition: transform .2s ease;
  -ms-transition: transform .2s ease;
  transition: transform .2s ease
}

.filtrate_list_99703_121 .image-all:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.filtrate_list_99703_121 .text-content {
  padding: 0 5px;
  margin-top: 15px
}

.filtrate_list_99703_121 .product-title {
  height: 69px;
  font-size: 18px;
  font-weight: bold;
  line-height: 23px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: 12px
}

.filtrate_list_99703_121 .product-title {
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -o-transition: color .2s ease;
  -ms-transition: color .2s ease;
  transition: color .2s ease
}

.filtrate_list_99703_121 .product-title:hover a {
  color: #e52a2a
}

.filtrate_list_99703_121 .attributes {
  width: 100%;
  line-height: 22px;
  color: #999;
  table-layout: fixed;
  margin-top: 12px
}

.filtrate_list_99703_121 .attributes th,
.filtrate_list_99703_121 .attributes td {
  height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.filtrate_list_99703_121 .attributes th {
  width: 40%
}

.filtrate_list_99703_121 .attributes td {
  width: 60%
}

.filtrate_list_99703_121 .button {
  position: absolute;
  bottom: 10px;
  width: 260px;
  left: 15px
}

.filtrate_list_99703_121 .search-no-result {
  text-align: center
}

.filtrate_list_99703_121 .search-no-result .no-result-bg {
  display: block;
  width: 557px;
  height: 300px;
  margin: 130px auto 40px;
  background: url(../image/search_no_result.png) no-repeat
}

.filtrate_list_99703_121 .search-no-result .big-text {
  font-size: 28px;
  font-weight: bold;
  line-height: 34px
}

.filtrate_list_99703_121 .search-no-result .sma-text {
  line-height: 22px;
  margin-top: 24px
}

.filtrate_list_99703_121 .search-no-result a {
  color: #257de2
}

.footer_99703_111 {
  padding: 41px 0 29px;
  background-color: #1a1a19;
  color: #fff
}

.footer_99703_111 .float-left {
  width: 30%;
  box-sizing: border-box;
  padding-right: 80px
}

.footer_99703_111 .float-left:last-child {
  padding-right: 0
}

.footer_99703_111 .float-left.about,
.footer_99703_111 .float-left.products {
  width: 20%
}

.footer_99703_111 .float-left.about a,
.footer_99703_111 .float-left.products a {
  -webkit-transition: font-weight .2s ease;
  -moz-transition: font-weight .2s ease;
  -o-transition: font-weight .2s ease;
  -ms-transition: font-weight .2s ease;
  transition: font-weight .2s ease
}

.footer_99703_111 .float-left.about a:hover,
.footer_99703_111 .float-left.products a:hover {
  font-weight: bold
}

.footer_99703_111 .item-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 15px
}

.footer_99703_111 .float-left a,
.footer_99703_111 .remider {
  display: block;
  color: #fff;
  font-size: 12px;
  line-height: 18px
}

.footer_99703_111 .float-left a {
  margin-bottom: 20px
}

.footer_99703_111 .links {
  margin-top: 35px;
  height: 36px;
  font-size: 0
}

.footer_99703_111 .links a {
  display: inline-block;
  vertical-align: middle;
  line-height: 36px;
  font-size: 36px;
  margin-right: 10px;
  -webkit-transition: transform .2s ease;
  -moz-transition: transform .2s ease;
  -o-transition: transform .2s ease;
  -ms-transition: transform .2s ease;
  transition: transform .2s ease;
  position: relative
}

.footer_99703_111 .links a:hover {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px)
}

.footer_99703_111 .links a:last-child {
  margin-right: 0
}

.footer_99703_111 .remider {
  margin-bottom: 10px
}

.footer_99703_111 .icon-text {
  display: block;
  padding-left: 24px;
  position: relative;
  margin-bottom: 20px;
  line-height: 18px;
  font-size: 12px
}

.footer_99703_111 .icon-text i {
  height: 18px;
  font-size: 20px;
  position: absolute;
  left: 0;
  top: 1px
}

.footer_99703_111 form {
  width: 100%
}

.footer_99703_111 form input,
.footer_99703_111 form textarea {
  width: 100%;
  display: block;
  line-height: 32px;
  border: 1px solid #c7c7c7;
  border-radius: 4px;
  padding: 0 12px;
  outline: 0;
  box-sizing: border-box;
  font-size: 12px
}

.footer_99703_111 form input {
  height: 32px;
  margin-top: 10px
}

.footer_99703_111 form textarea {
  height: 90px;
  resize: none;
  margin-bottom: 10px
}

.footer_99703_111 .button {
  width: auto;
  padding: 8px 32px;
  margin-top: 20px;
  font-size: 12px
}

.footer_99703_111 .footer-bottom {
  text-align: center;
  padding-top: 30px;
  border-top: 1px solid #fff;
  margin-top: 20px
}

.footer_99703_111 .bottom-links {
  font-size: 0
}

.footer_99703_111 .bottom-links a,
.footer_99703_111 .bottom-links span {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 12px
}

.footer_99703_111 .bottom-links a:hover {
  text-decoration: underline
}

.footer_99703_111 .bottom-links span {
  margin: 0 15px
}

.footer_99703_111 .copyright {
  margin-top: 15px;
  font-size: 12px
}

.footer_99703_111 .copyright a {
  color: #fff
}

.footer_99703_111 .sgs-box {
  display: inline-block;
  background-color: #d0e7ff;
  padding: 4px 12px;
  border-radius: 8px 8px 0 0;
  font-size: 14px;
  color: #333
}

.footer_99703_111 .sgs-box span,
.footer_99703_111 .sgs-box img {
  display: inline-block;
  vertical-align: middle
}

.footer_webim {
  position: fixed;
  right: 34px;
  z-index: 999;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none
}

.footer_webim .chat-button-content {
  position: relative;
  width: 80px;
  height: 80px
}

.footer_webim .chat-button-content:after {
  content: "chat now";
  position: absolute;
  width: 80px;
  height: 33px;
  background: url(../image/chat-hover.png) no-repeat;
  background-size: 100% 100%;
  left: -50px;
  top: -30px;
  font-size: 10px;
  color: #fff;
  text-transform: capitalize;
  text-align: center;
  line-height: 26px;
  opacity: 0;
  visibility: hidden;
  line-height: 26px;
  -webkit-transition: opacity .2s ease;
  -moz-transition: opacity .2s ease;
  -o-transition: opacity .2s ease;
  -ms-transition: opacity .2s ease;
  transition: opacity .2s ease
}

.footer_webim:hover .chat-button-content:after {
  opacity: 1;
  visibility: visible
}

.footer_webim .chat-button {
  position: absolute;
  width: 80px;
  height: 80px;
  background: url(../image/chat-btn.png) no-repeat;
  background-size: 100% 100%;
  border-radius: 50%
}

.four_case_detail_134 {
  width: 800px;
  margin: 0 auto 40px
}

.four_case_detail_134 .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 34px
}

.four_case_detail_134 .time {
  line-height: 17px;
  color: #999;
  text-align: center;
  margin: 20px 0 30px
}

.four_case_detail_134 .img_box {
  margin: 30px 0;
  text-align: center
}

.four_case_detail_134 .contents ul,
.four_case_detail_134 .contents ol {
  list-style: initial
}

.four_news_detail_132 {
  width: 800px;
  margin: 0 auto 40px
}

.four_news_detail_132 .time {
  color: #999;
  margin: 20px 0 30px;
  text-align: center
}

.four_news_detail_132 .title {
  font-size: 28px;
  line-height: 34px;
  text-transform: initial;
  margin-bottom: 20px
}

.four_news_detail_132 .contents img {
  max-width: 100%;
}

.four_news_detail_132 .contents .img_box {
  width: 100%;
  height: 400px;
  margin: 0 auto 20px;
  text-align: center
}

.four_news_detail_132 .contents .img_box img {
  height: 100%;
  width: 100%;
  object-fit: cover
}

.four_news_detail_132 .contents ul,
.four_news_detail_132 .contents ol {
  list-style: initial
}

.f_error_box {
  width: 715px;
  height: 267px;
  background: url(../image/403.jpg) no-repeat 0 0;
  margin: 60px auto;
  margin-top: 40px;
  overflow: hidden
}

.f_error_box .error_detail {
  padding-left: 180px
}

.f_error_box .title {
  font-size: 32px;
  font-family: Arial
}

.f_error_box .title_td {
  height: 120px;
  vertical-align: bottom
}

.f_error_box .content {
  font-size: 16px;
  font-family: Arial;
  display: block;
  padding-top: 5px;
  line-height: 20px
}

.f_footer_reserved {
  text-align: right;
  color: #3c3c3c
}

.f_footer_reserved .con {
  padding-right: 2px
}

.f_header_simple {
  padding: 4px 0 10px;
  width: 1200px;
  margin: auto
}

.f_header_simple td {
  vertical-align: middle;
  text-align: left
}

.f_header_simple .logo_wrap {
  width: 10%;
  padding: 0 10px
}

.f_header_simple .top_rightA {
  font-size: 20px;
  color: #000;
  font-weight: bold;
  text-transform: capitalize;
  padding-top: 6px
}

.f_header_simple .top_rightB {
  margin-top: 6px
}

.f_header_simple .fontSize {
  font-size: 14px;
  font-family: Verdana;
  font-weight: bold;
  color: #f90;
  text-transform: capitalize;
  width: 320px;
  padding-top: 4px
}

.f_header_simple .fontSize span {
  margin: 0 0 0 10px
}

.f_header_simple .fontSize span img {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  width: 20px;
  position: relative;
  top: -2px
}

.f_header_simple .incon {
  width: 420px
}

.f_header_simple .incon ul {
  padding-left: 20px
}

.f_header_simple .incon li {
  font-family: Verdana;
  font-size: 12px;
  float: left;
  text-transform: capitalize;
  line-height: 13px;
  height: 26px;
  padding-top: 2px;
  color: #666
}

.f_header_simple .incon .one {
  background: url(../image/inquiry_index_45.gif) no-repeat left -210px;
  padding-left: 32px;
  margin-right: 10px
}

.f_header_simple .incon .two {
  background: url(../image/inquiry_index_45.gif) no-repeat left -244px;
  padding-left: 32px;
  margin-right: 10px
}

.f_header_simple .incon .three {
  background: url(../image/inquiry_index_45.gif) no-repeat left -278px;
  padding-left: 32px;
  margin-right: 10px
}

.f_header_simple .incon .four {
  background: url(../image/inquiry_index_45.gif) no-repeat left -312px;
  padding-left: 32px
}

.f_inquiry_box {
  margin: 0 auto;
  width: 1200px
}

.f_inquiry_box th,
.f_inquiry_box td {
  padding: 10px
}

.f_inquiry_box th {
  font-size: 14px;
  color: #444;
  text-transform: capitalize;
  width: 12%;
  line-height: 22px;
  text-align: right;
  vertical-align: middle
}

.f_inquiry_box .inquiry_text {
  border: 1px solid #ddd;
  height: 40px;
  line-height: 40px;
  color: #444;
  font-size: 14px;
  padding: 0 20px;
  border-radius: 8px
}

.f_inquiry_box .qr_fr_box {
  border: 1px solid #f4f4f4;
  padding: 12px 8px;
  color: #666;
  font-size: 14px
}

.f_inquiry_box .fr_tit {
  color: #666;
  font: 11px/18px Tahoma;
  font-weight: bold
}

.f_inquiry_box .error_cntr {
  font-size: 14px;
  line-height: 18px;
  height: 18px;
  width: 100%;
  clear: both;
  background: url(../image/inquiry_index_45.gif) no-repeat 0 -680px;
  margin-top: 3px;
  padding-left: 25px;
  color: #e30157;
  display: none
}

.f_inquiry_box .error_box {
  background: #f3fcfe;
  border: #87d2e3 solid 1px
}

.f_inquiry_box .email_address_td .inquiry_text {
  width: 400px !important;
  float: left
}

.f_inquiry_box .g_mid {
  position: relative
}

.f_inquiry_box .g_tab {
  width: 100%;
  table-layout: fixed;
  float: left;
  font-size: 14px;
  color: #111
}

.f_inquiry_box .g_tab tr:last-child td {
  padding: 0 10px
}

.f_inquiry_box .g_tab tr:last-child td .time_wrap {
  padding: 3px 0
}

.f_inquiry_box .toggle_tab {
  padding: 3px 10px
}

.f_inquiry_box .g_photo {
  width: 390px;
  height: 72px;
  overflow: hidden;
  float: left;
  display: inline;
  margin-bottom: 10px;
  font-size: 12px
}

.f_inquiry_box .g_show {
  overflow: hidden;
  width: 100%
}

.f_inquiry_box .g_show img {
  float: left;
  width: 10px;
  height: 10px;
  display: inline;
  margin: 3px 2px 0 5px
}

.f_inquiry_box .btn_wrap {
  width: 100%;
  text-align: center;
  overflow: hidden;
  padding: 40px 0
}

.f_inquiry_box .btn_wrap input {
  width: 200px !important;
  padding: 0 40px !important;
  height: 40px !important;
  line-height: 40px !important;
  text-align: center !important;
  background: #e52a2a !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 4px !important;
  text-transform: capitalize;
  cursor: pointer;
  -webkit-transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out;
  -moz-transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out;
  -o-transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out;
  -ms-transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out;
  transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out;
  outline: 0
}

.f_inquiry_box .btn_wrap input:hover {
  background-color: #bb2828 !important
}

.f_inquiry_box .g_sty {
  color: #888;
  font: 10px verdana;
  text-align: left
}

.f_inquiry_box .s {
  font-size: 10px;
  float: left;
  display: inline;
  line-height: 50px;
  color: red;
  margin-left: 5px
}

.f_inquiry_box .th_cs {
  font-size: 14px;
  color: #444;
  text-transform: capitalize;
  width: 12%;
  line-height: 22px
}

.f_inquiry_box .email_address_td {
  padding-bottom: 8px;
  width: 100%;
  border: none !important
}

.f_inquiry_box .g_tit {
  font-size: 12px;
  color: #333;
  font-weight: bold
}

.f_inquiry_box .qr_po {
  background: url(../image/qr_po.gif) no-repeat 0 5px;
  padding-left: 8px
}

.f_inquiry_box .com_pro {
  vertical-align: top;
  padding-bottom: 0;
  width: 88%;
  font-size: 14px
}

.f_inquiry_box .com_pro strong {
  margin-right: 5px;
  color: #008ef6;
  font-weight: normal
}

.f_inquiry_box .g_pro {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 2px
}

.f_inquiry_box .g_pro a {
  margin-left: 3px
}

.f_inquiry_box .com_pro span {
  color: #999
}

.f_inquiry_box .g_fo {
  width: 500px;
  height: 120px;
  font-size: 11px;
  line-height: 22px;
  color: #666;
  position: absolute;
  left: 20px;
  top: 45px
}

.f_inquiry_box .g_fo li {
  text-indent: 5px
}

.f_inquiry_box .g_lab {
  font-weight: normal;
  line-height: 24px;
  padding-top: 2px
}

.f_inquiry_box .g_sta {
  float: right;
  display: inline;
  padding-left: 8px;
  background: url(../image/qr_po.gif) no-repeat 0 5px;
  padding-right: 34px;
  height: 20px;
  font-size: 11px;
  color: #333
}

.f_inquiry_box .receiver-list li {
  margin-bottom: 8px
}

.f_inquiry_box .product_table {
  width: 142px;
  height: 102px;
  left: 66px;
  top: 20px;
  z-index: 99;
  background: #fff;
  position: absolute;
  border: 1px solid #dcdcdc;
  display: none
}

.f_inquiry_box a.blue:hover .product_table {
  display: block
}

.f_inquiry_box .product_table td {
  padding: 0;
  height: 100%;
  width: 100%
}

.f_inquiry_box .subject_td .inquiry_text {
  width: 100%
}

.f_inquiry_box .message_td .te {
  width: 100% !important;
  background: #fff;
  border: 1px solid #ddd;
  font-size: 14px;
  margin: 0
}

.f_inquiry_box .message_td .te iframe {
  border: 0
}

.f_inquiry_box .message_td .teheader {
  height: 31px;
  border-bottom: 1px solid #bbb;
  background: url(../image/header-bg.gif) repeat-x;
  padding-top: 1px
}

.f_inquiry_box .message_td .teheader select {
  float: left;
  margin-top: 5px
}

.f_inquiry_box .message_td .tefont {
  margin-left: 12px
}

.f_inquiry_box .message_td .tesize {
  margin: 0 3px
}

.f_inquiry_box .message_td .testyle {
  margin-right: 12px
}

.f_inquiry_box .message_td .tedivider {
  float: left;
  width: 1px;
  height: 30px;
  background: #ccc
}

.f_inquiry_box .message_td .tecontrol {
  float: left;
  width: 34px;
  height: 30px;
  cursor: pointer;
  background-image: url(../image/icons.png)
}

.f_inquiry_box .message_td .tecontrol:hover {
  background-color: #fff;
  background-position: 30px 0
}

.f_inquiry_box .message_td .tefooter {
  height: 32px;
  border-top: 1px solid #bbb;
  background: #f5f5f5
}

.f_inquiry_box .message_td .toggle {
  float: left;
  padding: 9px 13px 0 10px;
  height: 23px;
  color: #666
}

.f_inquiry_box .message_td .resize {
  float: right;
  height: 32px;
  width: 32px;
  background: url(../image/resize.gif) 15px 15px no-repeat;
  cursor: s-resize
}

.f_inquiry_box .message_td .bold_box {
  background-position: 0 -120px
}

.f_inquiry_box .message_td .bold_box:hover {
  background-position: 34px -120px
}

.f_inquiry_box .message_td .italic_box {
  background-position: 0 -150px
}

.f_inquiry_box .message_td .italic_box:hover {
  background-position: 34px -150px
}

.f_inquiry_box .message_td .underline_box {
  background-position: 0 -180px
}

.f_inquiry_box .message_td .underline_box:hover {
  background-position: 34px -180px
}

.f_inquiry_box .message_td .strikethrough_box {
  background-position: 0 -210px
}

.f_inquiry_box .message_td .strikethrough_box:hover {
  background-position: 34px -210px
}

.f_inquiry_box .message_td .subscript_box {
  background-position: 0 -240px
}

.f_inquiry_box .message_td .subscript_box:hover {
  background-position: 34px -240px
}

.f_inquiry_box .message_td .superscript_box {
  background-position: 0 -270px
}

.f_inquiry_box .message_td .superscript_box:hover {
  background-position: 34px -270px
}

.f_inquiry_box .message_td .ordered_box {
  background-position: 0 -300px
}

.f_inquiry_box .message_td .ordered_box:hover {
  background-position: 34px -300px
}

.f_inquiry_box .message_td .unorderd_box {
  background-position: 0 -330px
}

.f_inquiry_box .message_td .unorderd_box:hover {
  background-position: 34px -330px
}

.f_inquiry_box .message_td .outdent_box {
  background-position: 0 -360px
}

.f_inquiry_box .message_td .outdent_box:hover {
  background-position: 34px -360px
}

.f_inquiry_box .message_td .indent_box {
  background-position: 0 -390px
}

.f_inquiry_box .message_td .indent_box:hover {
  background-position: 34px -390px
}

.f_inquiry_box .message_td .left_align_box {
  background-position: 0 -420px
}

.f_inquiry_box .message_td .left_align_box:hover {
  background-position: 34px -420px
}

.f_inquiry_box .message_td .center_align_box {
  background-position: 0 -450px
}

.f_inquiry_box .message_td .center_align_box:hover {
  background-position: 34px -450px
}

.f_inquiry_box .message_td .right_align_box {
  background-position: 0 -480px
}

.f_inquiry_box .message_td .right_align_box:hover {
  background-position: 34px -480px
}

.f_inquiry_box .message_td .justify_box {
  background-position: 0 -510px
}

.f_inquiry_box .message_td .justify_box:hover {
  background-position: 34px -510px
}

.f_inquiry_box .message_td .remove_box {
  background-position: 0 -720px
}

.f_inquiry_box .message_td .remove_box:hover {
  background-position: 34px -720px
}

.f_inquiry_box .message_td .undo_box {
  background-position: 0 -540px
}

.f_inquiry_box .message_td .undo_box:hover {
  background-position: 34px -540px
}

.f_inquiry_box .message_td .redo_box {
  background-position: 0 -570px
}

.f_inquiry_box .message_td .redo_box:hover {
  background-position: 34px -570px
}

.f_inquiry_box .message_td .text_wrap {
  height: 173px;
  position: relative
}

.f_inquiry_box .message_td textarea {
  height: 143px;
  padding: 15px 10px;
  border: 0;
  font-family: verdana;
  display: none
}

.f_inquiry_box .message_td .text_inner {
  color: #666;
  font-size: 12px;
  position: absolute;
  left: 10px;
  top: 10px;
  line-height: 22px;
  font-family: Verdana, Arial
}

.f_inquiry_box .message_td .text_inner ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-indent: 5px
}

.f_inquiry_box .request {
  background: #fff;
  display: none;
  border: 0
}

.f_inquiry_box .name_input {
  width: 180px;
  margin-right: 10px;
  color: #333
}

.f_inquiry_box .company_input {
  width: 300px
}

.f_inquiry_box .website_box {
  font-weight: normal;
  padding-top: 1px
}

.f_inquiry_box .country_select_box {
  padding: 0 !important;
  width: 262px;
  color: #333
}

.f_inquiry_box .optional_box {
  padding-top: 3px
}

.f_inquiry_box .optional_box th {
  width: 110px
}

.f_inquiry_box .optional_box td {
  width: 400px
}

.f_inquiry_box .optional_box td span {
  line-height: 18px
}

.f_inquiry_box .price_td {
  padding-top: 1px
}

.f_inquiry_box .price_td select {
  width: 116px;
  color: #333
}

.f_inquiry_box .initial_input {
  width: 249px
}

.f_inquiry_box .other_td {
  padding-left: 0
}

.f_inquiry_box .other_td input[type="checkbox"] {
  vertical-align: middle;
  margin-right: 0
}

.f_inquiry_box .other_td .request_span {
  vertical-align: middle
}

.f_inquiry_box .file_table th {
  padding-top: 6px;
  width: 46px
}

.f_inquiry_box .file_table label {
  font-weight: bold;
  color: #333
}

.f_inquiry_box .time_wrap {
  line-height: 24px
}

.f_inquiry_box .time_wrap input[type="checkbox"] {
  margin-left: 0
}

.f_inquiry_box input[type="checkbox"] {
  vertical-align: middle
}

.f_inquiry_box .file_table {
  background: #fff;
  display: none
}

.f_inquiry_box .input-label {
  font-size: 0
}

.f_inquiry_box .price_span {
  color: #999
}

.f_inquiry_box .toggle_tab span {
  width: 10px;
  display: inline-block;
  height: 10px;
  background: url(../image/ico-.gif) no-repeat
}

.f_inquiry_box .toggle_tab span.show {
  background-image: url(../image/ico_.gif)
}

.f_inquiry_box .toggle_tab table span {
  background: 0;
  display: inline
}

.f_inquiry_box .receiver-list li .in-basket-delete {
  width: 10px;
  height: 14px;
  display: inline-block;
  line-height: 14px
}

.f_inquiry_box .receiver-list li:hover .in-basket-delete {
  background: url(https://www.quartzglassproducts.com/imagesop_sprites.png) no-repeat 0 -265px;
  cursor: pointer
}

.f_inquiry_recommend_simp {
  width: 1200px;
  margin: 0 auto 20px
}

.f_inquiry_recommend_simp ul {
  overflow: hidden
}

.f_inquiry_recommend_simp li {
  width: 50%;
  padding: 15px 0;
  float: left;
  border-bottom: #dcdcdc dotted 1px
}

.f_inquiry_recommend_simp .item_wrap .product_img_td {
  width: 104px;
  height: 79px;
  border: #dcdcdc solid 1px;
  text-align: center;
  vertical-align: middle
}

.f_inquiry_recommend_simp .item_wrap .product_img_td img {
  max-width: 104px;
  max-height: 79px
}

.f_inquiry_recommend_simp .product_detail_td {
  text-align: left;
  vertical-align: top;
  padding: 0 20px 0 10px
}

.f_inquiry_recommend_simp .product_detail_td .pro_name {
  height: 55px;
  line-height: 18px;
  overflow: hidden;
  font-family: Verdana, Geneva, sans-serif
}

.f_inquiry_recommend_simp .product_detail_td .pro_name a {
  color: #444;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.f_inquiry_recommend_simp .product_detail_td .pro_name a:hover {
  color: #111
}

.f_inquiry_recommend_simp .product_detail_td .btn_wrap {
  margin-top: 8px
}

.f_inquiry_recommend_simp .product_detail_td .btn_wrap .submit_btn {
  width: auto !important;
  padding: 0 40px !important;
  height: 40px !important;
  line-height: 40px !important;
  text-align: center !important;
  background: #e52a2a !important;
  color: #fff !important;
  font-size: 16px !important;
  border: 0 !important;
  border-radius: 4px !important;
  text-transform: capitalize;
  cursor: pointer;
  -webkit-transition: background-color .2s ease-in-out;
  -moz-transition: background-color .2s ease-in-out;
  -o-transition: background-color .2s ease-in-out;
  -ms-transition: background-color .2s ease-in-out;
  transition: background-color .2s ease-in-out;
  outline: 0
}

.f_inquiry_recommend_simp .product_detail_td .btn_wrap .submit_btn:hover {
  background-color: #bb2828 !important
}

.f_inquiry_sendok_simp {
  width: 1200px;
  margin: 20px auto
}

.f_inquiry_sendok_simp .title {
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  line-height: 18px
}

.f_inquiry_sendok_simp .title:after {
  display: none
}

.f_inquiry_sendok_simp .send_wrap {
  background: #f5f8fd;
  border: 1px solid #cfd7e4;
  border-radius: 6px;
  padding-top: 22px
}

.f_inquiry_sendok_simp .tip_box {
  height: 30px;
  padding: 0 0 0 72px;
  line-height: 25px;
  font-size: 20px;
  position: relative
}

.f_inquiry_sendok_simp .tip_box:before {
  position: absolute;
  width: 30px;
  height: 30px;
  content: "";
  background: url(../image/css-sprite.png) no-repeat -264px -1px;
  left: 20px
}

.f_inquiry_sendok_simp .tip_box strong {
  font-weight: normal
}

.f_inquiry_sendok_simp .content_box {
  padding-left: 77px;
  padding-top: 5px;
  margin-bottom: 15px
}

.f_inquiry_sendok_simp .content_box .or_box {
  font-size: 16px;
  margin-bottom: 12px
}

.f_inquiry_sendok_simp .content_table {
  border: #dcdcdc solid 1px;
  width: 800px;
  margin-top: 5px;
  background: #fff
}

.f_inquiry_sendok_simp .content_table .email_img_cntr {
  width: 7%;
  position: relative
}

.f_inquiry_sendok_simp .content_table .email_img_cntr:before {
  position: absolute;
  content: "";
  width: 40px;
  height: 25px;
  background-image: url(../image/css-sprite.png);
  background-position: -129px -96px;
  background-repeat: no-repeat;
  left: 10px;
  top: 16px
}

.f_inquiry_sendok_simp .content_table .email_detail {
  width: 93%;
  line-height: 22px;
  padding: 15px 5px 13px
}

.f_inquiry_sendok_simp .content_table .img_gs {
  width: 100%;
  height: 22px;
  overflow: hidden
}

.f_inquiry_sendok_simp .content_table .img_gs .left_inner {
  float: left;
  padding-right: 5px;
  display: inline-block
}

.f_inquiry_sendok_simp .img_gs img {
  margin-left: 5px
}

div[id^=game_] {
  position: fixed !important;
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  z-index: 1000 !important;
  background-color: rgba(51, 51, 51, 0.3) !important;
  border: none !important
}

.fill_more_wrap {
  z-index: 102;
  width: 700px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -350px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 4px;
  overflow: hidden;
  background-color: #fff
}

.fill_more_wrap .title {
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  padding: 0 30px;
  background-color: #e52a2a;
  position: relative;
  text-align: left
}

.fill_more_wrap .title:after {
  display: none
}

.fill_more_wrap .close_box {
  position: absolute;
  height: 24px;
  line-height: 24px;
  font-size: 20px;
  right: 15px;
  top: 50%;
  margin-top: -12px;
  cursor: pointer;
  color: #fff;
  font-weight: normal
}

.fill_more_wrap .boxs_wrap {
  padding: 20px 30px 30px
}

.fill_more_wrap .boxs_table select,
.fill_more_wrap .boxs_table input {
  font-size: 14px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 8px 15px;
  border: 1px solid #c7c7c7;
  outline: 0
}

.fill_more_wrap .boxs_table th {
  width: 19%;
  padding: 4px 3px;
  vertical-align: middle
}

.fill_more_wrap .boxs_table .g_lab {
  font-weight: normal;
  text-align: right
}

.fill_more_wrap .boxs_table .r_td {
  width: 82%;
  text-align: left;
  padding: 4px 3px
}

.fill_more_wrap .boxs_table .star {
  color: red
}

.fill_more_wrap .boxs_table .text_company {
  width: 300px
}

.fill_more_wrap .boxs_table .fax_box {
  margin-left: 20px
}

.fill_more_wrap .boxs_table .text_hint {
  width: 198px
}

.fill_more_wrap .boxs_table .country_select {
  padding: 0 !important;
  width: 205px;
  color: #333
}

.fill_more_wrap .boxs_table .optional_td {
  padding: 3px 0 0 0
}

.fill_more_wrap .boxs_table .optional_td th {
  width: 22%;
  font-weight: normal;
  padding-top: 5px;
  text-align: right;
  vertical-align: middle
}

.fill_more_wrap .boxs_table .optional_td td {
  width: 78%;
  padding: 4px 3px;
  vertical-align: middle
}

.fill_more_wrap .boxs_table .price_box {
  line-height: 18px
}

.fill_more_wrap .boxs_table .payment_box {
  line-height: 18px
}

.fill_more_wrap .boxs_table .price_select {
  width: 95px;
  color: #333
}

.fill_more_wrap .boxs_table .order_box {
  color: #999
}

.fill_more_wrap .boxs_table .text_order {
  width: 250px;
  margin-right: 10px
}

.fill_more_wrap .boxs_table .terms_select {
  width: 262px;
  color: #333;
  vertical-align: top
}

.fill_more_wrap .boxs_table .optional_td .request_td {
  vertical-align: middle;
  padding-top: 4px;
  padding-left: 0
}

.fill_more_wrap .boxs_table .request_td input[type="checkbox"] {
  vertical-align: middle;
  margin-right: 1px
}

.fill_more_wrap .boxs_table .request_td .inner_box {
  line-height: 18px
}

.fill_more_wrap .btn_box {
  height: 40px;
  margin: 10px 0;
  text-align: center
}

.fill_more_wrap .btn_box input {
  width: auto !important;
  padding: 0 40px !important;
  height: 40px !important;
  line-height: 40px !important;
  text-align: center !important;
  background: #e52a2a !important;
  color: #fff !important;
  border: 0 !important;
  font-size: 16px !important;
  border-radius: 4px !important;
  text-transform: capitalize;
  cursor: pointer;
  -webkit-transition: background-color .2s ease-in-out;
  -moz-transition: background-color .2s ease-in-out;
  -o-transition: background-color .2s ease-in-out;
  -ms-transition: background-color .2s ease-in-out;
  transition: background-color .2s ease-in-out;
  outline: 0
}

.fill_more_wrap .btn_box input:hover {
  background-color: #bb2828 !important
}

.fill_more_wrap .boxs_tip {
  color: #999;
  border-top: 1px solid #c7c7c7;
  padding-top: 10px
}

.list_play_99703_108 .wrap-rule {
  box-sizing: border-box;
  padding: 20px 40px;
  background-color: #f7f9fa
}

.list_play_99703_108 .float-left {
  width: 50%;
  padding: 0 36px 0 20px;
  border-left: 2px solid #e52a2a
}

.list_play_99703_108 .item {
  font-size: 16px;
  line-height: 22px;
  padding: 6px 0
}

.list_play_99703_108 .item a {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #999;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -o-transition: color .2s ease;
  -ms-transition: color .2s ease;
  transition: color .2s ease
}

.list_play_99703_108 .item:hover a {
  color: #e52a2a
}

.get_touch_99703_125 {
  margin-bottom: 40px
}

.get_touch_99703_125 .wrap-rule {
  background: #f7f9fa;
  padding: 30px 100px;
  box-sizing: border-box
}

.get_touch_99703_125 table {
  font-size: 16px;
  line-height: 22px
}

.get_touch_99703_125 table th,
.get_touch_99703_125 table td {
  padding: 8px 0;
  font-weight: bold
}

.get_touch_99703_125 .touch-content {
  margin-top: 30px
}

.get_touch_99703_125 .touch-content .float-left {
  width: 35%
}

.get_touch_99703_125 .touch-content .float-right {
  width: 65%;
  border-left: 1px solid #d5d9dc;
  padding-left: 99px
}

.get_touch_99703_125 .touch-content .contact-info p {
  padding: 8px 0;
  /* font-weight: bold; */
  font-size: 16px;
  line-height: 22px;
}

.get_touch_99703_125 form .form-item {
  line-height: 22px;
  margin-bottom: 20px;
  width: 560px
}

.get_touch_99703_125 form label {
  display: block;
  padding-left: 8px;
  position: relative;
  margin-bottom: 10px;
  font-weight: bold;
  text-transform: capitalize
}

.get_touch_99703_125 form label::before {
  content: "*";
  position: absolute;
  color: #e52a2a;
  left: 0
}

.get_touch_99703_125 form input,
.get_touch_99703_125 form .textarea {
  background-color: #fff;
  border-radius: 4px
}

.get_touch_99703_125 form input,
.get_touch_99703_125 form textarea {
  width: 100%;
  display: block;
  outline: 0;
  box-sizing: border-box;
  border: 0
}

.get_touch_99703_125 form input {
  height: 40px;
  padding: 8px 20px;
  margin-bottom: 30px
}

.get_touch_99703_125 form .textarea {
  height: 150px;
  position: relative
}

.get_touch_99703_125 form textarea {
  height: 150px;
  padding: 12px 20px;
  resize: none;
  margin-bottom: 10px;
  background-color: transparent;
  position: absolute;
  left: 0;
  top: 0
}

.get_touch_99703_125 form .placehoder {
  padding: 12px 20px;
  color: #c7c7c7
}

.get_touch_99703_125 form .button {
  display: inline-block;
  width: auto;
  padding: 8px 27px 9px
}

.get_touch_99703_125 .reminder {
  color: #999;
  margin-top: 10px
}

.get_touch_99703_125 .links {
  font-size: 0;
  margin-top: 16px
}

.get_touch_99703_125 .links a {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  margin-bottom: 20px
}

.get_touch_99703_125 .links a i {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  font-size: 36px;
  -webkit-transition: transform .2s ease;
  -moz-transition: transform .2s ease;
  -o-transition: transform .2s ease;
  -ms-transition: transform .2s ease;
  transition: transform .2s ease;
  position: relative
}

.get_touch_99703_125 .links a:hover i {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px)
}

.get_touch_99703_125 .links a:last-child {
  margin-right: 0
}

.get_touch_99703_125 .links i.icon-youjian {
  font-size: 22px;
  color: #fff;
  background-color: #1264e3
}

.get_touch_99703_125 .links i.icon-WhatsAPP {
  color: #57bb63
}

.get_touch_99703_125 .links i.icon-wechat {
  color: #46bb36
}

.get_touch_99703_125 .links i.icon-skype {
  color: #1a8aba
}

.get_touch_99703_125 .links i.icon-viber {
  color: #6f41aa
}

.get_touch_99703_125 .links i.icon-yahoo1 {
  color: #650e6c
}

.get_touch_99703_125 .links i.icon-icq {
  color: #5de401
}

.get_touch_99703_125 .links i.icon-aim {
  font-size: 22px;
  background-color: #fbda00;
  color: #fff
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1
}

body,
button,
input,
select,
textarea {
  font-family: roboto, 'helvetica narrow', PingFang-SC-Medium, PingFang-SC, sans-serif;
  font-size: 14px;
  color: #333
}

input,
select,
textarea {
  font-size: 100%
}

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

th {
  text-align: inherit;
  font-weight: normal
}

fieldset,
img {
  border: 0
}

iframe {
  display: block
}

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

del {
  text-decoration: line-through
}

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

ol,
ul {
  list-style: none
}

caption,
th {
  text-align: left
}

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

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

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

sup {
  top: -0.5em
}

sub {
  bottom: -0.25em
}

ins,
a {
  text-decoration: none
}

a {
  color: #333
}

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

.fn-clear {
  zoom: 1
}

body {
  overflow-x: hidden;
  min-width: 1200px;
}

.play {
  position: absolute;
  width: 80px;
  height: 80px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  border-radius: 50%;
  z-index: 10
}

.play .svg {
  width: 38px;
  height: 38px;
  background: #000;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  box-shadow: 0 0 .3rem rgba(0, 0, 0, .2);
  transform: translate(-50%, -50%)
}

.play .svg img {
  object-position: unset !important;
  object-fit: unset !important;
  width: unset !important;
  height: unset !important;
  max-width: 80px !important;
  max-height: 80px !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.wrap-rule {
  width: 1200px;
  margin: 0 auto
}

.float-left {
  float: left
}

.float-right {
  float: right
}

img[src$='load_icon.gif'] {
  width: 32px !important;
  height: 32px !important
}

.image-part img[src$='load_icon.gif'],
.image-all img[src$='load_icon.gif'] {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  margin-top: -16px !important;
  margin-left: -16px !important
}

.image-part {
  position: relative;
  overflow: hidden
}

.image-part img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center
}

.image-all {
  text-align: center;
  position: relative;
  overflow: hidden
}

.image-all img {
  display: inline-block;
  vertical-align: middle;
  max-height: 100%;
  max-width: 100%
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #c7c7c7
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #c7c7c7
}

input::-moz-placeholder,
textarea:-moz-placeholder {
  color: #c7c7c7
}

input:-ms-input-placeholder,
textarea:-moz-placeholder {
  color: #c7c7c7
}

.tempWrap {
  margin: 0 auto
}

[dir=RTL] .tempWrap {
  direction: ltr
}

[dir=RTL] .tempWrap>* {
  direction: rtl
}

.title {
  text-align: center
}

.title .first-title {
  font-weight: bold;
  line-height: 34px;
  font-size: 28px;
  text-transform: uppercase
}

.title .second-title {
  font-size: 16px;
  line-height: 19px;
  color: #999;
  margin-top: 10px
}

.bg-color {
  background-color: #f7f9fa;
  padding: 40px 0
}

.button {
  display: block;
  width: 100%;
  padding: 8px 0 9px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  background-color: #e52a2a;
  border: 1px solid #e52a2a;
  text-transform: capitalize;
  outline: 0;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.button:hover {
  border-color: #bb2828;
  background-color: #bb2828
}

.has-video .video,
.has-video .video-btn {
  display: inline-block
}

.video {
  position: absolute;
  height: 24px;
  line-height: 24px;
  color: #fff;
  left: 10px;
  bottom: 10px;
  background-color: rgba(51, 51, 51, 0.5);
  padding: 0 10px;
  border-radius: 4px;
  text-transform: uppercase;
  font-style: normal;
  z-index: 1;
  display: none
}

.video-btn {
  position: absolute;
  width: 70px;
  height: 70px;
  text-align: center;
  line-height: 72px;
  color: #fff;
  left: 50%;
  top: 50%;
  margin-left: -35px;
  margin-top: -35px;
  cursor: pointer;
  z-index: 1;
  border-radius: 50%;
  overflow: hidden;
  display: none
}

.iconfont.video-btn {
  font-size: 52px
}

.about-customer {
  margin-top: 20px
}

.about-customer>.float-left {
  width: 770px
}

.about-customer>.float-right {
  width: 410px
}

.aside {
  width: 300px;
  float: left
}

.right-content {
  float: left;
  width: 880px;
  margin-left: 20px
}

#floatAd {
  height: 79px !important
}

.Verifiedby {
  width: 1200px;
  margin: 20px auto 0;
  font-family: PingFang SC;
  height: 40px;
  text-transform: none
}

.Verifiedby .sgsmain {
  height: 40px;
  padding: 0 13px;
  background: rgba(224, 243, 255, 1);
  border-radius: 4px;
  margin: 0 auto;
  overflow: hidden;
  display: inline-block;
  line-height: 39px
}

.Verifiedby .sgsmain .text {
  text-transform: none;
  width: 103px;
  height: 28px;
  font-size: 20px;
  font-weight: 600;
  color: rgba(51, 51, 51, 1);
  vertical-align: middle
}

.Verifiedby .sgsmain .sgsimg {
  width: 40px !important;
  height: 25px !important;
  margin-left: 14px;
  margin-right: 12px;
  vertical-align: middle
}

.abouttable {
  overflow: hidden;
  width: 1200px;
  margin: 0 auto 10px;
  background: linear-gradient(180deg, rgba(240, 250, 253, 1) 0, rgba(249, 254, 255, 1) 100%)
}

.abouttable p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
  float: left;
  max-width: 95%
}

.abouttable .left,
.abouttable .right {
  width: 49%;
  padding: 18px 29px 18px 25px;
  box-sizing: border-box;
  border-right: 1px solid rgba(239, 239, 239, 1);
  border-bottom: 1px solid rgba(239, 239, 239, 1)
}

.abouttable .left {
  float: left
}

.abouttable .right {
  float: right
}

.abouttable>div:nth-last-child(1),
.abouttable>div:nth-last-child(2) {
  border-bottom: 0
}

.abouts .aboutinfo {
  text-transform: none;
  float: right;
  line-height: 40px;
  color: rgba(102, 102, 102, 1);
  font-size: 14px
}

.abouttable span {
  float: right
}

.duihao1,
.duihao2 {
  display: inline-block;
  border: 2px solid #fe9313;
  width: 8px;
  height: 14px;
  transform: rotate(45deg);
  border-top: transparent;
  border-left: transparent
}

@font-face {
  font-family: "iconfont";
  src: url('../font/iconfont_99703.woff') format('woff');
  font-display: swap
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-yahoo:before {
  content: "\e8d5"
}

.icon-jianyan703:before {
  content: "\e739"
}

.icon-ren703:before {
  content: "\e73a"
}

.icon-lian703:before {
  content: "\e73b"
}

.icon-xiny703:before {
  content: "\e73c"
}

.icon-biaoQ703:before {
  content: "\e73d"
}

.icon-on703:before {
  content: "\e73e"
}

.icon-xing703:before {
  content: "\e73f"
}

.icon-gong703:before {
  content: "\e740"
}

.icon-off703:before {
  content: "\e741"
}

.icon-xuan703:before {
  content: "\e742"
}

.icon-zhangd703:before {
  content: "\e743"
}

.icon-xunz703:before {
  content: "\e744"
}

.icon-zhi703:before {
  content: "\e745"
}

.icon-update703:before {
  content: "\e746"
}

.icon-Gzhang703:before {
  content: "\e747"
}

.icon-w:before {
  content: "\e723"
}

.icon-you703:before {
  content: "\e724"
}

.icon-zuo703:before {
  content: "\e725"
}

.icon-left703:before {
  content: "\e726"
}

.icon-down703:before {
  content: "\e727"
}

.icon-close703:before {
  content: "\e728"
}

.icon-Introduction:before {
  content: "\e72a"
}

.icon-add703:before {
  content: "\e72b"
}

.icon-in:before {
  content: "\e72c"
}

.icon-OurTeam:before {
  content: "\e72d"
}

.icon-im703:before {
  content: "\e72e"
}

.icon-up703:before {
  content: "\e72f"
}

.icon-sou703:before {
  content: "\e730"
}

.icon-phone703:before {
  content: "\e731"
}

.icon-Service:before {
  content: "\e732"
}

.icon-History:before {
  content: "\e733"
}

.icon-play:before {
  content: "\e734"
}

.icon-mail703:before {
  content: "\e735"
}

.icon-F:before {
  content: "\e736"
}

.icon-yu703:before {
  content: "\e737"
}

.icon-right703:before {
  content: "\e738"
}

.icon-you_tube:before {
  content: "\e648"
}

.icon-mail1:before {
  content: "\e704"
}

.icon-viber:before {
  content: "\e6fd"
}

.icon-aim1:before {
  content: "\e6fe"
}

.icon-skype:before {
  content: "\e6ff"
}

.icon-whatsapp1:before {
  content: "\e700"
}

.icon-yahoo1:before {
  content: "\e701"
}

.icon-icq:before {
  content: "\e702"
}

.icon-wechat:before {
  content: "\e703"
}

.icon-chat:before {
  content: "\e6fc"
}

.icon-hot:before {
  content: "\e6f4"
}

.icon-mailonline:before {
  content: "\e6fb"
}

.icon-fasong:before {
  content: "\e68d"
}

.icon-entypopinterest:before {
  content: "\e957"
}

.icon-Ioniconslogogoogleplus:before {
  content: "\eeda"
}

.icon-cuohao:before {
  content: "\e61d"
}

.icon-zuanshi:before {
  content: "\e616"
}

.icon-xiazai:before {
  content: "\e647"
}

.icon-gongchang:before {
  content: "\e646"
}

.icon-dingzhi:before {
  content: "\e856"
}

.icon-hejinjiance:before {
  content: "\e6a2"
}

.icon-top:before {
  content: "\e607"
}

.icon-linked:before {
  content: "\e6b8"
}

.icon-twitter1:before {
  content: "\e6b9"
}

.icon-facebook2:before {
  content: "\e6b4"
}

.icon-phone:before {
  content: "\e6b6"
}

.icon-mail:before {
  content: "\e6b7"
}

.icon-kehu:before {
  content: "\e61a"
}

.icon-rili:before {
  content: "\e675"
}

.icon-dizhi-zx:before {
  content: "\e661"
}

.icon-chuanzhen-zx:before {
  content: "\e668"
}

.icon-dianhua-zx:before {
  content: "\e66a"
}

.icon-444:before {
  content: "\e63b"
}

.icon-kehuguanli:before {
  content: "\e669"
}

.icon-tuandui:before {
  content: "\e68c"
}

.icon-fuwuzhongjiewuye:before {
  content: "\e609"
}

.icon-shouqi:before {
  content: "\e61f"
}

.icon-xia:before {
  content: "\e637"
}

.icon-lishi:before {
  content: "\e608"
}

.icon-language:before {
  content: "\e729"
}

.icon-youxiang:before {
  content: "\e642"
}

.icon-shouji1:before {
  content: "\e606"
}

.icon-Icon:before {
  content: "\e605"
}

.icon-zuoji:before {
  content: "\e659"
}

.icon-weixin1:before {
  content: "\e613"
}

.icon-diqiu1:before {
  content: "\e62e"
}

.icon-tuandui_keshi:before {
  content: "\e685"
}

.icon-keji:before {
  content: "\e664"
}

.icon-location:before {
  content: "\e61e"
}

.icon-baojiaquotation:before {
  content: "\e63a"
}

.icon-baojiaquotation2:before {
  content: "\e63c"
}

.icon-xiangxia:before {
  content: "\e603"
}

.icon-facebook:before {
  content: "\e639"
}

.icon-you:before {
  content: "\e621"
}

.icon-zuo1:before {
  content: "\e622"
}

.icon-fangdajing:before {
  content: "\e60e"
}

.icon-tuite:before {
  content: "\e652"
}

.icon-weixiu:before {
  content: "\e6ca"
}

.icon-zhengshu:before {
  content: "\e624"
}

.icon-xingbiaoglyph_:before {
  content: "\e684"
}

.icon-diqiu:before {
  content: "\e600"
}

.icon-fisocialyahoo:before {
  content: "\e6b0"
}

.icon-aim:before {
  content: "\e638"
}

.icon-Viber:before {
  content: "\e998"
}

.icon-ICQ:before {
  content: "\eaf9"
}

.icon-arrowleft:before {
  content: "\e602"
}

.icon-zuo:before {
  content: "\e604"
}

.icon-WhatsAPP:before {
  content: "\e62c"
}

.icon-jian:before {
  content: "\e68e"
}

.icon-jia:before {
  content: "\e65e"
}

.icon-facebook1:before {
  content: "\e645"
}

.icon-linkedinFlashnews:before {
  content: "\e64f"
}

.icon-SKYPE:before {
  content: "\e627"
}

.icon-twitter:before {
  content: "\e601"
}

.icon-youjian:before {
  content: "\e612"
}

.icon-shouji:before {
  content: "\e6d5"
}

.icon-sousuo:before {
  content: "\e61b"
}

.icon-chuanzhen:before {
  content: "\e643"
}

.icon-zuoji-:before {
  content: "\e619"
}

.pagelist_99703_119 {
  font-size: 0;
  text-align: center;
  margin: 64px 0 40px
}

.pagelist_99703_119 .pagenum {
  width: 32px;
  padding: 0
}

.pagelist_99703_119 a {
  cursor: pointer
}

.pagelist_99703_119 a,
.pagelist_99703_119 span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
  border: 1px solid #c7c7c7;
  margin: 0 5px;
  padding: 0 14px;
  -webkit-transition: border-color .2s ease;
  -moz-transition: border-color .2s ease;
  -o-transition: border-color .2s ease;
  -ms-transition: border-color .2s ease;
  transition: border-color .2s ease
}

.pagelist_99703_119 .current {
  background-color: #e52a2a;
  color: #fff;
  border-color: #e52a2a
}

.pagelist_99703_119 a:hover {
  border-color: #e52a2a
}

.leave-message-dialog {
  z-index: 999999
}

.dialog-content-pql p.error-pql {
  margin-top: -5px
}

.leave-message-dialog .form input:not(.unifiedRegulation input) {
  margin: 0 0 10px 0
}

.leave-message-dialog .form>.textarea {
  margin-bottom: 10px
}

.leave-message-dialog .dialog-content-pql {
  width: 600px !important;
  max-height: 95%;
  overflow-y: auto !important;
  overflow-x: hidden
}

.leave-message-dialog .dialog-content-pql div.btn {
  position: static;
  margin: 20px auto !important
}

.leave-message-dialog .dialog-content-pql .unifiedRegulation input {
  margin: 0
}

.leave-message-dialog .dialog-content-pql .left {
  top: 0
}

.leave-message-dialog .dialog-content-pql .close {
  z-index: 101
}

.leave-message-dialog .dialog-content-pql [type='number']::-webkit-inner-spin-button {
  display: none
}

.leave-message-dialog .dialog-content-pql .unifiedRegulation input:not([type='checkbox']),
.leave-message-dialog .dialog-content-pql .quote-item-half .select-wrap {
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  padding: 0 16px;
  color: #111;
  font-size: 14px;
  margin-bottom: 0;
  border: 1px solid #c7c7c7
}

.leave-message-dialog .dialog-content-pql .unifiedRegulation input[type='checkbox'] {
  width: auto;
  height: auto;
  padding: 0
}

.leave-message-dialog .dialog-content-pql .quote-item-half .select-wrap select {
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent
}

.leave-message-dialog .dialog-content-pql .quote-item-half {
  display: flex;
  justify-content: space-between
}

.leave-message-dialog .dialog-content-pql .quote-item-half .unifiedRegulation {
  width: 47%
}

.leave-message-dialog .dialog-content-pql .unifiedRegulation {
  color: #222;
  font-size: 14px;
  margin-top: 10px
}

.leave-message-dialog .dialog-content-pql .tipImportant {
  display: block;
  margin-bottom: 8px
}

.leave-message-dialog .dialog-content-pql .tipImportant em {
  color: red;
  font-style: normal
}

.leave-message-dialog .dialog-content-pql .tip-info {
  color: #666;
  line-height: 20px;
  font-size: .9em;
  padding-top: 3px
}

.leave-message-dialog .dialog-content-pql .errorTip {
  font-size: .9em !important;
  color: red
}

.leave-message-dialog .dialog-content-pql .errorTip .icon {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 14px;
  height: 14px;
  background: red;
  border-radius: 50%;
  transform: translateY(0.1rem);
  font-size: 0;
  margin-right: 5px
}

.leave-message-dialog .dialog-content-pql .errorTip .icon::before,
.leave-message-dialog .dialog-content-pql .errorTip .icon::after {
  width: 2px;
  height: 70%;
  border-radius: 1px;
  content: '';
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg)
}

.leave-message-dialog .dialog-content-pql .errorTip .icon::after {
  transform: translate(-50%, -50%) rotate(-45deg)
}

.leave-message-dialog .dialog-content-pql .quote-unit {
  position: relative;
  padding: 0 12px 0 7px;
  font-size: 14px;
  line-height: 40px;
  color: #555;
  background-color: #ddd;
  border-left: 0;
  z-index: 5
}

.leave-message-dialog .dialog-content-pql .quote-unit::before {
  content: '';
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ddd;
  width: 5px;
  height: 100%;
  border-left: 0;
  border-right: 0
}

.leave-message-dialog .dialog-content-pql .with-unit-wrap {
  display: flex
}

.leave-message-dialog .dialog-content-pql .checkbox-wrap {
  display: flex;
  flex-wrap: wrap
}

.leave-message-dialog .dialog-content-pql .checkbox-wrap label {
  position: relative;
  z-index: 1;
  font-size: .9em;
  margin: 2px 16px 6px 0;
  line-height: 36px;
  padding: 0 12px;
  border: 1px solid #c7c7c7
}

.leave-message-dialog .dialog-content-pql .checkbox-wrap label span {
  display: block;
  user-select: none;
  color: #666
}

.leave-message-dialog .dialog-content-pql .checkbox-wrap [type='checkbox'] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0
}

.leave-message-dialog .dialog-content-pql .checkbox-wrap label.on {
  background: #fff5e6;
  border-color: #f90;
  box-shadow: 0 0 0 1px #f90 inset
}

.leave-message-dialog .dialog-content-pql .checkbox-wrap label.on span {
  color: #222
}

.leave-message-dialog .dialog-content-pql .checkbox-wrap label.on::before,
.leave-message-dialog .dialog-content-pql .checkbox-wrap label.on::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  border: 10px solid transparent;
  border-bottom-color: #f90;
  border-right-color: #f90
}

.leave-message-dialog .dialog-content-pql .checkbox-wrap label.on::after {
  width: 6px;
  height: 6px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: translate(-2px, -3px) rotate(45deg)
}

.leave-message-dialog {
  z-index: 999999
}

.leave-message-dialog .dialog-content-pql-id-hand {
  width: 600px;
  max-height: 95%;
  overflow-y: auto;
  overflow-x: hidden
}

.leave-message-dialog .dialog-content-pql-id-hand .form {
  padding: 0
}

.leave-message-dialog .dialog-content-pql-id-hand div.btn {
  position: static;
  margin: 20px auto !important
}

.leave-message-dialog .dialog-content-pql-id-hand .unifiedRegulation input {
  margin: 0
}

.leave-message-dialog .dialog-content-pql-id-hand .close {
  position: sticky;
  z-index: 100;
  float: right;
  top: 60px;
  transform: translateY(-38px)
}

.leave-message-dialog .dialog-content-pql-id-hand .title {
  position: sticky;
  top: 0;
  z-index: 99;
  transform: translateY(-1px)
}

.leave-message-dialog .dialog-content-pql-id-hand [type='number']::-webkit-inner-spin-button {
  display: none
}

.leave-message-dialog .dialog-content-pql-id-hand .unifiedRegulation input:not([type='checkbox']),
.leave-message-dialog .dialog-content-pql-id-hand .quote-item-half .select-wrap {
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  padding: 0 16px;
  color: #111;
  font-size: 14px;
  margin-bottom: 0;
  border: 1px solid #c7c7c7
}

.leave-message-dialog .dialog-content-pql-id-hand .unifiedRegulation input[type='checkbox'] {
  width: auto;
  height: auto;
  padding: 0
}

.leave-message-dialog .dialog-content-pql-id-hand .quote-item-half .select-wrap select {
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent
}

.leave-message-dialog .dialog-content-pql-id-hand .quote-item-half {
  display: flex;
  justify-content: space-between
}

.leave-message-dialog .dialog-content-pql-id-hand .quote-item-half .unifiedRegulation {
  width: 47%
}

.leave-message-dialog .dialog-content-pql-id-hand .unifiedRegulation {
  color: #222;
  font-size: 14px;
  margin-bottom: 8px
}

.leave-message-dialog .dialog-content-pql-id-hand .tipImportant {
  display: block;
  margin-bottom: 8px
}

.leave-message-dialog .dialog-content-pql-id-hand .tipImportant em {
  color: red;
  font-style: normal
}

.leave-message-dialog .dialog-content-pql-id-hand .tip-info {
  color: #666;
  line-height: 20px;
  font-size: .9em;
  padding-top: 3px
}

.leave-message-dialog .dialog-content-pql-id-hand .errorTip {
  font-size: .9em !important;
  color: red
}

.leave-message-dialog .dialog-content-pql-id-hand .errorTip .icon {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 14px;
  height: 14px;
  background: red;
  border-radius: 50%;
  transform: translateY(0.1rem);
  font-size: 0;
  margin-right: 5px
}

.leave-message-dialog .dialog-content-pql-id-hand .errorTip .icon::before,
.leave-message-dialog .dialog-content-pql-id-hand .errorTip .icon::after {
  width: 2px;
  height: 70%;
  border-radius: 1px;
  content: '';
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg)
}

.leave-message-dialog .dialog-content-pql-id-hand .errorTip .icon::after {
  transform: translate(-50%, -50%) rotate(-45deg)
}

.leave-message-dialog .dialog-content-pql-id-hand .quote-unit {
  position: relative;
  padding: 0 12px 0 7px;
  font-size: 14px;
  line-height: 40px;
  color: #555;
  background-color: #ddd;
  border-left: 0;
  z-index: 5
}

.leave-message-dialog .dialog-content-pql-id-hand .quote-unit::before {
  content: '';
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ddd;
  width: 5px;
  height: 100%;
  border-left: 0;
  border-right: 0
}

.leave-message-dialog .dialog-content-pql-id-hand .with-unit-wrap {
  display: flex
}

.leave-message-dialog .dialog-content-pql-id-hand .checkbox-wrap {
  display: flex;
  flex-wrap: wrap
}

.leave-message-dialog .dialog-content-pql-id-hand .checkbox-wrap label {
  position: relative;
  z-index: 1;
  font-size: .9em;
  margin: 2px 16px 6px 0;
  line-height: 36px;
  padding: 0 12px;
  border: 1px solid #c7c7c7
}

.leave-message-dialog .dialog-content-pql-id-hand .checkbox-wrap label span {
  display: block;
  user-select: none;
  color: #666
}

.leave-message-dialog .dialog-content-pql-id-hand .checkbox-wrap [type='checkbox'] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0
}

.leave-message-dialog .dialog-content-pql-id-hand .checkbox-wrap label.on {
  background: #fff5e6;
  border-color: #f90;
  box-shadow: 0 0 0 1px #f90 inset
}

.leave-message-dialog .dialog-content-pql-id-hand .checkbox-wrap label.on span {
  color: #222
}

.leave-message-dialog .dialog-content-pql-id-hand .checkbox-wrap label.on::before,
.leave-message-dialog .dialog-content-pql-id-hand .checkbox-wrap label.on::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  border: 10px solid transparent;
  border-bottom-color: #f90;
  border-right-color: #f90
}

.leave-message-dialog .dialog-content-pql-id-hand .checkbox-wrap label.on::after {
  width: 6px;
  height: 6px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: translate(-2px, -3px) rotate(45deg)
}

.custom-item [type='number']::-webkit-inner-spin-button {
  display: none
}

.custom-item .unifiedRegulation input:not([type='checkbox']),
.custom-item .quote-item-half .select-wrap {
  width: 100%;
  height: 40px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 0 16px;
  color: #222;
  font-size: 14px;
  outline: 0
}

.custom-item .quote-item-half .select-wrap select {
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent
}

.custom-item .quote-item-half {
  display: flex;
  justify-content: space-between
}

.custom-item .quote-item-half .unifiedRegulation {
  width: 49%
}

.custom-item .unifiedRegulation {
  display: flex
}

.custom-item .unified-left-wrap {
  width: 129px;
  height: 40px;
  position: relative
}

.custom-item .unified-wrap {
  flex: 1
}

.custom-item .unifiedRegulation .tipImportant {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  text-align: right;
  max-height: 3em
}

.custom-item .tip-info {
  padding-left: 6px;
  color: #666;
  line-height: 20px;
  font-size: .85em;
  padding-top: 3px
}

.custom-item .errorTip {
  font-size: .85em !important;
  display: flex;
  align-items: center
}

.custom-item .quote-unit {
  position: relative;
  padding: 0 16px 0 9px;
  font-size: 14px;
  line-height: 38px;
  color: #555;
  background-color: #eee;
  border: 1px solid #ddd;
  border-radius: 0 8px 8px 0;
  border-left: 0;
  z-index: 5
}

.custom-item .quote-unit::before {
  content: '';
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  background-color: #eee;
  border: 1px solid #ddd;
  width: 7px;
  height: 100%;
  border-left: 0;
  border-right: 0
}

.custom-item .with-unit-wrap {
  display: flex
}

.custom-item .checkbox-wrap {
  display: flex;
  flex-wrap: wrap
}

.custom-item .checkbox-wrap label {
  position: relative;
  z-index: 1;
  font-size: .9em;
  margin-right: 16px;
  margin-bottom: 8px;
  line-height: 36px;
  padding: 0 12px;
  border: 1px solid #ddd;
  cursor: pointer
}

.custom-item .checkbox-wrap label span {
  display: block;
  user-select: none;
  color: #666
}

.custom-item .checkbox-wrap [type='checkbox'] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0
}

.custom-item .checkbox-wrap label.on {
  background: #fff5e6;
  border-color: #f90;
  box-shadow: 0 0 0 1px #f90 inset
}

.custom-item .checkbox-wrap label.on span {
  color: #222
}

.custom-item .checkbox-wrap label.on::before,
.custom-item .checkbox-wrap label.on::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  border: 10px solid transparent;
  border-bottom-color: #f90;
  border-right-color: #f90
}

.custom-item .checkbox-wrap label.on::after {
  width: 6px;
  height: 6px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: translate(-2px, -3px) rotate(45deg)
}

.header_99703_101 {
  width: 100%;
  position: relative;
  z-index: 100;
  left: 0;
  top: 0;
  background-color: #fff;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -ms-transition: all .2s ease;
  transition: all .2s ease
}

.header_99703_101.fixed {
  position: fixed
}

.header_99703_101 .wrap-rule {
  position: relative;
  box-sizing: border-box;
  padding: 0 100px 0 125px
}

.header_99703_101.fixed {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10
}

.header_99703_101 .logo {
  width: 150px;
  height: 50px;
  position: absolute;
  left: -15px;
  top: 50%;
  margin-top: -26px
}

.header_99703_101 .header-right {
  position: absolute;
  right: 0;
  height: 80px;
  line-height: 80px;
  top: 50%;
  margin-top: -40px
}

.header_99703_101 .navigation li {
  text-transform: capitalize;
  padding: 0 20px;
  float: left;
  position: relative;
  box-sizing: border-box;
  max-width: 198px
}

.header_99703_101 .navigation li:last-child {
  padding-right: 0
}

.header_99703_101 .navigation li>a {
  display: block;
  font-size: 18px;
  height: 80px;
  line-height: 80px;
  position: relative;
  overflow: hidden;
  font-weight: bold
}

.header_99703_101 .navigation li>a span {
  display: inline-block;
  vertical-align: middle;
  line-height: 22px
}

.header_99703_101 .navigation li a::after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #e52a2a;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .2s ease;
  -moz-transition: opacity .2s ease;
  -o-transition: opacity .2s ease;
  -ms-transition: opacity .2s ease;
  transition: opacity .2s ease
}

.header_99703_101 .navigation li a.request-quote {
  color: #e52a2a;
  font-weight: bold
}

.header_99703_101 .navigation li.has-second span {
  padding-right: 26px;
  position: relative
}

.header_99703_101 .navigation li a .iconfont {
  position: absolute;
  height: 28px;
  line-height: 28px;
  font-size: 26px;
  right: 0;
  top: 50%;
  margin-top: -14px;
  -webkit-transition: transform .2s ease;
  -moz-transition: transform .2s ease;
  -o-transition: transform .2s ease;
  -ms-transition: transform .2s ease;
  transition: transform .2s ease
}

.header_99703_101 .navigation li:hover>a::after {
  visibility: visible;
  opacity: 1
}

.header_99703_101 .navigation li:hover>a .iconfont {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.header_99703_101 .navigation li .sub-menu {
  position: absolute;
  min-width: 130px;
  left: 50%;
  top: 100%;
  z-index: 2;
  background: #fff;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none
}

.header_99703_101 .navigation li.products-menu {
  position: initial
}

.header_99703_101 .navigation li.products-menu .sub-menu {
  width: 100vw;
  min-width: 1200px
}

.header_99703_101 .navigation li.pro-sub-menu {
  max-height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
}

.header_99703_101 .navigation li .sub-menu a {
  display: block;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  padding: 0 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: background-color .2s ease;
  -moz-transition: background-color .2s ease;
  -o-transition: background-color .2s ease;
  -ms-transition: background-color .2s ease;
  transition: background-color .2s ease
}

.header_99703_101 .navigation li .sub-menu a:hover {
  background-color: #f8efef
}

.header_99703_101 .navigation li .sub-menu .wrap-rule {
  padding: 0
}

.header_99703_101 .navigation li .sub-menu .product-item {
  height: 200px;
  float: left;
  width: 25%;
  box-sizing: border-box;
  padding: 25px 10px 37px;
  border-bottom: 1px solid #f0f1f2;
  position: relative
}

.header_99703_101 .navigation li .sub-menu .product-item:nth-child(4n)::before {
  display: none
}

.header_99703_101 .navigation li .sub-menu .product-item:nth-last-child(1),
.header_99703_101 .navigation li .sub-menu .product-item:nth-last-child(2),
.header_99703_101 .navigation li .sub-menu .product-item:nth-last-child(3),
.header_99703_101 .navigation li .sub-menu .product-item:nth-last-child(4) {
  border-bottom: 0
}

.header_99703_101 .navigation li .sub-menu .product-item::before {
  content: "";
  height: 120px;
  width: 1px;
  background-color: #f0f1f2;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -60px;
  z-index: 1
}

.header_99703_101 .navigation li .sub-menu .product-item a:hover {
  background-color: initial
}

.header_99703_101 .navigation li .sub-menu .product-item .float-left {
  width: 100px;
  height: 100px;
  line-height: 100px
}

.header_99703_101 .navigation li .sub-menu .product-item .image-all a {
  height: 100px;
  line-height: 100px
}

.header_99703_101 .navigation li .sub-menu .product-item .product-item-rg {
  margin-left: 110px
}

.header_99703_101 .navigation li .sub-menu .product-item .product-item-rg a,
.header_99703_101 .navigation li .sub-menu .product-item a.categary-title {
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -o-transition: color .2s ease;
  -ms-transition: color .2s ease;
  transition: color .2s ease
}

.header_99703_101 .navigation li .sub-menu .product-item .product-item-rg a:hover,
.header_99703_101 .navigation li .sub-menu .product-item a.categary-title:hover {
  color: #e52a2a
}

.header_99703_101 .navigation li .sub-menu .product-item a {
  height: auto;
  line-height: 36px;
  padding: 0;
  text-align: left
}

.header_99703_101 .navigation li .sub-menu .product-item a.categary-title {
  font-size: 14px;
  line-height: 19px;
  font-weight: bold;
  margin-bottom: 10px
}

.header_99703_101 .navigation li .sub-menu .product-item .keywords a {
  font-size: 12px
}

.header_99703_101 .navigation li .sub-menu .product-item.other-product a {
  margin-bottom: 20px
}

.header_99703_101 .navigation li .sub-menu .product-item.other-product a.other {
  font-weight: normal;
  margin-bottom: 0
}

.header_99703_101 .header-right .icon-search,
.header_99703_101 .header-right .language {
  display: inline-block;
  vertical-align: top;
  cursor: pointer
}

.header_99703_101 .header-right .iconfont {
  font-size: 22px
}

.header_99703_101 .header-right .icon-search {
  /* margin-right: 25px; */
}

.header_99703_101 .header-right .language {
  position: relative
}

.header_99703_101 .header-right .language:hover .language-list {
  visibility: visible;
  opacity: 1
}

.header_99703_101 .language {
  position: relative
}

.header_99703_101 .language .current-lang i,
.header_99703_101 .language .current-lang span {
  display: inline-block;
  vertical-align: middle
}

.header_99703_101 .language-list {
  width: 130px;
  visibility: hidden;
  position: absolute;
  left: 50%;
  margin-left: -65px;
  top: 80px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity .2s ease;
  -moz-transition: opacity .2s ease;
  -o-transition: opacity .2s ease;
  -ms-transition: opacity .2s ease;
  transition: opacity .2s ease;
  background: #fff;
  max-height: 400px;
  overflow-y: scroll
}

.header_99703_101 .language:hover .language-list {
  visibility: visible;
  opacity: 1
}

.header_99703_101 .language-list li {
  line-height: 50px;
  height: 50px;
  position: relative
}

.header_99703_101 .language-list a {
  display: block;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  padding: 0 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: background-color .2s ease;
  -moz-transition: background-color .2s ease;
  -o-transition: background-color .2s ease;
  -ms-transition: background-color .2s ease;
  transition: background-color .2s ease
}

.header_99703_101 .language-list li.selected a,
.header_99703_101 .language-list li:hover a {
  background-color: #f8efef
}

.header_99703_101 .form {
  font-size: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  background-color: #fff;
  box-sizing: border-box;
  padding: 28px 44px;
  display: none
}

.header_99703_101 .form i,
.header_99703_101 .form input {
  height: 24px;
  line-height: 24px
}

.header_99703_101 .form input {
  width: 100%;
  border: 0;
  outline: 0;
  font-size: 16px
}

.header_99703_101 .form button {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: none;
  border: none;
  line-height: 1;
  cursor: pointer;
}

.header_99703_101 .form button i {
  font-size: 24px;
}

/* .header_99703_101 .form i {
  position: absolute;
  top: 50%;
  margin-top: -12px;
  font-size: 22px
} */

.header_99703_101 .form .icon-sou703 {
  left: 0
}

.header_99703_101 .form .close-btn {
  position: absolute;
  top: 50%;
  margin-top: -12px;
  font-size: 22px;
  right: 0;
  cursor: pointer
}

.hu_privacy_132 {
  width: 800px;
  margin: 0 auto;
  line-height: 22px
}

.hu_privacy_132 .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 34px
}

.hu_privacy_132 .contents p {
  margin-bottom: 40px
}

.hu_privacy_132 .contents p.h1,
.hu_privacy_132 .contents p.h2 {
  margin-bottom: 10px;
  font-weight: bold
}

.inner_banner_99703_113 {
  height: 400px;
  overflow: hidden;
  min-width: 1200px
}

.inner_banner_99703_113 img {
  height: 100%;
  position: relative;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%)
}

.leave-message-dialog ul,
.leave-message-dialog li {
  list-style: none
}

.leave-message-dialog {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  background-color: rgba(51, 51, 51, 0.3)
}

.leave-message-dialog .dialog-content-pql {
  width: 500px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -250px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 4px;
  overflow: hidden;
  background-color: #fff
}

.leave-message-dialog .close {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 22px;
  right: 27px;
  cursor: pointer;
  z-index: 1
}

.leave-message-dialog .close:before,
.leave-message-dialog .close:after {
  position: absolute;
  content: "";
  background-color: #fff;
  width: 18px;
  height: 2px;
  top: 50%;
  left: 0;
  z-index: 1
}

.leave-message-dialog .close:before {
  transform: rotate(45deg)
}

.leave-message-dialog .close:after {
  transform: rotate(-45deg)
}

.leave-message-dialog .title {
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  padding: 0 30px;
  background-color: #e52a2a;
  position: relative;
  text-align: left
}

.leave-message-dialog .title p {
  display: inline
}

.leave-message-dialog p {
  margin: 0
}

.leave-message-dialog .form {
  padding: 20px 20px 30px
}

.leave-message-dialog input,
.leave-message-dialog .textarea {
  margin-bottom: 15px
}

.leave-message-dialog input,
.leave-message-dialog textarea {
  display: block;
  width: 100%;
  height: 40px;
  padding: 8px 15px;
  border: 1px solid #c7c7c7;
  outline: 0
}

.leave-message-dialog input {
  height: 40px
}

.leave-message-dialog .textarea {
  height: 170px;
  position: relative
}

.leave-message-dialog textarea {
  height: 100%;
  padding: 8px 15px;
  resize: none;
  background-color: transparent;
  position: absolute;
  left: 0;
  top: 0
}

.dialog-content-pql-id .img {
  float: left;
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: center;
  position: relative;
  overflow: hidden
}

.dialog-content-pql-id .img img {
  display: inline-block;
  vertical-align: middle;
  max-height: 100%;
  max-width: 100%
}

.dialog-content-pql-id .left {
  overflow: hidden;
  padding: 20px 30px 15px
}

.dialog-content-pql-id .titlep {
  font-size: 14px;
  max-height: 40px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.dialog-content-pql-id .left ul {
  margin-top: 10px
}

.dialog-content-pql-id .left ul li {
  line-height: 20px;
  color: #999;
  margin-bottom: 5px;
  text-transform: capitalize
}

.dialog-content-pql-id .right {
  float: initial !important;
  padding: 0 30px 30px
}

.dialog-content-pql-id .title {
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.dialog-content-pql .btn {
  width: 200px;
  margin: 20px auto 0;
  padding: 8px 20px;
  text-transform: uppercase;
  display: block;
  font-size: 16px;
  text-align: center;
  color: #fff;
  background-color: #e52a2a;
  border: 1px solid #e52a2a;
  outline: 0;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.dialog-content-pql #endOk {
  margin-bottom: 30px !important
}

.dialog-content-pql .btn:hover {
  background-color: #bb2828
}

.dialog-content-pql-id .mr {
  position: absolute;
  width: 70px;
  height: 40px;
  bottom: 0;
  left: 0;
  line-height: 40px;
  text-align: center;
  color: #757575
}

.dialog-content-pql-id .mr::before {
  position: absolute;
  content: "";
  display: block;
  border: 5px solid #000;
  border-color: #000 transparent transparent transparent;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  margin-top: 3px
}

.dialog-content-pql-id .mr ul {
  position: absolute;
  width: 100%;
  cursor: pointer;
  top: 34px;
  background: #f5f5f5;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1);
  border: 1px solid #ededed;
  display: none
}

.dialog-content-pql-id .mr:hover ul {
  display: block
}

.dialog-content-pql-ok .duihaook {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative
}

.dialog-content-pql-ok .duihaook::after {
  content: "";
  display: inline-block;
  background: #47c553;
  width: 35px;
  height: 12px;
  transform: rotate(45deg);
  position: absolute;
  left: 16px;
  top: 35px;
  border-radius: 2px
}

.dialog-content-pql-ok .duihaook::before {
  content: "";
  display: inline-block;
  background: #47c553;
  width: 50px;
  height: 15px;
  transform: rotate(-45deg);
  position: absolute;
  left: 32px;
  border-radius: 2px;
  top: 26px
}

.dialog-content-pql .error-pql {
  margin-top: -12px;
  margin-bottom: 10px;
  color: red;
  display: none
}

.dialog-content-pql .icon-pql {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background: red;
  border-radius: 50%
}

.dialog-content-pql .icon-pql img {
  width: 100%;
  height: 100%
}

.dialog-content-pql-id .mr #Mr {
  font-size: 14px
}

#dialog-content-pql-ok {
  min-width: 460px
}

.dialog-content-pql-id .titlep,
.dialog-content-pql-id .left ul {
  margin-left: 140px
}

#xuanpan_dialog_box_pql .close_create_dialog {
  background-color: #e52a2a !important;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  cursor: pointer
}

#xuanpan_dialog_box_pql .close_create_dialog:hover {
  background-color: #bb2828 !important
}

#xuanpan_dialog_box_pql .close_create_dialog.close {
  background-color: #fff !important
}

.news_99703_131 .item {
  float: left;
  width: 390px;
  height: 460px;
  -webkit-transition: box-shadow .2s ease;
  -moz-transition: box-shadow .2s ease;
  -o-transition: box-shadow .2s ease;
  -ms-transition: box-shadow .2s ease;
  transition: box-shadow .2s ease;
  margin-right: 15px;
  margin-bottom: 20px
}

.news_99703_131 .list .item:nth-child(3n) {
  margin-right: 0
}

.news_99703_131 .item:hover {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16)
}

.news_99703_131 .item-btm {
  padding: 20px
}

.news_99703_131 .image-part {
  width: 100%;
  height: 270px
}

.news_99703_131 .image-part img {
  position: relative;
  -webkit-transition: transform .2s ease;
  -moz-transition: transform .2s ease;
  -o-transition: transform .2s ease;
  -ms-transition: transform .2s ease;
  transition: transform .2s ease
}

.news_99703_131 .image-part:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.news_99703_131 .item-title {
  max-height: 48px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.news_99703_131 .item-title a {
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -o-transition: color .2s ease;
  -ms-transition: color .2s ease;
  transition: color .2s ease
}

.news_99703_131 .item-title:hover a {
  color: #e52a2a
}

.news_99703_131 .time {
  line-height: 17px;
  color: #999;
  margin-top: 10px
}

.news_99703_131 .item-desc {
  display: block;
  line-height: 22px;
  max-height: 66px;
  color: #999;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -o-transition: color .2s ease;
  -ms-transition: color .2s ease;
  transition: color .2s ease
}

.news_99703_131 .item-desc:hover {
  color: #333
}

.news_cases__99703_110 {
  padding: 0 0 30px
}

.news_cases__99703_110 .wrap-rule {
  overflow: hidden
}

.news_cases__99703_110 .lists {
  margin: 25px -6px 0;
  font-size: 0;
  text-align: center
}

.news_cases__99703_110 .lists li {
  display: inline-block;
  vertical-align: top;
  margin: 0 6px 10px
}

.news_cases__99703_110 .image-part {
  width: 290px;
  height: 250px;
  position: relative
}

.news_cases__99703_110 .image-part::after {
  content: "";
  position: absolute;
  height: 80px;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%);
  background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%);
  background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%);
  background: -ms-linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%)
}

.news_cases__99703_110 .bottom {
  position: absolute;
  bottom: 19px;
  left: 20px;
  right: 20px;
  color: #fff;
  font-size: 14px;
  line-height: 17px;
  z-index: 2;
  text-align: left
}

.news_cases__99703_110 .date {
  margin-bottom: 9px
}

.news_cases__99703_110 .item-title {
  max-height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.news_cases__99703_110 .item-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  box-sizing: border-box;
  padding: 40px 20px;
  z-index: 3;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease
}

.news_cases__99703_110 .item-hover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #1a1a19;
  opacity: .85
}

.news_cases__99703_110 .item-hover .desc-text {
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  max-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical
}

.news_cases__99703_110 .item-hover .button {
  display: inline-block;
  width: auto;
  padding: 10px 26px;
  margin-top: 38px
}

.news_cases__99703_110 .image-part:hover .item-hover {
  visibility: visible;
  opacity: 1
}

.news_cases__99703_110 .icons-list {
  margin-top: 80px;
  font-size: 0;
  text-align: center
}

.news_cases__99703_110 .icons-list li {
  display: inline-block;
  vertical-align: top;
  width: 230px;
  font-size: 14px;
  margin: 0 35px
}

.news_cases__99703_110 .icons-list .iconfont {
  font-size: 50px;
  color: #e52a2a
}

.news_cases__99703_110 .icons-list .icon-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  margin-top: 15px;
  text-transform: capitalize
}

.news_cases__99703_110 .icons-list .icon-desc {
  line-height: 20px;
  color: #999;
  margin-top: 9px
}

.n_certificate_list {
  height: 158px;
  margin-top: 15px;
  border: #d8d8d8 solid 1px
}

.n_certificate_list .certificate_con {
  float: left;
  width: 50%;
  text-align: center;
  margin-top: 10px
}

.n_message_list {
  border: 1px solid #d8d8d8;
  border-top: 0
}

.n_message_list .message_detail {
  font-size: 12px;
  margin: 0 5px;
  padding: 5px;
  text-align: left;
  line-height: 17px;
  border-bottom: #a2a2a2 dotted 1px
}

.n_message_list .message_detail .writer {
  display: block;
  margin: 10px 0;
  height: 20px;
  line-height: 20px;
  text-align: right
}

.n_message_list .last_message {
  border-bottom: 0
}

.products_99703_103 {
  padding: 19px 0;
  background-color: #fff;
  overflow: hidden
}

.products_99703_103 .wrap-rule {
  position: relative;
  padding: 0 75px;
  height: 142px;
  height: auto;
  overflow: hidden
}

.products_99703_103 .item {
  float: left;
  width: 150px;
  padding: 0 15px;
  box-sizing: border-box
}

.products_99703_103 .image-all {
  width: 100px;
  height: 100px;
  margin: 0 auto 10px;
  line-height: 100px
}

.products_99703_103 .image-all img {
  position: relative;
  -webkit-transition: transform .2s ease;
  -moz-transition: transform .2s ease;
  -o-transition: transform .2s ease;
  -ms-transition: transform .2s ease;
  transition: transform .2s ease
}

.products_99703_103 .image-all:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.products_99703_103 .item-title {
  height: 32px;
  overflow: hidden;
  line-height: 16px;
  text-align: center;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.products_99703_103 .item-title a {
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -o-transition: color .2s ease;
  -ms-transition: color .2s ease;
  transition: color .2s ease
}

.products_99703_103 .item-title:hover a {
  color: #e52a2a
}

.products_99703_103 .prev,
.products_99703_103 .next {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
  border-radius: 4px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 24px;
  background-color: rgba(0, 0, 0, 0.3);
  cursor: pointer;
  -webkit-transition: background-color .2s ease;
  -moz-transition: background-color .2s ease;
  -o-transition: background-color .2s ease;
  -ms-transition: background-color .2s ease;
  transition: background-color .2s ease
}

.products_99703_103 .prev:hover,
.products_99703_103 .next:hover {
  background-color: #e52a2a
}

.products_99703_103 .prev {
  left: 0
}

.products_99703_103 .next {
  right: 0
}

.product_all_99703_120 {
  margin-bottom: 30px
}

.product_all_99703_120 .header-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  text-transform: uppercase
}

.product_all_99703_120 .list {
  font-size: 16px;
  font-weight: bold;
  line-height: 36px;
  border: 1px solid #c7c7c7;
  padding: 8px 20px;
  margin-top: 15px
}

.product_all_99703_120 .list li.on h2 {
  padding-left: 12px;
  position: relative
}

.product_all_99703_120 .list li.on h2::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #d52828;
  border-radius: 50%;
  left: 0;
  top: 50%;
  margin-top: -3px
}

.product_all_99703_120 .list li.on a {
  color: #d52828
}

.product_all_99703_120 .list a {
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -o-transition: color .2s ease;
  -ms-transition: color .2s ease;
  transition: color .2s ease
}

.product_all_99703_120 .list h2:hover a {
  color: #e52a2a
}

.categary_toggle_99703_116 {
  margin-bottom: 30px
}

.categary_toggle_99703_116 .categary-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  text-transform: uppercase
}

.categary_toggle_99703_116 .toggle-content {
  background: #fff;
  border: 1px solid #c7c7c7;
  margin-top: 15px
}

.categary_toggle_99703_116 .toggle-header {
  border-bottom: 1px solid #f0f1f2;
  padding: 18px 20px;
  line-height: 18px
}

.categary_toggle_99703_116 .toggle-header .float-left {
  font-weight: bold;
  font-size: 16px
}

.categary_toggle_99703_116 .toggle-header .float-left,
.categary_toggle_99703_116 .toggle-header .float-right {
  height: 18px
}

.categary_toggle_99703_116 .float-right {
  font-size: 0;
  cursor: pointer
}

.categary_toggle_99703_116 .float-right i,
.categary_toggle_99703_116 .float-right span {
  display: inline-block;
  vertical-align: middle;
  color: #257de2
}

.categary_toggle_99703_116 .float-right i {
  font-size: 24px
}

.categary_toggle_99703_116 .float-right span {
  font-size: 14px
}

.categary_toggle_99703_116 .toggle-item {
  position: relative
}

.categary_toggle_99703_116 .toggle-item::after {
  content: "";
  position: absolute;
  height: 1px;
  bottom: 0;
  left: 20px;
  right: 20px;
  background-color: #f0f1f2
}

.categary_toggle_99703_116 .toggle-item .lists {
  display: none;
  padding: 0 20px
}

.categary_toggle_99703_116 .toggle-item .item-title {
  padding: 20px 60px 20px 20px;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  cursor: pointer
}

.categary_toggle_99703_116 .toggle-item .item-title .iconfont {
  position: absolute;
  height: 16px;
  right: 20px;
  top: 50%;
  margin-top: -8px;
  cursor: pointer
}

.categary_toggle_99703_116 .toggle-item .toggledown-btn {
  display: block
}

.categary_toggle_99703_116 .toggle-item .toggleup-btn {
  display: none
}

.categary_toggle_99703_116 .toggle-item.slidedown .toggleup-btn {
  display: block
}

.categary_toggle_99703_116 .toggle-item.slidedown .toggledown-btn {
  display: none
}

.categary_toggle_99703_116 .checkbox {
  display: block;
  font-size: 0;
  line-height: 18px;
  position: relative;
  margin-bottom: 18px;
  padding-left: 24px
}

.categary_toggle_99703_116 .checkbox input {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 1
}

.categary_toggle_99703_116 .checkbox i,
.categary_toggle_99703_116 .checkbox span {
  display: inline-block;
  vertical-align: middle
}

.categary_toggle_99703_116 .checkbox .check-icon {
  width: 14px;
  height: 14px;
  background: #fff;
  border: 1px solid #c7c7c7;
  border-radius: 2px;
  overflow: hidden;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 2px
}

.categary_toggle_99703_116 .checkbox.checked .check-icon {
  border-color: #e52a2a;
  background-color: #e52a2a
}

.categary_toggle_99703_116 .checkbox.checked .iconfont {
  display: block
}

.categary_toggle_99703_116 .checkbox .iconfont {
  font-size: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  display: none
}

.categary_toggle_99703_116 .checkbox span {
  font-size: 14px
}

.categary_toggle_99703_116 .lists li .checkbox:last-child {
  margin-bottom: 0
}

.categary_toggle_99703_116 .lists li {
  padding-bottom: 30px
}

.product_detail_99703_122 {
  background: -moz-linear-gradient(180deg, #292a2e 0, #25282f 50%, #2d303a 57%, #1f2229 100%);
  background: -webkit-linear-gradient(180deg, #292a2e 0, #25282f 50%, #2d303a 57%, #1f2229 100%);
  background: -o-linear-gradient(180deg, #292a2e 0, #25282f 50%, #2d303a 57%, #1f2229 100%);
  background: -ms-linear-gradient(180deg, #292a2e 0, #25282f 50%, #2d303a 57%, #1f2229 100%);
  background: linear-gradient(180deg, #292a2e 0, #25282f 50%, #2d303a 57%, #1f2229 100%);
  padding: 87px 0 70px;
  color: #fff
}

.product_detail_99703_122 .wrap-rule {
  position: relative
}

.product_detail_99703_122 .float-left {
  width: 620px
}

.product_detail_99703_122 .product-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 56px
}

.product_detail_99703_122 .operations {
  margin-top: 70px
}

.product_detail_99703_122 .button {
  display: inline-block;
  vertical-align: middle;
  width: 160px;
  margin-right: 20px
}

.product_detail_99703_122 .button.mail-us {
  border-color: #fff;
  background-color: #fff;
  color: #e52a2a
}

.product_detail_99703_122 .button.mail-us:hover {
  border-color: #e52a2a;
  background-color: #e52a2a;
  color: #fff
}

.product_detail_99703_122 .pieces {
  margin-top: 60px
}

.product_detail_99703_122 .item {
  width: 50%;
  position: relative;
  line-height: 36px;
  float: left;
  padding: 0 40px
}

.product_detail_99703_122 .pieces .item:first-child {
  padding-left: 0
}

.product_detail_99703_122 .item::after {
  content: "";
  width: 1px;
  height: 50px;
  background-color: #5b6271;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -25px
}

.product_detail_99703_122 .pieces .item:last-child::after {
  display: none
}

.product_detail_99703_122 .item .item-top {
  font-size: 28px
}

.product_detail_99703_122 .image-all {
  width: 400px;
  height: 400px;
  line-height: 400px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -200px
}

.product_content_99703_123 .content-header {
  border-bottom: 1px solid #f0f1f2
}

.product_content_99703_123 .content-header .wrap-rule {
  padding: 40px 300px 40px 0;
  position: relative
}

.product_content_99703_123 .anchor {
  display: inline-block;
  vertical-align: middle;
  margin-right: 60px;
  font-size: 18px;
  cursor: pointer
}

.product_content_99703_123 .anchor:last-child {
  margin-right: 0
}

.product_content_99703_123 .anchor.on {
  font-weight: bold
}

.product_content_99703_123 .desc-wrap {
  line-height: 20px
}

.product_content_99703_123 .desc-wrap ul,
.product_content_99703_123 .desc-wrap ol {
  list-style: initial
}

.product_content_99703_123 #description,
.product_content_99703_123 #process {
  width: 800px;
  margin: 0 auto
}

.product_content_99703_123 #process .image-wrap {
  text-align: center
}

.product_content_99703_123 .content-header .button {
  font-size: 18px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: auto;
  padding: 7px 18px 9px;
  box-shadow: 0 3px 6px #ffafaf
}

.product_content_99703_123 .title {
  margin: 40px 0 30px
}

.product_content_99703_123 .title .second-title {
  font-size: 14px
}

.product_content_99703_123 .toggle-item {
  padding: 0 20px;
  position: relative;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

.product_content_99703_123 .toggle-item:hover {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16)
}

.product_content_99703_123 .toggle-item::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #f0f1f2
}

.product_content_99703_123 .toggle-item .lists {
  display: none
}

.product_content_99703_123 .toggle-item .list-item {
  float: left;
  width: 40%;
  padding: 5px 0
}

.product_content_99703_123 .toggle-item .list-item .column,
.product_content_99703_123 .toggle-item .list-item .value {
  display: inline-block;
  vertical-align: middle
}

.product_content_99703_123 .toggle-item .list-item .column {
  color: #999
}

.product_content_99703_123 .toggle-item .list-item h2 {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold
}

.product_content_99703_123 .toggle-item .item-title {
  padding: 20px 40px 20px 0;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  cursor: pointer
}

.product_content_99703_123 .toggle-item .item-title .iconfont {
  position: absolute;
  height: 16px;
  right: 0;
  top: 50%;
  margin-top: -8px;
  cursor: pointer
}

.product_content_99703_123 .toggle-item .toggledown-btn {
  display: block
}

.product_content_99703_123 .toggle-item .toggleup-btn {
  display: none
}

.product_content_99703_123 .toggle-item.slidedown {
  padding-bottom: 20px
}

.product_content_99703_123 .toggle-item.slidedown .toggleup-btn {
  display: block
}

.product_content_99703_123 .toggle-item.slidedown .toggledown-btn {
  display: none
}

.product_content_99703_123 .pic-scroll {
  position: relative
}

.product_content_99703_123 .pic-list {
  font-size: 0;
  text-align: center
}

.product_content_99703_123 .item {
  display: inline-block;
  vertical-align: middle;
  width: 390px;
  height: 390px;
  margin-right: 14px;
  position: relative
}

.product_content_99703_123 .video-btn {
  color: #fff
}

.product_content_99703_123 .lists .item:last-child {
  margin-right: 0
}

.product_content_99703_123 .image-all {
  width: 390px;
  height: 390px;
  line-height: 390px;
  position: relative;
  border: 1px solid #f0f1f2
}

.product_content_99703_123 .image-all img {
  position: relative;
  -webkit-transition: transform .2s ease;
  -moz-transition: transform .2s ease;
  -o-transition: transform .2s ease;
  -ms-transition: transform .2s ease;
  transition: transform .2s ease
}

.product_content_99703_123 .image-part:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.product_content_99703_123 .operations {
  position: absolute;
  right: 0;
  top: -52px;
  z-index: 1
}

.product_content_99703_123 .prev,
.product_content_99703_123 .next {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  text-align: center;
  line-height: 32px;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: background-color .2s ease;
  -moz-transition: background-color .2s ease;
  -o-transition: background-color .2s ease;
  -ms-transition: background-color .2s ease;
  transition: background-color .2s ease
}

.product_content_99703_123 .prev:hover,
.product_content_99703_123 .next:hover {
  background-color: #e52a2a
}

.product_content_99703_123 .next {
  margin: 0 6px 0 10px
}

.product_content_99703_123 .tags {
  margin-top: 40px
}

.product_content_99703_123 .tags span {
  font-weight: bold;
  margin-right: 30px
}

.product_content_99703_123 .tags h2 {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px
}

.product_content_99703_123 .tags a,
.product_content_99703_123 .tags span {
  display: inline-block;
  vertical-align: middle;
  line-height: 40px
}

.product_content_99703_123 .tags a {
  padding: 0 25px;
  background-color: #f7f9fa;
  border-radius: 4px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -ms-transition: all .2s ease;
  transition: all .2s ease
}

.product_content_99703_123 .tags a:hover {
  color: #fff;
  background-color: #e52a2a
}

.product_content_99703_123 .video-btn {
  background: rgba(51, 51, 51, .85);
  border-radius: 10px
}

.product_list_99703_115 .group-item {
  padding-bottom: 40px;
  border-bottom: 1px solid #f0f1f2;
  margin-bottom: 80px
}

.product_list_99703_115 .group-item:last-child {
  border-bottom: 0;
  margin-bottom: 0
}

.product_list_99703_115 .card-item {
  float: left;
  width: 252px;
  height: 402px;
  overflow: hidden;
  margin-right: 20px;
  position: relative;
  border: 1px solid #f0f1f2
}

.product_list_99703_115 .card-item.just-text {
  width: 384px;
  border: 0
}

.product_list_99703_115 .card-group .card-item:last-child {
  margin-right: 0
}

.product_list_99703_115 .card-item .image-part {
  position: relative;
  height: 100%
}

.product_list_99703_115 .card-item .image-part img {
  position: relative;
  -webkit-transition: transform .2s ease;
  -moz-transition: transform .2s ease;
  -o-transition: transform .2s ease;
  -ms-transition: transform .2s ease;
  transition: transform .2s ease
}

.product_list_99703_115 .card-item .image-part:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.product_list_99703_115 .tags {
  padding-top: 80px;
  font-size: 36px;
  font-weight: bold
}

.product_list_99703_115 .button {
  display: inline-block;
  width: auto;
  padding: 8px 35px 9px;
  margin-top: 82px
}

.product_list_99703_115 .hot-tag {
  position: absolute;
  width: 52px;
  height: 48px;
  text-align: center;
  top: 0;
  left: 20px;
  font-size: 50px;
  color: #e52a2a;
  z-index: 1
}

.product_list_99703_115 .hot-tag span {
  position: absolute;
  top: 10px;
  left: 50%;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.product_list_99703_115 .card-bottom {
  position: absolute;
  width: 100%;
  height: 80px;
  bottom: 0;
  left: 0;
  background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
  background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
  background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
  background: -ms-linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%)
}

.product_list_99703_115 .card-bottom a {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 0 15px;
  line-height: 20px;
  max-height: 60px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.product_list_99703_115 .list {
  margin-top: 20px
}

.product_list_99703_115 .list .item {
  float: left;
  width: 160px;
  margin-right: 13px;
  box-sizing: border-box
}

.product_list_99703_115 .list .item:last-child {
  margin-right: 0
}

.product_list_99703_115 .list .image-all {
  width: 120px;
  height: 120px;
  margin: 0 auto 5px;
  line-height: 120px
}

.product_list_99703_115 .list .image-all .video {
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
  left: 5px;
  bottom: 5px
}

.product_list_99703_115 .list .image-all img {
  position: relative;
  -webkit-transition: transform .2s ease;
  -moz-transition: transform .2s ease;
  -o-transition: transform .2s ease;
  -ms-transition: transform .2s ease;
  transition: transform .2s ease
}

.product_list_99703_115 .list .image-all:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.product_list_99703_115 .list .item-title {
  height: 60px;
  overflow: hidden;
  line-height: 20px;
  text-align: center;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical
}

.product_list_99703_115 .list .item-title a {
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -o-transition: color .2s ease;
  -ms-transition: color .2s ease;
  transition: color .2s ease
}

.product_list_99703_115 .list .item-title:hover a {
  color: #e52a2a
}

.product_list_99703_118 .search-wrap {
  height: 37px;
  line-height: 34px
}

.product_list_99703_118 .search-reminder {
  position: relative;
  top: -8px
}

.product_list_99703_118 .search-reminder * {
  display: inline
}

.product_list_99703_118 .search-result {
  font-size: 28px;
  font-weight: bold;
  margin-right: 20px
}

.product_list_99703_118 .search-no-result {
  text-align: center
}

.product_list_99703_118 .search-no-result .no-result-bg {
  display: block;
  width: 557px;
  height: 300px;
  margin: 130px auto 40px;
  background: url(../image/search_no_result.png) no-repeat
}

.product_list_99703_118 .search-no-result .big-text {
  font-size: 28px;
  font-weight: bold;
  line-height: 34px
}

.product_list_99703_118 .search-no-result .sma-text {
  line-height: 22px;
  margin-top: 24px
}

.product_list_99703_118 .search-no-result a {
  color: #257de2
}

.product_list_99703_118 .total {
  color: #257de2
}

.product_list_99703_118 .item {
  padding: 20px;
  -webkit-transition: box-shadow .2s ease;
  -moz-transition: box-shadow .2s ease;
  -o-transition: box-shadow .2s ease;
  -ms-transition: box-shadow .2s ease;
  transition: box-shadow .2s ease;
  margin-bottom: 10px
}

.product_list_99703_118 .item:hover {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16)
}

.product_list_99703_118 .image-all {
  float: left;
  width: 360px;
  height: 360px;
  line-height: 360px;
  position: relative
}

.product_list_99703_118 .image-all img {
  position: relative;
  -webkit-transition: transform .2s ease;
  -moz-transition: transform .2s ease;
  -o-transition: transform .2s ease;
  -ms-transition: transform .2s ease;
  transition: transform .2s ease
}

.product_list_99703_118 .image-all:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.product_list_99703_118 .texts {
  margin-left: 380px
}

.product_list_99703_118 .item-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 20px
}

.product_list_99703_118 .item-title a {
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -o-transition: color .2s ease;
  -ms-transition: color .2s ease;
  transition: color .2s ease
}

.product_list_99703_118 .item-title a:hover {
  color: #e52a2a
}

.product_list_99703_118 .remark {
  margin-bottom: 20px;
  font-size: 0
}

.product_list_99703_118 .remark-item {
  display: inline-block;
  color: #999;
  font-size: 14px;
  width: 50%;
  box-sizing: border-box;
  padding-right: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.product_list_99703_118 .remark-item span {
  color: #333
}

.product_list_99703_118 table {
  width: 100%;
  margin-bottom: 30px
}

.product_list_99703_118 table th,
.product_list_99703_118 table td {
  border: 1px solid #f0f1f2;
  line-height: 16px;
  padding: 16px 9px;
  max-width: 200px;
  /* overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis */
}

.product_list_99703_118 table th {
  word-break: break-all;
  width: 35%;
  font-weight: bold;
  background-color: #f7f9fa
}

.product_list_99703_118 table td {
  width: 65%
}

.product_list_99703_118 .operations {
  font-size: 0
}

.product_list_99703_118 .button {
  display: inline-block;
  width: 220px;
  margin-right: 14px
}

.product_list_99703_118 .button:last-child {
  margin-right: 0
}

.product_list_99703_118 .button.mail-us {
  border: 1px solid #e52a2a;
  color: #e52a2a;
  background-color: #fff
}

.product_list_99703_118 .button.mail-us:hover {
  color: #fff;
  background-color: #e52a2a
}

.product_sitemap_99703_135 .title {
  margin-bottom: 30px
}

.product_sitemap_99703_135 .item {
  padding: 27px 30px 10px;
  background: #f7f9fa;
  margin-bottom: 20px
}

.product_sitemap_99703_135 .item:last-child {
  margin-bottom: 0
}

.product_sitemap_99703_135 a {
  display: block;
  width: 100%;
  line-height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -o-transition: color .2s ease;
  -ms-transition: color .2s ease;
  transition: color .2s ease;
  box-sizing: border-box;
  padding-right: 50px
}

.product_sitemap_99703_135 a:hover {
  color: #e52a2a
}

.product_sitemap_99703_135 .item-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px
}

.product_sitemap_99703_135 .item-list h2 {
  float: left;
  width: 50%;
  margin-bottom: 16px
}

.videoapp .header_99703_101 .wrap-rule {
  min-width: 1200px;
  width: 100%;
  padding: 0 50px
}

.videoapp .header_99703_101 .logo {
  left: 50px !important
}

.videoapp .header_99703_101 .header-right {
  right: 60px !important
}

.videoapp .header_99703_101 .navigation {
  margin: 0 50px 0 150px
}

.videoapp .header_99703_101 .form {
  width: calc(100% - 40px);
  margin: 0 20px
}

@media(prefers-color-scheme:light) {
  .white .v-fixed {
    background: #fff;
    border-bottom: 1px solid #f3f3f3;
    z-index: 100
  }

  .white .v-content-drawer {
    background: #fff;
    border-right: 1px solid #e7f3ea
  }

  .white .v-drawer-aside a {
    color: #111
  }

  .white .v-drawer-aside a.active {
    background: #e7f3ea
  }

  .white .v-drawer-aside a:hover {
    background: #e7f3ea
  }

  .white .vc-nav {
    background: #fff
  }

  .white .vc-nav a {
    color: #777
  }

  .white .vc-nav a.active {
    color: #3ca860
  }

  .white .vc-nav a.active:after {
    background: #3ca860
  }

  .white .v-content {
    background: #f4f6f9
  }

  .white .vc-big-videobox .vc-btxt-title,
  .white .vc-big-videobox .vc-btxt-title a {
    color: #111
  }

  .white .vc-big-videobox .vc-btxt-time,
  .white .vc-big-videobox .vc-btxt-total {
    color: #777
  }

  .white .vc-big-videobox .vc-btxt-cont,
  .white .vc-big-videobox .vc-richtext,
  .white .vc-big-videobox .vc-icongroup {
    color: #777
  }

  .white .vc-big-videobox .vc-btxt-link {
    color: #3ca860
  }

  .white .vc-big-videobox .vc-icongroup i,
  .white .v-drawer-aside a i,
  .white .vc-icons span i,
  .white .vc-icons a i,
  .white .vc-big-videobox .vc-btxt-time i,
  .white .v-goback span i,
  .white .v-fixed .v-website i,
  .white .v-drawer-aside a i,
  .white .vc-icons span i,
  .white .vc-icons a i,
  .white .vc-big-videobox .vc-btxt-time i,
  .white .v-content-aside .vc-stxt-group i,
  .white .v-content-aside .vc-stxt-time i {
    background-image: url("../image/vc-sprite.png")
  }

  .white .vc-links span {
    color: #527dff
  }

  .white .v-content-aside {
    background: #f4f6f9
  }

  .white .v-videobox-aside {
    background: #fff
  }

  .white .v-content-aside .vc-stxt-title {
    color: #111
  }

  .white .v-content-aside .vc-group-title {
    color: #111
  }

  .white .v-content-aside .vc-stxt-group,
  .white .v-content-aside .vc-stxt-time {
    color: #777
  }

  .white .v-content-drawer.showDrawerDetail {
    background: #fff
  }

  .white .vc-links span,
  .white .vc-links h2,
  .white .vc-links a {
    color: #527dff;
    border: 0;
    padding: 0
  }

  .white .v-prod-send {
    background: #fff;
    color: #333;
    margin-left: 0
  }

  .white .v-prod-send .v-prod_tit {
    background: #fff
  }

  .white .v-prod-send .v-prod_bts .learnmore {
    background: #fff;
    color: #666
  }

  .white .vc-message .cell__name {
    color: #333
  }

  .white .vc-message .cell__contry,
  .white .vc-message .cell__time {
    color: #999
  }

  .white .vc-message .cell__txt {
    color: #666
  }

  .white .vc-group-title {
    color: #111
  }

  .white .vc-message .vc-message-head .ms-title {
    color: #333
  }

  .white .vc-message .vc-message-head {
    border-bottom: 1px solid #cecece
  }

  .white .icon-prevlink,
  .white .icon-nextlink {
    background: #f4f6f9;
    color: #557bff
  }

  .white .vc-richtext-content {
    color: #111
  }

  .white .v-content-topwrap {
    background: #f4f6f9
  }
}

html,
body {
  position: relative;
  margin: 0;
  padding: 0;
  height: 100%;
  min-width: 1200px;
  overflow-x: hidden;
}

.app {
  width: 100%;
  height: 100%;
  position: relative;
  font-size: 14px;
  margin: 0;
  padding: 0;
  background: #f4f6f9
}

.v-main {
  width: 100%;
  height: 100%;
  position: relative;
  padding-top: 64px;
  box-sizing: border-box
}

.v-wrap {
  position: relative;
  height: 100%;
  padding-left: 100px;
  box-sizing: border-box;
  width: 100%;
  background: #f3f4f5
}

.v-content {
  position: relative;
  background: #0f0f0f;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: auto
}

.v-content::-webkit-scrollbar {
  display: none;
  scrollbar-width: none
}

.v-content-aside::-webkit-scrollbar {
  display: none;
  scrollbar-width: none
}

.v-content_full {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
  border-radius: 12px 12px 12px 12px
}

.v-content_half {
  width: 49%;
  background: #fff;
  border-radius: 12px 12px 12px 12px
}

.v-goback {
  display: inline-flex;
  cursor: pointer;
  color: #fff
}

.v-goback span {
  font-size: 18px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  width: 44px;
  height: 56px
}

.v-goback a {
  line-height: 56px;
  font-size: 0;
  display: flex;
  align-items: center
}

.v-goback a img {
  max-width: 116px;
  height: 100%
}

.v-goback span i {
  width: 32px;
  height: 32px;
  display: inline-block;
  background: url('../image/vc-sprite.png');
  background-size: 300px;
  background-position: -252px -3px
}

.v-goback span i.hide {
  background-position: -251px -35px
}

.v-goback a {
  line-height: 56px
}

.v-goback:hover {
  color: #2852e9
}

.v-goback:hover i {
  color: #2852e9
}

.v-fixed {
  width: 100%;
  height: 56px;
  background: #1a1a1a;
  border-radius: 0;
  opacity: 1;
  padding: 0 28px;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #404040;
  z-index: 100
}

.v-fixed .v-website {
  display: inline-flex;
  align-items: center
}

.v-fixed .v-website a {
  display: inline-flex;
  justify-content: center;
  background: #527dff;
  border-radius: 20px;
  color: #fff;
  font: 400 14px/32px Roboto, HelveticaNeue, Arial, sans-serif;
  width: 140px;
  height: 32px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  align-items: center;
  transition: background ease-in-out .3s
}

.v-fixed .v-website a:hover {
  background: #668cff
}

.v-fixed .v-website a:active {
  background: #3d6dff
}

.v-fixed .v-website .chatnow {
  display: inline-flex;
  justify-content: center;
  background: #4bcd65;
  border-radius: 20px;
  color: #fff;
  font: 400 14px/32px Roboto, HelveticaNeue, Arial, sans-serif;
  width: 120px;
  height: 32px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  align-items: center;
  transition: background ease-in-out .3s;
  margin-right: 20px;
  white-space: nowrap
}

.v-fixed .v-website .chatnow:hover {
  background: #64ce79
}

.v-fixed .v-website .chatnow:active {
  background: #34cc52
}

.v-fixed .v-website i {
  display: inline-flex;
  width: 14px;
  height: 14px;
  background: #fff;
  margin-right: 6px;
  background: url('../image/vc-sprite.png') no-repeat;
  background-size: 300px;
  background-position: -145px -13px
}

.v-fixed .v-website .chatnow i {
  width: 18px;
  height: 18px;
  background-position: -134px -69px
}

.v-content-topwrap {
  display: flex;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: #1a1a1a
}

.v-content-drawer.showDrawerDetail {
  width: 240px;
  flex-shrink: 0;
  height: calc(100% - 56px);
  background: #1a1a1a;
  border-radius: 0;
  opacity: 1;
  border: 1px solid rgba(0, 0, 0, 0);
  overflow: auto;
  transition: all .3s ease-in-out;
  padding: 44px 0;
  box-sizing: border-box;
  position: absolute;
  top: 56px;
  left: 0;
  z-index: 99;
  transform: translate(-100%, 0)
}

.v-content-drawer.showDrawerDetail.show {
  transform: translate(0, 0) !important
}

.model-close {
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: .6;
  z-index: 99;
  display: none;
  cursor: pointer
}

.v-drawer-aside a {
  text-decoration: none;
  color: #fff;
  font: 400 14px/44px Roboto, HelveticaNeue, Arial, sans-serif;
  letter-spacing: 0;
  text-align: left;
  padding: 0 27px;
  height: 44px;
  display: flex;
  align-items: center
}

.v-drawer-aside a i {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 20px;
  background: url('../image/vc-sprite.png') no-repeat;
  background-size: 300px
}

.v-drawer-aside a i.home {
  background-position: -8px -40px
}

.v-drawer-aside a i.videos {
  background-position: -40px -40px
}

.v-drawer-aside a i.playlist {
  background-position: -72px -40px
}

.v-drawer-aside a i.aboutus {
  background-position: -104px -40px
}

.v-drawer-aside a:hover {
  background: rgba(255, 255, 255, 0.12)
}

.vc-whatapp {
  display: inline-flex;
  justify-content: center;
  background: #01a884;
  border-radius: 20px;
  color: #fff;
  font: 400 14px/32px Roboto, HelveticaNeue, Arial, sans-serif;
  height: 32px;
  padding: 0 15px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  align-items: center;
  transition: background ease-in-out .3s;
  margin-right: 10px
}

.vc-whatapp:hover {
  background: #3b8c7f
}

.v-fixed .vc-whatapp i,
.vc-whatapp i {
  display: inline-flex;
  width: 14px;
  height: 14px;
  background: #fff;
  margin-right: 6px;
  background: url(../image/img_whatsapp_white.png) no-repeat;
  background-size: cover
}

.v-search {
  display: flex;
  align-items: center;
  margin-left: 74px
}

.v-search .ep_header-xs {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-radius: 20px;
  border: 1px solid #527dff;
  font-size: 0
}

.v-search .ep_header_wrap {
  padding: 4px 0 4px 15px;
  box-sizing: border-box;
  width: 335px;
  height: 32px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 20px 0 0 20px
}

.v-search .ep_header-search_input {
  color: #333;
  font-size: 14px;
  border: 0;
  padding: 0;
  outline: 0;
  width: 100%;
  background: #fff
}

.v-search .ep_header-search_btn {
  display: inline-block;
  border: 0;
  cursor: pointer;
  flex-shrink: 0;
  float: right;
  color: #fff;
  text-align: center;
  line-height: 26px;
  transition: background .3s ease-in-out;
  width: 80px;
  height: 32px;
  background: #527dff;
  border-radius: 8px;
  border-radius: 0 20px 20px 0;
  font-size: 0;
  position: relative
}

.v-search .ep_header-search_btn:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 26px;
  height: 32px;
  background: url("../image/vc-sprite.png");
  background-position: -192px -90px;
  background-size: 300px
}

.v-search .ep_header-search_btn:hover {
  background: #668cff
}

.v-search .ep_header-search_btn:active {
  background: #3d6dff
}

.v-language {
  position: relative;
  margin-left: 20px
}

.v-language .v-language_text {
  display: flex;
  align-items: center;
  cursor: pointer
}

.v-website .v-language i.v-ln_first {
  margin-right: 6px;
  width: 18px;
  height: 18px;
  background-position: -127px -97px
}

.v-language .v-ln_word {
  display: flex
}

.v-fixed .v-website .v-language .v-ln_last {
  margin-left: 6px;
  margin-right: 0;
  width: 18px;
  height: 18px;
  background-position: -107px -97px
}

.v-language .droplist {
  display: none
}

.v-language .v-language_list {
  position: absolute;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  top: 48px;
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  padding: 0 20px;
  box-sizing: border-box;
  width: 104px;
  left: 50%;
  transform: translate(-50%, 0)
}

.v-language .v-language_list:before {
  content: '';
  display: block;
  border: 10px solid #fff;
  width: 0;
  border-color: transparent;
  border-bottom-color: #fff;
  top: -19px;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0)
}

.v-language .v-language_list span {
  line-height: 20px;
  padding: 18px 0;
  border-bottom: 1px solid #f3f3f3;
  text-align: center;
  cursor: pointer
}

.app .vjs-waiting .vjs-loading-spinner {
  margin: -25px 0 0 -25px
}

.small-fixed {
  width: 160px;
  background: #8fbaef;
  border-radius: 0 20px 20px 0;
  position: fixed;
  top: 31.41%;
  left: -123px;
  z-index: 99;
  transition: left .3s ease-in-out
}

.small-fixed.open {
  left: 0
}

.small-fixed .small_btn {
  height: 36px;
  line-height: 36px;
  padding-left: 15px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  outline: 0
}

.small-fixed .small_btn span {
  color: #fff;
  font-size: 14px;
  font-family: PingFang SC
}

.small-fixed .small_btn i {
  background: url("../image/vc-sprite.png");
  background-position: -170px -94px;
  background-size: 300px;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 12px
}

.small-fixed .small_list {
  padding: 0 15px 0;
  height: 0;
  overflow: hidden
}

.small-fixed .small_list .sitem {
  width: 130px;
  height: 64px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  background: #eee;
  margin-bottom: 8px
}

.small-fixed .small_list .sitem_bg {
  width: 100%;
  height: 100%;
  display: flex
}

.small-fixed .small_list .sitem_bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.small-fixed .small_list .sitem_play {
  width: 38px;
  height: 38px;
  z-index: 8;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  cursor: pointer;
  opacity: .5
}

.small-fixed .small_list .sitem_play:after {
  content: '';
  display: inline-block;
  width: 0;
  border-top: 10px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 16px solid #fff;
  position: absolute;
  top: 50%;
  left: 72%;
  transform: translate(-50%, -50%)
}

.small-fixed .small_list .sitem_time {
  position: absolute;
  bottom: 5px;
  right: 5px;
  padding: 0 2px;
  border-radius: 2px;
  color: hsla(0, 0%, 100%, 0.64);
  font: 400 12px/15px Roboto, HelveticaNeue, Arial, sans-serif;
  letter-spacing: 0;
  text-align: left;
  background: #333
}

.small-fixed .smore {
  font: 400 10px/20px '思源黑体';
  color: #fff;
  padding: 0 0 4px
}

.small-fixed.open .small_list {
  transition-delay: .6s;
  height: 243px
}

.small-fixed.open .small_btn i {
  transform: rotate(180deg)
}

.share_float {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 115
}

.share_float .share_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  cursor: pointer
}

.share_float .share_cont {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 586px;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  padding: 0 30px 37px;
  box-sizing: border-box
}

.share_float .share_top {
  height: 58px;
  line-height: 58px;
  position: relative;
  display: flex;
  margin-bottom: 10px;
  justify-content: space-between
}

.share_float .share_top .share_tit {
  color: #4f4e4e;
  font: 400 20px/54px PingFang SC
}

.share_float .share_top .share_close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  margin-right: -15px;
  cursor: pointer;
  background: url("../image/vc-sprite.png");
  background-size: 300px;
  background-position: -206px -80px
}

.share_float .share_mid {
  position: relative;
  height: 80px;
  padding: 0 25px;
  box-sizing: border-box
}

.share_float .share_mid .share_list {
  position: relative;
  overflow: hidden;
  width: 100%
}

.share_float .share_mid .share_scroll {
  display: flex;
  font-size: 0;
  transition: all .3s ease-in-out;
  justify-content: space-between
}

.share_float .share_mid .share_cell {
  padding: 0 14px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: 86px;
  box-sizing: border-box;
  flex-shrink: 0;
  cursor: pointer;
  text-decoration: none
}

.share_float .share_mid .share_cell .icon {
  width: 55px;
  height: 55px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
  background: url("../image/vc-sprite.png") no-repeat -3px -180px;
  background-size: 300px;
  border-radius: 50%
}

.share_float .share_mid .share_cell .icon:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, .25)
}

.share_float .share_mid .share_cell .icon.wa {
  background-position: -3px -180px
}

.share_float .share_mid .share_cell .icon.fb {
  background-position: -185px -235px
}

.share_float .share_mid .share_cell .icon.tw {
  background-position: -124px -177px
}

.share_float .share_mid .share_cell .icon.em {
  background-position: -64px -237px
}

.share_float .share_mid .share_cell .icon.li {
  background-position: -241px -204px
}

.share_float .share_mid .share_cell .icon.tk {
  background-position: -185px -175px
}

.share_float .share_mid .share_cell .icon.it {
  background-position: -63px -179px
}

.share_float .share_mid .share_cell .icon.yt {
  background-position: -124px -236px
}

.share_float .share_mid .share_cell .text {
  color: #4f4e4e;
  font: 400 12px/17px PingFang SC;
  text-align: center;
  text-transform: capitalize
}

.share_float .share_mid .share_prev {
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translate(0, -50%);
  display: flex;
  width: 32px;
  height: 32px;
  background: #cdcdcd;
  cursor: pointer;
  border-radius: 50%
}

.share_float .share_mid .share_prev:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 20px;
  background: url("../image/vc-sprite.png");
  background-size: 300px;
  background-position: -177px -124px
}

.share_float .share_mid .share_next {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translate(0, -50%);
  display: flex;
  width: 32px;
  height: 32px;
  background: #cdcdcd;
  cursor: pointer;
  border-radius: 50%
}

.share_float .share_mid .share_next:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 20px;
  background: url("../image/vc-sprite.png");
  background-size: 300px;
  background-position: -194px -124px
}

.share_float .share_mid .share_next:active,
.share_float .share_mid .share_prev:active {
  background: #527dff
}

.share_float .share_bot {
  margin-top: 30px;
  border: 1px solid #527dff;
  border-radius: 30px;
  padding: 6px;
  display: flex;
  justify-content: space-between;
  overflow: hidden
}

.share_float .share_bot input {
  border: 0;
  color: #666;
  font-size: 14px;
  font-family: PingFang SC;
  padding-left: 10px;
  width: 100%;
  box-sizing: border-box;
  outline: 0;
  overflow: hidden;
  text-overflow: ellipsis
}

.share_float .share_bot button {
  width: 114px;
  height: 42px;
  line-height: 42px;
  color: #fff;
  border: 0;
  background: #527dff;
  border-radius: 20px;
  flex-shrink: 0;
  cursor: pointer
}

.share_float .share_bot button:hover {
  background: #668cff
}

.share_float .share_bot button:active {
  background: #3d6dff
}

.v-content-drawer {
  width: 240px;
  flex-shrink: 0;
  height: 100%;
  background: #1a1a1a;
  box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.16);
  border-radius: 0;
  opacity: 1;
  border: 1px solid rgba(0, 0, 0, 0);
  overflow: auto;
  transition: all .3s ease-in-out;
  margin-left: -400px;
  padding: 44px 0;
  box-sizing: border-box;
  position: relative
}

.v-content-drawer.showDrawer {
  margin-left: 0
}

.v-goback a .white-logo {
  display: none
}

@media(prefers-color-scheme:light) {
  .v-goback a img {
    display: none
  }

  .v-goback a img.white-logo {
    display: block
  }
}

.white .vc-whatapp,
.vc-whatapp {
  display: inline-flex;
  justify-content: center;
  background: #01a884;
  border-radius: 20px;
  color: #fff;
  font: 400 14px/32px Roboto, HelveticaNeue, Arial, sans-serif;
  height: 32px;
  padding: 0 15px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  align-items: center;
  transition: background ease-in-out .3s;
  margin-right: 10px
}

.white .vc-whatapp:hover,
.vc-whatapp:hover {
  background: #3b8c7f
}

.v-fixed .vc-whatapp i,
.vc-whatapp i {
  display: inline-flex;
  width: 14px;
  height: 14px;
  background: #fff;
  margin-right: 6px;
  background: url(../image/img_whatsapp_white.png) no-repeat !important;
  background-size: cover !important
}

.vc-bigtxt {
  position: relative
}

.vc-banner {
  width: 100%;
  height: 160px;
  background: #333;
  box-sizing: border-box;
  position: relative
}

.vc-nav {
  width: 100%;
  height: 48px;
  padding: 0 40px;
  box-sizing: border-box;
  font-size: 0;
  background: #181818
}

.vc-nav a {
  width: 100px;
  display: inline-block;
  height: 48px;
  line-height: 48px;
  color: #ffffffa3;
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center
}

.vc-nav a.active {
  font-weight: bold
}

.vc-nav a.active:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  position: absolute;
  bottom: 0
}

.vc-main {
  padding: 0 24px 30px
}

.vc-company {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  padding: 50px 40px;
  box-sizing: border-box;
  background: url('../image/theme_img.jpeg') no-repeat center;
  background-size: cover
}

.vc-company .vc-company-logo {
  width: 180px;
  height: 60px;
  display: inline-flex;
  margin-right: 16px;
  border-radius: 4px;
  background: #fff;
  align-items: center
}

.vc-company .vc-company-logo img {
  max-width: 100%;
  max-height: 100%
}

.vc-company .vc-company-loc {
  color: #fff;
  font: 700 24px/30px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
  margin-bottom: 4px
}

.vc-company .vc-totalvideo {
  color: rgba(255, 255, 255, 0.8);
  font: 400 14px/18px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif
}

.vc-icons {
  position: absolute;
  bottom: 16px;
  right: 24px;
  font-size: 0
}

.vc-icons span,
.vc-icons a {
  color: #fff;
  font: 400 14px/18px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
  text-align: left;
  text-transform: capitalize;
  margin-left: 9px;
  display: inline-flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  height: 28px;
  padding: 0 10px;
  border-radius: 4px
}

.vc-icons span i,
.vc-icons a i {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  background: url('../image/vc-sprite.png') no-repeat;
  background-size: 300px
}

.vc-icons span.vc-quality i,
.vc-icons a.vc-quality i {
  background-position: -166px -9px
}

.vc-icons span.vc-website i,
.vc-icons a.vc-website i {
  background-position: -194px -10px
}

.vc-icons span.vc-verified i,
.vc-icons a.vc-verified i {
  background-position: -166px -42px
}

.vc-icons span.vc-vr i,
.vc-icons a.vc-vr i {
  background-position: -194px -42px
}

.vc-icons span.vc-product i,
.vc-icons a.vc-product i {
  background-position: -222px -42px
}

.foreback {
  width: 100%;
  height: 100%;
  position: relative
}

.endback {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0
}

.imgCover:hover .endback {
  opacity: 1
}

.vc-big-videobox {
  padding-top: 24px;
  padding-bottom: 24px;
  margin-bottom: 32px
}

.vc-big-videobox .vc-bigv {
  width: 100%;
  height: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-bottom: 15px;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
  border-radius: 16px
}

.vc-big-videobox .vc-bigvwrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.vc-big-videobox .v-website {
  font-size: 0
}

.vc-big-videobox .vc-btxt-title {
  width: 100%;
  color: #fff;
  font: 700 20px/28px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
  text-align: left;
  margin-bottom: 14px;
  margin-top: 0
}

.vc-big-videobox .vc-txt-wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px
}

.vc-big-videobox .vc-txt-wrap .vc-datas {
  display: flex;
  align-items: center;
  flex: 1
}

.vc-big-videobox .vc-txt-fix {
  width: 290px;
  height: 100%
}

.vc-big-videobox .vc-txt-fix .chatnow,
.vc-big-videobox .vc-txt-fix .sharebtn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  height: 32px;
  padding: 0 10px;
  border-radius: 20px;
  font: 400 14px/32px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
  cursor: pointer;
  text-decoration: none;
  transition: all .2s
}

.vc-big-videobox .vc-txt-fix .chatnow {
  background: #4bcd65;
  color: #fff;
  margin-right: 15px;
  margin-bottom: 5px
}

.vc-big-videobox .vc-txt-fix .sharebtn {
  background: #fff;
  color: #666;
  margin-right: 10px;
  white-space: nowrap;
  border: 1px solid #666;
  box-sizing: border-box
}

.vc-big-videobox .vc-txt-fix .sharebtn:hover {
  color: #fff;
  background: #527dff;
  border-color: #527dff
}

.vc-big-videobox .vc-txt-fix .sharebtn:hover i {
  background-position: -106px -124px
}

.vc-big-videobox .vc-txt-fix .chatnow:hover {
  background: #42c55d !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .2)
}

.vc-big-videobox .vc-txt-fix a>span {
  max-width: 76px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.vc-big-videobox .vc-txt-fix a:hover {
  background: #036edc
}

.vc-big-videobox .vc-txt-fix i {
  display: inline-flex;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  background: url('../image/vc-sprite.png') no-repeat;
  background-size: 300px;
  background-position: -145px -13px;
  align-items: center;
  justify-content: center
}

.vc-big-videobox .vc-icongroup {
  height: 38px;
  color: rgba(255, 255, 255, 0.64);
  font-family: PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  margin-right: 20px
}

.vc-big-videobox .vc-icongroup i {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('../image/vc-sprite.png');
  background-size: 300px;
  background-position: -11px -69px;
  margin-right: 0
}

.vc-big-videobox .vc-btxt-time {
  height: 38px;
  color: rgba(255, 255, 255, 0.64);
  font: 400 14px/20px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  margin-right: 20px
}

.vc-big-videobox .vc-btxt-total {
  height: 38px;
  color: rgba(255, 255, 255, 0.64);
  font: 400 14px/20px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
  display: flex;
  align-items: center;
  margin-bottom: 0
}

.vc-big-videobox .vc-txt-fix .chatnow i {
  width: 18px;
  height: 18px;
  background-position: -134px -69px
}

.vc-big-videobox .vc-txt-fix .sharebtn i {
  width: 18px;
  height: 18px;
  background-position: -106px -147px
}

.vc-big-videobox .vc-btxt-time i {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url('../image/vc-sprite.png');
  background-size: 300px;
  background-position: -32px -69px;
  margin-right: 5px
}

.vc-big-videobox .vc-btxt-total i {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url("../image/vc-sprite.png");
  margin-right: 5px;
  background-size: 300px;
  background-position: -132px -123px
}

.vc-btxt-cont {
  position: relative
}

.vc-richtext-content {
  word-break: break-word;
  font: 400 14px/20px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
  color: #fff
}

.icon-prevlink,
.icon-nextlink {
  height: 20px;
  color: #557bff;
  font: 400 14px/20px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
  background-size: cover;
  background: transparent;
  text-decoration: underline;
  transform: translateY(0)
}

.icon-prevlink {
  display: block;
  float: right;
  clear: both;
  margin-left: 8px
}

.icon-prevlink:hover {
  color: #3359dd
}

.icon-nextlink {
  display: inline-block;
  position: relative;
  margin-left: 2px
}

.icon-nextlink::after {
  content: '';
  position: absolute;
  background: transparent;
  left: 0;
  bottom: -40px;
  height: 40px;
  width: 40px
}

.vc-big-videobox .vc-btxt-link {
  margin-top: 13px;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.64);
  font: 400 14px/20px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
  text-align: left;
  display: block;
  text-transform: uppercase
}

.vc-links {
  font-size: 0;
  margin-bottom: 10px
}

.vc-links span,
.vc-links h2,
.vc-links a {
  height: 24px;
  background: transparent;
  color: #527dff;
  border-radius: 12px;
  display: inline-block;
  text-align: center;
  line-height: 24px;
  text-decoration: none;
  padding: 0;
  margin-right: 8px;
  margin-bottom: 6px;
  margin-top: 0;
  font-size: 14px;
  font-weight: 400
}

.vc-links span:hover,
.vc-links a:hover {
  color: #3b65e5
}

.video-js {
  width: 100%;
  height: 100%
}

.v-ts-send {
  position: absolute;
  bottom: 62px;
  left: -100%;
  z-index: 9;
  border-radius: 8px;
  overflow: hidden;
  transition: all .3s ease-in-out
}

.v-ts-send.show {
  left: 20px
}

.v-ts-send:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  position: absolute;
  top: 0;
  left: 0
}

.v-ts_wrap {
  background: transparent;
  padding: 6px;
  border-radius: 12px;
  color: #333;
  display: flex;
  z-index: 9;
  position: relative
}

.v-ts-send .v-ts_img {
  width: 44px;
  height: 44px;
  display: flex;
  flex-shrink: 0;
  margin-right: 14px
}

.v-ts-send .v-ts_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.v-ts-send .v-ts_tit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  height: 21px;
  font-size: 12px;
  line-height: 21px;
  margin-bottom: 5px;
  width: 132px;
  color: #fff
}

.v-ts-send .v-ts_bts {
  display: flex
}

.v-ts-send .v-ts_bts i {
  display: inline-flex;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  background: url("../image/vc-sprite.png") no-repeat;
  background-size: 300px;
  background-position: -136px -70px;
  margin-top: -2px
}

.v-ts-send .v-ts_bts .chatnow {
  display: inline-flex;
  justify-content: center;
  background: #4bcd65 !important;
  border-radius: 20px;
  color: #fff;
  font: 400 12px/23px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
  width: 110px;
  height: 23px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  align-items: center;
  transition: background ease-in-out .3s;
  width: 100px;
  white-space: nowrap
}

.v-ts-send .v-ts_bts .chatnow:hover {
  background: #64ce79
}

.v-ts-send .v-ts_bts .chatnow:active {
  background: #34cc52
}

.v-ts_close {
  margin-left: 14px;
  width: 18px;
  height: 20px;
  position: relative;
  margin-right: 0;
  cursor: pointer
}

.v-ts_close i {
  content: "";
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  margin-right: -15px;
  cursor: pointer;
  background: url("../image/vc-sprite.png");
  background-position: -227px -127px;
  background-size: 300px
}

.v-next-box {
  width: 240px;
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 20
}

.v-next-video {
  width: 240px;
  background: #00000080;
  padding: 13px;
  box-sizing: border-box;
  border-radius: 8px
}

.v-next-box .v-next-timeclock {
  text-align: center;
  margin-bottom: 10px
}

.v-next-video .v-next_img {
  width: 214px;
  height: 128px;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
  margin-bottom: 7px
}

.v-next-video .v-next_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.v-next-video .v-next_time {
  position: absolute;
  bottom: 5px;
  right: 5px;
  padding: 0 2px;
  border-radius: 2px;
  color: rgba(255, 255, 255, 0.64);
  font: 400 12px/15px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
  letter-spacing: 0;
  text-align: left;
  background: #333;
  display: block
}

.v-next-video .v-next_tit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px
}

.v-next-video .v-next_tag {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 21px
}

.v-next_btns {
  margin-top: 12px;
  display: flex;
  justify-content: space-between
}

.btn_cancel {
  display: inline-flex;
  justify-content: center;
  background: transparent;
  border-radius: 20px;
  color: #fff;
  font: 400 14px/32px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
  width: 102px;
  height: 32px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  align-items: center;
  transition: background ease-in-out .3s;
  white-space: nowrap;
  border: 1px solid #fff;
  box-sizing: border-box
}

.btn_play {
  display: inline-flex;
  justify-content: center;
  background: #4bcd65;
  border-radius: 20px;
  color: #fff;
  font: 400 14px/32px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
  width: 102px;
  height: 32px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  align-items: center;
  transition: background ease-in-out .3s;
  white-space: nowrap
}

.v-next-video .btn_play:hover {
  background: #64ce79
}

.v-next-video .btn_play:active {
  background: #34cc52
}

.v-prevideo-box .v-next_btns {
  width: 214px;
  margin: 12px auto 0
}

.v-prevideo-box {
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  z-index: 12;
  width: 596px
}

.v-next-timeclock {
  color: #fff
}

.v-prevideo-list {
  padding: 13px;
  box-sizing: border-box;
  border-radius: 8px;
  z-index: 12;
  display: flex;
  flex-wrap: wrap;
  width: 596px
}

.v-prevideo-list .v-pre_cell {
  background: #00000080;
  width: 170px;
  height: 145px;
  margin: 0 10px 10px;
  border-radius: 8px;
  padding: 9px;
  box-sizing: border-box;
  cursor: pointer
}

.v-prevideo-list .v-pre_cell .v-pre_img {
  width: 152px;
  height: 91px;
  overflow: hidden;
  position: relative;
  margin-bottom: 4px;
  border-radius: 8px
}

.v-prevideo-list .v-pre_cell img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.v-prevideo-list .v-pre_cell .v-pre_time {
  position: absolute;
  bottom: 5px;
  right: 5px;
  padding: 0 2px;
  border-radius: 2px;
  color: rgba(255, 255, 255, 0.64);
  font: 400 12px/15px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
  letter-spacing: 0;
  text-align: left;
  background: #333;
  display: block
}

.v-prevideo-list .v-pre_cell .v-pre_tit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px
}

.video-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #000
}

.v-content {
  background: #333
}

.v-content-aside {
  width: 440px;
  flex-shrink: 0;
  padding: 24px 20px 0 0;
  border-radius: 0;
  opacity: 1;
  border: 1px solid rgba(0, 0, 0, 0);
  overflow: auto;
  transition: all .3s ease-in-out;
  box-sizing: border-box;
  position: relative;
  background: #1a1a1a
}

.v-videobox-aside-content {
  height: 100%;
  display: flex;
  flex-direction: column
}

.v-videobox-aside {
  flex: 1;
  padding: 18px 16px 16px;
  border-radius: 12px
}

.v-videobox-aside .v-small-item {
  display: flex;
  margin-bottom: 20px;
  text-decoration: none
}

.v-content-aside .vc-small {
  width: 208px;
  height: 117px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-right: 12px;
  background: #eee;
  overflow: hidden;
  border-radius: 10px
}

.v-content-aside .vc-small .imgCover {
  width: 208px;
  height: 117px;
  position: relative
}

.v-content-aside .vc-small .imgCover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.v-content-aside .vc-small .imgCover .tickClock {
  position: absolute;
  bottom: 5px;
  right: 5px;
  padding: 0 2px;
  border-radius: 2px;
  color: rgba(255, 255, 255, 0.64);
  font: 400 12px/15px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
  letter-spacing: 0;
  text-align: left;
  background: #333
}

.v-content-aside .vc-smalltxt {
  flex: 1;
  overflow: hidden
}

.v-content-aside .vc-stxt-title {
  width: 100%;
  font: 400 14px/18px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
  color: #fff;
  text-align: left;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin-top: 0;
  -webkit-line-clamp: 4;
  overflow: hidden;
  margin-bottom: 8px;
  word-break: break-all
}

.v-content-aside .vc-stxt-title:hover {
  color: #5e5e5e
}

.v-content-aside .vc-stxt-group {
  height: 15px;
  font: 400 12px/15px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
  text-align: left;
  color: rgba(255, 255, 255, 0.64);
  margin-bottom: 4px;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.v-content-aside .vc-stxt-group i {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url('../image/vc-sprite.png');
  background-size: 300px;
  background-position: -11px -72px;
  margin-right: 5px;
  float: left
}

.v-content-aside .vc-stxt-time {
  height: 15px;
  font: 400 12px/15px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
  text-align: left;
  display: flex;
  color: rgba(255, 255, 255, 0.64)
}

.v-content-aside .vc-stxt-time i {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url('../image/vc-sprite.png');
  background-size: 300px;
  background-position: -32px -72px;
  margin-right: 5px
}

.vc-group-title {
  color: #fff;
  font-size: 18px;
  margin-bottom: 13px;
  font-family: PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700
}

.v-prod-send {
  background: rgba(255, 255, 255, 0.12);
  padding: 16px;
  border-radius: 12px;
  color: #fff;
  margin-bottom: 20px;
  display: flex;
  margin-left: 0
}

.v-prod-send .v-prod_txt {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.v-prod-send .v-prod_img {
  width: 102px;
  height: 102px;
  display: flex;
  flex-shrink: 0;
  margin-right: 8px;
  background-color: #fff;
  border-radius: 6px
}

.v-prod-send .v-prod_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.v-prod-send .v-prod_tit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 27px
}

.v-prod-send .v-prod_bts a {
  display: inline-flex;
  justify-content: center;
  background: #007cfc;
  border-radius: 20px;
  color: #fff;
  font: 400 14px/32px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
  width: 110px;
  height: 32px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  align-items: center;
  transition: background ease-in-out .3s
}

.v-prod-send .v-prod_bts i {
  display: inline-flex;
  width: 14px;
  height: 14px;
  background: #fff;
  margin-right: 6px;
  background: url('../image/vc-sprite.png') no-repeat;
  background-size: 300px;
  background-position: -145px -13px
}

.v-prod-send .v-prod_bts .chatnow,
.v-prod-send .v-prod_bts .learnmore {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  height: 32px;
  border-radius: 20px;
  font: 400 14px/32px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
  cursor: pointer;
  text-decoration: none;
  transition: background ease-in-out .3s;
  white-space: nowrap;
  transition: all .2s;
  margin-bottom: 5px
}

.v-prod-send .v-prod_bts .chatnow {
  background: #4bcd65;
  color: #fff;
  margin-right: 10px;
  float: left
}

.v-prod-send .v-prod_bts .learnmore {
  background: #fff;
  color: #666;
  margin-right: 0;
  border: 1px solid #666;
  box-sizing: border-box
}

.v-prod-send .v-prod_bts a>span {
  max-width: 76px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.v-prod-send .v-prod_bts .chatnow:hover {
  background: #42c55d;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .2)
}

.v-prod-send .v-prod_bts .learnmore i {
  display: inline-flex;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  background: url("../image/vc-sprite.png") no-repeat;
  background-size: 300px;
  background-position: -73px -127px
}

.v-prod-send .v-prod_bts .learnmore:hover {
  color: #527dff !important;
  border-color: #527dff
}

.v-prod-send .v-prod_bts .learnmore:hover i {
  background-size: 300px;
  background-position: -73px -146px
}

.v-prod-send .v-prod_bts .chatnow i {
  width: 18px;
  height: 18px;
  background-position: -134px -69px
}

.vc-message {
  margin-top: 30px
}

.vc-message .vc-message-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px solid #cecece;
  border-bottom: 1px solid rgba(255, 255, 255, 0.22)
}

.vc-message .vc-message-head .ms-title {
  color: #fff;
  font: 700 18px/22px PingFang SC
}

.vc-message .vc-message-head .ms-leave-message {
  color: #4bcd65;
  font: 400 14px/22px PingFang SC;
  display: inline-flex;
  align-items: center;
  cursor: pointer
}

.vc-message .vc-message-head .ms-leave-message:hover {
  color: #20a43a
}

.vc-message .vc-message-head .ms-leave-message i {
  display: inline-flex;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  background: url("../image/vc-sprite.png") no-repeat;
  background-size: 300px;
  background-position: -181px -147px
}

.vc-message .vc-message-list {
  margin-top: 20px
}

.vc-message .vc-message-cell {
  display: flex;
  align-items: flex-start;
  padding-bottom: 8px
}

.vc-message .cell__avator {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid #ff6200;
  overflow: hidden;
  margin-right: 10px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  text-transform: uppercase;
  background: #ff6200;
  color: #fff
}

.vc-message .cell__avator img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.vc-message .cell__top {
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  height: 20px
}

.vc-message .cell__name {
  color: rgba(255, 255, 255);
  font: 700 14px/18px PingFang SC;
  overflow: hidden;
  text-overflow: ellipsis
}

.vc-message .cell__contry {
  color: rgba(255, 255, 255, 0.64);
  font: 400 14px/18px PingFang SC;
  margin-left: 34px
}

.vc-message .cell__time {
  color: rgba(255, 255, 255, 0.64);
  font: 400 14px/18px PingFang SC;
  margin-left: 10px
}

.vc-message .cell__txt {
  color: #fff;
  font: 400 14px/18px PingFang SC
}

.vc-message .cell__repeat {
  padding-top: 21px
}

.vc-message .cell__repeat .vc-message-cell {
  padding-bottom: 12px
}

.vc-message .cell__repeat .vc-message-cell .cell__repeat {
  padding-top: 0
}

.vc-message .cell__repeat .vc-message-cell .cell__avator {
  width: 30px;
  height: 30px;
  background: #ff9e43;
  border-color: #ff9e43;
  font-size: 16px
}

.vc-message-none {
  color: #666;
  font: 400 14px/18px PingFang SC;
  margin-top: 16px
}

.vc-message-loading {
  margin-top: 16px;
  display: flex;
  justify-content: center;
  align-items: center
}

.vc-message-loading img {
  width: 60px;
  height: 50px
}

.profile_99703_128 {
  text-align: center
}

.profile_99703_128 .item {
  margin-bottom: 40px
}

.profile_99703_128 .title {
  margin-bottom: 30px
}

.profile_99703_128 img {
  margin-bottom: 40px;
  margin-right: 20px
}

.profile_99703_128 .image-wrap img:last-child {
  margin-right: 0
}

.profile_99703_128 .texts {
  width: 800px;
  margin: 0 auto;
  line-height: 22px;
  text-align: left
}

.profile_99703_128 .texts ul,
.profile_99703_128 .texts ol {
  list-style: initial
}

.profile_99703_company {
  text-align: center
}

.profile_99703_company .item {
  margin-bottom: 40px;
  margin-top: 20px;
}

.profile_99703_company .title {
  margin-bottom: 30px;
}

.profile_99703_company img {
  margin-bottom: 40px;
  margin-right: 20px
}

.profile_99703_company img[src$='load_icon.gif'] {
  position: initial !important;
  margin-top: 0 !important;
  margin-left: 0 !important
}

.profile_99703_company .image-wrap img:last-child {
  margin-right: 0
}

.profile_99703_company .texts {
  width: 800px;
  width: 100%;
  margin: 0 auto;
  line-height: 22px;
  text-align: left
}

.profile_99703_company .texts ul,
.profile_99703_company .texts ol {
  list-style: initial
}

.recommend_99703_124 {
  padding: 40px 0
}

.recommend_99703_124 .wrap-rule {
  width: 1208px
}

.recommend_99703_124 .pic-scroll {
  position: relative;
  margin-top: 20px
}

.recommend_99703_124 .pic-list {
  height: 446px;
  overflow: hidden
}

.recommend_99703_124 .lists {
  height: 446px;
  padding: 6px;
  box-sizing: border-box
}

.recommend_99703_124 .item {
  float: left;
  width: 290px;
  height: 436px;
  margin: 0 6px;
  box-sizing: border-box;
  padding: 15px
}

.recommend_99703_124 .lists .item:first-child {
  margin-left: 0
}

.recommend_99703_124 .lists .item:last-child {
  margin-right: 0
}

.recommend_99703_124 .lists .item:hover {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16)
}

.recommend_99703_124 .image-all {
  width: 260px;
  height: 260px;
  line-height: 260px;
  position: relative
}

.recommend_99703_124 .image-all img {
  position: relative;
  -webkit-transition: transform .2s ease;
  -moz-transition: transform .2s ease;
  -o-transition: transform .2s ease;
  -ms-transition: transform .2s ease;
  transition: transform .2s ease
}

.recommend_99703_124 .image-all:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.recommend_99703_124 .text-content {
  padding: 0 5px;
  margin-top: 15px
}

.recommend_99703_124 .product-title {
  height: 69px;
  font-size: 18px;
  font-weight: bold;
  line-height: 23px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: 12px
}

.recommend_99703_124 .product-title {
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -o-transition: color .2s ease;
  -ms-transition: color .2s ease;
  transition: color .2s ease
}

.recommend_99703_124 .product-title:hover a {
  color: #e52a2a
}

.recommend_99703_124 .button {
  margin-top: 19px
}

.recommend_99703_124 .operations {
  position: absolute;
  right: 0;
  top: -52px;
  z-index: 1
}

.recommend_99703_124 .prev,
.recommend_99703_124 .next {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  text-align: center;
  line-height: 32px;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: background-color .2s ease;
  -moz-transition: background-color .2s ease;
  -o-transition: background-color .2s ease;
  -ms-transition: background-color .2s ease;
  transition: background-color .2s ease
}

.recommend_99703_124 .prev:hover,
.recommend_99703_124 .next:hover {
  background-color: #e52a2a
}

.recommend_99703_124 .next {
  margin: 0 6px 0 10px
}

.req_quote_99703_136 {
  border-bottom: 1px solid #f0f1f2
}

.req_quote_99703_136 .wrap-rule {
  height: 120px;
  position: relative;
  box-sizing: border-box;
  padding-left: 125px
}

.req_quote_99703_136 .logo {
  width: 110px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px
}

.req_quote_99703_136 .float-left {
  width: 45%;
  padding: 28px 0;
  box-sizing: border-box
}

.req_quote_99703_136 .float-right {
  width: 55%;
  padding-top: 64px;
  text-align: right
}

.req_quote_99703_136 .company-name {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px
}

.req_quote_99703_136 .stars {
  margin-top: 20px;
  line-height: 22px;
  font-size: 0
}

.req_quote_99703_136 .stars span,
.req_quote_99703_136 .stars i {
  display: inline-block;
  vertical-align: middle
}

.req_quote_99703_136 .stars span {
  font-size: 14px
}

.req_quote_99703_136 .stars .list {
  margin-left: 10px
}

.req_quote_99703_136 .stars .iconfont {
  width: 16px;
  font-size: 20px;
  color: #ffbc04;
}

.req_quote_99703_136 .float-right .icon-item:last-child {
  margin-right: 0;
}

.req_quote_99703_136 .icon-item {
  display: inline-block;
  vertical-align: middle;
  height: 36px;
  padding-left: 40px;
  position: relative;
  margin-right: 22px;
  text-align: left;
}

.req_quote_99703_136 .icon-item i {
  position: absolute;
  left: 0;
  height: 36px;
  line-height: 36px;
  top: 0;
  font-size: 30px;
}

.req_quote_99703_136 .icon-item p {
  line-height: 18px;
}

/* 分页 */
.pagination-box {
  text-align: center;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 60px 0 40px;
  border-radius: 4px;
}

.pagination>li {
  display: inline;
}

.pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857;
  text-decoration: none;
  color: #e52a2a;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
  z-index: 2;
  color: #e52a2a;
  background-color: none;
  border-color: #e52a2a;
}

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
  z-index: 3;
  color: #fff;
  background-color: #e52a2a;
  border-color: #e52a2a;
  cursor: default;
}

/* 分页 */


/* 产品分类轮播 */
.pro-category {
  position: relative;
}

/* Swiper容器样式 */
.swiper-container {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 30px 0;
}

.swiper-wrapper {
  overflow: hidden;
}

.swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  /* padding: 15px; */
  transition: transform 0.3s ease;
}

/* 产品卡片样式 */
.product-card {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* border-radius: 10px; */
  overflow: hidden;
  /* background-color: white;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08); */
  transition: all 0.3s ease;
  cursor: pointer;
}

/* .product-card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
} */

.product-image {
  width: 100%;
  height: 160px;
  background-color: #f5f5f5;
  /* border-radius: 8px 8px 0 0; */
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-card:hover .product-image img {
  transform: scale(1.05);
}

.product-name {
  height: 32px;
  font-size: 12px;
  overflow: hidden;
  line-height: 16px;
  text-align: center;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -o-transition: color .2s ease;
  -ms-transition: color .2s ease;
  transition: color .2s ease;
}

/* 导航箭头样式 */
.swiper-button-next,
.swiper-button-prev {
  width: 44px;
  height: 44px;
  background-color: #ccc;
  border-radius: 50%;
  transition: all 0.3s ease;
  top: 50%;
  /* transform: translateY(-50%); */
  color: #ffffff;
}

.swiper-button-next svg,
.swiper-button-prev svg {
  width: 12px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 16px;
  color: white;
}

.swiper-button-prev {
  left: -52px!important;
}

.swiper-button-next {
  right: -52px!important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  background-color: #e52a2a;
}

/* 分页器样式 */
.swiper-pagination {
  bottom: 0 !important;
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #ccc;
  opacity: 0.8;
}

.swiper-pagination-bullet-active {
  background-color: #e52a2a;
}

/* 响应式设计 */
@media (max-width: 768px) {

  .swiper-button-next,
  .swiper-button-prev {
    width: 36px;
    height: 36px;
  }
}

/* 产品分类轮播 */