/**
 * @file
 * Blue color styling for Catalog lite for Drupal 8.
 *
 * $base: #0068f0;
 * $dark: #357cce;
 */

/* base: elements */
a {
  color: #0068f0;
}

a:hover,
a:focus {
  color: #357cce;
}

a.link--dark,
.link--dark a {
  color: #357cce;
}

a.link--dark:hover,
.link--dark a:hover,
a.link--dark:focus,
.link--dark a:focus {
  color: #0068f0;
}

a.link--bordered,
.link--bordered a {
  border-color: #0068f0;
}

.text--dark {
  color: #357cce;
}

.region--colored-background h1.text--dark,
.region--colored-background h2.text--dark,
.region--colored-background h3.text--dark,
.region--colored-background h4.text--dark,
.region--colored-background h5.text--dark,
.region--colored-background h6.text--dark {
  color: #357cce;
}

.text--colored {
  color: #0068f0;
}

.region--black-background h1.text--colored,
.region--black-background h2.text--colored,
.region--black-background h3.text--colored,
.region--black-background h4.text--colored,
.region--black-background h5.text--colored,
.region--black-background h6.text--colored,
.region--dark-background h1.text--colored,
.region--dark-background h2.text--colored,
.region--dark-background h3.text--colored,
.region--dark-background h4.text--colored,
.region--dark-background h5.text--colored,
.region--dark-background h6.text--colored {
  color: #0068f0;
}

.link--hover-style-3 {
  background-image: linear-gradient(rgba(63, 142, 219, 0.5) 0%, rgba(63, 142, 219, 0.5) 100%);
}

