html {
  font-size: 160px; }
#c_product_categoryNew-15483150035471483,#c_product_categoryNew-15483150043387514{display:none}
.cpxx{}

.cpxx .center {
    text-align: center;
    width: 500px;
    margin: 40px auto;
}

.cpxx .title {
    /* border-bottom: 1px solid #ddd; */
    background: #206bd1;
    color: #fff;
    align-items: center;
    padding: 0 10px;
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
}

.cpxx .title img {
    width: 40px!important;
}

.cpxx .img {
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.cpxx p {
    margin: 20px 0;
}

.cpxx .img img {
    width: 50%;
}

.cpxx span {
    color: #206bd1;
}
.qq span{
    font-size: .2rem;
    color: #206bd1;
    font-weight: 800;
}
.lx{
    padding: 15px;
    color: #333;
}

.lx h2 {
    font-size: 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.pagebox .qq a {
    display: block;
    width: 120px;
    line-height: 35px;
    text-align: center;
    margin-left: 70px;
    color: #fff;
    background: #206bd1;
}

.qq {
    margin-top: 30px;
}
body {
  font-size: 0.14rem;
  line-height: 1.7;
  color: #666; }

* {
  box-sizing: border-box; }

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

section,
section div,
span,
h4,
h3,
h2,
a,
dd,
img,
p,
li {
  /* transition: 0.3s; */
  }

.cp-box {
    width: 100%;
}

div,
a,
img {
  -webkit-tap-highlight-color: transparent; }

body,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form {
  margin: 0; }

ol,
ul {
  margin: 0;
  padding: 0; }

li {
  list-style: none; }

a {
  color: inherit;
  text-decoration: none; }
  a:hover {
    color: #206bd1; }

.c_category .e_stylebox {
  width: 100%; }
.c_category .category {
  font-size: 0.16rem;
  display: flex;
  justify-content: space-around; }
  .c_category .category li {
    width: 100%;
    text-align: center; }
    .c_category .category li a {
      border-bottom: 1px solid #ddd;
      display: block;
      line-height: 40px; }
      .c_category .category li a:hover {
        border-bottom: 2px solid #206bd1; }

/*home*/
.home [class*="banner"] {
  order: 1;
  max-width: 100% !important; }
  .home [class*="banner"] img {
    object-fit: cover;
    height: 260px;
    }

/*subpage*/
.subpage .banner-box {
  background: #f5f5f5;
  display: flex;
  justify-content: center; }
  .subpage .banner-box img {
    object-fit: cover;
    height: 200px;
    }
.subpage footer {
  margin: 50px 0 0 0; }
.subpage [class*="c_public_htmlCode"] {
  order: 0; }
.subpage [class*="c_member"],
.subpage [class*="_category"],
.subpage [class^="c_intro_list"] {
  /* padding: 40px 0 0; */
  order: 3;
  }

.subpage [class*="c_product_categoryNew"] {
    width: 200px!important;
    border: 2px solid #206bd1;
}

.pagebox {
  flex-flow: wrap;
  display: flex;
  justify-content: center;
  height: auto !important;
  /*msg*/ }

.pagebox {
    background: hsla(0, 0%, 90%, 1);
}
  .pagebox > [class^="c_search_result"],
  .pagebox > [class*="Form"],
  .pagebox > [class*="form"],
  .pagebox > [class*="_list"],
  .pagebox > [class*="_detail"],
  .pagebox > [class^="c_companyplace_network"],
  .pagebox > [class^="c_member_register"] {
    order: 4;
    padding: 15px !important;
    /* width: 960px!important; */
    }
  .pagebox .InputText {
    border-radius: 0 !important;
    outline: 0 !important;
    border-color: #ddd !important; }
  .pagebox .e_title {
    font-size: 0.16rem !important;
    background: transparent;
    padding: 0;
    border: 0;
    font-size: inherit;
    color: #333 !important; }
  .pagebox .e_btn {
    background-color: #206bd1 !important;
    color: #fff;
    width: auto;
    margin: 0;
    border-radius: 0; }
    .pagebox .e_btn:hover {
      box-shadow: none; }
    .pagebox .e_btn:active {
      box-shadow: none; }
  .pagebox .e_box {
    border: 0;
    font-size: inherit;
    background: none;
    padding: 0;
    min-height: auto; }
  .pagebox a,
  .pagebox li,
  .pagebox p,
  .pagebox .e_HtmlEditor {
    font-size: 26px;
    line-height: inherit; }
  .pagebox .font {
    line-height: inherit !important; }
  .pagebox [class^="c_public_htmlCode"],
  .pagebox [class^="c_bread"] {
    max-width: 100% !important; }
  .pagebox [class^="c_message_form"] .font {
    text-align: left; }
  .pagebox [class^="c_message_form"] .stylebox_top {
    display: none; }
  .pagebox [class^="c_message_form"] > div {
    max-width: 870px !important; }
  .pagebox [class^="c_message_form"] .p_content {
    width: 873px;
    }
  .pagebox [class^="c_message_form"] .e_btn:hover {
    /*   box-shadow: 0 4px 20px rgba(#000, 0.2); */
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(32, 107, 209, 0.46); }
  .pagebox [class^="c_message_form"] .e_btn .font {
    display: flex;
    align-items: center;
    justify-content: center; }
  .pagebox [class^="c_member_register"] {
    background: #fff; }
    .pagebox [class^="c_member_register"] .p_articlesA > .e_box > .e_box {
      width: 100px; }
  .pagebox > [class*="_message"] .e_btn,
  .pagebox > [class*="_message"] .e_input,
  .pagebox > [class*="_message"] .e_box {
    width: 100% !important;
    border-radius: 0;
    display: flex;
    flex-flow: column;
    margin: 5px 0 !important; }

/*other*/
.p_CommonBtnA,
.p_btn,
.p_SaveWBtn,
.p_SubmitBtn {
  width: 100% !important; }

[class^="c_companyFile_list"] .p_about,
[class^="c_companyFile_list"] .p_header {
  pointer-events: none; }

.pagebox .e_WButton {
  background: transparent;
  float: none;
  line-height: 40px;
  height: 100%; }

.pagebox .e_box .e_box .e_box .InputText:hover {
  border-color: rgba(0, 0, 0, 0.1); }

.pagebox .p_articles:hover {
  background-color: transparent; }

.e_box [class*="c_product"] {
  padding: 0 !important; }

.e_image:hover:after {
  background-color: transparent; }

.pagebox .p_TimeBox {
  overflow: initial; }

/*subpage*/
.nav2 {
  display: flex;
  flex-flow: wrap; }
  .nav2 li {
    width: 33%; }

.p_content {
  margin-top: 10px;
  width: 100%; }
  .p_content .p_TitleBox {
    align-items: center;
    display: flex;
    justify-content: center; }

.subpage .pagebox {
  /* background: #f7f7f7; */
  }

.p_image img {
  position: static !important;
  transform: translate(0) !important;
  object-fit: cover;
  width: auto !important; }

[class*="_intro_list"] .e_box,
[class*="_category"] .e_box {
  margin: 0 !important;
  width: 100%; }

[class*="_intro_list"] .e_title,
[class*="_category"] .e_title {
  padding: 0; }

.pagebox .e_title {
  color: inherit;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

/*/subpage*/
/*category*/
.pagebox [class*="result"],
.pagebox > [class*="_detail"],
.subpage [class*="_list"],
.subpage [class*="_form"],
.subpage [class*="_category"] {
  background: #fff;
  display: flex;
  justify-content: center; }

.product .c_message_form-01001 {
    display: none;
}

.subpage .pagebox> [class*="_category"] {
    /* width: 240px!important; */
}

.pagebox .c_product_detail-01001 {
    max-width: 1000px!important;
}

.pagebox [class*="_category"] .p_articlesC {
  left: 100%;
  top: 0;
  /*   box-shadow: 0 4px 20px rgba(#000, 0.2); */
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(221, 221, 221, 0.46);
  background: #fff;
  }
.pagebox [class*="_category"] .p_image {
  display: none; }
.pagebox [class*="_category"] .stylebox_top {
  display: flex;
  height: 80px;
  justify-content: center;
  background: #206bd1!important;
  /* margin: 0 0 30px 0; */
  }
.pagebox [class*="_category"] .title_main {
  color: #fff;
  font-weight: 400;
  font-size: 0.24rem;
  }
  .pagebox [class*="_category"] .title_main:after {
    content: "";
    width: 70px;
    height: 1px;
    display: none;
    margin: 5px auto;
    background: currentColor;
    }
.pagebox [class*="_category"] .p_articlesBox {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  }
  .pagebox [class*="_category"] .p_articlesBox > .p_articles {
    width: 100%;
    order: 0;
    border-bottom: 1px solid #ddd; }
  .pagebox [class*="_category"] .p_articlesBox .last-child {
    order: 1; }
.pagebox [class*="_category"] .font {
  border-bottom: 2px solid transparent; }
  .pagebox [class*="_category"] .font:hover {
    background: #fff;
    color: #206bd1 !important;
    border-bottom: 2px solid #206bd1; }

[class^="c_"] {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  max-width: 1200px !important;
  font-size: inherit !important;
  z-index: inherit !important;
  transition: 0s !important;
  }

.pagebox .c_complaintPage_detail-01001 {
  display: none; }

[class*="_intro_list"] .font,
[class*="_category"] .font {
  line-height: 40px !important;
  text-align: center;
  width: 100%; }

/*/category*/
/*detail*/
.p_nextBox .p_MinorLink .font:hover,
.p_nextBox .p_nextlink .font:hover {
  color: #206bd1;
  cursor: pointer; }

.resetHtmlCssStyle {
  border: 0 !important; }
  .resetHtmlCssStyle .reset_style a {
    color: inherit; }
  .resetHtmlCssStyle * {
    line-height: 1.7;
    font-size: 0.14rem; }

.c_enquiry_submitForm-01001 .p_sub:active,
.c_enquiry_submitForm-01001 .p_add:active {
  background: transparent;
  color: inherit; }

[class^="c_news_detail"] .e_box .p_content {
  min-height: 500px; }
[class^="c_news_detail"] .p_head {
  color: #333; }
  [class^="c_news_detail"] .p_head .font {
    overflow: hidden;
    width: 600px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    display: block; }
[class^="c_news_detail"] .p_header {
  border-bottom: 1px #ddd dashed;
  padding: 0 0 15px 0;
  margin: 20px 0 10px 0; }

[class^="c_product_detail"] .e_switchbtn {
  display: none; }
[class^="c_product_detail"] .p_images {
  /* width: 640px !important; */
  pointer-events: none;
  }
[class^="c_product_detail"] .p_ThumbnailBox {
  padding-left: 20px;
  width: 130px !important; }
[class^="c_product_detail"] table {
  width: 100% !important; }
[class^="c_product_detail"] tbody {
  font-size: 0.16rem;
  width: 100%; }

[class^="c_product_category"] .p_articlesC {
  left: 0;
  top: 40px;
  background: #fff !important; }

[class^="c_enquiry_submitForm"] .p_GuideBox {
  width: 100px !important; }
[class^="c_enquiry_submitForm"] .e_WButton {
  background: #206bd1;
  color: #fff;
  margin: 0;
  transition: 0.3s; }
  [class^="c_enquiry_submitForm"] .e_WButton:hover {
    /*   box-shadow: 0 4px 20px rgba(#000, 0.2); */
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(32, 107, 209, 0.46); }

/*/detail*/
/*next*/
.pagebox .p_PreviewTitle:hover {
  color: #206bd1; }

.pagebox .p_PrevAndNext {
  margin: 0;
  border-top: 1px dashed #ddd;
  padding: 10px 0 0 0; }

/*/next*/
/*mobile*/
.p_IntroList {
  display: flex;
  justify-content: space-around; }

.p_IntroList a:first-child .p_Intro {
  border: 0; }

[class*="c_product_category"] .p_category,
[class*="c_news_category"] .p_news {
  display: flex;
  width: 100%;
  justify-content: space-around; }

.pagebox .mobile-inner-header {
  background-color: transparent; }

.pagebox .mobile-inner-header-icon span {
  background-color: #333; }

.pagebox [class^="c_news_list"] .p_articles {
  border: 0; }

.home .pagebox [class^="c_news_list"] .p_articles {
  padding: 0;
  margin: 0 !important; }

.pagebox .mobile-inner-nav {
  background-color: #fff; }

.pagebox .mobile-inner-nav a {
  color: #333;
  height: auto;
  line-height: 2.5; }

.pagebox .mobile-inner-nav a:hover {
  color: #333; }

/*/mobile*/
/*mobile-nav*/
.mobile-inner-header-icon {
  color: #ffffff;
  height: 7vh;
  font-size: 18px;
  text-align: center;
  float: right;
  width: 7vh;
  position: relative;
  transition: background 0.5s; }

.mobile-inner-header-icon:hover {
  background-color: rgba(255, 255, 255, 0.2);
  cursor: pointer; }

.mobile-inner-header-icon span {
  position: absolute;
  left: calc((100% - 25px) / 2);
  top: calc((100% - 1px) / 2);
  width: 25px;
  height: 1px;
  background-color: white; }

.mobile-inner-header-icon span:nth-child(1) {
  transform: translateY(4px) rotate(0deg); }

.mobile-inner-header-icon span:nth-child(2) {
  transform: translateY(-4px) rotate(0deg); }

.mobile-inner-nav {
  width: 100%;
  position: absolute;
  top: 90px;
  left: 0px;
  z-index: 2;
  padding-top: 30px;
  padding-bottom: 30px;
  display: none; }

.mobile-inner-nav li {
  width: 50%;
  float: left; }

.mobile-inner-nav a {
  display: inline-block;
  line-height: 50px;
  text-decoration: none;
  width: 80%;
  font-size: 0.16rem;
  height: 50px;
  margin-left: 10%;
  color: #ffffff;
  border-bottom: solid 1px #ddd;
  transition: all 0.5s; }

/*/mobile-nav*/
.p_videoslist {
  display: none; }

/*hide*/
[class^="c_intro_detail"] .p_ViewBox,
[class*="c_member"] .stylebox_top,
[class^="c_bread"] .p_content,
.home .stylebox_top,
.stylebox_link,
.c_search_total-01001 .p_select,
#pagenavi,
[class*="_category"] .p_summary,
.p_AssistInfo,
[class*="_detail-"] .stylebox_top,
.p_KeywordsBox,
.d_keywordBox,
.iconfont,
.p_Icon,
.e_Hline,
[class*="_category"] .p_images,
.d_KeywordBox,
.p_KeywordBox,
.c_intro_list-01001 .p_image,
.c_product_categorylay-01001 .p_SummaryBox,
.title_icon,
.stylebox_top_line,
.stylebox_bottom_line,
.p_line,
.home .p_OccupyBox,
.c_enquiry_submitForm-01001 .p_addBtn,
.p_PrevAndNext .iconfont,
.p_QRCode,
[class*="_detail-"] .p_SummaryBox,
[class*="_detail-"] .p_Atlas,
.p_AssistNameA,
[class*="_list-"] .d_NomBox,
.e_icon,
.e_line,
.c_news_category-02001 .p_articlesBox > div:nth-child(1),
[class^="c_intro_detail"] .p_header,
.p_CommentBox,
[class*="_category"] .p_PromptNoneData,
.p_numA,
[class*="_category"] .e_image {
  display: none !important; }

/*/hide*/
/*job*/
.c_employ_detail-01001 .p_about > div {
  width: 100%; }

/*video*/
[class^="c_video_list"] .p_ContentA {
  display: none; }
[class^="c_video_list"] #vide_show {
  height: 420px; }

/*map*/
.c_companyplace_network-03001 .p_IconRelationBtnBarBoxA {
  display: none; }

.amap-marker-label {
  border: 0;
  padding: 5px 15px !important;
  font-size: 14px; }

.contact-box {
  display: flex;
  flex-flow: wrap; }

#container {
  height: 300px;
  max-width: 770px;
  width: 100%;
  margin: 0 30px 0 0; }

/*stylebox*/
.e_stylebox .stylebox_top {
  background: transparent !important; }
  .e_stylebox .stylebox_top .stylebox_title {
    background: transparent !important;
    text-indent: 0;
    padding: 0 !important;
    display: inline-flex;
    align-items: center; }
.e_stylebox .title_main {
  color: inherit;
  text-transform: capitalize; }
.e_stylebox .stylebox_content {
  border: 0 !important; }

/*search*/
[class^="c_search_total"] .e_btn {
  height: 35px;
  padding: 0 20px 0 30px;
  background: url(/img/search.png) 10px 50% no-repeat;
  background-size: initial; }
[class^="c_search_total"] .p_headbox {
  display: flex; }
[class^="c_search_total"] .p_searchBox .p_input {
  width: 100%; }
[class^="c_search_total"] #search_keyword {
  border: 0;
  color: #666;
  width: auto;
  border: 1px solid #ddd;
  height: 35px;
  }

/*bread*/
[class^="c_bread"] {
  order: 2;
  margin: 0 0 40px 0;
  display: flex;
  border-bottom: 1px solid #ddd;
  justify-content: center;
  align-items: center;
  height: 50px !important; }
  [class^="c_bread"] .p_breadcrumbList {
    max-width: 1230px;
    width: 100%;
    padding: 0 15px; }
    [class^="c_bread"] .p_breadcrumbList .font {
      color: #666;
      border: 0 !important;
      height: auto; }
  [class^="c_bread"] .p_breadcrumbCurrent span {
    width: 300px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    height: 30px;
    white-space: nowrap;
    line-height: 30px; }

/*page*/
.e_pagebox {
  right: 0 !important;
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #ddd;
  padding: 10px 0 0 0;
  margin: 10px 0 0 0;
  width: 100% !important; }
  .e_pagebox * {
    background: none !important;
    color: inherit !important; }
  .e_pagebox .ItemBox {
    border: 0 !important; }
  .e_pagebox > div {
    margin: 0 10px;
    border: 0 !important; }
    .e_pagebox > div:hover {
      cursor: pointer;
      color: #206bd1 !important; }

.pagebox .more {
  line-height: 0.4rem;
  display: block;
  width: 1.5rem;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  margin: 40px 0 0 0;
  background: #206bd1; }
  .pagebox .more:hover {
    /*   box-shadow: 0 4px 20px rgba(#000, 0.2); */
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(32, 107, 209, 0.46);
    text-indent: 1em; }

.container {
  display: flex;
  max-width: 1230px;
  width: 100%;
  padding: 0 15px;
  flex-flow: wrap; }

section {
  /* width: 1200px; */
  margin: 0 auto;
  background: #fff;
  display: flex;
  padding: 40px 0;
  overflow: hidden;
  justify-content: center;
  }

.s1-2 {
    padding-top:0;
}

.s5 {
    padding-top:0;
}

.s4 {
    padding-bottom: 0;
}

.s2 {
    padding-top: 0;
}

.s3 {
    padding: 0;
}

.s6 {
    padding-top:0;
}

.s5 .b {
    background: #f7f7f7;
    padding-top: 20px;
    margin-top: 20px;
}

.s7 {
    padding-top: 0;
}

.s5 .b li {
    width: calc(100% / 4 - 20px);
}

.s1 {
    padding-bottom: 0;
}
  section .titlebar {
    width: 100%;
    padding: 10px 20px;
    margin: 20px 0;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    display: flex;
    width: 100%; }
    section .titlebar a {
      font-size: 0.14rem; }
      section .titlebar a:hover {
        color: inherit; }
    section .titlebar .title {
      line-height: 1.4;
      color: #206bd1;
      align-items: center; }
      section .titlebar .title h3 {
        font-size: 0.18rem;
        font-weight: 400; }
    section .titlebar .subtitle {
      font-size: 0.16rem;
      color: #ddd; }
    section .titlebar .summary {
      color: #999; }

/*    header */
header {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  min-height: 90px;
  background: #fff;
  width: 100%;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  display: flex; }
  header .logo {
    min-width: 300px;
    display: flex;
    align-items: center;
    margin: 10px 0;
    }
  header .container {
    justify-content: space-between;
    align-items: center; }
  header .tel {
    background: url(/img/tel.png) transparent;
    background-position: 0px 50%;
    background-repeat: no-repeat;
    padding: 0 0 0 40px; }
    header .tel span {
      color: #206bd1;
      font-weight: 800;
      font-size: 0.16rem; }
  header .lang {
    background: url(/img/map.png) transparent;
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding: 0 0 0 40px; }
  header nav {
    text-transform: capitalize;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    display: flex;
    width: 100%;
    /* border-top: 1px solid #ddd; */
    transition: 1s;
    width: 100%;
    display: flex;
    /* background: #206bd1; */
    justify-content: center;
    }
  header .navbtn {
    flex-flow: column wrap;
    align-items: center;
    justify-content: flex-start;
    display: flex;
    position: absolute;
    right: 30px;
    top: 30px;
    width: 40px;
    height: 40px; }
    header .navbtn:hover {
      cursor: pointer; }
    header .navbtn span {
      display: block;
      height: 2px;
      width: 40px;
      background: #206bd1;
      margin: 5px 0; }
  header .nav {
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between;
    display: flex;
    width: 100%;
    width: 100%; }
    header .nav .subnav {
      visibility: hidden;
      background: #206bd1;
      position: absolute;
      opacity: 0;
      width: 100%;
      transition: 0.3s;
      }
    header .nav > li {
      position: relative;
      flex: 1;
      text-align: center; }
      header .nav > li:hover .subnav {
        display: block;
        visibility: visible;
        opacity: 1; }
      header .nav > li:nth-child(1)::after {
        display: none; }
      header .nav > li:after {
        content: "/";
        top: 4px;
        left: 0;
        color: #ddd;
        position: absolute; }
      header .nav > li span {
        font-size: 0.12rem;
        opacity: 0.5; }
      header .nav > li a {
        margin: 0 10px;
        padding: 7px 15px;
        display: block;
        color: #fff;
        border-bottom: 2px solid transparent;
        }
        header .nav > li a:hover {
          color: #fff;
          background: #206bd1;
          /*   box-shadow: 0 4px 20px rgba(#000, 0.2); */
          box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(32, 107, 209, 0.46); }

/* footer */
footer {
  order: 5;
  overflow: hidden;
  position: relative;
  width: 100%;
  color: rgba(255, 255, 255, 0.5);
  background: #222; }
  footer > .container {
    margin: 40px auto 70px; }
    footer > .container a:hover {
      color: inherit; }
  footer .titlebar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin: 0 0 10px 0; }
    footer .titlebar .title {
      color: #fff;
      margin: 0 0 5px 0;
      font-size: 0.18rem; }
  footer .footerbar {
    display: flex;
    position: fixed;
    bottom: 0;
    justify-content: space-around;
    background: #206bd1;
    color: #fff;
    height: 90px;
    max-width: 640px;
    width: 100%;
    z-index: 1;
    padding: 5px 0; }
    footer .footerbar .fa {
      font-size: 0.18rem;
      display: block; }
    footer .footerbar a {
      flex: 1;
      text-align: center;
      border-left: 1px solid rgba(255, 255, 255, 0.6);
      flex-flow: column wrap;
      align-items: center;
      justify-content: center;
      display: flex; }
      footer .footerbar a:hover {
        color: inherit; }
      footer .footerbar a:nth-child(1) {
        border: 0; }
  footer .titlebar {
    background: none; }
  footer .box:nth-child(1) {
    width: 380px;
    margin-right: 50px;
    }
  footer .box:nth-child(2) {
    width: 450px;
    margin-right: 50px; }
  footer .box:nth-child(3) {
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between;
    display: flex;
    width: 100%;
    width: 260px;
    text-align: center; }
  footer .inner {
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between;
    display: flex;
    width: 100%; }
  footer .nav {
    text-transform: capitalize;
    width: 100%;
    display: flex;
    flex-flow: wrap; }
    footer .nav li {
      margin-right: 20px;
      width: 90px;
      }

footer .subnav {
    display: none;
}
  footer .copyright {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 15px 0;
    margin-bottom: 90px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    }
    footer .copyright .container {
      justify-content: center;
      align-items: center; }

/*list*/
.link {
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  display: flex;
  width: 100%;
  width: 100%; }

.news-box,
.product-box {
  width: 100%; }

.list {
  width: 100%;
  flex-flow: row wrap;
  display: flex; }
  .list .img-box {
    font-size: 0;
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: calc(100% * 0.6);
    background: #fff;
    border: 1px solid #f5f5f5;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 100%; }
    .list .img-box img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
  .list .fa {
    display: none; }
  .list .txt-box {
    width: 100%;
    flex-flow: wrap;
    display: flex;
    align-items: center;
    position: relative; }
  .list .title {
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    line-height: 30px; }
  .list .summary {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    opacity: 0.6;
    height: 40px;
    font-size: 0.12rem; }
  .list .date {
    opacity: 0.6;
    width: 0.7rem;
    font-size: 0.12rem;
    height: 0.2rem;
    overflow: hidden; }
  .list li {
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between;
    display: flex;
    width: 100%; }
    .list li:hover img {
      /* transform: scale(1.1); */
      }

/*product*/
.home .product-list li:nth-child(6) ~ li {
  display: none; }

.product-list li {
  box-shadow: 0px 2px 15px 0px rgba(17, 17, 17, 0.1);
  width: calc(100% / 2 - 20px);
  margin: 10px 20px 10px 0;
  text-align: center;
  }

.s2 .list li {
    width: calc(100% / 3 - 20px);
    margin: 10px;
}

.s1-2 .list li:nth-child(4)~li {
    display: none;
}

.s1-2 .list li {
    width: calc(100% / 4 - 20px);
    margin: 10px;
}
  .product-list li:nth-child(3n) {
    /* margin-right: 0; */
    }
  .product-list li:hover {
    /*   box-shadow: 0 4px 20px rgba(#000, 0.2); */
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(32, 107, 209, 0.46); }
    .product-list li:hover .txt-box:after {
      width: 100%; }
.product-list .img-box {
  width: 100%;
  /* height: 270px; */
  padding-top: calc(100% * 0.6);
  }

.product .product-list .img-box {
    padding-top: calc(100% * 1);
}

.s2 .product-list .img-box {
    padding-top: calc(100% * 1);
}

.img-box {}
.product-list .summary {
  display: none; }
.product-list .date {
  display: none; }
.product-list .txt-box {
  padding: 10px;
  background: #fff; }
  .product-list .txt-box:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    transition: 0.3s;
    height: 1px;
    background: #206bd1; }
.product-list .more {
  background: #206bd1;
  margin: 10px auto;
  width: 90px;
  line-height: 30px; }

/*news*/
.s6 .news-list li:nth-child(4) ~ li {
  display: none; }

.news-list li {
  border-bottom: 1px dashed #ddd;
  margin: 10px 10px 0 10px;
  /* width: calc(100% / 2 - 20px); */
  padding: 0 0 10px 0;
  }

.s1-2 .news-list li {
    width: calc(100% / 4 - 20px);
}

.s1-2 li .img-box {
    padding-top: calc(160px * 1.7);
}
.news-list .txt-box {
  /* width: calc(100% - 170px); */
  }

.s5 .b .news-list .txt-box {
    display: none;
}

.s5 .b .news-list .img-box {
}

.s5 .l {
    width: 340px;
    display: none;
}

.s5 .r {
    width: 780px;
    /* height: 460px; */
    overflow: hidden;
}

.s5 .r li {
    width: 100%;
}

.s5 .r .txt-box {
    width: 100%;
}

.s5 .t {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.s5 .r .img-box {
    display: none;
}

.s6 .news-list .txt-box {
    width: 100%;
}

.s6 .news-list li {
    width: 100%;
}
.news-list .title {
  width: calc(100% - 70px); }
  .news-list .title a {
    align-items: center; }
    .news-list .title a:before {
      content: "";
      background: #206bd1;
      height: 4px;
      width: 4px;
      margin: 0 4px 0 0; }
.news-list .img-box {
  width: 160px;
  display: none;
  padding-top: calc(160px * 0.6);
  }

.s1-2 .news-list .img-box,.s1-2 .news-list .txt-box {
    width: 100%;
}
  .news-list .img-box img {
    object-fit: cover;
    width: 100%; }

/*ico*/
.ico-box {
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-around;
  display: flex;
  width: 100%;
  width: 100%; }
  .ico-box .ico {
    width: 110px;
    height: 110px;
    display: inline-block; }
  .ico-box li {
    text-align: center; }
    .ico-box li:nth-child(1) .ico {
      background: url(/img/yw_ico1.png) transparent;
      background-position: 50%;
      background-repeat: no-repeat; }
    .ico-box li:nth-child(2) .ico {
      background: url(/img/yw_ico2.png) transparent;
      background-position: 50%;
      background-repeat: no-repeat; }
    .ico-box li:nth-child(3) .ico {
      background: url(/img/yw_ico3.png) transparent;
      background-position: 50%;
      background-repeat: no-repeat; }
    .ico-box li:nth-child(4) .ico {
      background: url(/img/yw_ico4.png) transparent;
      background-position: 50%;
      background-repeat: no-repeat; }
    .ico-box li:nth-child(5) .ico {
      background: url(/img/yw_ico5.png) transparent;
      background-position: 50%;
      background-repeat: no-repeat; }

/*home*/
.titlebar {
  background: #206bd1;
  color: #fff; }
  .titlebar h3 {
    color: #fff;
    font-size: 0.18rem;
    padding-left: 30px;
    background: url(/img/star.png) transparent;
    background-position: 0px 50%;
    background-repeat: no-repeat; }

header .top {
  width: 100%;
  border-top: 3px solid #206bd1;
  border-bottom: 1px solid #ddd;
  display: flex;
  line-height: 35px;
  justify-content: center; }
  header .top .container {
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between;
    display: flex;
    width: 100%; }
  header .top .box {
    background: url(/img/top_bg.png) transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    display: flex;
    width: 450px;
    color: #fff;
    justify-content: center; }
    header .top .box a {
      margin: 0 5px; }
      header .top .box a:hover {
        color: inherit; }
header .tel div:nth-child(1) ~ div {
  color: #206bd1;
  font-weight: 800; }

.s1 .container {
  flex-flow: column wrap;
  align-items: center;
  justify-content: flex-start;
  display: flex; }
.s1 .search {
  margin-bottom: 30px;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  display: flex;
  width: 100%; }
  .s1 .search p {
    border: 1px solid #ddd;
    padding: 5px 10px; }
.s1 h2 {
  font-size: 0.45rem;
  font-weight: 400;
  color: #333;
  text-align: center;
  display: none;
  width: 100%;
  border-bottom: 2px solid #206bd1;
  }
.s1 .ico-box {
  margin-top: 30px;
  display: none;
  }
  .s1 .ico-box h3 {
    color: #206bd1;
    font-size: 0.18rem; }
  .s1 .ico-box .txt {
    width: 330px; }
  .s1 .ico-box .item {
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 100%;
    width: 460px; }
    .s1 .ico-box .item:nth-child(even) .ico {
      order: -1; }
    .s1 .ico-box .item:last-child {
      flex-flow: column; }
      .s1 .ico-box .item:last-child .ico {
        order: -1; }
      .s1 .ico-box .item:last-child .txt {
        text-align: center; }
    .s1 .ico-box .item:nth-child(1) .ico {
      background: url(/img/ys_ico1.png) #206bd1;
      background-position: 50%;
      background-repeat: no-repeat;
      border-radius: 50%;
      margin: 10px; }
    .s1 .ico-box .item:nth-child(2) .ico {
      background: url(/img/ys_ico2.png) #206bd1;
      background-position: 50%;
      background-repeat: no-repeat;
      border-radius: 50%;
      margin: 10px; }
    .s1 .ico-box .item:nth-child(3) .ico {
      background: url(/img/ys_ico3.png) #206bd1;
      background-position: 50%;
      background-repeat: no-repeat;
      border-radius: 50%;
      margin: 10px; }
    .s1 .ico-box .item:nth-child(4) .ico {
      background: url(/img/ys_ico4.png) #206bd1;
      background-position: 50%;
      background-repeat: no-repeat;
      border-radius: 50%;
      margin: 10px; }
    .s1 .ico-box .item:nth-child(5) .ico {
      background: url(/img/ys_ico5.png) #206bd1;
      background-position: 50%;
      background-repeat: no-repeat;
      border-radius: 50%;
      margin: 10px; }

.s2 .aside {
  width: 270px;
  margin-right: 30px;
  border: 2px solid #206bd1;
  }
  .s2 .aside .titlebar {
    justify-content: flex-start;
    margin: 0;
    }

.s2 .aside .product-category-box {
    /* height: 1408px; */
    overflow: hidden;
}
    .s2 .aside .titlebar .l {
      font-size: 0.5rem;
      margin-right: 10px; }
    .s2 .aside .titlebar h3 {
      background: none;
      padding: 0; }
.s2 .content {
  width: 100%;
  }

.s2 .content .titlebar {
    margin: 0;
}

.s3 .box {
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  display: flex;
  width: 100%; }
  .s3 .box .r {
    text-indent: 2em; }
  .s3 .box div {
    width: calc((100% - 20px) / 1);
    }
    .s3 .box div img {
      width: 100%; }

.s6 .container {
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  display: flex;
  width: 100%; }

.s6 .img-box {
    display: none;
}
.s6 .box {
  width: calc((100% - 0px) / 1);
  }

.s7 .lnk_c a {
  margin: 0 10px; }

footer {
  background: #15478b; }

/*# sourceMappingURL=main.css.map */
/* iis 7 .c om */