@font-face {
  font-family: "element-icons";
  src: url("fonts/element-icons.woff") format("woff"), url("fonts/element-icons.ttf") format("truetype");
  font-weight: normal;
  font-style: normal
}

[class^=el-icon-], [class*=" el-icon-"] {
  font-family: "element-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.el-icon-ice-cream-round:before {
  content: ""
}

.el-icon-ice-cream-square:before {
  content: ""
}

.el-icon-lollipop:before {
  content: ""
}

.el-icon-potato-strips:before {
  content: ""
}

.el-icon-milk-tea:before {
  content: ""
}

.el-icon-ice-drink:before {
  content: ""
}

.el-icon-ice-tea:before {
  content: ""
}

.el-icon-coffee:before {
  content: ""
}

.el-icon-orange:before {
  content: ""
}

.el-icon-pear:before {
  content: ""
}

.el-icon-apple:before {
  content: ""
}

.el-icon-cherry:before {
  content: ""
}

.el-icon-watermelon:before {
  content: ""
}

.el-icon-grape:before {
  content: ""
}

.el-icon-refrigerator:before {
  content: ""
}

.el-icon-goblet-square-full:before {
  content: ""
}

.el-icon-goblet-square:before {
  content: ""
}

.el-icon-goblet-full:before {
  content: ""
}

.el-icon-goblet:before {
  content: ""
}

.el-icon-cold-drink:before {
  content: ""
}

.el-icon-coffee-cup:before {
  content: ""
}

.el-icon-water-cup:before {
  content: ""
}

.el-icon-hot-water:before {
  content: ""
}

.el-icon-ice-cream:before {
  content: ""
}

.el-icon-dessert:before {
  content: ""
}

.el-icon-sugar:before {
  content: ""
}

.el-icon-tableware:before {
  content: ""
}

.el-icon-burger:before {
  content: ""
}

.el-icon-knife-fork:before {
  content: ""
}

.el-icon-fork-spoon:before {
  content: ""
}

.el-icon-chicken:before {
  content: ""
}

.el-icon-food:before {
  content: ""
}

.el-icon-dish-1:before {
  content: ""
}

.el-icon-dish:before {
  content: ""
}

.el-icon-moon-night:before {
  content: ""
}

.el-icon-moon:before {
  content: ""
}

.el-icon-cloudy-and-sunny:before {
  content: ""
}

.el-icon-partly-cloudy:before {
  content: ""
}

.el-icon-cloudy:before {
  content: ""
}

.el-icon-sunny:before {
  content: ""
}

.el-icon-sunset:before {
  content: ""
}

.el-icon-sunrise-1:before {
  content: ""
}

.el-icon-sunrise:before {
  content: ""
}

.el-icon-heavy-rain:before {
  content: ""
}

.el-icon-lightning:before {
  content: ""
}

.el-icon-light-rain:before {
  content: ""
}

.el-icon-wind-power:before {
  content: ""
}

.el-icon-baseball:before {
  content: ""
}

.el-icon-soccer:before {
  content: ""
}

.el-icon-football:before {
  content: ""
}

.el-icon-basketball:before {
  content: ""
}

.el-icon-ship:before {
  content: ""
}

.el-icon-truck:before {
  content: ""
}

.el-icon-bicycle:before {
  content: ""
}

.el-icon-mobile-phone:before {
  content: ""
}

.el-icon-service:before {
  content: ""
}

.el-icon-key:before {
  content: ""
}

.el-icon-unlock:before {
  content: ""
}

.el-icon-lock:before {
  content: ""
}

.el-icon-watch:before {
  content: ""
}

.el-icon-watch-1:before {
  content: ""
}

.el-icon-timer:before {
  content: ""
}

.el-icon-alarm-clock:before {
  content: ""
}

.el-icon-map-location:before {
  content: ""
}

.el-icon-delete-location:before {
  content: ""
}

.el-icon-add-location:before {
  content: ""
}

.el-icon-location-information:before {
  content: ""
}

.el-icon-location-outline:before {
  content: ""
}

.el-icon-location:before {
  content: ""
}

.el-icon-place:before {
  content: ""
}

.el-icon-discover:before {
  content: ""
}

.el-icon-first-aid-kit:before {
  content: ""
}

.el-icon-trophy-1:before {
  content: ""
}

.el-icon-trophy:before {
  content: ""
}

.el-icon-medal:before {
  content: ""
}

.el-icon-medal-1:before {
  content: ""
}

.el-icon-stopwatch:before {
  content: ""
}

.el-icon-mic:before {
  content: ""
}

.el-icon-copy-document:before {
  content: ""
}

.el-icon-full-screen:before {
  content: ""
}

.el-icon-switch-button:before {
  content: ""
}

.el-icon-aim:before {
  content: ""
}

.el-icon-crop:before {
  content: ""
}

.el-icon-odometer:before {
  content: ""
}

.el-icon-time:before {
  content: ""
}

.el-icon-bangzhu:before {
  content: ""
}

.el-icon-close-notification:before {
  content: ""
}

