@font-face {
  font-family: 'HindSiliguri';
  src: url("../fonts/HindSiliguri.woff2"); }
@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins.woff2"); }
html, body {
  font-family: "HindSiliguri"; }

.nav-top {
  width: 100%;
  height: 1.2rem;
  background: #ffffff;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9; }
  .nav-top .logo {
    width: 0.96rem;
    height: 0.96rem;
    position: absolute;
    left: 0.32rem;
    top: 0.1rem; }
  .nav-top .nav-bar {
    width: 1.8rem;
    height: 1.2rem;
    position: absolute;
    right: 0;
    top: 0;
    border-left: solid 1px #e5e5e5; }
  .nav-top .about-icon {
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    left: 0.28rem;
    top: 0.4rem; }
  .nav-top .menu-icon {
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    right: 0.2rem;
    top: 0.4rem; }

.index-banner {
  height: 100%;
  position: relative; }
  .index-banner .swiper-pagination-bullet-active {
    background: #fff; }

.index-banner-pic {
  position: relative;
  width: 100%;
  height: 100%; }
  .index-banner-pic:after {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.2);
    content: ''; }
  .index-banner-pic .index-banner-tips {
    position: absolute;
    width: 90%;
    left: 5%;
    bottom: 18%;
    z-index: 2; }
    .index-banner-pic .index-banner-tips .banner-big-title {
      font-size: 0.4rem;
      font-weight: bold;
      line-height: 1.5;
      color: #ffffff; }
    .index-banner-pic .index-banner-tips .banner-desc {
      font-size: 0.24rem;
      line-height: 1.5;
      color: #ffffff; }
    .index-banner-pic .index-banner-tips .view-more {
      width: 2.2rem;
      height: 0.8rem;
      line-height: 0.8rem;
      background-color: rgba(0, 0, 0, 0.8);
      text-align: center;
      font-size: 0.3rem;
      color: #ffffff;
      border-radius: 0.4rem;
      margin: 0.2rem 0 0 0;
      font-weight: bold;
      text-transform: uppercase; }
      .index-banner-pic .index-banner-tips .view-more a {
        display: block;
        font-size: 0.3rem;
        color: #ffffff;
        font-weight: bold; }

.index-banner-pic1 {
  background: url(https://c.htfoodie.com/resource/scfeiling/images/mobile-banner1.jpg) no-repeat center;
  background-size: cover; }

.index-banner-pic2 {
  background: url(https://c.htfoodie.com/resource/scfeiling/images/mobile-banner2.jpg) no-repeat center;
  background-size: cover; }

.index-banner-pic3 {
  background: #080d33; }

.index-list {
  padding: 0.4rem;
  background: #f2f2f2; }

ul.index-list-pro {
  overflow: hidden; }
  ul.index-list-pro li {
    margin: 0 0 0.4rem 0; }
    ul.index-list-pro li .index-list-p {
      width: 100%;
      height: 100%;
      display: block; }
      ul.index-list-pro li .index-list-p:hover {
        transition: all .4s ease-in-out; }
    ul.index-list-pro li .index-list-t {
      font-size: 0.3rem;
      color: #000000;
      font-weight: bold;
      padding: 0.2rem 0 0 0;
      text-align: center; }
      ul.index-list-pro li .index-list-t a {
        font-size: 0.3rem;
        color: #000000;
        font-weight: bold; }

.index-pro-info {
  padding: 0.6rem 0.4rem; }
  .index-pro-info .pro-pic {
    width: 100%;
    display: block; }

.index-pro-desc {
  padding: 1rem 1.5rem; }
  .index-pro-desc h3 {
    font-size: 0.4rem;
    line-height: 1.2;
    font-weight: bold; }
  .index-pro-desc p {
    margin: 0.2rem 0;
    font-size: 0.24rem;
    color: #676767;
    line-height: 1.5; }
  .index-pro-desc .view-more {
    color: #6eca09;
    font-size: 0.24rem;
    font-weight: bold;
    text-transform: uppercase; }
    .index-pro-desc .view-more a {
      color: #6eca09;
      font-size: 0.24rem;
      font-weight: bold; }
  .index-pro-desc .view-line {
    width: 2rem;
    height: 0.08rem;
    overflow: hidden;
    background: #6ECA09; }

.index-pro-b1 {
  background: #fff; }

.index-pro-b2 {
  background: #f2f2f2; }

.index-pro-more {
  padding: 0.4rem 0 0 0; }

.index-p-b {
  width: 100%;
  height: 5rem;
  display: block; }

.index-p-b1 {
  height: 5rem;
  overflow: hidden; }

.index-p-b2 {
  height: 7.5rem;
  overflow: hidden; }
  .index-p-b2 .swiper-pagination-bullet-active {
    background: #fff; }

.index-p-s {
  width: 100%;
  height: 7.5rem;
  display: block; }

.copyright-sns {
  background: #0d0f10;
  padding: 0.4rem 0 0 0; }

.sns-list {
  height: 0.5rem;
  text-align: center; }
  .sns-list a {
    width: 0.5rem;
    height: 0.5rem;
    display: inline-block;
    vertical-align: top;
    background: url("https://c.htfoodie.com/resource/scfeiling/images/sns-icon.png") no-repeat;
    background-size: 100% auto; }
    .sns-list a.LinkedIn {
      background-position: 0 0; }
    .sns-list a.Facebook {
      background-position: 0 -0.5rem; }
    .sns-list a.Instagram {
      background-position: 0 -1rem; }
    .sns-list a.YouTube {
      background-position: 0 -1.5rem; }

.copyright-txt {
  text-align: center;
  line-height: 0.6rem;
  font-size: 0.24rem;
  color: #ffffff;
  padding: 0.1rem 0; }

.chat-go-top {
  width: 0.8rem;
  position: fixed;
  z-index: 3;
  right: 0.3rem;
  bottom: 0.3rem; }

.chat-box {
  background-image: linear-gradient(to bottom right, #ffc711, #ff1300);
  border-radius: 50%;
  width: 0.8rem;
  height: 0.8rem; }
  .chat-box a {
    width: 0.8rem;
    height: 0.8rem;
    display: block;
    background: url("https://c.htfoodie.com/resource/scfeiling/images/icon_chat_menu.png") no-repeat;
    background-size: 100% auto; }

.go-top {
  width: 0.5rem;
  height: 0.5rem;
  background: #262829 url("https://c.htfoodie.com/resource/scfeiling/images/icon_chat_menu.png") no-repeat left bottom;
  background-size: 100% auto;
  margin: 0.3rem 0 0 0.3rem;
  border-radius: 0.1rem;
  display: none; }

.list-banner {
  height: 4rem;
  background: url("https://c.htfoodie.com/resource/scfeiling/images/list-banner.jpg") no-repeat;
  background-size: 100% 100%; }

.nav-site {
  line-height: 1.5;
  padding: 0.2rem 0 0 0;
  font-size: 0.3rem;
  color: #333333;
  width: 7rem;
  margin: 0 auto; }
  .nav-site a {
    font-size: 0.3rem;
    color: #333333; }

.pro-title {
  width: 7rem;
  margin: 0 auto;
  font-size: 0.4rem;
  font-weight: bold;
  color: #333333; }

ul.list-pic {
  width: 7.2rem;
  margin: 0.2rem 0 0 0.2rem;
  overflow: hidden;
  padding: 0.3rem 0;
  position: relative; }
  ul.list-pic:before {
    width: 7rem;
    height: 1px;
    overflow: hidden;
    background: #e9e9e9;
    position: absolute;
    left: 0;
    top: 0;
    content: ''; }
  ul.list-pic li {
    width: 3.4rem;
    padding: 0 0.1rem;
    float: left;
    margin: 0 0.1rem 0.3rem -0.1rem; }
    ul.list-pic li .info {
      border: solid 1px #eee; }
      ul.list-pic li .info .index-list-p {
        width: 100%;
        height: 3.3rem;
        display: block; }
      ul.list-pic li .info .index-list-t {
        height: 0.9rem;
        font-size: 0.3rem;
        line-height: 1.5;
        padding: 0 0.1rem;
        color: #333333;
        overflow: hidden;
        text-align: center; }
        ul.list-pic li .info .index-list-t a {
          font-size: 0.3rem;
          color: #333333; }

.list_page {
  text-align: center;
  margin: 0;
  line-height: normal !important; }
  .list_page a {
    display: inline-block;
    padding: 0.12rem 0.16rem;
    background: #fff;
    border: 1px solid #ff1b01;
    margin-left: -1px;
    color: #333; }
    .list_page a:hover {
      background: #ff1b01;
      color: #fff;
      border: 1px solid #ff1b01; }
    .list_page a.hover {
      background: #ff1b01;
      border: 1px solid #ff1b01;
      color: #fff;
      display: inline-block;
      padding: 0.12rem 0.16rem;
      margin-left: -1px; }

.return-more {
  overflow: hidden; }

.return-more-share {
  display: none; }

.return-info {
  border-top: solid 1px #e9e9e9;
  padding: 0.4rem 0;
  margin: 0.5rem 0 0 0;
  position: relative;
  overflow: hidden; }
  .return-info:after {
    width: 1px;
    height: 100%;
    overflow: hidden;
    background: #e9e9e9;
    position: absolute;
    left: 50%;
    top: 0;
    content: ''; }
  .return-info .fh-icon, .return-info .next-icon {
    width: 50%;
    height: 0.6rem;
    text-align: center;
    float: left; }
    .return-info .fh-icon i, .return-info .next-icon i {
      width: 0.6rem;
      height: 0.6rem;
      display: inline-block;
      vertical-align: top; }
    .return-info .fh-icon a, .return-info .next-icon a {
      width: 100%;
      height: 0.6rem;
      line-height: 0.6rem;
      display: block;
      font-size: 0.26rem;
      color: #666666; }
  .return-info .fh-icon i {
    background: url("https://c.htfoodie.com/resource/scfeiling/images/retun-icon.png") no-repeat;
    background-size: 100% 100%;
    margin: 0 0.1rem 0 0; }
  .return-info .next-icon i {
    background: url("https://c.htfoodie.com/resource/scfeiling/images/next-icon.png") no-repeat;
    background-size: 100% 100%;
    margin: 0 0 0 0.1rem; }
  .return-info .list-menu-icon {
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    background: #000 url("https://c.htfoodie.com/resource/scfeiling/images/list-menu-icon.png") no-repeat center center;
    background-size: 70% 70%;
    left: 50%;
    margin-left: -0.3rem;
    top: 50%;
    margin-top: -0.3rem;
    border-radius: 50%;
    z-index: 2; }
    .return-info .list-menu-icon a {
      width: 0.6rem;
      height: 0.6rem;
      display: block; }

.contact-map {
  height: 100%;
  position: relative;
  background: url("https://c.htfoodie.com/resource/scfeiling/images/contact-map-mobile.jpg") no-repeat center;
  background-size: cover; }

.contact-inner {
  background: #f2f2f2;
  padding: 0.2rem; }

.contact-inner-contact {
  background: #fff;
  box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.2);
  border-radius: 0.1rem;
  padding: 0.5rem 1rem; }

.contact-bg {
  padding: 0.2rem 0.2rem 0.6rem 0.2rem;
  background: url("https://c.htfoodie.com/resource/scfeiling/images/contact-bg.jpg") no-repeat;
  background-size: cover;
  position: relative; }
  .contact-bg .show-message {
    padding: 0; }
    .contact-bg .show-message .message-title {
      font-family: "Poppins";
      font-size: 0.4rem;
      line-height: 2;
      text-align: left; }
      .contact-bg .show-message .message-title:after {
        display: none; }
    .contact-bg .show-message .message-desc {
      padding: 0;
      color: #676767;
      font-size: 0.26rem;
      line-height: 1.5;
      text-align: left; }
  .contact-bg .form-content {
    padding: 0.5rem 0 0.2rem 0; }
    .contact-bg .form-content .input_rows {
      padding: 0 0.2rem 0.5rem 0;
      position: relative;
      margin: 0; }
      .contact-bg .form-content .input_rows .input {
        width: 100%;
        height: 0.8rem;
        line-height: 0.8rem;
        font-size: 0.24rem;
        color: #888;
        padding: 0 0.1rem;
        box-sizing: border-box;
        border: 1px #cbcecd solid;
        font-family: Arial; }
    .contact-bg .form-content .textarea_rows {
      padding: 0 0.2rem 0.5rem 0;
      position: relative; }
      .contact-bg .form-content .textarea_rows .form_area {
        height: 1.2rem; }

.contact-form {
  background: #fff;
  border-radius: 0;
  padding: 0.5rem 0.5rem 0 0.5rem; }

.contact-form-title {
  font-family: "Poppins";
  font-size: 0.4rem;
  line-height: 2; }

.contact-form-info {
  color: #676767;
  font-size: 0.26rem;
  line-height: 1.5; }

ul.form-list {
  padding: 0.5rem 0 0.2rem 0; }
  ul.form-list li {
    padding: 0 0.2rem 0.5rem 0;
    position: relative; }
    ul.form-list li .text {
      width: 100%;
      display: block;
      box-sizing: border-box;
      height: 0.8rem;
      line-height: 0.8rem;
      border: solid 1px #f0f0f0;
      padding: 0 0.1rem;
      font-size: 0.3rem;
      font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
    ul.form-list li .fc_red {
      position: absolute;
      height: 0.8rem;
      line-height: 0.8rem;
      color: #ff0000;
      right: 0;
      top: 0; }
    ul.form-list li.textarea textarea {
      height: 1.2rem;
      line-height: 0.4rem;
      padding: 0.1rem;
      font-size: 0.3rem;
      font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
    ul.form-list li .form_button {
      padding: 0 0.5rem;
      height: 0.8rem;
      background: #6ECA09;
      color: #ffffff;
      font-size: 0.3rem;
      cursor: pointer; }

dl.contact-list {
  margin: 0 0 0.5rem 0; }
  dl.contact-list dt {
    color: #000000;
    font-size: 0.3rem;
    font-weight: bold;
    margin: 0 0 0.1rem 0; }
  dl.contact-list dd {
    color: #676767;
    font-size: 0.26rem; }

.about-fixed {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: #fff;
  z-index: 99;
  display: none; }
  .about-fixed .about-fixed-small-logo {
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 0.3rem;
    top: 0.3rem; }
  .about-fixed .close-btn {
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    right: 0.3rem;
    top: 0.3rem; }
  .about-fixed .logo_main {
    width: 66%;
    display: block;
    margin: 0 auto;
    padding: 1rem 0 0 0; }
  .about-fixed .about-fixed-info {
    width: 66%;
    margin: 0 auto;
    padding: 1rem 0; }
    .about-fixed .about-fixed-info dt {
      font-size: 0.28rem;
      font-weight: bold;
      line-height: 1.5;
      margin: 0 0 0.5rem 0; }
      .about-fixed .about-fixed-info dt b {
        color: #6eca09; }
    .about-fixed .about-fixed-info dd {
      font-size: 0.26rem;
      line-height: 1.5; }
      .about-fixed .about-fixed-info dd b {
        font-weight: bold; }

.menu-fixed {
  width: 100%;
  height: 100%;
  position: fixed;
  background: #fff;
  left: 0;
  top: 0;
  z-index: 99;
  transform: translate3d(100%, 0, 0);
  transition: transform 0.5s ease-in-out; }
  .menu-fixed .close-menu {
    position: absolute;
    width: 1rem;
    height: 1rem;
    left: 0.5rem;
    top: 0.5rem; }
  .menu-fixed ul.index-menu-list {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 30%; }
    .menu-fixed ul.index-menu-list li {
      height: 1rem;
      line-height: 1rem;
      position: relative;
      border-bottom: solid 1px #eef1f6;
      color: #777777;
      font-size: 0.24rem;
      text-transform: uppercase;
      font-weight: bold; }
      .menu-fixed ul.index-menu-list li a {
        color: #777777;
        font-size: 0.24rem;
        display: block;
        font-weight: bold; }
      .menu-fixed ul.index-menu-list li.cur a {
        color: #6eca09; }
      .menu-fixed ul.index-menu-list li i {
        position: absolute;
        width: 0.4rem;
        height: 0.4rem;
        background: url("https://c.htfoodie.com/resource/scfeiling/images/right-icon.png") no-repeat;
        background-size: 100% 100%;
        right: -0.1rem;
        top: 50%;
        margin-top: -0.2rem; }

.menu-fixed.open {
  transform: translate3d(0, 0, 0); }

.about-fixed .chat-box, .menu-fixed .chat-box {
  position: absolute;
  width: 1rem;
  height: 1rem;
  left: 0.3rem;
  bottom: 0.3rem; }
  .about-fixed .chat-box a, .menu-fixed .chat-box a {
    width: 1rem;
    height: 1rem; }

.swiper {
  width: 100%;
  height: 100%; }

.mini-pic {
  padding: 36% 0 0 0.2rem;
  overflow: hidden; }
  .mini-pic .banner-mini-p {
    width: 2rem;
    display: block;
    margin: 0 0.2rem 0 0;
    float: left; }

.show-con {
  padding: 0.1rem 0.2rem; }

.show-title {
  color: #222222;
  text-align: center;
  line-height: 1.5;
  padding: 0.1rem 0;
  border-bottom: solid 1px #ccc;
  font-size: 0.3rem; }

.show-desc {
  color: #666666;
  font-size: 0.28rem;
  text-align: center;
  line-height: 2; }

.show-contact {
  font-size: 0.28rem;
  line-height: 1.5;
  padding: 0.1rem;
  color: #333333; }
  .show-contact img {
    max-width: 100%;
    display: block; }

.prev-next {
  padding: 0.1rem 0.2rem;
  line-height: 1.5;
  font-size: 0.28rem;
  color: #333333; }
  .prev-next a {
    font-size: 0.28rem;
    color: #333333; }
  .prev-next b {
    font-weight: bold; }

.show-message {
  padding: 0.1rem 0.2rem; }
  .show-message .message-title {
    font-size: 0.5rem;
    text-align: center;
    position: relative;
    line-height: 2; }
    .show-message .message-title:after {
      background: #333;
      height: 0.04rem;
      overflow: hidden;
      content: '';
      width: 1rem;
      position: absolute;
      left: 50%;
      margin-left: -0.5rem;
      bottom: 0; }
  .show-message .message-desc {
    color: #555555;
    font-size: 0.28rem;
    line-height: 1.5;
    text-align: center;
    padding: 0.2rem 0; }

.form-content {
  padding: 0.1rem 0.2rem; }
  .form-content .input_rows {
    padding: 0.2rem 3%;
    position: relative;
    margin-bottom: 0.2rem; }
    .form-content .input_rows .input {
      width: 100%;
      height: 0.8rem;
      line-height: 0.8rem;
      font-size: 0.24rem;
      color: #888;
      padding: 0 10px;
      box-sizing: border-box;
      border: 1px #cbcecd solid;
      font-family: Arial; }
    .form-content .input_rows .input.red {
      border: solid 1px #f00; }
    .form-content .input_rows.red {
      border: solid 1px #f00; }
    .form-content .input_rows .fc_red {
      position: absolute;
      right: 0;
      color: #ff0000;
      top: 30%; }
  .form-content .textarea_rows {
    padding: 0.2rem 3%;
    position: relative; }
    .form-content .textarea_rows .form_area {
      width: 100%;
      height: 2.4rem;
      padding: 0.1rem;
      font-size: 0.24rem;
      color: #888;
      box-sizing: border-box;
      border: 1px #cbcecd solid;
      font-family: Arial; }
    .form-content .textarea_rows .form_area.red {
      border: solid 1px #f00; }
    .form-content .textarea_rows .fc_red {
      position: absolute;
      right: 0;
      color: #ff0000;
      top: 40%; }
  .form-content .form_button {
    height: 40px;
    line-height: 40px;
    background: #222;
    color: #fff;
    font-size: 14px;
    border: none;
    text-transform: uppercase;
    cursor: pointer;
    width: 100%;
    margin: 0 auto;
    display: block; }
  .form-content .form_button {
    width: 160px;
    margin: 0; }

.form-tips {
  position: absolute;
  bottom: -0.24rem;
  right: 0.3rem;
  font-size: 0.24rem; }

.form-tips-error {
  color: #f00; }

.form-tips-ok {
  color: #0a893e; }

ul.index-menu {
  display: none; }

.about-out {
  margin: 1.6rem 0.5rem 0 0.5rem; }
  .about-out .about-info {
    padding: 1rem 0.6rem;
    background: #000000; }
    .about-out .about-info .about-title {
      font-size: 0.3rem;
      color: #ffffff;
      font-weight: bold;
      line-height: 2;
      margin: 0 0 0.2rem 0; }
    .about-out .about-info .about-info-txt {
      color: #ffffff;
      font-size: 0.24rem;
      line-height: 2; }
  .about-out .about-right-info {
    padding: 0.5rem 0 0 0; }
    .about-out .about-right-info .about-more-txt {
      padding: 0 0.5rem 0.5rem 0.5rem; }
    .about-out .about-right-info ul.about-more-list li {
      text-align: center;
      margin: 0 0 0.2rem 0; }
      .about-out .about-right-info ul.about-more-list li h3 {
        color: #6eca09;
        font-size: 0.5rem;
        line-height: 1.5;
        font-weight: bold;
        font-family: "Poppins"; }
      .about-out .about-right-info ul.about-more-list li h5 {
        color: #676767;
        font-size: 0.28rem;
        line-height: 1.5; }

.about-slider {
  width: 100%;
  height: 4.34rem;
  margin: 0 auto; }
  .about-slider .about-slider-pic {
    height: 4.34rem;
    display: block; }

.about-certificate {
  display: none; }

.pro-inner {
  overflow: hidden; }
  .pro-inner .pro-nav-left {
    display: none; }

.contact-title {
  margin: 1.2rem 0 0 0;
  padding: 0.3rem;
  font-size: 0.4rem;
  font-family: "Poppins";
  border-top: solid 1px #ededed; }

@media (min-width: 750px) {
  .nav-top {
    height: 70px;
    padding: 0 10px;
    box-sizing: border-box; }
    .nav-top .logo {
      width: 50px;
      height: 50px;
      left: 10px;
      top: 10px; }

  ul.index-menu {
    display: block;
    float: right;
    margin: 0 71px 0 0; }
    ul.index-menu li {
      float: left;
      height: 70px;
      line-height: 70px;
      text-transform: uppercase;
      font-size: 14px;
      font-weight: bold;
      color: #000000;
      margin: 0 0 0 20px;
      position: relative;
      font-family: 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif, Arial; }
      ul.index-menu li a {
        font-weight: bold;
        color: #000000;
        font-size: 14px; }
        ul.index-menu li a:hover {
          color: #6eca09;
          text-decoration: underline; }
      ul.index-menu li .sub-menu {
        display: none;
        width: 240px;
        position: absolute;
        left: -70px;
        top: 70px;
        padding: 10px 15px;
        background: #181a1d; }
        ul.index-menu li .sub-menu a {
          height: 32px;
          line-height: 32px;
          color: #777777;
          font-size: 12px;
          font-weight: normal;
          display: block; }
          ul.index-menu li .sub-menu a:hover {
            color: #ffffff;
            font-size: 12px; }
      ul.index-menu li:hover a {
        color: #6eca09;
        text-decoration: underline; }
      ul.index-menu li:hover .sub-menu {
        display: block; }
        ul.index-menu li:hover .sub-menu a {
          color: #777777;
          font-size: 12px;
          text-decoration: none; }
          ul.index-menu li:hover .sub-menu a:hover {
            color: #ffffff;
            font-size: 12px; }

  .nav-top .nav-bar {
    width: auto;
    height: 70px; }
    .nav-top .nav-bar .about-icon {
      position: static;
      width: 20px;
      height: 20px;
      margin: 25px 15px;
      cursor: pointer; }
    .nav-top .nav-bar .menu-icon {
      display: none; }

  .index-banner-pic1 {
    background: url(https://c.htfoodie.com/resource/scfeiling/images/pc-banner1.jpg) no-repeat center;
    background-size: cover; }

  .index-banner-pic2 {
    background: url(https://c.htfoodie.com/resource/scfeiling/images/pc-banner2.jpg) no-repeat center;
    background-size: cover; }

  .index-banner-pic3 {
    background: #080d33; }

  .index-banner-pic .index-banner-tips .banner-big-title {
    font-size: 36px; }
  .index-banner-pic .index-banner-tips .banner-desc {
    font-size: 16px; }
  .index-banner-pic .index-banner-tips .view-more {
    width: 74px;
    height: 30px;
    line-height: 30px;
    padding: 12px 32px;
    font-size: 12px;
    margin: 30px 0 0 0; }
    .index-banner-pic .index-banner-tips .view-more a {
      display: block;
      font-size: 12px; }

  .index-list {
    padding: 50px 0 0 0; }

  ul.index-list-pro {
    max-width: 1200px;
    margin: 0 auto; }
    ul.index-list-pro li {
      width: 33.33%;
      float: left;
      box-sizing: border-box;
      padding: 10px;
      margin: 0 0 20px 0; }
      ul.index-list-pro li .index-list-t {
        font-size: 18px;
        line-height: 1.5;
        height: 54px;
        overflow: hidden; }
        ul.index-list-pro li .index-list-t a {
          font-size: 18px; }

  .index-pro-b1, .index-pro-b2 {
    margin: 0 auto;
    overflow: hidden;
    padding: 100px 0; }

  .index-pro-info {
    width: 50%;
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0; }
    .index-pro-info .pro-pic {
      width: 50%;
      float: left; }
      .index-pro-info .pro-pic:last-child {
        margin: 30px 0 0 0; }

  .index-pro-desc {
    width: 50%;
    float: right;
    box-sizing: border-box;
    padding: 0 10% 0 10%; }
    .index-pro-desc h3 {
      font-size: 24px; }
    .index-pro-desc p {
      color: #676767;
      font-size: 16px; }
    .index-pro-desc .view-line {
      width: 100px;
      height: 5px;
      overflow: hidden; }
    .index-pro-desc .view-more {
      color: #6eca09;
      font-size: 14px;
      font-weight: bold; }
      .index-pro-desc .view-more a {
        font-size: 12px;
        font-weight: bold; }

  .index-pro-inner {
    max-width: 1200px;
    margin: 0 auto; }

  .index-pro-more-inner {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 30px 0; }
    .index-pro-more-inner:last-child {
      padding: 30px 0; }
      .index-pro-more-inner:last-child .index-p-b1 {
        float: right; }
      .index-pro-more-inner:last-child .index-pro-desc {
        float: left;
        padding: 5% 8% 0 8%; }

  .index-p-b1 {
    width: 50%;
    height: auto;
    float: left; }

  .index-p-b2 {
    height: auto; }

  .index-p-b, .index-p-s {
    height: auto; }

  .index-pro-desc {
    padding: 2% 8% 0 8%; }

  .mini-pic {
    padding: 150px 0 0 5%; }

  .copyright-sns {
    padding: 18px 0; }
    .copyright-sns .sns-list {
      height: 30px; }
      .copyright-sns .sns-list a {
        width: 30px;
        height: 30px; }
        .copyright-sns .sns-list a.Facebook {
          background-position: 0 -30px; }
        .copyright-sns .sns-list a.Instagram {
          background-position: 0 -60px; }
        .copyright-sns .sns-list a.YouTube {
          background-position: 0 -90px; }
    .copyright-sns .copyright-txt {
      font-size: 12px;
      line-height: 1.5;
      padding: 10px 0; }

  .chat-go-top {
    width: 50px;
    height: 50px;
    right: 10px;
    bottom: 10px; }

  .chat-box {
    width: 50px;
    height: 50px; }
    .chat-box a {
      width: 50px;
      height: 50px; }

  .about-fixed .about-fixed-small-logo {
    width: 50px;
    height: 50px;
    left: 10px;
    top: 10px; }
  .about-fixed .logo_main {
    width: 300px;
    padding: 10% 0 0 0; }
  .about-fixed .about-fixed-info dt {
    font-size: 18px;
    margin: 0 0 20px 0; }
    .about-fixed .about-fixed-info dt br {
      display: none; }
  .about-fixed .about-fixed-info dd {
    color: #676767;
    font-size: 14px; }
    .about-fixed .about-fixed-info dd b {
      font-weight: bold;
      color: #000000; }
  .about-fixed .close-btn {
    width: 30px;
    height: 30px;
    right: 10px;
    top: 10px; }
  .about-fixed .chat-box {
    width: 50px;
    height: 50px; }
    .about-fixed .chat-box a {
      width: 50px;
      height: 50px; }

  .about-out {
    overflow: hidden;
    margin: 120px auto 40px auto;
    max-width: 1200px; }
    .about-out .about-info {
      width: 40%;
      float: left;
      box-sizing: border-box;
      padding: 50px 80px; }
      .about-out .about-info .about-title {
        font-size: 24px;
        line-height: 1.5; }
      .about-out .about-info .about-info-txt {
        font-size: 16px; }
    .about-out .about-right-info {
      width: 56%;
      float: right;
      padding: 0; }
      .about-out .about-right-info .about-more-txt {
        padding: 0; }
      .about-out .about-right-info ul.about-more-list {
        overflow: hidden; }
        .about-out .about-right-info ul.about-more-list li {
          width: 33.33%;
          float: left; }
          .about-out .about-right-info ul.about-more-list li h3 {
            font-size: 40px; }
          .about-out .about-right-info ul.about-more-list li h5 {
            font-size: 14px;
            line-height: 1.5; }

  .about-slider {
    height: 100%; }

  .about-slider-pic {
    width: 100%;
    height: 100%; }

  .about-certificate {
    display: block;
    border-top: solid 1px #eee;
    overflow: hidden; }
    .about-certificate .about-certificate-left {
      box-sizing: border-box;
      width: 40%;
      float: left;
      border-right: solid 1px #eee; }
      .about-certificate .about-certificate-left .about-certificate-logo {
        width: 160px;
        margin: 0 auto;
        display: block;
        padding: 30px 0 10px 0; }
      .about-certificate .about-certificate-left .about-slogan {
        font-family: "Poppins";
        font-size: 16px;
        line-height: 1.5;
        text-align: center;
        margin: 0 0 20px 0; }
      .about-certificate .about-certificate-left .about-certificate-txt {
        text-align: center;
        padding: 0 50px 30px 50px;
        font-size: 16px;
        line-height: 1.5;
        color: #676767; }
    .about-certificate .about-certificate-right {
      width: 60%;
      float: right; }
      .about-certificate .about-certificate-right ul.about-certificate-list {
        overflow: hidden; }
        .about-certificate .about-certificate-right ul.about-certificate-list li {
          width: 33.33%;
          float: left;
          box-sizing: border-box;
          border-bottom: solid 1px #eee;
          border-right: solid 1px #eee; }
          .about-certificate .about-certificate-right ul.about-certificate-list li .p {
            width: 80px;
            display: block;
            margin: 0 auto;
            padding: 80px 0; }
          .about-certificate .about-certificate-right ul.about-certificate-list li:last-child {
            border-right: none; }
      .about-certificate .about-certificate-right .about-contact {
        padding: 42px 40px;
        font-size: 16px;
        line-height: 1.5;
        color: #000000; }

  .list-banner {
    height: 400px;
    background: url("https://c.htfoodie.com/resource/scfeiling/images/pc-list-banner.jpg") no-repeat;
    background-size: cover; }

  .nav-site {
    max-width: 1200px;
    width: auto;
    padding: 20px 0;
    box-sizing: border-box;
    font-size: 16px;
    color: #888;
    margin: 0 auto; }
    .nav-site a {
      font-size: 16px;
      color: #888; }

  .pro-title {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
    width: 98%;
    height: 37px;
    line-height: 37px;
    font-size: 24px;
    color: #000;
    font-weight: bold; }

  .pro-inner {
    max-width: 1200px;
    margin: 0 auto; }
    .pro-inner .pro-nav-left {
      width: 22.5%;
      float: left;
      display: block; }
      .pro-inner .pro-nav-left .cate_title {
        height: 49px;
        line-height: 49px;
        background: #ff2301;
        font-size: 20px;
        color: #fff;
        text-indent: 16px; }
      .pro-inner .pro-nav-left ul.pro-nav {
        padding: 0; }
        .pro-inner .pro-nav-left ul.pro-nav li {
          line-height: 30px;
          padding: 10px 0;
          font-size: 16px;
          font-weight: bold;
          color: #333333;
          border-bottom: 1px solid #ebebeb;
          cursor: pointer; }
          .pro-inner .pro-nav-left ul.pro-nav li a {
            font-size: 16px;
            font-weight: bold;
            color: #333333; }
      .pro-inner .pro-nav-left ul.hot-product {
        padding: 0; }
        .pro-inner .pro-nav-left ul.hot-product li {
          padding: 15px 0;
          width: 100%;
          height: 74px;
          border-bottom: 1px solid #e3e3e3; }
          .pro-inner .pro-nav-left ul.hot-product li .p {
            width: 72px;
            height: 72px;
            border: solid 1px #ccc; }
          .pro-inner .pro-nav-left ul.hot-product li .hot-product-title {
            height: 48px;
            line-height: 24px;
            font-size: 15px;
            color: #555;
            width: calc(100% - 80px);
            float: right;
            padding: 10px 0 0 0; }
    .pro-inner .pro-list {
      width: 73.75%;
      float: right; }
      .pro-inner .pro-list ul.list-pic {
        margin: 20px 0 0 0;
        overflow: hidden;
        padding: 0;
        width: auto; }
        .pro-inner .pro-list ul.list-pic:before {
          display: none; }
        .pro-inner .pro-list ul.list-pic li {
          box-sizing: border-box;
          float: left;
          width: 33.33%;
          margin: 0 0 30px 0; }
          .pro-inner .pro-list ul.list-pic li .info {
            border: 1px solid #eee; }
            .pro-inner .pro-list ul.list-pic li .info .index-list-p {
              height: auto; }
            .pro-inner .pro-list ul.list-pic li .info .index-list-t {
              height: 54px;
              font-size: 18px;
              line-height: 1.5;
              padding: 0 10px; }
              .pro-inner .pro-list ul.list-pic li .info .index-list-t a {
                font-size: 18px; }

  .list_page {
    margin: 0; }

  .show-con {
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0; }

  .show-title {
    font-size: 20px;
    text-align: center;
    padding-bottom: 10px;
    color: #222; }

  .show-desc {
    font-size: 14px;
    color: #333333;
    margin: 10px 0 0 0; }

  .show-contact {
    font-size: 16px;
    padding: 0; }
    .show-contact p {
      margin: 0 auto !important;
      max-width: 800px;
      display: block; }
    .show-contact img, .show-contact video {
      display: block;
      width: 100%; }

  .prev-next {
    width: 1200px;
    overflow: hidden;
    padding: 0;
    margin: 30px auto; }
    .prev-next .prev-left {
      width: 48%;
      float: left; }
    .prev-next .next-right {
      width: 48%;
      float: right; }
    .prev-next .prev-left, .prev-next .next-right {
      font-size: 16px; }
      .prev-next .prev-left a, .prev-next .next-right a {
        font-size: 16px; }
        .prev-next .prev-left a b, .prev-next .next-right a b {
          font-size: 16px; }

  .contact-title {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.5;
    padding: 50px 20px 0 20px;
    margin: 70px 0 50px 0; }

  .contact-out {
    position: relative; }

  .contact-map {
    height: 400px !important;
    background: url("https://c.htfoodie.com/resource/scfeiling/images/contact-map.jpg") no-repeat;
    background-size: cover; }

  .contact-inner {
    position: absolute;
    background: none;
    width: 500px;
    right: 100px;
    top: -100px; }

  .contact-inner-contact {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    padding: 100px 80px;
    overflow: hidden; }

  dl.contact-list {
    margin: 0 0 20px 0;
    width: 50%;
    box-sizing: border-box;
    padding: 0 20px 0 0;
    float: left; }
    dl.contact-list dt {
      font-size: 20px;
      margin: 0 0 10px 0; }
    dl.contact-list dd {
      font-size: 16px; }

  .contact-form {
    position: absolute;
    width: 340px;
    right: 120px;
    top: -30px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    padding: 100px 80px 20px 80px; }

  .contact-form-title {
    font-size: 18px; }

  .contact-form-info {
    font-size: 16px; }

  ul.form-list {
    padding: 50px 0 0 0; }
    ul.form-list li {
      padding: 0 10px 30px 0; }
      ul.form-list li .text {
        height: 50px;
        line-height: 50px;
        padding: 0 10px;
        font-size: 16px; }
      ul.form-list li .fc_red {
        height: 50px;
        line-height: 50px; }
      ul.form-list li.textarea textarea {
        height: 120px;
        line-height: 30px;
        font-size: 16px; }
      ul.form-list li .form_button {
        padding: 0 25px;
        height: 40px;
        font-size: 16px; }

  .return-info {
    width: 50%;
    float: left;
    padding: 30px 0;
    margin: 25px 0 0 0; }
    .return-info .fh-icon, .return-info .next-icon {
      height: 40px;
      line-height: 40px;
      font-size: 18px; }
      .return-info .fh-icon a, .return-info .next-icon a {
        height: 40px;
        line-height: 40px;
        font-size: 18px; }
      .return-info .fh-icon i, .return-info .next-icon i {
        width: 40px;
        height: 40px; }
    .return-info .fh-icon i {
      margin: 0 10px 0 0; }
    .return-info .next-icon i {
      margin: 0 10px 0 0; }

  .return-more-share {
    border-top: solid 1px #e9e9e9;
    display: block;
    width: 50%;
    float: left;
    padding: 30px 0;
    margin: 25px 0 0 0;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #000000;
    font-size: 16px; }
    .return-more-share a {
      color: #d3d3d3;
      font-size: 16px;
      margin: 0 0 0 16px; }
      .return-more-share a:hover {
        color: #000000;
        font-size: 16px; }

  .show-message {
    padding: 10px 20px; }
    .show-message .message-title {
      font-size: 24px; }
      .show-message .message-title:after {
        width: 28px;
        height: 2px;
        position: absolute;
        left: 50%;
        margin-left: -14px;
        bottom: 0;
        content: ''; }
    .show-message .message-desc {
      font-size: 16px;
      padding: 10px 0; }

  .form-content {
    max-width: 1200px;
    padding: 0;
    margin: 0 auto;
    overflow: hidden; }
    .form-content .input_rows {
      float: left;
      width: 50%;
      text-align: center;
      box-sizing: border-box;
      margin-bottom: 20px;
      padding: 10px 2%;
      position: relative; }
      .form-content .input_rows .input {
        height: 43px;
        line-height: 43px;
        font-size: 12px;
        color: #888;
        padding: 0 6px;
        box-sizing: border-box; }
      .form-content .input_rows .fc_red {
        margin-right: 8px;
        position: absolute;
        right: 0;
        bottom: 18px;
        z-index: 1; }
    .form-content .textarea_rows {
      padding: 10px 2%;
      position: relative;
      clear: both; }
      .form-content .textarea_rows .textarea {
        width: 100%;
        height: 150px;
        padding: 5px;
        font-size: 12px;
        color: #888;
        box-sizing: border-box; }
      .form-content .textarea_rows .form_area {
        height: 150px;
        padding: 6px;
        font-size: 12px;
        box-sizing: border-box; }
      .form-content .textarea_rows .fc_red {
        margin-right: 8px;
        position: absolute;
        right: 0;
        top: auto;
        bottom: 7px;
        z-index: 1; }

  .form-tips {
    bottom: -20px;
    right: 24px;
    font-size: 14px; }

  .contact-bg {
    height: 740px;
    margin: 50px 0 0 0;
    padding: 20px 20px 50px 20px; }
    .contact-bg .show-message .message-title {
      font-size: 18px; }
    .contact-bg .show-message .message-desc {
      font-size: 16px; }
    .contact-bg .form-content {
      padding: 50px 0 0 0; }
      .contact-bg .form-content .input_rows {
        float: none;
        padding: 0 10px 30px 0;
        width: auto; }
        .contact-bg .form-content .input_rows .input {
          height: 50px;
          line-height: 50px;
          padding: 0 10px;
          font-size: 16px;
          box-sizing: border-box; }
        .contact-bg .form-content .input_rows .fc_red {
          height: 50px;
          line-height: 50px;
          right: 0;
          top: 0;
          margin: 0; }
      .contact-bg .form-content .textarea_rows {
        padding: 0 10px 30px 0; }
        .contact-bg .form-content .textarea_rows .form_area {
          height: 120px;
          line-height: 30px;
          font-size: 16px; }
        .contact-bg .form-content .textarea_rows .fc_red {
          height: 50px;
          line-height: 50px;
          top: 0;
          right: 0;
          margin: 0; }
    .contact-bg .form-tips {
      bottom: 5px;
      right: 10px; } }

/*# sourceMappingURL=style.css.map */