.link--hover-style-3:hover {
  background-image: linear-gradient(#0068f0 0%, #0068f0 100%);
}

.region--light-typography .link--hover-style-3:hover {
  color: #0068f0;
}

.region--dark-typography h2.title,
.region--dark-typography nav>h2,
.region--dark-typography .block-search>h2,
.region--dark-typography .block-title.block-title--border {
  border-color: #0068f0;
}

/* base: layout */
.region--dark-background {
  background-color: #357cce;
}

.region--colored-background {
  background-color: #0068f0;
}

.region--white-colored-background {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 50%, #0068f0 50%);
  background: -webkit-linear-gradient(top, #ffffff 50%, #0068f0 50%);
  background: linear-gradient(to bottom, #ffffff 50%, #0068f0 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#0068f0', GradientType=0);
}

.region--gray-background+.region--white-colored-background {
  background: #f6f6f6;
  background: -moz-linear-gradient(top, #f6f6f6 50%, #0068f0 50%);
  background: -webkit-linear-gradient(top, #f6f6f6 50%, #0068f0 50%);
  background: linear-gradient(to bottom, #f6f6f6 50%, #0068f0 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#0068f0', GradientType=0);
}

.region--dark-background+.region--separator-incline-diagonal:before {
  background: linear-gradient(to bottom right, #357cce 49.5%, transparent 50%);
}

.region--colored-background+.region--separator-incline-diagonal:before {
  background: linear-gradient(to bottom right, #0068f0 49.5%, transparent 50%);
}

.region--dark-background+.region--separator-decline-diagonal:before {
  background: linear-gradient(to bottom left, #357cce 49.5%, transparent 50%);
}

.region--colored-background+.region--separator-decline-diagonal:before {
  background: linear-gradient(to bottom left, #0068f0 49.5%, transparent 50%);
}

.banner.region--colored-background:after {
  background-color: rgba(63, 142, 219, 0.65);
}

.banner.region--dark-background:after {
  background-color: rgba(53, 124, 206, 0.65);
}

.page-container-border-enabled .page-container {
  border-color: #0068f0;
}

/* components: accordion */
.card-header--trigger-icon .card-title a.collapsed:after {
  background-color: #0068f0;
}

.region--dark-typography .collapse-group.collapse-group--style-2 .card-header--trigger-icon .card-title a:after {
  color: #0068f0;
}

/* components: better exposed filters */
.region--dark-typography .bef-exposed-form .form--inline fieldset legend {
  border-color: #0068f0;
}

/* components: buttons */
a.button,
.button>a,
button.button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  border-color: #0068f0;
  color: #0068f0;
}

a.button:hover,
a.button:focus,
.button>a:hover,
.button>a:focus,
button.button:hover,
button.button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"]:hover,
input[type="button"]:focus {
  background-color: rgba(63, 142, 219, 0.15);
  border-color: #0068f0;
}

.region--dark-typography a.button.button--solid,
.region--dark-typography .button.button--solid>a,
.region--dark-typography input[type="submit"].button--solid,
.region--dark-typography input[type="reset"].button--solid,
.region--dark-typography input[type="button"].button--solid {
  background-color: #0068f0;
}

.region--dark-typography a.button.button--solid:hover,
.region--dark-typography .button.button--solid>a:hover,
.region--dark-typography input[type="submit"].button--solid:hover,
.region--dark-typography input[type="reset"].button--solid:hover,
.region--dark-typography input[type="button"].button--solid:hover,
.region--dark-typography a.button.button--solid:focus,
.region--dark-typography .button.button--solid>a:focus,
.region--dark-typography input[type="submit"].button--solid:focus,
.region--dark-typography input[type="reset"].button--solid:focus,
.region--dark-typography input[type="button"].button--solid:focus {
  color: #0068f0;
  background-color: rgba(63, 142, 219, 0.15);
}

a.button.button--hover-style-2:before,
.button.button--hover-style-2>a:before {
  background-color: rgba(63, 142, 219, 0.15);
}

/* components: collapsible block */
.collapsible-block__trigger a {
  background-color: #357cce;
}

.collapsible-block__trigger a:hover,
.collapsible-block__trigger a:focus {
  background-color: #357cce;
}

.region--colored-background .collapsible-block__trigger a {
  background-color: #357cce;
  text-decoration: none;
}

.region--colored-background .collapsible-block__trigger a:hover {
  background-color: rgba(63, 142, 219, 0.8);
}

/* components: detailed feature block */
.region--dark-typography .detailed-feature-block__section .svg-inline--fa {
  color: #357cce;
}

.region--dark-typography .detailed-feature-block__section h2 {
  color: #357cce;
}

.region--dark-typography .list--fa-check-circle li:before {
  color: #357cce;
}

/* components: detailed pager */
.region--dark-typography .detailed-pager--top {
  border-bottom-color: #0068f0;
}

.region--dark-typography .detailed-pager--bottom {
  border-top-color: #0068f0;
}

/* components: dropdowns */
.region--colored-background .dropdown-menu {
  background-color: #0068f0;
}

.region--dark-background .dropdown-menu {
  background-color: #357cce;
}

/* components: fancy block */
.region--dark-background .fancy-block-text {
  background-color: #357cce;
}

.region--colored-background .fancy-block-text {
  background-color: #0068f0;
}

/* components: fancy linked images block */
.clip-path-support .clip-pentagon-container {
  background-color: #357cce;
}

.clip-path-support .clip-circle-container {
  background-color: #357cce;
}

.clip-path-support .clip-rectangle-container:before {
  border-color: #357cce;
}

/* CSS rules only for FF*/
@-moz-document url-prefix() {
  .clip-pentagon-container {
    background-color: #357cce;
  }

  .clip-circle-container {
    background-color: #357cce;
  }

  .clip-rectangle-container:before {
    border-color: #357cce;
  }
}

/* components: featured linked text tiles block */
.region--light-typography .featured-linked-text-tile__body a {
  color: #0068f0;
}

.featured-linked-text-tile .featured-linked-text-tile__title a {
  color: #0068f0;
}

.region--light-typography .featured-linked-text-tile a.button {
  border-color: #0068f0;
  color: #0068f0;
}

.region--light-typography .featured-linked-text-tile a.button:hover,
.region--light-typography .featured-linked-text-tile a.button:focus {
  background-color: rgba(63, 142, 219, 0.3);
  border-color: #0068f0;
}

/* components: feature */
.region--dark-typography .feature-item__title {
  color: #0068f0;
}

/* components: forms */
input.form-text:hover,
input.form-tel:hover,
input.form-email:hover,
input.form-url:hover,
input.form-search:hover,
input.form-file:hover,
input.form-number:hover,
input.form-color:hover,
input.form-date:hover,
input.form-time:hover,
textarea:hover,
select:hover,
input.form-text:focus,
input.form-tel:focus,
input.form-email:focus,
input.form-url:focus,
input.form-search:focus,
input.form-file:focus,
input.form-number:focus,
input.form-color:focus,
input.form-date:focus,
input.form-time:focus,
textarea:focus,
select:focus {
  border-color: #0068f0;
}

/* components: content front page background */
@media (max-width: 767px) {
  .background-image-area.region--colored-background .header {
    background-color: #0068f0;
  }

  .background-image-area.region--dark-background .header {
    background-color: #357cce;
  }
}

/* components: fixed header */
.onscroll .header.js-fixed.region--dark-background,
.onscroll .region--dark-background .header.js-fixed {
  background-color: rgba(53, 124, 206, 0.95);
}

.onscroll .header.js-fixed.region--colored-background,
.onscroll .region--colored-background .header.js-fixed {
  background-color: rgba(63, 142, 219, 0.95);
}

/* components: flexslider in page */
.in-page-images-carousel .slides li a:after {
  background-color: rgba(53, 124, 206, 0.8);
}

.in-page-images-carousel .slides li a:hover:after {
  background-color: rgba(53, 124, 206, 0.5);
}

/* components: frontpage cover block */
.cta-button {
  border-color: #0068f0;
}

.cta-button:hover,
.cta-button:focus {
  background-color: rgba(63, 142, 219, 0.15);
}

.cta-button span {
  background-color: #0068f0;
}

/* components: highlights */
.region--dark-typography .highlight-head {
  color: #357cce;
}

.region--dark-typography .highlights-grid-item .svg-inline--fa {
  color: #357cce;
}

.region--dark-typography .highlights-grid-item h5 {
  color: #357cce;
}

/* components: how it works */
.region--dark-background .field--name-field-mt-hiw-item .field__item .how-it-works__badge {
  background-color: #357cce;
}

.region--colored-background .field--name-field-mt-hiw-item .field__item .how-it-works__badge {
  background-color: #0068f0;
}

/* components: icons feature */
.region--dark-typography .feature__icon {
  color: #0068f0;
}

.region--dark-typography .feature__title {
  color: #0068f0;
}

/* components: icons list */
.region--dark-typography ul.icons-list.icons-list--bordered li a:hover {
  color: #0068f0;
  border-color: #0068f0;
}

/* components: image overlay */
.overlay--colored {
  background-color: rgba(53, 124, 206, 0.5);
}

.overlay--visible:hover {
  background-color: rgba(53, 124, 206, 0.6);
}

.overlay-icon:hover,
.overlay-icon:focus,
.region--light-typography .overlay-icon:hover,
.region--light-typography .overlay-icon:focus {
  color: #357cce;
}

.overlay-icon--button {
  color: #357cce;
}

/* components: image with overlaid text */
.region--colored-background .image-with-overlaid-text__text {
  background-color: rgba(63, 142, 219, 0.75);
}

.region--dark-background .image-with-overlaid-text__text {
  background-color: rgba(53, 124, 206, 0.75);
}

/* components: in page navigation */
.header-container ul.in-page-navigation li a.active,
.header-container ul.in-page-navigation li a:hover,
.header-container ul.in-page-navigation li a:focus {
  color: #0068f0;
}

/* components: inverted header */
.inverted-header-enabled:not(.onscroll) .header-container .sf-menu ul li.sfHover>a,
.inverted-header-enabled:not(.onscroll) .header-container .sf-menu ul li>a:hover,
.inverted-header-enabled:not(.onscroll) .header-container .sf-menu ul li>a.is-active,
.inverted-header-enabled:not(.onscroll) .header-container .sf-menu ul li.active-trail>a,
.inverted-header-enabled:not(.onscroll) .header-container .sf-menu ul li.sfHover>a.is-active,
.inverted-header-enabled:not(.onscroll) .header-container .sf-menu ul li.sfHover.active-trail>a {
  color: #0068f0;
}

/* components: language switcher */
.region--dark-typography .block-language ul li .is-active {
  color: #0068f0;
}

/* components: layout switcher */
.layout-switcher ul li.active a,
.layout-switcher ul li a:hover,
.layout-switcher ul li a:focus {
  color: #0068f0;
}

/*main slideshow block*/
.ms-transparent-background .region--dark-typography.tp-caption__title a:hover {
  color: #0068f0;
}

/* components: menu */
.region--dark-typography ul.menu li a.is-active {
  color: #0068f0;
}

.region--dark-typography ul.menu li a:hover,
.region--dark-typography ul.menu li a:focus {
  color: #0068f0;
}

.header-container ul.menu>li>a:hover,
.header-container .region--dark-typography ul.menu li>a.is-active,
.header-container .region--dark-typography ul.menu li.active-trail>a {
  color: #0068f0;
}

.header-container .sf-menu li.sfHover>a,
.header-container .sf-menu li>a:hover,
.header-container .sf-menu li.sfHover>a.is-active,
.header-container .sf-menu li.sfHover.active-trail>a {
  color: #0068f0;
}

.header-container .sf-menu ul li.sfHover>a,
.header-container .sf-menu ul li a:hover,
.header-container .sf-menu ul li>a.is-active,
.header-container .sf-menu ul li.active-trail>a {
  color: #0068f0;
}

.region--dark-typography ul.menu.cta-active>li:last-child>a {
  border-color: #0068f0;
  color: #0068f0;
}

.region--dark-typography ul.menu.cta-active>li:last-child>a:hover,
.region--dark-typography ul.menu.cta-active>li:last-child>a:focus {
  border-color: #0068f0;
  background-color: rgba(63, 142, 219, 0.15);
}

.region--light-typography .menu.cta-active>li:last-child>a:hover {
  opacity: 1;
}

.region--light-typography .menu.cta-active>li:last-child>a:hover,
.region--light-typography .menu.cta-active>li:last-child>a:focus {
  color: #0068f0;
}

.region--dark-typography .footer-bottom__section ul.menu li a:hover,
.region--dark-typography .footer-bottom__section ul.menu li a:focus {
  border-bottom-color: #0068f0;
  color: #0068f0;
}

.region--dark-typography .subfooter-top__section ul.menu li a:hover,
.region--dark-typography .subfooter-top__section ul.menu li a:focus {
  border-bottom-color: #0068f0;
  color: #0068f0;
}

.region--dark-typography .subfooter__section ul.menu li a:hover,
.region--dark-typography .subfooter__section ul.menu li a:focus {
  border-bottom-color: #0068f0;
  color: #0068f0;
}

/* components: mt count down */
.mt-count-down-block.mt-count-down-theme .mt-count-down__button {
  border-color: #0068f0;
  color: #0068f0;
}

.mt-count-down-block.mt-count-down-theme .mt-count-down__button:hover,
.mt-count-down-block.mt-count-down-theme .mt-count-down__button:focus {
  color: #0068f0;
  border-color: #0068f0;
  background-color: rgba(63, 142, 219, 0.15);
}

/* components: node article*/
.node--view-mode-teaser.node--type-article .node__header h2 a:hover {
  color: #357cce;
}

/* components: node images */
.image-caption h4 {
  background-color: rgba(63, 142, 219, 0.8);
}

/* components: node product */
.node--type-mt-product .field--name-field-mt-prd-buy-link a {
  border-color: #0068f0;
  color: #0068f0;
}

.node--type-mt-product .field--name-field-mt-prd-buy-link a:hover,
.node--type-mt-product .field--name-field-mt-prd-buy-link a:focus {
  background-color: rgba(63, 142, 219, 0.15);
  border-color: #0068f0;
}

.field--name-field-mt-highlight-link a {
  border-color: #0068f0;
  color: #0068f0;
}

.field--name-field-mt-highlight-link a:hover,
.field--name-field-mt-highlight-link a:focus {
  background-color: rgba(63, 142, 219, 0.15);
  border-color: #0068f0;
}

.page-node-type-mt-product .banner__section .breadcrumb .breadcrumb__item a {
  color: #0068f0;
}

.page-node-type-mt-product .banner__section .breadcrumb .breadcrumb__item a:hover,
.page-node-type-mt-product .banner__section .breadcrumb .breadcrumb__item a:focus {
  color: #357cce;
}

/* components: node service */
.node--type-mt-service .field--name-field-mt-srv-buy-link a {
  border-color: #0068f0;
  color: #0068f0;
}

.node--type-mt-service .field--name-field-mt-srv-buy-link a:hover,
.node--type-mt-service .field--name-field-mt-srv-buy-link a:focus {
  background-color: rgba(63, 142, 219, 0.15);
  border-color: #0068f0;
}

/* components: node testimonial */
.field--name-field-mt-tst-testimonial-link a {
  border-color: #0068f0;
  color: #0068f0;
}

.field--name-field-mt-tst-testimonial-link a:hover,
.field--name-field-mt-tst-testimonial-link a:focus {
  background-color: rgba(63, 142, 219, 0.15);
  border-color: #0068f0;
}

/* components: node view mode featured products */
.region--dark-typography .node--view-mode-mt-featured-product .field--name-field-mt-prd-price {
  color: #0068f0;
}

.region--light-typography .node--view-mode-mt-featured-product .field--name-field-mt-prd-buy-link a:hover,
.region--light-typography .node--view-mode-mt-featured-product .field--name-field-mt-prd-buy-link a:focus {
  color: #0068f0;
}

/* components: owl carousel global */
.owl-nav div {
  color: #0068f0;
  border-color: #0068f0;
}

.owl-nav div:hover {
  color: #0068f0;
  background-color: rgba(63, 142, 219, 0.3);
}

.region--light-typography .owl-nav div:hover,
.region--light-typography .owl-nav div:focus {
  color: #0068f0;
}

.owl-dot.active span {
  border-color: #0068f0;
  background-color: #0068f0;
}

.owl-dot:hover span {
  border-color: #357cce;
  background-color: #357cce;
}

/* components: owl carousel testimonials */
.view-mt-testimonials-carousel .icon .svg-inline--fa {
  color: #0068f0;
}

.view-mt-testimonials-carousel .view-header h2 {
  color: #0068f0;
}

.mt-carousel-testimonials .mt-carousel-item:hover {
  border-top-color: #357cce;
}

.region--light-typography .mt-carousel-testimonials .views-field-title a {
  color: #0068f0;
}

/* components: pager */
.region--dark-typography .pager__items,
.region--dark-typography .pager[data-drupal-views-infinite-scroll-pager] {
  border-color: #0068f0;
}

li.pager__item.is-active a,
li.pager__item.is-active a:hover,
li.pager__item.is-active a:focus {
  background-color: rgba(63, 142, 219, 0.15);
  border-color: #0068f0;
}

li.pager__item a:hover,
li.pager__item a:focus {
  color: #0068f0;
}

/* components: post progress */
.post-progress__bar {
  background-color: #0068f0;
}

/* components: pills */
.nav-pills>li>a.nav-link:hover,
.nav-pills>li>a.nav-link:focus {
  background-color: #357cce;
}

/* components: progress bars */
.progress-bar-default {
  background-color: #0068f0;
}

/* components: search */
.region--dark-typography .block-search .form-actions:after {
  color: #0068f0;
}

.header-top__section .block.block-search .form-actions:after {
  background-color: #0068f0;
}

.header-top__section .block.block-search .form-actions:hover:after {
  background-color: #357cce;
}

.region--light-typography .header-top__section .block.block-search .form-actions:after {
  color: #0068f0;
}

/* components: separators */
.separator {
  background: #0068f0;
}

/* components: share links */
.share-links ul li a:hover {
  background-color: #357cce;
}

.js-share-links-fixed .share-links ul li a:hover {
  background-color: #357cce;
}

/* components: slideout */
.slideout-toggle {
  background-color: #357cce;
}

/* components: slider revolution global */
.tp-tabs {
  background-color: rgba(63, 142, 219, 0.93) !important;
}

.tp-tabs .tp-tab.selected,
.tp-tabs .tp-tab:hover {
  background-color: #0068f0;
}

.rev_slider .tp-caption__buttons-container a.button:hover,
.rev_slider .tp-caption__buttons-container a.button:focus {
  color: #0068f0;
}

/* components: tables */
table tr th {
  color: #0068f0;
}

/* components: tabs */
.nav-tabs a.nav-link {
  border-bottom-color: #0068f0;
}

.nav-tabs a.nav-link.active,
.nav-tabs a.nav-link.active:focus,
.nav-tabs a.nav-link.active:hover {
  background-color: #0068f0;
  border-color: #0068f0;
}

.nav-tabs a.nav-link:hover,
.nav-tabs a.nav-link:focus {
  background-color: rgba(63, 142, 219, 0.15);
  border-color: #0068f0;
  color: #0068f0;
}

.region--dark-typography .nav-tabs~.tab-content {
  border-color: #0068f0;
}

.nav-tabs.nav-tabs--fancy a.nav-link.active,
.nav-tabs.nav-tabs--fancy a.nav-link.active:focus,
.nav-tabs.nav-tabs--fancy a.nav-link.active:hover {
  border-color: #0068f0;
}

/* components: timeline */
.region--dark-background .field--name-field-mt-tml-timeline-item .field__item .timeline__badge {
  background-color: #357cce;
}

.region--colored-background .field--name-field-mt-tml-timeline-item .field__item .timeline__badge {
  background-color: #0068f0;
}

/* components: to top */
.to-top {
  border-color: #0068f0;
  color: #0068f0;
}

.to-top:hover {
  background-color: rgba(63, 142, 219, 0.15);
  border-color: #0068f0;
}

/* components: view articles carousel */
.region--dark-typography .view-articles-grid .mt-carousel-item .views-field-title a:hover,
.region--dark-typography .view-articles-grid .mt-carousel-item .views-field-title a:focus {
  color: #357cce;
}

/* components: view articles list 2 */
.region--dark-typography .view-articles-list-2 .views-row:after {
  color: #0068f0;
}

/* components: view collections image overlay */
.view-collections-grid .overlay-inner a,
.view-collections-carousel .overlay-inner a,
.view-collection-masonry .overlay-inner a {
  border-color: #0068f0;
  color: #0068f0;
}

.view-collections-grid .overlay-inner a:hover,
.view-collections-carousel .overlay-inner a:hover,
.view-collection-masonry .overlay-inner a:hover {
  background-color: rgba(63, 142, 219, 0.3);
  border-color: #0068f0;
}

/* components: view popular taxonomy */
.region--dark-typography .view-mt-popular-tags .views-row a {
  color: #0068f0;
}

.region--dark-typography .view-mt-popular-tags .views-row a:hover {
  background-color: #357cce;
}

.region--light-typography .view-mt-popular-tags .views-row a:hover {
  color: #357cce;
}

/* components: view pricing tables */
.view-pricing-tables .views-field-field-mt-prd-price {
  color: #0068f0;
}

.view-pricing-tables .pricing-table .views-field-title a {
  color: #0068f0;
}

.view-pricing-tables .pricing-table .views-field-title a:hover {
  color: #0068f0;
}

.view-pricing-tables .pricing-table .pricing-table-body .svg-inline--fa {
  color: #0068f0;
}

.view-pricing-tables .pricing-table a.button {
  border-color: #0068f0;
  color: #0068f0;
}

.view-pricing-tables .pricing-table a.button:hover,
.view-pricing-tables .pricing-table a.button:focus {
  background-color: rgba(63, 142, 219, 0.15);
  border-color: #0068f0;
}

/* components: view products grid */
.view-products-grid .views-field-field-mt-prd-categories a {
  background-color: #0068f0;
}

/* components: view team members carousel */
.region--light-typography .view-team-members-carousel .text-container .views-field-title a {
  color: #0068f0;
}

/* components: view team members masonry */
.view-team-members-masonry .masonry-grid-item .overlay__text:after {
  background-color: #0068f0;
}

/* components: views */
.view>.more-link a {
  border-color: #0068f0;
}

.col-12 .view>.more-link a {
  border-color: #0068f0;
  color: #0068f0;
}

.col-12 .view>.more-link a:hover,
.col-12 .view>.more-link a:focus {
  background-color: rgba(63, 142, 219, 0.3);
  border-color: #0068f0;
  color: #0068f0;
}

.site-branding__logo img {
  width: 50px;
  height: 50px;
  ;
}

/*关于我们*/
.pc-container .sec3 .main li {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  list-style-type: none;
  float: left;
  width: 32%;
  height: 100px;
  line-height: 1.693333rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 50%;
  border-radius: .026667rem;
  margin-right: .56rem;
  padding-left: 3.8rem;
  text-align: left;
}
.pc-container .sec3 h3{
  text-align: center;
}

.pc-container .sec3 .main li:nth-child(-n+3) {
  margin-bottom: .613333rem
}

.pc-container .sec3 .main li:nth-child(3n) {
  margin-right: 0
}

.pc-container .sec3 .main .img-box {
  width: 2.4rem;
  line-height: .76rem;
  background: #fff;
  margin: 0 auto .346667rem
}

.pc-container .sec3 .main img {
  max-height: .68rem;
  max-width: 1.56rem
}

.pc-container .sec3 .main p {
  font-size: .213333rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 600;
  color: #333;
  line-height: 1.693333rem
}

.pc-container .sec4-pc {
  padding: .933333rem 0;
  margin: 0 auto;
  height: 10.72rem;
  background: linear-gradient(0deg, #edf4ff, #fff)
}

.pc-container .sec4-pc h3 {
  font-size: .373333rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333;
  line-height: .533333rem;
  margin-bottom: .666667rem
}

.pc-container .sec4-pc .main {
  overflow: hidden
}

.pc-container .sec4-pc .main img {
  width: 16rem
}

.pc-container .sec5 {
  padding: .933333rem 0;
  margin: 0 auto
}

.pc-container .sec5 h3 {
  font-size: .373333rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333;
  line-height: .533333rem;
  margin-bottom: .666667rem
}

.pc-container .sec5 .main {
  overflow: hidden
}

.pc-container .sec5 .main img {
  width: 13.413333rem
}

.pc-container .sec6 {
  background: #f2f7ff;
  padding: .933333rem 0;
  margin: 0 auto
}

.pc-container .sec6 .wrap {
  overflow: hidden
}

.pc-container .sec6 h3 {
  font-size: .373333rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333;
  line-height: .533333rem;
  margin-bottom: .226667rem
}

.pc-container .sec6 h4 {
  color: #666;
  font-size: .213333rem;
  line-height: .373333rem;
  margin: 0;
  font-weight: 400
}

.pc-container .sec6 .area {
  margin-top: .666667rem;
  line-height: 1
}

.pc-container .sec6 .area img {
  width: 100%
}

.pc-container .sec7 {
  padding: .933333rem 0;
  margin: 0 auto
}

.pc-container .sec7 h3 {
  font-size: .373333rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333;
  line-height: .533333rem;
  margin-bottom: .226667rem
}

.pc-container .sec7 h4 {
  color: #666;
  font-size: .213333rem;
  line-height: .373333rem;
  margin: 0 0 .666667rem;
  font-weight: 400
}

.pc-container .sec7 .main {
  margin-top: .666667rem;
  overflow: hidden
}

.pc-container .sec7 .main img {
  width: 100%
}

.pc-container .sec8 {
  padding: .933333rem 0;
  margin: 0 auto;
  background: #f2f7ff
}

.pc-container .sec8 h3 {
  font-size: .373333rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333;
  line-height: .533333rem;
  margin-bottom: .666667rem
}

.pc-container .sec8 .main {
  margin-top: .666667rem;
  overflow: hidden
}

.pc-container .sec8 .main li {
  display: inline-block;
  width: 3.2rem;
  font-size: .213333rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333;
  line-height: .293333rem;
  padding-bottom: .173333rem;
  margin: 0 .4rem;
  position: relative;
  cursor: pointer
}
.pc-container .sec3 .main li:nth-child(1) {
  background-image: url(../../images/about/advantage-1.png);
}
.pc-container .sec3 .main li:nth-child(2) {
  background-image: url(../../images/about/advantage-2.png); 
}
.pc-container .sec3 .main li:nth-child(3) {
  background-image: url(../../images/about/advantage-3.png);
}
.pc-container .sec3 .main li:nth-child(4) {
  background-image: url(../../images/about/advantage-4.png);
}
.pc-container .sec3 .main li:nth-child(5) {
  background-image: url(../../images/about/advantage-5.png);
}
.pc-container .sec3 .main li:nth-child(6) {
  background-image: url(../../images/about/advantage-6.png);
}

.pc-container .sec8 .main li.current {
  color: #3976f3
}

.pc-container .sec8 .main li.current:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: .053333rem;
  background: #3976f3
}

.pc-container .sec8 .tag-inner {
  display: none;
  padding-top: .533333rem;
  box-shadow: inset 0 .053333rem .133333rem 0 #f2f7ff
}

.pc-container .sec8 .tag-inner.current {
  display: block
}

.pc-container .sec8 .tag-inner p {
  font-size: .213333rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666;
  line-height: .373333rem;
  margin-bottom: .666667rem
}

.pc-container .sec8 .tag-inner img {
  width: 16rem
}

.pc-container .sec9 {
  background: #fff;
  overflow: hidden
}

.pc-container .sec10 {
  padding: .933333rem 0;
  margin: 0 auto;
  background: #f2f7ff;
  text-align: center
}

.pc-container .sec10 h3 {
  font-size: .373333rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333;
  line-height: .533333rem;
  margin-bottom: .666667rem
}

.pc-container .sec10 .wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.pc-container .sec10 .item {
  flex-shrink: 0;
  width: 2.56rem;
  height: 2.56rem;
  background: #fff;
  margin-right: 1.6rem;
  margin-bottom: .64rem;
  line-height: 1;
  color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  vertical-align: middle;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-top: .253333rem;
  box-shadow: 0 .026667rem .133333rem 0 hsla(0, 0%, 60.8%, .27);
  border-radius: .106667rem;
  border: .013333rem solid #fff
}

.pc-container .sec10 .item img {
  width: 2.56rem;
  height: 1.613333rem;
  transition: transform .4s
}

.pc-container .sec10 .item img:hover {
  transform: translateY(-.133333rem)
}

.pc-container .sec10 .item:nth-child(4n) {
  margin-right: 0
}

.pc-container .sec10 .item .hd {
  font-size: .213333rem;
  font-weight: 600;
  color: #333;
  line-height: .293333rem
}

.sm-container .addition {
  font-size: .213333rem;
  padding: .666667rem 1.333333rem;
  line-height: 1.4;
  text-align: left;
  color: #333
}

.sm-container .b-line:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: .746667rem;
  left: 50%;
  margin-left: -.76rem;
  width: 1.52rem;
  height: .08rem;
  background-color: #de6200
}

.sm-container .banner {
  background: url(//gwstatic.shopex.cn/www/img/banner.cb75232.jpg) no-repeat top/cover;
  height: 4rem;
  line-height: 1
}

.sm-container .banner .h2 {
  color: #fff;
  font-size: .666667rem;
  font-weight: 400;
  line-height: 1;
  padding: 2.106667rem 0 0
}

.sm-container .banner .h2 span {
  color: #de6200;
  font-weight: 700
}

.sm-container .banner .h2 span i {
  padding: 0 .146667rem;
  position: relative;
  top: -.293333rem;
  vertical-align: middle
}

.sm-container .sec {
  line-height: 1
}

.sm-container .sec .wrap {
  overflow: hidden
}

.sm-container .sec .h3 {
  color: #262626;
  font-size: .466667rem;
  font-weight: 700;
  margin-top: 1.466667rem;
  margin-bottom: .24rem;
  line-height: 1
}

.sm-container .sec .h3 span {
  color: #de6200
}

.sm-container .sec .h4 {
  color: #878787;
  font-size: .24rem;
  line-height: 1;
  margin-bottom: .866667rem
}

.sm-container .sec1 {
  background: url(//gwstatic.shopex.cn/www/img/sec1-1.1f109fd.png) no-repeat center .906667rem/2.506667rem;
  padding-bottom: .933333rem
}

/*最新信息*/
.news-list img{
  height: 240px;
}