.el-icon-microphone:before {
  content: ""
}

.el-icon-turn-off-microphone:before {
  content: ""
}

.el-icon-position:before {
  content: ""
}

.el-icon-postcard:before {
  content: ""
}

.el-icon-message:before {
  content: ""
}

.el-icon-chat-line-square:before {
  content: ""
}

.el-icon-chat-dot-square:before {
  content: ""
}

.el-icon-chat-dot-round:before {
  content: ""
}

.el-icon-chat-square:before {
  content: ""
}

.el-icon-chat-line-round:before {
  content: ""
}

.el-icon-chat-round:before {
  content: ""
}

.el-icon-set-up:before {
  content: ""
}

.el-icon-turn-off:before {
  content: ""
}

.el-icon-open:before {
  content: ""
}

.el-icon-connection:before {
  content: ""
}

.el-icon-link:before {
  content: ""
}

.el-icon-cpu:before {
  content: ""
}

.el-icon-thumb:before {
  content: ""
}

.el-icon-female:before {
  content: ""
}

.el-icon-male:before {
  content: ""
}

.el-icon-guide:before {
  content: ""
}

.el-icon-news:before {
  content: ""
}

.el-icon-price-tag:before {
  content: ""
}

.el-icon-discount:before {
  content: ""
}

.el-icon-wallet:before {
  content: ""
}

.el-icon-coin:before {
  content: ""
}

.el-icon-money:before {
  content: ""
}

.el-icon-bank-card:before {
  content: ""
}

.el-icon-box:before {
  content: ""
}

.el-icon-present:before {
  content: ""
}

.el-icon-sell:before {
  content: ""
}

.el-icon-sold-out:before {
  content: ""
}

.el-icon-shopping-bag-2:before {
  content: ""
}

.el-icon-shopping-bag-1:before {
  content: ""
}

.el-icon-shopping-cart-2:before {
  content: ""
}

.el-icon-shopping-cart-1:before {
  content: ""
}

.el-icon-shopping-cart-full:before {
  content: ""
}

.el-icon-smoking:before {
  content: ""
}

.el-icon-no-smoking:before {
  content: ""
}

.el-icon-house:before {
  content: ""
}

.el-icon-table-lamp:before {
  content: ""
}

.el-icon-school:before {
  content: ""
}

.el-icon-office-building:before {
  content: ""
}

.el-icon-toilet-paper:before {
  content: ""
}

.el-icon-notebook-2:before {
  content: ""
}

.el-icon-notebook-1:before {
  content: ""
}

.el-icon-files:before {
  content: ""
}

.el-icon-collection:before {
  content: ""
}

.el-icon-receiving:before {
  content: ""
}

.el-icon-suitcase-1:before {
  content: ""
}

.el-icon-suitcase:before {
  content: ""
}

.el-icon-film:before {
  content: ""
}

.el-icon-collection-tag:before {
  content: ""
}

.el-icon-data-analysis:before {
  content: ""
}

.el-icon-pie-chart:before {
  content: ""
}

.el-icon-data-board:before {
  content: ""
}

.el-icon-data-line:before {
  content: ""
}

.el-icon-reading:before {
  content: ""
}

.el-icon-magic-stick:before {
  content: ""
}

.el-icon-coordinate:before {
  content: ""
}

.el-icon-mouse:before {
  content: ""
}

.el-icon-brush:before {
  content: ""
}

.el-icon-headset:before {
  content: ""
}

.el-icon-umbrella:before {
  content: ""
}

.el-icon-scissors:before {
  content: ""
}

.el-icon-mobile:before {
  content: ""
}

.el-icon-attract:before {
  content: ""
}

.el-icon-monitor:before {
  content: ""
}

.el-icon-search:before {
  content: ""
}

.el-icon-takeaway-box:before {
  content: ""
}

.el-icon-paperclip:before {
  content: ""
}

.el-icon-printer:before {
  content: ""
}

.el-icon-document-add:before {
  content: ""
}

.el-icon-document:before {
  content: ""
}

.el-icon-document-checked:before {
  content: ""
}

.el-icon-document-copy:before {
  content: ""
}

.el-icon-document-delete:before {
  content: ""
}

.el-icon-document-remove:before {
  content: ""
}

.el-icon-tickets:before {
  content: ""
}

.el-icon-folder-checked:before {
  content: ""
}

.el-icon-folder-delete:before {
  content: ""
}

.el-icon-folder-remove:before {
  content: ""
}

.el-icon-folder-add:before {
  content: ""
}

.el-icon-folder-opened:before {
  content: ""
}

.el-icon-folder:before {
  content: ""
}

.el-icon-edit-outline:before {
  content: ""
}

.el-icon-edit:before {
  content: ""
}

.el-icon-date:before {
  content: ""
}

.el-icon-c-scale-to-original:before {
  content: ""
}

.el-icon-view:before {
  content: ""
}

.el-icon-loading:before {
  content: ""
}

.el-icon-rank:before {
  content: ""
}

