@charset "UTF-8";

body {
  font-family: 'open sans', 'Source Han Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Microsoft Yahei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: .875rem;
  font-weight: 200;
  line-height: 1.625;
}

html,
body {
  height: 100%;
}

h1 {
  font-size: 2.8125rem;
  font-weight: 400;
}

h2 {
  font-size: 2.25rem;
  font-weight: 400;
}

h3 {
  font-size: 1.375rem;
  font-weight: 400;
}

h4 {
  font-size: 1.125rem;
  font-weight: 400;
}

h5 {
  font-size: 1rem;
  font-weight: 400;
}

h6 {
  font-size: .875rem;
  font-weight: 400;
}

img,
p {
  max-width: 100%;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.hidden {
  display: none !important;
}

.hidden-star {
  visibility: hidden;
  height: 0;
  width: 0;
}

/* Grid System */
@media all and (min-width: 102.25rem) {
  .col-md-1-5 {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .col-md-1-7 {
    flex: 0 0 14.2857%;
    max-width: 14.2857%;
  }

  .col-md-1-8 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

@media all and (max-width: 102.25rem) {
  .col-1-5 {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .col-1-7 {
    flex: 0 0 14.2857%;
    max-width: 14.2857%;
  }

  .col-1-8 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

a {
  transition: all linear 0.3s;
}

a:hover,
a:focus,
a:active {
  color: #004a7f;
  text-decoration: none;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

/* Container */
.sf-container {
  box-sizing: border-box;
  font-family: "open sans", "PingFangSC-Light", "PingFangSC-Regular", "PingFangSC", "Microsoft YaHei", sans-serif;
  margin: 0 auto;
  width: 75rem;
  max-width: 100%;
  position: relative;
}

.sf-container:before,
.sf-container:after {
  content: " ";
  display: table;
}

.sf-container:after {
  clear: both;
}

.sf-container .sf-container {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.image-replacer {
  background-size: 100% 100% !important;
}

@media screen and (max-width: 45rem) {
  h1 {
    font-size: 2.25rem;
    font-weight: 400;
  }

  h2 {
    font-size: 1.375rem;
    font-weight: 400;
  }

  h3 {
    font-size: 1.125rem;
    font-weight: 400;
  }

  h4 {
    font-size: 1rem;
    font-weight: 400;
  }

  h5,
  h6 {
    font-size: .875rem;
    font-weight: 400;
  }

  [class^=order-] {
    order: unset;
  }

  .order-m-0 {
    order: 0;
  }

  .order-m-1 {
    order: 1;
  }

  .order-m-2 {
    order: 2;
  }

  .order-m-3 {
    order: 3;
  }

  .order-m-4 {
    order: 4;
  }

  .order-m-5 {
    order: 5;
  }

  .sf-container {
    padding: 0 0 0 0;
    max-width: 100%;
  }

  .sf-cross-btn {
    height: 2.8em;
    line-height: 2.8em;
  }

  .sf-com-video-play-button {
    font-size: .5rem;
  }

  .sf-com-video-play-button img {
    margin-left: 8%;
  }

  .sf-block-background .sf-block-background-image.as-image-on-mobile {
    display: block;
    margin: 0.625rem 0;
    width: 100%;
  }
}

html[data-useragent*='Trident'] img {
  flex-grow: 0;
  flex-shrink: 0;
}


.sf-page-index {
  padding-top: 5.875rem;
}

.sf-com-header {
  box-shadow: 0 .25rem 0rem 0 #e20036;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200;
  transition: top linear 0.3s;
}


/* Cascading menu */
.sf-nav-menu-opened {
  height: 100%;
  overflow: hidden;
}

.sf-com-menu-wrapper {
  position: relative;
}

.sf-com-menu {
  background-color: #fff;
}

.sf-com-menu .content {
  position: relative;
}

.sf-com-menu .content .menu-item {
  transition: opacity linear 0.2s;
}

.sf-com-menu .content .m-menu-link {
  display: none;
}

.sf-com-menu.opened .content .menu-item {
  opacity: 0;
}

.sf-com-menu .logo {
  display: block;
  font-size: 0;
  margin-right: 1.875rem;
  height: 4.625rem;
  line-height: 4.625rem;
  margin: 0;
  text-decoration: none;
}

.sf-com-menu .logo:hover,
.sf-com-menu .logo:focus,
.sf-com-menu .logo:active {
  text-decoration: none;
}

.sf-com-menu .logo h1,
.sf-com-menu .logo h2,
.sf-com-menu .logo h3,
.sf-com-menu .logo h4,
.sf-com-menu .logo h5,
.sf-com-menu .logo h6 {
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.sf-com-menu .logo img {
  display: inline-block;
  height: 2.8125rem;
  width: auto;
}

.sf-com-menu .menu-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  margin-left: 3.125rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
}

.sf-com-menu .menu-list .list-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin: 0 0;
}

.sf-com-menu .menu-list .list-item .link {
  color: #454545;
  font-weight: 400;
  font-size: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 0 .9375rem;
  position: relative;
  text-decoration: none;
}

.sf-com-menu .menu-list .list-item .link:hover,
.sf-com-menu .menu-list .list-item .link:active {
  background-color: #E1E1E1;
  color: #004a7f;
}

.sf-com-menu .shortcut-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.sf-com-menu .shortcut-list .list-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.sf-com-menu .shortcut-list .list-item .link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 200;
  position: relative;
  padding: 0 .4375rem;
  height: 100%;
}

.sf-com-menu .shortcut-list .list-item .link img {
  display: flex;
  flex-shrink: 0;
  height: 1.25rem;
  transition: all linear 0.3s;
  filter: grayscale(1) brightness(0);
}

.sf-com-menu .shortcut-list .list-item .link:hover,
.sf-com-menu .shortcut-list .list-item .link:active {
  background-color: #EAEAEA;
}

.sf-com-menu .shortcut-list .list-item .link:hover img,
.sf-com-menu .shortcut-list .list-item .link:active img {
  filter: grayscale(0) brightness(1);
}

.sf-com-menu .shortcut-list .list-item .link.active img {
  filter: grayscale(0) brightness(1);
}


/* 近期新闻与活动 */
.sf-title-sector {
  font-size: 2.5rem;
  line-height: 1.5;
  margin: 2rem 0 1rem 0;
  text-align: center;
}

.sf-title-sector .title {
  font-size: 1.875rem;
  font-weight: 500;
  margin: 0;
}

.sf-title-sector .sub-title {
  font-size: 1rem;
  font-weight: 200;
  margin: 0 auto;
  width: 75rem;
  text-align: left;
  margin-top: .625rem;
}


/* 关于英飞凌 */
.sf-com-slider-logos {
  margin: 1.875rem 0 1.75rem 0;
}

.about-txt .w-half {
  width: calc(50% - 2.5rem);
  margin-bottom: 2.8125rem;
}

.about-txt .w-half h3 {
  margin-bottom: 1rem;
}

.about-txt .w-half a {
  color: #000;
  font-size: .75rem
}

.about-txt .w-half a:hover {
  color: #004a7f;
}

.about-txt p {
  font-size: .875rem;
}

.sf-com-slider-logos .content {
  position: relative;
  padding: 0 1.875rem;
}

.sf-com-slider-logos .content .navi {
  position: absolute;
  bottom: 0;
  top: 0;
  width: 1.875rem;
}

.sf-com-slider-logos .content .navi::before {
  border-left: .0625rem solid #000;
  border-bottom: .0625rem solid #000;
  content: " ";
  display: block;
  height: .8125rem;
  width: .8125rem;
  position: absolute;
  top: 50%;
  margin-top: -0.4375rem;
}

.sf-com-slider-logos .content .navi:hover::before,
.sf-com-slider-logos .content .navi:active::before {
  border-color: #004a7f;
}

.sf-com-slider-logos .slick-slider {
  overflow: hidden;
}

.sf-com-slider-logos .slick-slider .slick-track {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}

.sf-com-slider-logos .slick-slider .slick-track .slick-slide a {
  display: block;
}

.sf-com-slider-logos .slick-slider .slick-track .slick-slide img {
  display: block;
  max-width: 85%;
  max-height: 4.0625rem;
  height: auto;
  margin: 0 auto;
}


/* breadcrumbs */
.sf-com-breadcrumbs .crumb-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  font-size: .875rem;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sf-com-breadcrumbs .crumb-list .list-item {
  line-height: 3.375rem;
  padding-right: 2em;
  position: relative;
  white-space: nowrap;
}

.sf-com-breadcrumbs .crumb-list .list-item a:hover {
  color: #004a7f;
}

.sf-com-breadcrumbs .crumb-list .list-item::after {
  content: " ";
  display: block;
  height: 1.2em;
  border-right: .0625rem solid #454545;
  transform: rotate(30deg);
  position: absolute;
  right: 0.85em;
  top: 50%;
  margin-top: -0.6em;
}

.sf-com-breadcrumbs .crumb-list .list-item:last-child {
  padding-right: 0;
}

.sf-com-breadcrumbs .crumb-list .list-item:last-child::after {
  display: none;
}

.sf-com-breadcrumbs .crumb-list .list-item .link {
  color: #454545;
}

.sf-com-breadcrumbs .crumb-list .list-item span {
  color: #004a7f;
}


/* about us */
.sf-com-slider-industries .content {
  border-bottom: .0625rem solid #D8D8D8;
}

.sf-com-slider-industries .industry-preview .corp-list {
  background-color: rgba(255, 255, 255, 0.5);
  height: 4.375rem;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.sf-com-slider-industries .industry-preview .corp-list .list-item {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 16.6666%;
}

.sf-com-slider-industries .industry-preview .corp-list .list-item.show {
  display: flex;
}

.sf-com-slider-industries .industry-preview .corp-list .list-item.active .link {
  border-bottom-color: #003466;
}

.sf-com-slider-industries .industry-preview .corp-list .list-item:last-child .link {
  border-right: none;
}

.sf-com-slider-industries .industry-preview .corp-list .list-item .link {
  background-color: #FFFFFF;
  border-right: .0625rem solid rgba(0, 0, 0, 0.05);
  border-bottom: .3125rem solid transparent;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 1.5625rem;
  width: 100%;
}

.sf-com-slider-industries .industry-preview .corp-list .list-item .link .icon {
  display: block;
  height: 2.8125rem;
  max-width: 100%;
}

.sf-com-slider-industries .industry-preview .corp-list .list-item .link:hover,
.sf-com-slider-industries .industry-preview .corp-list .list-item .link:active {
  border-bottom-color: #003466;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: 41.875rem;
  height: 70vh;
  min-height: 31.25rem;
  overflow: hidden;
  position: relative;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity linear 1s, transform ease-out 5s;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item.active {
  opacity: 1;
  z-index: 20;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .background {
  display: none;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .image-replacer {
  background-color: #EAF1FD;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all linear 1s;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .details {
  color: #FFFFFF;
  position: absolute;
  left: 5rem;
  bottom: 5rem;
  right: 15rem;
  z-index: 30;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .details .title {
  font-size: 1.5rem;
  font-weight: 200;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .details .intro {
  font-size: 1rem;
  font-weight: 100;
  margin: .625rem 0 0 0;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link {
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 5rem;
  bottom: 5rem;
  z-index: 30;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link:hover,
.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link:focus,
.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link:active {
  text-decoration: none;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link:hover .icon,
.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link:focus .icon,
.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link:active .icon {
  background-color: #004a7f;
  border-color: #004a7f;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link .icon {
  border: .0625rem solid #FFFFFF;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 3.125rem;
  height: 3.125rem;
  margin-left: 1em;
  transition: all linear 0.15s;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link .icon span {
  font-size: 1.6em;
  font-weight: bold;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item:hover .image-replacer,
.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item:focus .image-replacer {
  transform: scale(1.1);
}


/* 首页four-lan */
.sf-com-curtain-view .content {
  overflow: hidden;
  position: relative;
}

.sf-com-curtain-view .content .curtain {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: all ease-out 0.33s;
  transition-delay: 0.2s;
  z-index: 30;
}

.sf-com-curtain-view .content .curtain img {
  display: none;
}

.sf-com-curtain-view .content .curtain::before {
  background-color: rgba(0, 74, 127, 0);
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: all ease-out 1.5s;
  z-index: 20;
}

.sf-com-curtain-view .content .view {
  background-size: 100% 100%;
  background-position: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

.sf-com-curtain-view .content .view img {
  display: none;
}

.sf-com-curtain-view .content .info-list {
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.sf-com-curtain-view .content .info-list .info {
  border-right: .0625rem solid rgba(255, 255, 255, .5);
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  height: 31.25rem;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
  position: relative;
  z-index: 50;
  cursor: pointer;
}

.sf-com-curtain-view .content .info-list .info:last-child {
  border-right: none;
}

.sf-com-curtain-view .content .info-list .info:hover,
.sf-com-curtain-view .content .info-list .info:active,
.sf-com-curtain-view .content .info-list .info.active {
  background-color: rgba(0, 74, 127, 0.3);
}

.sf-com-curtain-view .content .info-list .info:hover .icon,
.sf-com-curtain-view .content .info-list .info:active .icon,
.sf-com-curtain-view .content .info-list .info.active .icon {
  height: 0;
  margin-top: 5.625rem;
  overflow: hidden;
}

.sf-com-curtain-view .content .info-list .info:hover .intro,
.sf-com-curtain-view .content .info-list .info:active .intro,
.sf-com-curtain-view .content .info-list .info.active .intro {
  margin-top: 3.125rem;
}

.sf-com-curtain-view .content .info-list .info:hover .intro::before,
.sf-com-curtain-view .content .info-list .info:active .intro::before,
.sf-com-curtain-view .content .info-list .info.active .intro::before {
  background-color: #FFFFFF;
  content: " ";
  display: block;
  height: .0625rem;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: -1.5625rem;
}

.sf-com-curtain-view .content .info-list .info .icon {
  height: auto;
  margin-top: 8.75rem;
  transition: all linear 0.3s;
}

.sf-com-curtain-view .content .info-list .info .icon img {
  display: block;
  height: 4.625rem;
  margin: 0 auto;
}

.sf-com-curtain-view .content .info-list .info .num {
  font-size: 3.75rem;
  font-weight: 600;
  line-height: 1;
  margin: 3.125rem 0 0 0;
  transition: all linear 0.3s;
}

.sf-com-curtain-view .content .info-list .info .unit {
  font-size: 1.5rem;
  margin: .625rem 0 0 0;
  padding: 0 .625rem;
}

.sf-com-curtain-view .content .info-list .info .intro {
  margin: 0 1.25rem;
  margin-top: 62.5rem;
  max-width: 80%;
  position: relative;
  transition: margin-top ease-out 0.2s;
}

.sf-com-curtain-view.hovering .curtain {
  background-color: rgba(0, 74, 127, 0.3);
  width: 25%;
}

.sf-com-curtain-view.type-2 .content .info-list .info {
  justify-content: center;
}

.sf-com-curtain-view.type-2 .content .info-list .info .icon {
  margin-top: 0;
  margin-bottom: 2.5rem;
  transition: all linear 0.5s;
}

.sf-com-curtain-view.type-2 .content .info-list .info .icon img {
  display: block;
}

.sf-com-curtain-view.type-2 .content .info-list .info .unit {
  margin: 0;
  font-weight: 200;
  transition: all linear 0.3s;
}

.sf-com-curtain-view.type-2 .content .info-list .info .intro {
  font-weight: 200;
  margin-top: 0;
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: all linear 1.5s;
}

.sf-com-curtain-view.type-2 .content .info-list .info:hover .icon,
.sf-com-curtain-view.type-2 .content .info-list .info:focus .icon,
.sf-com-curtain-view.type-2 .content .info-list .info:active .icon {
  transform: scale(0);
  height: auto;
  margin-bottom: 0;
  margin-top: -2.5rem;
}

.sf-com-curtain-view.type-2 .content .info-list .info:hover .unit,
.sf-com-curtain-view.type-2 .content .info-list .info:focus .unit,
.sf-com-curtain-view.type-2 .content .info-list .info:active .unit {
  border-bottom: .0625rem solid #FFFFFF;
  margin-bottom: 1em;
  padding-bottom: 1em;
}

.sf-com-curtain-view.type-2 .content .info-list .info:hover .intro,
.sf-com-curtain-view.type-2 .content .info-list .info:focus .intro,
.sf-com-curtain-view.type-2 .content .info-list .info:active .intro {
  height: auto;
  opacity: 1;
}


/* 近期新闻与活动 */
.sf-com-poster-wall {
  /* margin: 2.5rem 0 6.25rem 0; */
  margin: 2.5rem 0 0rem 0;
}

.sf-com-poster-wall .content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.sf-com-poster-wall .content::after {
  content: " ";
  display: flex;
  width: 32.5%;
}

.sf-com-poster-wall .content .poster {
  background-color: #EAF1FD;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  font-size: .875rem;
  height: 28.75rem;
  margin-bottom: .9375rem;
  overflow: hidden;
  padding: 2em 3em;
  position: relative;
  width: 32.5%;
}

.sf-com-poster-wall .content .poster::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0) 60%);
  z-index: 10;
  transition: background-color linear 0.2s;
}

.sf-com-poster-wall .content .poster.ps-w-1-2 {
  width: 49.4%;
}

.sf-com-poster-wall .content .poster.ps-w2 {
  width: 62.5%;
}

.sf-com-poster-wall .content .poster.ps-h2 {
  width: 36.5%;
}

.sf-com-poster-wall .content .poster .background {
  display: none;
}

.sf-com-poster-wall .content .poster .image-replacer {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  transition: transform ease-out 5s;
}

.sf-com-poster-wall .content .poster .tag {
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFFFFF;
  display: block;
  font-size: .875rem;
  line-height: 1;
  opacity: 1;
  padding: .125rem .3125rem;
  position: absolute;
  left: 2.5rem;
  top: 1.875rem;
  transition: opacity linear 0.1s;
  z-index: 20;
}

.sf-com-poster-wall .content .poster .title {
  color: #FFFFFF;
  line-height: 2.25rem;
  font-size: 1.375rem;
  font-weight: 200;
  margin: 0;
  position: absolute;
  right: 1.5em;
  left: 1.5em;
  bottom: 1.5em;
  z-index: 20;
  transition: bottom ease-out 0.3s;
}

.sf-com-poster-wall .content .poster .title p {
  margin: 0;
}

.sf-com-poster-wall .content .poster .detail {
  font-size: 1em;
  height: 4.5em;
  line-height: 1.5;
  overflow: hidden;
  opacity: 0;
  position: absolute;
  padding: 0 2.5em;
  left: -150%;
  bottom: 5em;
  transition: left ease-out 0.2s;
  transition-delay: 0.3s;
  z-index: 20;
  width: 100%;
}

.sf-com-poster-wall .content .poster .link {
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 2em;
  right: 3em;
  right: 150%;
  z-index: 20;
  transition: right ease-out 0.2s;
  transition-delay: 0.15s;
}

.sf-com-poster-wall .content .poster .link:hover,
.sf-com-poster-wall .content .poster .link:focus,
.sf-com-poster-wall .content .poster .link:active {
  text-decoration: none;
}

.sf-com-poster-wall .content .poster .link:hover .icon,
.sf-com-poster-wall .content .poster .link:focus .icon,
.sf-com-poster-wall .content .poster .link:active .icon {
  background-color: #004a7f;
  border-color: #004a7f;
}

.sf-com-poster-wall .content .poster .link .icon {
  border: .0625rem solid #FFFFFF;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 2.5em;
  height: 2.5em;
  margin-left: 1em;
  transition: all linear 0.15s;
}

.sf-com-poster-wall .content .poster .link .icon span {
  font-size: 1.6em;
  font-weight: bold;
}

.sf-com-poster-wall .content .poster:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.sf-com-poster-wall .content .poster:hover::before {
  background-color: rgba(0, 0, 0, 0.4);
}

.sf-com-poster-wall .content .poster:hover .tag {
  opacity: 0;
}

.sf-com-poster-wall .content .poster:hover .image-replacer {
  transform: scale(1.1);
}

.sf-com-poster-wall .content .poster:hover .title {
  bottom: 6.8em;
}

.sf-com-poster-wall .content .poster:hover .detail {
  left: 0;
  opacity: 1;
}

.sf-com-poster-wall .content .poster:hover .link {
  right: 3em;
}

.sf-com-poster-wall .content .sf-com-expand-link {
  display: none;
}

.sf-com-poster-wall.type-2 .content .poster .cd-link {
  display: block;
  height: 100%;
  z-index: 11;
}

.sf-com-poster-wall.type-2 .content .poster .cd-link::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(50, 64, 81, 0);
  background-image: linear-gradient(to top, rgba(50, 64, 81, 0.7), rgba(50, 64, 81, 0.5) 20%, rgba(50, 64, 81, 0) 60%);
  z-index: 12;
  transition: background-color linear 0.2s;
}

.sf-com-poster-wall.type-2 .content .poster .cd-link .detail {
  color: #FFFFFF;
  z-index: 15;
}

.sf-com-poster-wall.type-2 .content .poster:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.sf-com-poster-wall.type-2 .content .poster:hover .cd-link::before {
  background-color: rgba(0, 0, 0, 0.4);
}


/* banner */
.sf-com-carousel .content {
  position: relative;
  padding: 0;
}

.sf-com-carousel .content .sf-sliders {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.sf-com-carousel .content .sf-sliders .sf-slide {
  height: 32.0625rem;
  max-height: 32.0625rem;
  min-height: 31.9375rem;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.sf-com-carousel .content .sf-sliders .sf-slide::after {
  background-color: rgba(255, 255, 255, 0);
  content: " ";
  display: block;
  height: 0;
  width: 100%;
  padding-top: 46%;
  left: -26%;
  position: absolute;
  transition: all ease-out 2s;
  transform: rotate(66deg);
  transition-delay: 0.3s;
  z-index: 1;
  pointer-events: none;
}

.sf-com-carousel .content .sf-sliders .sf-slide .image-replacer {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: transform ease-out 6s;
}

.sf-com-carousel .content .sf-sliders .sf-slide .introduction {
  margin-left: 10%;
  width: 35%;
  opacity: 0;
  text-align: left;
  transition: all linear 1s;
  transform: scale(0.85);
  z-index: 10;
}

.sf-com-carousel .content .sf-sliders .sf-slide .introduction .title {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 400;
  margin: 0 0 1.875rem 0;
}

.sf-com-carousel .content .sf-sliders .sf-slide .introduction .intro {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 200;
  line-height: 1.1;
}

.sf-com-carousel .content .sf-sliders .sf-slide .introduction .link {
  text-decoration: none;
}

.sf-com-carousel .content .sf-sliders .sf-slide .links-block {
  color: #444444;
}

.sf-com-carousel .content .sf-sliders .sf-slide .links-block .title-1 {
  font-size: 1.25rem;
  font-weight: 200;
  line-height: 1;
  margin: .625rem 0;
}

.sf-com-carousel .content .sf-sliders .sf-slide .links-block .title-2 {
  font-size: 1.375rem;
  font-weight: 200;
  line-height: 1;
  margin: .625rem 0;
}

.sf-com-carousel .content .sf-sliders .sf-slide .links-block .links {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1.875rem;
}

.sf-com-carousel .content .sf-sliders .sf-slide .links-block .links a,
.sf-com-carousel .content .sf-sliders .sf-slide .links-block .links button {
  border-color: #003466;
  color: #003466;
  margin-right: .625rem;
}

.sf-com-carousel .content .sf-sliders .sf-slide .links-block .links a:hover,
.sf-com-carousel .content .sf-sliders .sf-slide .links-block .links button:hover {
  border-color: #FFFFFF;
}

.sf-com-carousel .content .sf-sliders .sf-slide .links-block .links a:last-child,
.sf-com-carousel .content .sf-sliders .sf-slide .links-block .links button:last-child {
  margin-right: 0;
}

.sf-com-carousel .content .sf-sliders .sf-slide.slick-active .image-replacer {
  transform: scale(1.1);
}

.sf-com-carousel .content .sf-sliders .sf-slide.slick-active .introduction {
  opacity: 1;
  transform: scale(1);
}

.sf-com-carousel .content .sf-sliders .sf-slide:hover,
.sf-com-carousel .content .sf-sliders .sf-slide:focus,
.sf-com-carousel .content .sf-sliders .sf-slide:active {
  outline: none;
}

.sf-com-carousel .content .navi {
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 50%;
  margin-top: -1.875rem;
  height: 3.75rem;
  width: 3.125rem;
  z-index: 20;
}

.sf-com-carousel .content .navi::before {
  border-left: .0625rem solid #000;
  border-bottom: .0625rem solid #000;
  content: " ";
  display: block;
  height: 1.25rem;
  width: 1.25rem;
  position: absolute;
  top: 50%;
  margin-top: -0.625rem;
}

.sf-com-carousel .content .navi.prev {
  left: 0;
}

.sf-com-carousel .content .navi.prev::before {
  left: 1.25rem;
  transform: rotate(45deg);
}

.sf-com-carousel .content .navi.next {
  right: 0;
}

.sf-com-carousel .content .navi.next::before {
  right: 1.25rem;
  transform: rotate(-135deg);
}

.sf-com-carousel .content .navi:hover::before,
.sf-com-carousel .content .navi:active::before {
  border-color: #004a7f;
}

.sf-com-carousel .content .slick-dots {
  font-size: 0;
  list-style-type: none;
  padding: 0;
  position: absolute;
  bottom: .9375rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}

.sf-com-carousel .content .slick-dots li {
  display: inline-block;
  font-size: .875rem;
}

.sf-com-carousel .content .slick-dots li button {
  background-color: #FFFFFF;
  border: none;
  border-radius: 50%;
  color: transparent;
  display: block;
  font-size: 0;
  height: .75rem;
  width: .75rem;
  margin: 0 .3125rem;
  padding: 0;
}

.sf-com-carousel .content .slick-dots li.slick-active button {
  background-color: #e3063b;
}

.sf-com-carousel .slick-slider {
  overflow: hidden;
}

.sf-com-carousel .slick-slider .slick-track {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}

.sf-com-carousel .slick-slider .slick-track .slick-slide img {
  display: none;
}

.sf-com-carousel.contact .content .sf-sliders .sf-slide .introduction .intro {
  font-size: 1.375rem;
  font-weight: 400;
}

.sf-com-carousel.contact .content .slick-dots {
  display: none;
}

.sf-com-carousel.type-2 .content .slick-dots {
  display: none !important;
}

.sf-com-carousel.type-2 .content .sf-sliders .sf-slide {
  height: 25rem;
  min-height: 0;
  max-height: 35vh;
}

.sf-com-carousel.type-2 .content .sf-sliders .sf-slide .introduction .title,
.sf-com-carousel.type-2 .content .sf-sliders .sf-slide .introduction .intro {
  text-shadow: none;
}

.sf-com-carousel.type-2 .content .sf-sliders .sf-slide .introduction .intro {
  margin: 0;
}

.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .sub-title {
  text-align: left;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a {
  height: 3em;
  line-height: 3em;
  background-color: transparent;
  border: .0625rem solid #003466;
}

.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a span {
  color: #003466;
}

.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a em {
  background-color: #003466;
}

.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:first-child {
  margin-right: 5%;
}

.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:hover,
.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:focus,
.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:active {
  border: .0625rem solid #FFFFFF;
}

.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:hover span,
.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:focus span,
.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:active span {
  color: #004a7f;
}

.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:hover em,
.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:focus em,
.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:active em {
  background-color: #004a7f;
}

.sf-com-carousel.magazine-center.magazine-center-2 .slick-dots {
  display: none;
}


/* 友情链接 语言切换 */
.sf-com-lang-switch {
  font-size: 1rem;
  position: relative;
}

.sf-com-lang-switch.active .lang-active::after {
  transform: rotate(225deg);
  margin-top: -0.125rem;
}

.sf-com-lang-switch.active .lang-box {
  display: flex;
}

.sf-com-lang-switch a {
  color: #454545;
}

.sf-com-lang-switch a:hover,
.sf-com-lang-switch a:focus,
.sf-com-lang-switch a:active {
  text-decoration: none;
}

.sf-com-lang-switch .lang-active {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  padding-right: 1.875rem;
}

.sf-com-lang-switch .lang-active::after {
  content: " ";
  display: block;
  height: .5rem;
  width: .5rem;
  border: .0625rem solid #454545;
  border-left: none;
  border-top: none;
  position: absolute;
  right: .625rem;
  transform: rotate(45deg);
  transition: all linear 0.3s;
  top: 50%;
  margin-top: -0.3125rem;
}

.sf-com-lang-switch .lang-active .lang-name {
  margin-left: .9375rem;
}

.sf-com-lang-switch .lang-box {

  background-color: #fff;
  border-top: .25rem solid #004a7f;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, .2);
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 90;
  display: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  white-space: nowrap;
}

.sf-com-lang-switch .lang-box .lang {
  display: block;
  line-height: 3;
  padding: 0 1.5625rem;
  width: 100%;
}

.sf-com-lang-switch .lang-box .lang:hover,
.sf-com-lang-switch .lang-box .lang:focus,
.sf-com-lang-switch .lang-box .lang:active {
  background-color: #EAEAEA;
}


/* pagination */
.sf-com-pagination {
  font-size: 1.125rem;
  font-weight: 200;
  padding: 3.75rem 0 5rem;
}

.sf-com-pagination .content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.sf-com-pagination .content .nav {
  white-space: nowrap;
  display: block;
  height: 2.1875rem;
  line-height: 2.1875rem;
  min-width: 2.1875rem;
  text-align: center;
  margin: 0 .3125rem;
  border-radius: .3125rem;
  color: #00457b;
  border: solid .0625rem #00457b;
}

.sf-com-pagination .content .nav:hover,
.sf-com-pagination .content .nav:active {
  text-decoration: none;
  background-color: #00457b;
  color: #fff;
}

.sf-com-pagination .content .nav.disabled {
  background-color: #fff;
  color: #999;
  border: solid .0625rem #ddd;
}

.sf-com-pagination .content .page-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.sf-com-pagination .content .page-list .list-item {
  margin: 0 .3125rem;
}

.sf-com-pagination .content .page-list .list-item .link {
  display: block;
  height: 2.1875rem;
  line-height: 2.1875rem;
  min-width: 2.1875rem;
  text-align: center;
  border-radius: .3125rem;
  background-color: #fff;
  color: #00457b;
  border: solid .0625rem #00457b;
}

.sf-com-pagination .content .page-list .list-item .link:hover,
.sf-com-pagination .content .page-list .list-item .link:active,
.sf-com-pagination .content .page-list .list-item .link.active {
  text-decoration: none;
  background-color: #00457b;
  color: #fff;
}

.sf-com-pagination .content .page-list .list-item.invi {
  overflow: hidden;
  width: 0;
  height: 0;
  margin: 0;
}

.sf-com-pagination .content .page-list .list-item:not(.invi)+.invi {
  font-size: 0;
  position: relative;
  width: auto;
  height: auto;
}

.sf-com-pagination .content .page-list .list-item:not(.invi)+.invi a {
  display: inline-block;
  font-size: 0;
  overflow: hidden;
  width: 0;
  height: 0;
}

.sf-com-pagination .content .page-list .list-item:not(.invi)+.invi::before {
  font-size: .875rem;
  content: "...";
  display: block;
  text-align: center;
}




/* add-css */
.mb-none {
  margin-bottom: 0 !important;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clear {
  clear: both;
}

.text-center {
  text-align: center;
}

.vertical-center {
  display: flex;
  align-items: center;
}

.level-center {
  display: flex;
  justify-content: center;
}

.vl-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.font-bold {
  font-weight: 700;
}

ul,
li {
  padding: 0;
  margin: 0;
  list-style: none;
}


/* products center */
.ti_p-page-full {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0rem;
  background-color: #f7f7f7;
}

.ti_p-page-responsive {
  width: 100%;
  max-width: 78rem;
  margin-left: auto;
  margin-right: auto;
}

.ti_p-page-responsive .ti_p-responsiveFooter-hr {
  border-bottom: .0625rem solid #e1e1e1;
}

.pro-tit {
  padding: 1rem 2.5rem 0rem 2.5rem;
  font-size: 2rem;
  color: #000;
}

.pro-tit a {
  float: right;
  line-height: 3.25rem;
  font-size: .875rem;
  color: #333;
}

.case_roll {
  width: 100%;
  height: 32rem;
}

.caseBox {
  position: relative;
  width: 100%;
  height: 100%;
}

.caseBox em {
  display: block;
  width: 1.25rem;
  height: 2.125rem;
  position: absolute;
  top: 50%;
  margin-top: -0.75rem;
  cursor: pointer;
}

.caseBox em.sclt {
  background: url(../images/caseBoxLt.png) no-repeat left top;
  left: 0;
  background-size: 100% 100%;
  width: 1.25rem;
  height: 2.125rem;
}

.caseBox em.scrt {
  background: url(../images/caseBoxRt.png) no-repeat left top;
  right: 0;
  background-size: 100% 100%;
  width: 1.25rem;
  height: 2.125rem;
}

.caseBox .scCon {
  position: relative;
  width: calc(100% - 2.5rem);
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.caseBox ul {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 2.5rem 0 1.875rem;
  width: 10000% !important;
  height: 100%;
}

.caseBox li {
  height: 100%;
  float: left;
  margin: 0 1.4375rem;
  padding: 1.875rem;
  cursor: pointer;
  background-color: #fff;
  border-radius: 0.25rem;
  box-shadow: 0 0 .3125rem rgba(0, 0, 0, .3);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.case_img {
  display: inline-block;
  width: 100%;
}

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

.case_wz {
  width: 100%;
}

.case_wz a {
  display: block;
  font-weight: 600;
  color: #004a7f;
}

.case_wz a.wz-fl {
  margin: 1.5625rem 0 .625rem;
  font-size: .75rem;
  color: #666;
}

.case_wz a.wz-bt {
  font-size: 1rem;
}

.case_wz a.wz-bt img {
  margin-top: -0.375rem;
  margin-left: 1.25rem;
  width: 1.6875rem;
  height: 1.4375rem;
}

.case_wz p {
  margin: 1.25rem 0 .9375rem;
}

.caseBox li:hover {
  margin: -0.625rem 1.4375rem 0 1.4375rem;
  box-shadow: 0 0 1.875rem rgba(0, 0, 0, .3);
}

.caseBox li:hover a {
  color: #e3063b;
}

.caseBox li:hover .case_wz a.wz-fl {
  color: #666;
}


/* footer */
.ti_p-responsiveFooter {
  width: 100%;
  min-width: initial;
  padding: 2rem 0 .875rem;
  background-color: #111;
  color: #fff;
  box-sizing: border-box;
  font-size: .875rem;
  font-weight: 400;
}

.ti_p-responsiveFooter-content {
  width: 100%;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}

.ti_p-responsiveFooter-row {
  display: flex;
  align-items: stretch;
  box-sizing: border-box;
  flex-wrap: wrap;
}

.ti_p-responsiveFooter-col {
  position: relative;
  margin-bottom: 1.25rem;
  box-sizing: border-box;
  margin-left: .875rem;
  margin-right: .875rem;
  flex-shrink: 0;
  flex-basis: 17.1875rem;
  flex-basis: calc((20%) - (1.75rem));
}

.ti_p-responsiveFooter-links-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  font-weight: 500;
  font-size: .875rem;
  line-height: 1.5rem;
  color: #aaa;
}

.ti_p-responsiveFooter-links-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.ti_p-responsiveFooter-link {
  flex: 0 0 auto;
  font-weight: 400;
  font-size: .875rem;
  line-height: 1.25rem;
  margin-bottom: 1rem;
  max-width: 100%;
  color: #fff;
}

.ti_p-responsiveFooter-links-list.mod-inline {
  flex-direction: row;
  flex-wrap: wrap;
}

.ti_p-responsiveFooter-social-icon {
  box-sizing: border-box;
  margin: 0 2.375rem 0 0;
  color: #fff;
}

.ti_p-responsiveFooter-social-icon:last-child {
  margin: 0 0rem 0 0;
}

.ti_p-responsiveFooter-social-icon i {
  font-size: 1.5rem;
}

.ti_p-responsiveFooter-hr {
  display: block;
  height: 0;
  overflow: visible;
  padding: 0;
  margin-bottom: 3.4375rem;
  border: 0;
  border-bottom: .0625rem solid #383838;
}

.ti_p-responsiveFooter-col.mod-third {
  box-sizing: border-box;
  margin-left: .875rem;
  margin-right: .875rem;
  flex-shrink: 0;
  flex-basis: 23.5rem;
  flex-basis: calc((33.33%) - (1.75rem));
}

.ti_p-responsiveFooter-logo {
  display: block;
  width: 17.5rem;
}

.ti_p-responsiveFooter-col.mod-twothirds {
  box-sizing: border-box;
  margin-left: .875rem;
  margin-right: .875rem;
  flex-shrink: 0;
  flex-basis: 48.75rem;
  flex-basis: calc((66.66%) - (1.75rem));
}

.ti_p-responsiveFooter p {
  font-size: .875rem;
  line-height: 2.25rem;
  font-weight: 400;
  letter-spacing: .0625rem;
  color: #aaa;
}

.ti_p-responsiveFooter-col.mod-full {
  box-sizing: border-box;
  margin-left: .875rem;
  margin-right: .875rem;
  flex-shrink: 0;
  flex-basis: 118.25rem;
  flex-basis: calc((99.99%) - (1.75rem));
  margin-bottom: 0;
}

.ti_p-responsiveFooter-biz {
  display: inline-flex;
  flex-wrap: wrap;
  font-size: .75rem !important;
}

.ti_p-responsiveFooter-biz.mod-lined span {
  margin-right: 1.25rem;
}

.ti_p-responsiveFooter-biz a {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  color: #fff;
}

.ti_p-responsiveFooter-biz img {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.625rem;
}


/* 左侧导航 */
.main-left {
  width: 18.75rem;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.menu-tit {
  line-height: 2.125rem;
  padding-bottom: .8125rem;
  border-bottom: solid .25rem #004a7f;
}

.menu-tit a {
  font-size: 1.125rem;
  color: #212529;
}

.menu-tit a:hover {
  color: #004a7f;
}

.main-menu {
  overflow: hidden;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.metismenu li {
  position: relative;
}

.metismenu li a {
  position: relative;
  display: block;
  padding: 0rem 1.25rem 0 2.875rem;
  font-size: 1rem;
  line-height: 2.5rem;
  border-bottom: solid .0625rem #ddd;
}

.metismenu li:last-child a {
  border-bottom: none;
}

.metismenu li a:after {
  float: right;
  content: '\f107';
  font-family: FontAwesome;
  color: #222;
  font-size: 1.25rem;
}

.metismenu li a:only-child:after,
.metismenu li li a:only-child:after,
.metismenu li li a:after {
  content: '' !important;
}

.metismenu li.active>a:after {
  content: '\f106';
}

.metismenu li>a,
.metismenu li.active>a {
  color: #222;
  background-color: #f5f5f5;
  text-decoration: none;
}

.metismenu li>a:after,
.metismenu li.active>a:after {
  color: #004a7f;
}

.metismenu li ul {
  padding: 0 0 0 2.25rem;
}

.metismenu li li:first-child {
  margin-top: .75rem;
}

.metismenu li li:last-child {
  margin-bottom: .75rem;
}

.metismenu li li a {
  border-bottom: none;
}

.metismenu li li>a,
.metismenu li li.active>a {
  color: #666;
  background-color: #fff;
}

.metismenu li a:hover {
  text-decoration: underline;
}

.metismenu .collapse {
  display: none
}

.metismenu .collapse.in {
  display: block
}

.metismenu .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility
}

/* 复选框 */
.checkbox-inline {
  display: inline-block;
}

.lyear-checkbox {
  display: block;
  position: absolute;
  top: .6875rem;
  left: .625rem;
  z-index: 1;
  margin-top: 0rem;
  margin-bottom: 0rem;
  cursor: pointer;
  font-weight: 400;
  min-height: 1.125rem;
  height: auto !important;
  line-height: 1.125rem !important;
}

input[type=checkbox] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

.lyear-checkbox input {
  position: absolute;
  opacity: 0;
  display: none;
}

.lyear-checkbox span::before {
  content: '';
  position: absolute;
  display: inline-block;
  height: 1.125rem;
  width: 1.125rem;
  left: 0;
  top: 0rem;
  border: .0625rem solid #ebebeb;
  -webkit-transition: all .1s;
  -o-transition: all .1s;
  transition: all .1s;
}

.lyear-checkbox span::after {
  content: '';
  position: absolute;
  display: none;
  width: .3125rem;
  height: .625rem;
  left: .4375rem;
  top: .1875rem;
  border: solid #4d5259;
  border-width: 0 .125rem .125rem 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.lyear-checkbox span {
  display: inline-block;
}

.lyear-checkbox input~span::before {
  background-color: #fff;
  border-color: #ddd;
}

.lyear-checkbox input:checked~span:after {
  display: inline-block;
}

.lyear-checkbox input:disabled+span {
  cursor: not-allowed;
}

.lyear-checkbox input:disabled+span::before,
.lyear-checkbox input:disabled+span::after {
  opacity: .4;
}

.lyear-checkbox input:checked~span::before {
  background-color: #333;
  border-color: #333;
}

.lyear-checkbox input:checked~span::after {
  border-color: #fff;
}


/* 右侧内容 */
.main-wrapper {
  width: calc(100% - 18.75rem);
  padding-left: 2.5rem;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.main-tit {
  padding-bottom: .75rem;
  border-bottom: solid .25rem #004a7f;
  font-size: 1.125rem;
}

.main-tit .fl span,
.main-tit a {
  line-height: 2.125rem;
}

.main-tit a {
  position: relative;
  display: inline-block;
  padding: 0 .875rem 0 0.625rem;
  margin-left: .875rem;
  background-color: #999;
  color: #fff;
  border-radius: .35rem;
  font-size: 1rem;
}

.main-tit a i {
  position: absolute;
  top: .125rem;
  right: .125rem;
  font-size: .875rem;
}

.main-tit .input-group input {
  padding-left: 1.25rem;
  background-color: #f5f5f5;
  border-radius: 5rem;
  border: none;
}

.main-tit .input-group .btns {
  color: #666;
  padding-right: .9375rem;
  background-color: #f5f5f5;
  border-radius: 5rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: 0rem;
  font-size: .875rem;
  height: 100%;
}

.main-tit .input-group .btns:hover {
  color: #fff;
  background-color: #409EFF;
  border: 0rem
}


/* 在线培训与教程 */
.channel-item {
  padding: 1.875rem 0;
  border-bottom: solid .0625rem #eee;
}

.channel-item .forum-pic {
  width: 18.75rem;
  height: 10rem;
}

.forum-pic {
  cursor: pointer;
  overflow: hidden;
}

.forum-pic,
.forum-pic img {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.forum-pic:hover {
  box-shadow: 0 0 1.875rem rgba(0, 0, 0, .3);
}

.forum-pic:hover img {
  transform: scale(1.1);
}

.channel-item .file-con {
  width: calc(100% - 18.75rem);
  padding-left: 1.875rem;
}

.channel-item .file-con a {
  color: #333;
}

.channel-item .file-con p {
  font-size: 0.75rem;
}

.channel-item .file-con a:hover {
  color: #004a7f;
}

.channel-author {
  margin: .9375rem 0 .625rem;
  font-size: 0.75rem;
}


/* 质量与可靠性 */
.wh-auto {
  width: 100%;
  height: auto;
}

.menu-tit h3 {
  font-size: 1.5rem;
}

.main-left-sm {
  width: 16.25rem;
}

.main-left-sm .metismenu li a {
  padding: 0 .9375rem;
  font-size: .875rem;
}

.main-wrapper-md {
  width: calc(100% - 16.25rem);
}

.main-wrapper-md h2 {
  font-size: 2rem;
  margin-top: 3.5rem;
}

.main-wrapper-md .desc {
  margin: 1.5rem 0 1rem;
}

.main-content {
  padding-bottom: 5rem;
}

.qr-item {
  margin: 1.875rem 0 0;
  padding: 1.25rem;
  outline: solid .0625rem #eee;
  border-bottom: solid .375rem #004a7f;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.qr-item:hover {
  border-bottom: solid .375rem #e20036;
  box-shadow: 0 0 30rem rgba(0, 0, 0, .3);
}

.qr-item .file-con h4 {
  line-height: 1.75rem;
  margin: 1.25rem 0;
}

.qr-item .file-con a {
  display: block;
  margin: 1.25rem 0 .3125rem;
}

.qr-item .file-con a.more:hover {
  text-decoration: underline;
}


/* 关于我们 */
.sf-com-ab {
  line-height: 7.5rem;
  background-color: #f5f5f5;
}

.sf-com-ab h2 {
  line-height: 7.5rem;
}

.ab-list li {
  float: left;
  margin-right: 1.875rem;
}

.ab-list li:last-child {
  margin-right: 0rem;
}

.ab-list li a {
  font-size: 1.25rem;
}

.ab-con {
  margin: 5rem 0 4.6875rem;
  padding-top: 2.125rem;
  width: 74.5625rem;
  height: 34.0625rem;
  background-size: 33.4375rem 17.1875rem !important;
}

.ab-con h2 {
  margin: 0 0 2.8125rem;
  letter-spacing: .1875rem;
}

.ab-con p {
  padding: 3.125rem;
  line-height: 2.25rem;
  text-indent: 2rem;
  font-size: 1rem;
  background-color: #f5f5f5;
  border-bottom: solid .375rem #00457b;
  border-radius: 1em;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.hs-item .forum-pic {
  width: 10.625rem;
  height: 7.5rem;
}

.date-con {
  width: 10.5625rem;
  margin: 0 2.8125rem 0 1.5625rem;
}

.date-con h3 {
  color: #00457b;
  font-size: 1.875rem;
}

.hs-item .file-con {
  width: calc(100% - 25.5625rem);
  padding-left: 1.25rem;
  border-left: solid .0625rem #00457b;
}

.hs-item .file-con h4 {
  margin: .9375rem 0;
  font-size: 1.25rem;
}

.h100 {
  height: 100%;
}

.quality-con {
  margin: 5rem 0;
  height: 24.9375rem;
}

.quality-con b {
  display: block;
  width: 3.1875rem;
  height: .1875rem;
  background-color: #00457b;
  margin: 1.5625rem 0;
}

.quality-con h4 {
  line-height: 1.875rem;
}


/* 资讯动态 */
.bar {
  position: relative;
}

.bar,
.bar img {
  width: 100%;
  height: 32.5rem;
  margin: 0 auto;
}

.bar-txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}

.bar-txt h2 {
  padding-bottom: .625rem;
  border-bottom: solid .125rem #fff;
}

.news-content {
  margin-top: 1.875rem;
}

.news-item {
  border-bottom: none;
}

.news-item .forum-pic {
  width: 24.875rem;
  height: 14.875rem;
}

.news-item .file-con {
  width: calc(100% - 24.875rem);
}

.news-item .channel-author {
  margin: 0rem;
}

.news-item .file-con h3 {
  margin: 1.25rem 0;
}

.news-item .file-con a {
  color: #00457b;
}

.news-item .file-con a:hover {
  text-decoration: underline;
}


/* 资讯动态详情 */
.m-60 {
  margin: 3.75rem 0;
}

.news-desc {
  margin: 3.125rem 0 4.375rem;
}

.news-desc p {
  font-size: 1rem;
  line-height: 1.875rem;
  margin-bottom: 1.5rem;
}


/* 我们的业务 */
.business-con {
  margin: 5rem 0;
  padding: 4.6875rem 0 0 16.25rem;
  width: 75rem;
  height: 25.9375rem;
  background-size: 75rem 25.9375rem !important;
  /* background: url(../images/business-con.png) no-repeat top left; */
}

.bs-con {
  padding: 3.3125rem 4.375rem;
  font-size: 1rem;
  background-color: #f5f5f5;
}

.bs-con p {
  line-height: 2.25rem;
  margin-bottom: 1.875rem;
}

.bs-con p:last-child {
  margin-bottom: 0rem;
}

.ours-item {
  margin: 2.5rem 0rem 5rem;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.ours-item:hover {
  margin: 1.875rem 0rem 5rem;
  box-shadow: 0 0 1.875rem rgba(0, 0, 0, .3);
}

.ours-item .file-con {
  padding: 2.1875rem 2.25rem;
  min-height: 26.0625rem;
  max-height: 26.125rem;
  background-color: #f5f5f5;
}

.ours-item .file-con h4 {
  margin: 0 0 1.5625rem 0;
  padding-left: 6.25rem;
  height: 3.9375rem;
  font-size: 1.25rem;
  position: relative;
}

.ours-item .file-con h4.one {
  background: url(../images/ours-icon1.png) no-repeat top left;
  background-size: 4.6875rem 3.875rem;
}

.ours-item .file-con h4.two {
  background: url(../images/ours-icon2.png) no-repeat top left;
  background-size: 4.6875rem 3.875rem;
}

.ours-item .file-con h4.three {
  background: url(../images/ours-icon3.png) no-repeat top left;
  background-size: 4.6875rem 3.875rem;
}

.ours-item .file-con h4 b {
  position: absolute;
  left: 3.125rem;
  bottom: 0;
  text-transform: uppercase;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: .25rem;
}

.ours-item .file-con h4.three b {
  letter-spacing: .875rem;
}

.ours-item .file-con p {
  line-height: 1.625rem;
  font-size: 0.75rem;
}


/* 合作伙伴 */
.sq-con h2 {
  margin: 5rem 0 3.75rem;
}

.partner-item {
  padding: 1.875rem;
  border-radius: 1em;
  box-shadow: 0 0 .9375rem rgba(0, 0, 0, .15);
}

.partner-item .file-con h3 {
  padding: 1.25rem 0;
  border-bottom: solid .0625rem #eee;
}

.partner-item .file-con ul li {
  font-size: 1rem;
  line-height: 2rem;
  padding-left: 3.4375rem;
  margin-bottom: .625rem;
}

.partner-item .file-con ul li:nth-child(1) {
  background: url(../images/p-icon1.png) no-repeat top left;
  background-size: 1.875rem 1.875rem;
}

.partner-item .file-con ul li:nth-child(2) {
  background: url(../images/p-icon2.png) no-repeat top left;
  background-size: 1.875rem 1.875rem;
}

.partner-item .file-con ul li:nth-child(3) {
  background: url(../images/p-icon3.png) no-repeat top left;
  background-size: 1.875rem 1.875rem;
}

.partner-item .file-con ul li:nth-child(4) {
  background: url(../images/p-icon4.png) no-repeat top left;
  background-size: 1.875rem 1.875rem;
}

.hzhb-con {
  margin-bottom: 5rem;
}

.hzhb-item,
.hzhb-item .forum-pic,
.hzhb-item .forum-pic img {
  border-radius: 1em;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.hzhb-item:hover {
  box-shadow: 0 0 1.875rem rgba(0, 0, 0, .3);
}


/* 工作机会 */
.job-txt {
  position: absolute;
  bottom: 8.75rem;
  left: 0;
  color: #fff;
}

.job-txt p {
  line-height: 1.875rem;
  font-size: 1rem;
}

.job-txt .input-group input {

  padding-left: .9375rem;
  border-radius: .5rem;
  border: none;
  width: 31.875rem;
}

.job-txt .input-group-btn {
  width: 5.625rem;

}

.job-txt .input-group .btn {

  color: #005da8;
  background-color: #fff;
  background-image: url(../images/search-icon.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 1.875rem;
  padding-right: .9375rem;
  border-radius: .5rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-size: 1.25rem 1.25rem;
  font-size: .875rem;
  width: 100%;
  height: 100%;
}

.job-content {
  margin-top: -6.25rem;
  padding: 6.25rem 5rem 0rem;
  background-color: #fff;
  border-radius: 1rem;
}

.job-item {
  margin-top: 3.75rem;
}

.job-item a {
  color: #005da8;
  font-size: 1.375rem;
}

.job-item a:hover {
  text-decoration: underline;
}

.job-item .channel-author {
  margin: 1.5625rem 0 0rem;
}

.job-item .channel-author i {
  display: inline-block;
  margin: 0 .9375rem;
}

.chance-desc {
  margin: 3.75rem 0 1.25rem;
}

.chance-desc h2 {
  margin-bottom: 1.875rem;
}

.chance-desc p {
  line-height: 1.875rem;
  font-size: 1rem;
}

.chance-desc h3 {
  margin: 3.125rem 0 1.875rem;
}


/* 招聘流程 */
.process-con li {
  float: left;
  width: calc((100% - 30rem)/5);
}

.process-con li.process-arrow {
  width: auto;
  margin: .625rem 2.5rem 0;
  background: url(../images/process-arrow.png) no-repeat left bottom;
}

.process-con li.process-arrow span {
  display: inline-block;
  padding: 0 .5rem;
  margin-bottom: 1.25rem;
  background-color: #40c29c;
  color: #fff;
  border-radius: 1em;
  font-size: .75rem;
}

.process-line {
  width: 100%;
  height: .0625rem;
  background-color: #ddd;
  margin: 1.5625rem 0 2.8125rem;
  position: relative;
}

.process-line span {
  display: block;
  width: 4.875rem;
  height: .1875rem;
  background-color: #004a7f;
  position: absolute;
  top: -0.125rem;
  left: 0;
}

.sq-con h2.fail {
  margin: 2.8125rem 0 1.5625rem;
  padding-left: 3.75rem;
  background: url(../images/process6.png) no-repeat left center;
}

.sq-con h2.fail span {
  display: inline-block;
  margin-left: 1.875rem;
  font-size: 1.125rem;
  color: #004a7f;
}


/* 法律条款 */
.law-desc {
  margin-bottom: 5rem;
}

.law-desc h2 {
  margin: .875rem 0 0;
}

.law-desc h4 {
  margin-top: 2.1875rem;
}

.law-desc p {
  margin-bottom: 0;
  line-height: 1.875rem;
  font-size: 1rem;
}


/* 产品与应用-产品 */
.sf-com-pro {
  padding: 0 1.25rem;
}

.sf-com-pro h2 {
  line-height: 9.6875rem;
  margin: 0 0 .8125rem;
  border-bottom: solid .0625rem #004a7f;
}

.sf-com-pro-list .main-tit a {
  padding: 0 .875rem .0625rem .625rem;
  background-color: #004a7f;
}

.sf-com-pro-list .main-tit a:hover {
  box-shadow: 0 0 1.875rem rgba(0, 0, 0, .3);
}

.sf-com-pro-list .table td a {
  color: #004a7f;
}

.sf-com-pro-list .table td a.pdf {
  padding-left: 1.25rem;
  background: url(../images/pdf.png) no-repeat left center;
  background-size: 1rem 1.25rem;
}

.sf-com-pro-list .table td a:hover {
  text-decoration: underline;
}

/*.sf-com-pro-list .table th,.sf-com-pro-list .table td {
  width: 100%;width: 50rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}*/

.pro-more {
  display: block;
  line-height: 3.125rem;
  margin-bottom: 5rem;
  text-align: center;
  font-size: 1rem;
  color: #004a7f;
  background-color: #f5f5f5;
}

.pro-more:after {
  content: '\f107';
  font-family: FontAwesome;
  font-size: 1.375rem;
  color: #004a7f;
  margin-left: .3125rem;
}

.pro-more:hover {
  color: #063c63;
}


/* 购买样品-在线留言 */
.modal-opacity {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  z-index: 1040;
  display: none;
}

.modal-popup .form-group {
  margin-bottom: 0.5rem;
}

.modal-popup label {
  margin-bottom: 0.25rem;
  font-size: .75rem;
}

.modal {
  height: 37.5rem;
}

.input-icon {
  position: relative;
}

.input-icon .icon {
  position: absolute;
  top: .5rem;
  right: .25rem;
  display: block;
  width: .9375rem;
  height: .9375rem;
  color: #999;
}

.input-icon .icon:before {
  font-size: .875rem;
}

.input-icon .form-control {
  padding-right: 1.25rem;
}

.help-block {
  display: block;
  margin: .3125rem 0 0;
  font-size: .75rem;
}

.hr-line-dashed {
  border-top: .0625rem dashed #ddd;
  background-color: #fff;
  height: .0625rem;
  margin-bottom: .625rem;
}

.input-code .form-control {
  width: calc(100% - 8rem);
}

.code,
.code img {
  width: 8rem;
  height: 2rem;
}


/* 产品与应用-产品详情 */
.main-left-xs {
  width: 11.25rem;
}

.main-left-xs .metismenu li a {
  padding: 0rem 1.25rem;
}

.main-wrapper-lg {
  width: calc(100% - 11.25rem);
}

.pro-con h4 {
  padding: .625rem 0 2.5rem;
  border-bottom: solid .0625rem #eee;
  color: #666;
}

.pro-con ul li {
  line-height: 3.25rem;
  font-size: 1rem;
}

.pro-con ul li a {
  margin-left: 2.5rem;
  padding-left: 2.1875rem;
  background: url(../images/pdf.png) no-repeat left center;
  color: #004a7f;
  background-size: 1rem 1.25rem;
}

.pro-con ul li a:hover {
  text-decoration: underline;
}


/* 产品与应用-应用 */
.apply-con {
  margin: 1.25rem 0 5rem;
}

.apply-con h3 {
  margin: 2.1875rem 0 1.25rem;
}

.apply-con p.small {
  font-size: .875rem;
  color: #999;
}

.apply-con img {
  display: block;
  margin: 1.25rem auto;
  width: 100%;
  height: auto;
}


/* 产品与应用-参与设计 */
.metismenu.metismenu-pro li.active>a:after {
  content: normal;
}

.metismenu.metismenu-pro li a.active {
  font-weight: 700;
}

.metismenu.metismenu-pro li a span {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.metismenu.metismenu-pro li ul {
  padding: 0;
}

.metismenu.metismenu-pro li li {
  margin: 0;
}

.metismenu.metismenu-pro li li a {
  background-color: #f5f5f5;
  border-bottom: solid .0625rem #ddd;
}

.design-list li a {
  color: #004a7f;
  font-size: 1rem;
}

.design-list li a:hover {
  text-decoration: underline;
}

.design-list li {
  line-height: 2.125rem;
}

.design-list li ul li {
  padding-left: .9375rem;
}