.el-icon-sort-down:before {
  content: ""
}

.el-icon-sort-up:before {
  content: ""
}

.el-icon-sort:before {
  content: ""
}

.el-icon-finished:before {
  content: ""
}

.el-icon-refresh-left:before {
  content: ""
}

.el-icon-refresh-right:before {
  content: ""
}

.el-icon-refresh:before {
  content: ""
}

.el-icon-video-play:before {
  content: ""
}

.el-icon-video-pause:before {
  content: ""
}

.el-icon-d-arrow-right:before {
  content: ""
}

.el-icon-d-arrow-left:before {
  content: ""
}

.el-icon-arrow-up:before {
  content: ""
}

.el-icon-arrow-down:before {
  content: ""
}

.el-icon-arrow-right:before {
  content: ""
}

.el-icon-arrow-left:before {
  content: ""
}

.el-icon-top-right:before {
  content: ""
}

.el-icon-top-left:before {
  content: ""
}

.el-icon-top:before {
  content: ""
}

.el-icon-bottom:before {
  content: ""
}

.el-icon-right:before {
  content: ""
}

.el-icon-back:before {
  content: ""
}

.el-icon-bottom-right:before {
  content: ""
}

.el-icon-bottom-left:before {
  content: ""
}

.el-icon-caret-top:before {
  content: ""
}

.el-icon-caret-bottom:before {
  content: ""
}

.el-icon-caret-right:before {
  content: ""
}

.el-icon-caret-left:before {
  content: ""
}

.el-icon-d-caret:before {
  content: ""
}

.el-icon-share:before {
  content: ""
}

.el-icon-menu:before {
  content: ""
}

.el-icon-s-grid:before {
  content: ""
}

.el-icon-s-check:before {
  content: ""
}

.el-icon-s-data:before {
  content: ""
}

.el-icon-s-opportunity:before {
  content: ""
}

.el-icon-s-custom:before {
  content: ""
}

.el-icon-s-claim:before {
  content: ""
}

.el-icon-s-finance:before {
  content: ""
}

.el-icon-s-comment:before {
  content: ""
}

.el-icon-s-flag:before {
  content: ""
}

.el-icon-s-marketing:before {
  content: ""
}

.el-icon-s-shop:before {
  content: ""
}

.el-icon-s-open:before {
  content: ""
}

.el-icon-s-management:before {
  content: ""
}

.el-icon-s-ticket:before {
  content: ""
}

.el-icon-s-release:before {
  content: ""
}

.el-icon-s-home:before {
  content: ""
}

.el-icon-s-promotion:before {
  content: ""
}

.el-icon-s-operation:before {
  content: ""
}

.el-icon-s-unfold:before {
  content: ""
}

.el-icon-s-fold:before {
  content: ""
}

.el-icon-s-platform:before {
  content: ""
}

.el-icon-s-order:before {
  content: ""
}

.el-icon-s-cooperation:before {
  content: ""
}

.el-icon-bell:before {
  content: ""
}

.el-icon-message-solid:before {
  content: ""
}

.el-icon-video-camera:before {
  content: ""
}

.el-icon-video-camera-solid:before {
  content: ""
}

.el-icon-camera:before {
  content: ""
}

.el-icon-camera-solid:before {
  content: ""
}

.el-icon-download:before {
  content: ""
}

.el-icon-upload2:before {
  content: ""
}

.el-icon-upload:before {
  content: ""
}

.el-icon-picture-outline-round:before {
  content: ""
}

.el-icon-picture-outline:before {
  content: ""
}

.el-icon-picture:before {
  content: ""
}

.el-icon-close:before {
  content: ""
}

.el-icon-check:before {
  content: ""
}

.el-icon-plus:before {
  content: ""
}

.el-icon-minus:before {
  content: ""
}

.el-icon-help:before {
  content: ""
}

.el-icon-s-help:before {
  content: ""
}

.el-icon-circle-close:before {
  content: ""
}

.el-icon-circle-check:before {
  content: ""
}

.el-icon-circle-plus-outline:before {
  content: ""
}

.el-icon-remove-outline:before {
  content: ""
}

.el-icon-zoom-out:before {
  content: ""
}

.el-icon-zoom-in:before {
  content: ""
}

.el-icon-error:before {
  content: ""
}

.el-icon-success:before {
  content: ""
}

.el-icon-circle-plus:before {
  content: ""
}

.el-icon-remove:before {
  content: ""
}

.el-icon-info:before {
  content: ""
}

.el-icon-question:before {
  content: ""
}

.el-icon-warning-outline:before {
  content: ""
}

.el-icon-warning:before {
  content: ""
}

.el-icon-goods:before {
  content: ""
}

.el-icon-s-goods:before {
  content: ""
}

.el-icon-star-off:before {
  content: ""
}

.el-icon-star-on:before {
  content: ""
}

.el-icon-more-outline:before {
  content: ""
}

.el-icon-more:before {
  content: ""
}

.el-icon-phone-outline:before {
  content: ""
}

.el-icon-phone:before {
  content: ""
}

.el-icon-user:before {
  content: ""
}

.el-icon-user-solid:before {
  content: ""
}

.el-icon-setting:before {
  content: ""
}

.el-icon-s-tools:before {
  content: ""
}

.el-icon-delete:before {
  content: ""
}

.el-icon-delete-solid:before {
  content: ""
}

.el-icon-eleme:before {
  content: ""
}

.el-icon-platform-eleme:before {
  content: ""
}

.el-icon-loading {
  animation: rotating 2s linear infinite
}

.el-icon--right {
  margin-left: 5px
}

.el-icon--left {
  margin-right: 5px
}

@keyframes rotating {
  0% {
    transform: rotateZ(0deg)
  }
  100% {
    transform: rotateZ(360deg)
  }
}

body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, blockquote, th, td {
  margin: 0;
  padding: 0;
  font-family: "Microsoft YaHei UI", "微软雅黑"
}

body {
  min-width: 1300px;
}

span, a, h1, h2, h3, h4, h5, h6 {
  font-family: "Microsoft YaHei UI", "微软雅黑"
}

button {
  outline: none;
  border: none
}

ol, ul {
  list-style: none
}

.mb5 {
  margin-bottom: 5px
}

.mb10 {
  margin-bottom: 10px
}

.mb15 {
  margin-bottom: 15px
}

.mb20 {
  margin-bottom: 20px
}

.mb30 {
  margin-bottom: 30px
}

.mb50 {
  margin-bottom: 50px
}

.ml5 {
  margin-left: 5px
}

.ml10 {
  margin-left: 10px
}

.ml15 {
  margin-left: 15px
}

.ml20 {
  margin-left: 20px
}

.ml30 {
  margin-left: 30px
}

.mt5 {
  margin-top: 5px
}

.mt10 {
  margin-top: 10px
}

.mt15 {
  margin-top: 15px
}

.mt20 {
  margin-top: 20px
}

.mt25 {
  margin-top: 25px
}

.mt30 {
  margin-top: 30px
}

.mt40 {
  margin-top: 40px
}

.p10 {
  padding: 10px
}

.p15 {
  padding: 15px
}

.p30 {
  padding: 30px
}

.pt5 {
  padding-top: 5px
}

.pt10 {
  padding-top: 10px
}

.pt15 {
  padding-top: 15px
}

.pt20 {
  padding-top: 20px
}

.pt30 {
  padding-top: 30px
}

.pb5 {
  padding-bottom: 5px
}

.pb10 {
  padding-bottom: 10px
}

.pb15 {
  padding-bottom: 15px
}

.pb20 {
  padding-bottom: 20px
}

.pb30 {
  padding-bottom: 30px
}

.pl5 {
  padding-left: 5px
}

.pl10 {
  padding-left: 10px
}

.pl15 {
  padding-left: 15px
}

.pl20 {
  padding-left: 20px
}

.pl30 {
  padding-left: 30px
}

.pr5 {
  padding-right: 5px
}

.pr10 {
  padding-right: 10px
}

.pr15 {
  padding-right: 15px
}

.pr20 {
  padding-right: 20px
}

.pr30 {
  padding-right: 30px
}

.pr50 {
  padding-right: 50px
}

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

.white {
  color: #fff
}

.black {
  color: #000
}

.red {
  color: red
}

.c3 {
  color: #333
}

.c4 {
  color: #444
}

.c5 {
  color: #555
}

.c6 {
  color: #666
}

.c8 {
  color: #888
}

.c9 {
  color: #999
}

.ce0 {
  color: #e0e0e0
}

.warn {
  color: #dc541b
}

.f12 {
  font-size: 12px
}

.f13 {
  font-size: 13px
}

.f14 {
  font-size: 14px
}

.f16 {
  font-size: 16px
}

.f18 {
  font-size: 18px
}

.f20 {
  font-size: 20px
}

.f22 {
  font-size: 22px
}

.f24 {
  font-size: 24px
}

.f26 {
  font-size: 26px
}

.f28 {
  font-size: 28px
}

.f30 {
  font-size: 30px
}

.f32 {
  font-size: 32px
}

.f36 {
  font-size: 36px
}

.bold {
  font-weight: bold
}

.lighter {
  font-weight: lighter
}

.tc {
  text-align: center
}

.tr {
  text-align: right
}

.tl {
  text-align: left
}

.content-wrapper {
  width: 1300px;
  margin-left: auto;
  margin-right: auto
}

.primary-text-color {
  color: #16304b
}

.primary-bg-color {
  background-color: #16304b
}

.vjs-big-play-button {
  left: 50% !important;
  margin-left: -40px !important;
  top: 50% !important;
  margin-top: -20px !important
}

.vjs-poster {
  background-size: cover !important
}

.vjs-time-tooltip {
  width: 50px !important
}

ul {
  margin: 0 !important;
  padding: 0
}

li {
  list-style: none
}

img {
  opacity: 1;
  filter: Alpha(opacity=1);
  transition: opacity 1s;
  -moz-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s
}

.hidden {
  display: none
}

.hid {
  display: none
}

a:hover {
  text-decoration: none !important
}

.container {
  position: relative
}

.main-color {
  color: #4a6a89
}

.main-bg-color {
  background-color: #4a6a89
}

#sideMenu {
  font-size: 22px;
  color: #222;
  float: right;
  z-index: 5;
  display: none
}

#sideMenuContainer {
  height: 100%;
  position: fixed;
  top: 56px;
  right: -200px;
  width: 200px;
  z-index: 999999999;
  bottom: 0
}

.mxphonenav {
  padding: 10px 20px;
  line-height: 50px
}

.mxphonenav li a {
  color: #fff
}

.mxphonenav li a:hover {
  opacity: .4
}

.contentpart {
  padding: 60px 0
}

.parttitle h2 {
  font-size: 30px;
  line-height: 30px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: normal;
  margin-top: 0;
  color: #222
}

.parttitle p {
  font-size: 17px;
  line-height: 24px;
  font-weight: normal;
  text-transform: uppercase;
  color: #2e2e2e;
  margin-bottom: 40px
}

.icon-wrapper {
  position: relative;
  height: 80px;
  margin-bottom: 30px
}

.youshipart {
  padding: 45px 20px;
  background: #fff;
  min-height: 322px
}

.youshipart p {
  color: #999
}

.youshipart h3 {
  font-size: 18px;
  line-height: 22px;
  color: #222
}

.icon-wrapper i {
  font-size: 50px;
  color: #666
}

.icon-wrapper i:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -15px;
  border-bottom: 1px solid rgba(0, 0, 0, .16);
  width: 30px
}

.indexabout {
  padding: 30px 20%;
  color: #fff
}

.indexabout h4 {
  margin-top: 0
}

.indexabout h2 {
  margin-top: 0px;
  margin-bottom: 30px
}

.indexabout p {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 30px
}

.indexabout a {
  padding: 10px 40px;
  font-size: 16px;
  color: #fff
}

.indexabout a:hover {
  color: #fff
}

.productpart #myTab {
  float: left;
  width: 20%;
  border-bottom: none;
  padding: 15px
}

.productpart #myTab li {
  float: none;
  background: rgba(255, 255, 255, .2);
  margin-bottom: 5px
}

.productpart #myTab li a {
  border: none;
  color: #fff;
  text-align: center
}

.productpart #myTab li a:hover {
  border-radius: 0 !important;
  background: #fff;
  margin-right: 0 !important
}

.productpart #myTabContent {
  background: #fff;
  padding: 30px;
  margin-left: 20% !important;
  min-height: 500px
}

.productpart .nav-tabs > li.active > a, .productpart .nav-tabs > li.active > a:focus, .productpart .nav-tabs > li.active > a:hover {
  border-radius: 0 !important;
  margin-right: 0 !important
}

#myTabContent .proimg img {
  width: 100%;
  height: auto
}

#myTabContent .indexprotit {
  text-align: center;
  color: #222;
  display: block;
  padding: 10px 0 30px 0
}

.indexnews {
  padding: 0 10%;
  margin: 0 auto
}

.maincon {
  background: #f9f9f9
}

.nybanner img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto
}

.neicon {
  padding-top: 30px;
  padding-bottom: 30px
}

.sidbarnav {
  background: #fff;
  padding: 20px;
  margin-bottom: 20px
}

.listcon {
  background: #fff;
  padding: 30px
}

.tzggtit {
  margin-bottom: 5px;
  text-align: center;
  line-height: 35px;
  font-weight: bold;
  color: #fff
}

.tzggtit span {
  color: #fff !important
}

.tzggtit:before {
  content: "--"
}

.tzggtit:after {
  content: "--"
}

.ymtitle li {
  text-align: center
}

.ymtitle li a {
  height: 34px;
  line-height: 34px;
  background: #f2f3f6;
  display: block;
  margin-top: 10px;
  text-align: center;
  color: #333
}

.sidbarcontact {
  background: #fff;
  padding: 20px
}

.sidbarcontact p {
  font-size: 12px;
  line-height: 24px;
  color: #333;
  margin: 15px 0
}

.sidbarcontact a {
  display: block;
  margin-top: 10px;
  text-align: center;
  color: #111;
  border: 1px solid #eaeaea;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  transition: .3s
}

.bread {
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
  color: #999
}

.pagetit {
  font-size: 24px;
  margin: 20px 0
}

.pagecontent {
  margin-top: 20px
}

.pagecontent img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto
}

.pagecontent p {
  line-height: 30px;
  margin-bottom: 15px;
  color: #666
}

.protoptextpart h1 {
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px
}

.protoppart {
  margin-top: 30px
}

.proxiangqing {
  font-size: 16px;
  margin-top: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 15px
}

.xgpro {
  font-size: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 15px;
  margin-top: 45px
}

.newslistpart h1 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 0px
}

.newslistpart h1 a {
  color: #333
}

.newstag span {
  color: #999;
  margin-right: 10px;
  font-size: 12px
}

.newslistpart .newszy {
  color: #666;
  line-height: 22px;
  margin-top: 10px;
  margin-bottom: 0
}

.newslistpart {
  padding: 30px 0;
  border-bottom: 1px dashed #e5e5e5
}

.newslistpart img {
  width: 100%;
  height: auto
}

.page_navi {
  margin-top: 30px
}

.page_navi a {
  padding: 5px 12px;
  border: 1px solid #e5e5e5;
  margin: 0 2px;
  color: #333
}

.sancon h1 {
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  margin-top: 8px !important
}

.noborder {
  border: none !important;
  padding-bottom: 0 !important;
  margin-bottom: -10px
}

.casetitle {
  margin-top: 10px !important
}

.downloadlistpart {
  line-height: 40px;
  border-bottom: 1px solid #f5f5f5
}

.downloadlistpart h1 {
  font-size: 14px;
  margin: 0;
  line-height: 40px
}

.downloadtime {
  font-size: 12px;
  color: #999
}

.downloadlistpart h1 a {
  color: #333
}

.sancontit {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  line-height: 20px
}

.threetag .newstag {
  margin-top: -5px;
  margin-bottom: -5px
}

.lefttime {
  background: #fafafa;
  padding: 10px 0 1px 0
}

.lefttime p {
  color: #999
}

.year {
  font-size: 18px;
  font-weight: bold
}

.bdsharebuttonbox {
  float: right;
  margin-top: 10px
}

.conbottom {
  margin-top: 30px;
  background: #fafafa;
  padding: 20px 15px 10px 15px
}

.not-found {
  margin-bottom: 160px
}

.zhaopinlist table th {
  border-right: 1px solid #e5e5e5
}

.zhaopinlist table tbody tr td {
  display: table-cell;
  vertical-align: middle;
  border-right: 1px solid #e5e5e5
}

.zhaopinlist .table > thead > tr > th {
  border-bottom: 1px solid #e5e5e5;
  background: #fafafa;
  display: table-cell;
  vertical-align: middle
}

.zhaopinlist table {
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5
}

.proslist {
  margin-top: 30px
}

.pagecontent .visual-form-builder fieldset {
  background: none;
  border: none;
  margin: 0 !important
}

.pagecontent .vfb-legend {
  display: none
}

.pagecontent .visual-form-builder fieldset input, .pagecontent .visual-form-builder fieldset textarea {
  border-radius: 0;
  background: none;
  border: 1px solid #e5e5e5;
  padding: 10px 5px;
  width: 100%;
  margin-top: 5px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none
}

#vfb-3 {
  display: none
}

.conbottom p {
  color: #999
}

.conbottom a {
  color: #333
}

.indexnewstag {
  margin-bottom: 6px
}

.vfb-item-secret .vfb-desc {
  display: none !important
}

.vfb-item-secret .vfb-span {
  display: none !important
}

@media (max-width: 768px) {
  .productpart #myTab li {
    width: 33.333%;
    float: left
  }

  .productpart #myTabContent {
    margin-left: 0 !important;
    float: none
  }

  .productpart #myTab {
    width: 100%;
    float: none
  }

  .pcxc {
    display: none
  }

  .sjxc {
    display: block;
    margin-bottom: 30px
  }

  .yb_conct {
    display: none
  }

  .youshipart {
    margin-bottom: 30px
  }

  .thememenu {
    display: none
  }

  .slideBox1 .newstext {
    width: 100%
  }

  .slideBox1 .newsimg {
    width: 100%
  }

  .indexnews {
    padding: 0
  }

  .slideBox1 .prev, .slideBox1 .next {
    display: none
  }

  .footer {
    padding: 20px 0 15px 0
  }

  .footer_top {
    display: none
  }

  .search {
    display: none
  }

  .themenav {
    height: 56px;
    line-height: 56px
  }

  .logo img {
    max-height: 28px;
    width: auto
  }

  #sideMenu {
    display: block
  }

  .slideBox {
    display: none
  }

  .divContent {
    height: 300px
  }

  .logo {
    height: 56px
  }

  .underslideBox {
    display: block !important
  }

  .bdsharebuttonbox {
    float: left;
    margin-bottom: 10px;
    margin-top: 5px
  }

  .lefttime {
    display: none
  }

  .sidbarcontact {
    display: none
  }

  .ymtitle {
    height: 0;
    overflow: hidden;
    transition: height 2s;
    -moz-transition: height 2s;
    -webkit-transition: height 2s;
    -o-transition: height 2s
  }

  .sidbarnav:hover .ymtitle {
    height: 100%
  }

  .links {
    margin-bottom: -30px
  }

  .linkpart {
    margin-bottom: 30px
  }

  .indexabout_text {
    width: 100%
  }

  .indexabout_img {
    width: 100%
  }

  .indexcasepart {
    width: 100%
  }

  .indexcasepart {
    margin-bottom: 15px
  }

  .indexcase_text h3 {
    margin-top: 0;
    font-size: 16px;
    margin-bottom: 10px
  }

  .indexcase_text p {
    line-height: 20px;
    margin-bottom: 5px;
    font-size: 12px
  }

  .indexcase_text {
    padding: 20px
  }

  .indexnewspart_img {
    width: 100%
  }

  .indexnewspart_text {
    width: 100%
  }

  .header_center {
    display: none
  }

  .header_top {
    display: none
  }

  .header_bottom {
    background: none !important
  }

  .navbar-brand {
    display: block;
    padding: 10px 0 !important
  }

  .navbar-brand img {
    height: 35px;
    width: auto
  }

  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: none !important
  }

  .header_bottom .navbar-default .navbar-nav > li > a {
    margin-right: 0;
    margin-bottom: 3px;
    padding-left: 30px
  }

  .dropdown-menu li a {
    color: #fff !important;
    padding-left: 45px !important;
    line-height: 30px !important
  }

  .navbar-toggle {
    margin-right: 0 !important
  }
}

.pro-info {
  margin-top: 20px
}

.gallery-top {
  width: 100%;
  height: 377px
}

.gallery-top .swiper-slide {
  width: 100%;
  height: 377px;
  background-size: cover;
  background-position: center;
  border: 1px solid #f0f0f0
}

.gallery-top .swiper-slide > img {
  width: 100%;
  height: 100%;
  object-fit: contain
}

.gallery-thumbs {
  margin-top: 10px;
  width: 100%;
  height: 87px
}

.gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: .4;
  border: 1px solid #f0f0f0
}

.gallery-thumbs .swiper-slide > img {
  width: 100%;
  height: 100%;
  object-fit: contain
}

.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1
}

.pro-info-item {
  padding: 5px 0
}

.pro-detail {
  border-bottom: 1px solid #e4eaec
}

.pro-detail > div {
  color: #4a6a89;
  border-bottom: 2px solid #4a6a89;
  margin-top: 20px;
  display: inline-block;
  padding: 10px;
  font-size: 16px
}

.yb_conct {
  position: fixed;
  z-index: 9999999;
  top: 60%;
  right: -127px;
  cursor: pointer;
  transition: all .3s ease
}

.yb_bar ul li {
  width: 180px;
  height: 53px;
  font: 16px/53px "Microsoft YaHei";
  font-size: 14px;
  color: #fff;
  text-indent: 18px;
  margin-bottom: 3px;
  border-radius: 3px;
  transition: all .5s ease;
  overflow: hidden
}

.yb_bar ul li .icon {
  width: 20px;
  height: 20px;
  background: none;
  margin-right: 12px
}

.hd_qr {
  display: block;
  margin: 0 auto
}

.yb_QQ a {
  text-indent: 54px;
  width: 100%;
  height: 100%;
  color: #fff
}

.yb_QQ a:hover {
  color: #fff
}

.indexabout a {
  background: #4a6a89
}

.productpart {
  background: #4a6a89
}

.productpart .nav-tabs > li.active > a, .productpart .nav-tabs > li.active > a:focus, .productpart .nav-tabs > li.active > a:hover {
  color: #4a6a89 !important
}

.productpart #myTab li a:hover {
  color: #4a6a89
}

.slideBox1 .newsmore {
  color: #4a6a89
}

.yb_bar .yb_top {
  background-color: #4a6a89
}

.yb_bar .yb_phone {
  background-color: #4a6a89
}

.yb_bar .yb_QQ {
  background-color: #4a6a89
}

.yb_bar .yb_ercode {
  background-color: #4a6a89
}

.slideBox1 .prev, .slideBox1 .next {
  background-color: #4a6a89
}

.slideBox .hd ul .on {
  background-color: #4a6a89
}

#sideMenu {
  color: #4a6a89
}

.mxphonenav {
  background: #4a6a89
}

.tzggtit {
  background: #4a6a89
}

.toptab a:hover {
  color: #4a6a89
}

.youshilistpart:hover .yslistpartimg {
  background: #4a6a89 !important
}

.tzggtit span {
  color: #4a6a89
}

.ymtitle .current_page_item a, .ymtitle .current-cat a, .sidbarcontact a:hover {
  color: #4a6a89 !important;
  border: none;
  font-weight: bold
}

.proxiangqing {
  color: #4a6a89
}

.showpage a:hover {
  background: #4a6a89;
  color: #fff;
  border-color: #4a6a89
}

#showsum span.sel {
  border: 1px solid #4a6a89
}

.sb-search-input {
  color: #4a6a89 !important
}

#showsum1 span.sel {
  border: 1px solid #4a6a89
}

.sb-search-input {
  color: #4a6a89 !important
}

.xgpro {
  color: #4a6a89 !important
}

.downloadlistpart a:hover {
  color: #4a6a89 !important
}

.conbottom a {
  color: #4a6a89
}

.ymtitle li a:hover {
  color: #4a6a89;
  font-weight: bold
}

.bread a {
  color: #4a6a89
}

.page_navi {
  margin-top: 30px
}

.page_navi a {
  padding: 5px 12px;
  border: 1px solid #e5e5e5;
  margin: 0 2px;
  color: #333
}

.page_navi a:hover, .page_navi .current {
  color: #fff;
  background: #4a6a89;
  border: 1px solid #4a6a89
}

.lefttime .year {
  color: #4a6a89
}

.newstag a {
  color: #4a6a89
}

#vfb-4 {
  color: #fff;
  background: #4a6a89;
  border: 1px solid #4a6a89
}

.head-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0
}

.head-content .logo {
  color: #16304b;
  text-align: center
}

.head-content .logo .title {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 2px
}

.head-content .logo .desc {
  margin-top: 5px;
  font-size: 15px
}

.head-content .content-1 {
  /*width: 360px;*/
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column
}

.head-content .content-1 p {
  margin: 0
}

.head-content .content-1 .title {
  letter-spacing: 1px;
  padding: 0 15px;
  font-size: 24px;
  font-weight: bold;
  color: #16304b;
  border-radius: 20px;
  margin-bottom: 10px
}

.head-content .head-code {
  font-size: 13px;
  text-align: center
}

.head-phone-wrap {
  display: flex
}

.head-phone-wrap .head-phone {
  background-repeat: no-repeat;
  margin-right: 15px;
  display: flex;
  padding-left: 5px
}

.head-phone-wrap .head-phone .phone-number {
  font-style: italic;
  font-size: 18px;
  font-weight: bold
}

.head-phone-wrap .head-phone .left {
  width: 30px;
  height: 30px;
  margin-right: 5px;
  position: relative;
  top: -5px
}

.head-phone-wrap .head-phone .right {
  position: relative;
  top: -5px
}

.head-phone-wrap .head-phone .title {
  font-size: 12px
}

.head_nav {
  background-color: #4a6a89
}

.head_nav ul {
  display: flex;
  margin-bottom: 0
}

.head_nav li {
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  cursor: pointer
}

.head_nav li.act {
  background-color: #88b72e
}

.head_nav li a {
  display: block;
  height: 100%;
  width: 100%;
  padding: 0 20px
}

.head_nav li:nth-of-type(1) {
  border-left: none
}

.head_nav li:nth-last-of-type(1) {
  border-right: none
}

.head_nav li:hover {
  background-color: #88b72e
}

.head_nav li a {
  color: #fff
}

.footer-wrap {
  background-color: #4a6a89;
  width: 100%
}

.footer-wrap .friend-wrap {
  margin-bottom: 30px
}

.footer-wrap .friend-wrap .link {
  text-align: center
}

.footer-wrap .friend-wrap a {
  color: #fff;
  font-size: 14px;
  margin-right: 10px
}

.footer-wrap .friend-wrap a:hover {
  color: #16304b;
  text-decoration: underline
}

.footer-wrap .beian-wrap {
  color: #fff;
  font-size: 14px;
  text-align: center;
  padding-bottom: 30px
}

.footer-wrap .beian-wrap a {
  color: #fff
}

.footer-wrap .beian-wrap a:hover {
  color: #16304b;
  text-decoration: underline
}

.footer-container {
  display: flex;
  padding: 50px 0 20px
}

.footer-container .d-title {
  font-size: 16px;
  color: #fff;
  padding: 0;
  font-weight: bold;
  margin-bottom: 25px;
  margin-top: 0
}

.footer-container .d-title:before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 15px;
  background-color: #fff;
  margin-right: 5px;
  position: relative;
  top: 2px
}

.footer-container .footer-item {
  margin-right: 40px;
  width: 200px
}

.footer-container .footer-item:nth-of-type(1) .d-content {
  display: flex;
  color: #fff
}

.footer-container .footer-item:nth-of-type(1) .phone-wrap {
  background-color: #16304b;
  padding: 5px 10px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  margin-top: 15px
}

.footer-container .footer-item:nth-of-type(2) {
  width: 350px;
  margin-left: 40px
}

.footer-container .footer-item:nth-of-type(2) ul {
  display: flex;
  flex-wrap: wrap
}

.footer-container .footer-item:nth-of-type(2) li {
  margin-bottom: 20px;
  width: 50%;
  font-size: 14px
}

.footer-container .footer-item:nth-of-type(2) a {
  color: #fff
}

.footer-container .footer-item:nth-of-type(2) a:hover {
  color: #16304b;
  text-decoration: underline
}

.footer-container .footer-item:nth-of-type(3) {
  width: 300px
}

.footer-container .footer-item:nth-of-type(3) .tab {
  color: #fff;
  margin-bottom: 15px;
  display: flex
}

.footer-container .footer-item:nth-of-type(3) .tab span {
  font-size: 14px
}

.footer-container .footer-item:nth-of-type(3) .tab i {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  font-size: 16px
}

.footer-container .footer-item:nth-of-type(3) .tab .fa-mobile {
  font-size: 24px
}

.footer-container .footer-item:nth-of-type(4) {
  padding-top: 40px;
  margin-right: 0
}