/*




*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++
+                                                       +
+                                                       +
+                                                       +
+                                                       +
+                        公共样式                        +
+                                                       +
+                                                       +
+                                                       +
+                                                       +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+                          乐研产品列表
+
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.products-card {
  position: relative;
  padding-bottom: 10px;
  background: #fff;
}
.products-card a {
  color: #3E3A39;
  text-decoration: none;
}
.products-card a:hover {
  color: #E99122;
}
.products-card > .products-thumb {
  background-color: #F9FAFD;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 12px;
  height: 210px;
}
.products-card > .products-thumb a {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
  background-color: #FFF;
}
.products-card > .products-thumb a img {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
}
.products-card > .products-thumb a img:hover {
  background-color: rgba(197, 207, 232, 0.1);
}
.products-card > .products-thumb a::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(197, 207, 232, 0.1);
}
.products-card > .products-thumb.products-thumb-tlc {
  background-color: #FFF;
}
.products-card > .products-thumb.products-thumb-tlc::after {
  display: none;
}
.products-card > .products-thumb.products-thumb-integral-index {
  background-color: #FFF;
}
.products-card > .products-thumb.products-thumb-integral-index a img {
  padding: 0;
}
.products-card > .products-thumb.products-thumb-integral-index a::after {
  display: none;
}
.products-card > .products-thumb.products-thumb-integral-regular {
  background-color: #F9FAFD;
}
.products-card > .products-thumb.products-thumb-integral-regular a::after {
  display: none;
}
.products-card > .products-id {
  overflow: hidden;
  line-height: 20px;
  margin: 0;
}
.products-card > .products-id > a {
  display: inline-block;
  max-width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 14px;
}
.products-card > .products-id > span {
  font-size: 13px;
  float: right;
  font-weight: bold;
  color: #F55858;
  max-width: 80px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.products-card > h3.products-name {
  height: 20px;
  margin: 0 0 4px 0!important;
  line-height: 20px;
  font-size: 14px!important;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.products-card > h3.products-name a {
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 14px;
}
.products-card > .products-price {
  padding: 0;
  min-height: 1.6em;
  line-height: 20px;
  margin-bottom: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 14px!important;
  color: #E99122;
}
.products-card > .products-price span {
  font-size: 14px!important;
  font-weight: bold;
  color: #E99122;
}
.products-card > .products-btns {
  overflow: hidden;
  padding-right: 57px;
  background-color: #FFF;
}
.products-card > .products-btns a {
  display: block;
  float: left;
  height: 42px;
  line-height: 42px;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #dbdbdb;
}
.products-card > .products-btns a:hover {
  border: 1px solid #F5C057;
  background-color: #F5C057;
  color: #FFF;
}
.products-card > .products-btns a.btn-left {
  width: 100%;
}
.products-card > .products-btns a.btn-right {
  width: 42px;
  margin-right: -57px;
  position: relative;
  right: -15px;
}
.products-card > .products-btns a.btn-qq-inquiry {
  width: 100%;
}
.products-card > .products-btns a.btn-exchange {
  width: 100%;
}
.products-card > .products-btns a.btn-full {
  width: 100%;
  margin-right: -57px;
}
.products-card > .products-btns.products-btns-full {
  padding-right: 0;
}
.products-card .products-sign {
  display: block;
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 1;
  width: 36px;
  height: 20px;
  font-size: 12px;
  color: #FFF;
  border-radius: 4px;
}
.products-card .products-sign:before {
  display: block;
  line-height: 20px;
  text-align: center;
}
.products-card .products-sign.i-discount {
  background-color: #F5C057;
}
.products-card .products-sign.i-discount:before {
  content: "折扣";
}
.products-card .products-sign.i-new {
  background-color: #F55858;
}
.products-card .products-sign.i-new:before {
  content: "新品";
}
.ly-loading-mask-static {
  position: relative !important;
}
.ly-loading-mask {
  position: absolute;
  z-index: 2000;
  background-color: #ffffffe6;
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.3s;
}
.ly-loading-mask .ly-loading-spinner {
  position: relative;
  width: 30px !important;
  height: 30px !important;
  border: 2px solid #000;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-right-color: rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  animation: circle infinite 0.75s linear;
  top: calc(50% - 15px);
  left: calc(50% - 15px);
}
@keyframes circle {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
body,
div,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ol,
form,
input,
textarea,
th,
td,
select {
  margin: 0;
  padding: 0;
}
* {
  box-sizing: border-box;
}
table {
  border-collapse: collapse;
}
body {
  font-family: Arial, sans-serif !important;
  color: #3e3a39 !important;
  min-width: 320px;
  overflow-x: hidden;
}
.news-horn {
  font-size: 13px;
  color: #F55858;
  position: absolute;
  top: 72px;
  left: 13%;
  line-height: 17px;
  text-decoration: none;
}
.news-horn:hover {
  color: #F55858;
}
.news-horn > img {
  height: 17px;
  padding-right: 5px;
  vertical-align: bottom;
}
ul,
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: #232323;
}
a:hover {
  text-decoration: none;
}
a:focus {
  text-decoration: none;
}
input,
textarea {
  outline: none;
  box-shadow: none;
}
textarea {
  resize: none;
  overflow: auto;
}
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: ".";
  width: 0;
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
}
/* common style start */
/* float */
.fl {
  float: left;
}
.fr {
  float: right;
}
/* text-align */
.tl {
  text-align: left;
}
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
/* font-size */
.f12 {
  font-size: 12px;
}
.f14 {
  font-size: 14px;
}
.f16 {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .f16 {
    font-size: 14px;
  }
}
.f18 {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .f18 {
    font-size: 16px;
  }
}
.f20 {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .f20 {
    font-size: 18px;
  }
}
.f24 {
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .f24 {
    font-size: 20px;
  }
}
/* font-style */
.n {
  font-weight: normal;
  font-style: normal;
  white-space: normal;
}
.b {
  font-weight: bold;
}
.i {
  font-style: italic;
}
/* cursor */
.poi {
  cursor: pointer;
}
.def {
  cursor: default;
}
/* common style end */
.ellipse {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.round-bot {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.last-tabs {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.border-no {
  border: 0px !important;
}
.ly-list-multirow {
  line-height: 200%;
  padding-bottom: 20px;
}
.ly-list-multirow .list-item {
  position: relative;
  padding-left: 15px;
}
.ly-list-multirow .list-item:before {
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fe9f28;
  margin-right: 8px;
}
/**************************正文公共样式*******************************/
.leyan {
  position: relative;
  padding-top: 94px;
}
@media screen and (max-width: 1200px) {
  .leyan {
    padding-top: 95px;
  }
}
.qts-service-bg {
  background-color: #F5F5F5;
  width: 100%;
}
.search-alert {
  display: none;
  position: absolute;
  z-index: 999999;
  width: 100%;
  border-radius: 0;
}
.icon-danger {
  padding-right: 15px;
  margin-top: -2px;
}
/*------------改版------------------*/
.header {
  width: 100%;
  min-height: 95px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  z-index: 8888;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 0;
  margin-bottom: 0;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.7);
}
.header .header-left {
  background: #f6f6f6;
  max-width: 224px;
  flex-grow: 1;
}
.header .header-right {
  flex-grow: 1;
  background: #423e3a;
}
.header .header-main {
  position: relative;
  max-width: 1405px;
  width: 100%;
  margin: 0 auto;
  background: #423e3a;
  display: flex;
  justify-content: flex-start;
}
.header .header-main .header-logo {
  background: #f6f6f6;
}
.header .header-main .header-logo .navbar-brand {
  padding: 0;
  margin-top: 15px;
  height: 62px;
  width: 205px;
}
.header .header-main .header-sub {
  flex-grow: 1;
  background: url("/images/head-bg-3fc538767a2e8540dc31ba85e259c1f4.png") no-repeat left;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  background-size: contain;
}
@media screen and (max-width: 1280px) {
  .header .header-main .header-sub {
    position: relative;
  }
}
.header .header-main .header-sub .ly-partner-portal {
  margin-top: -35px;
  max-width: 70px;
}
.header .header-main .header-sub .ly-partner-portal a span {
  font-size: 13px;
}
.header .header-main .header-sub .ly-partner-portal a img {
  width: 38px;
  margin: 0 auto 2px auto;
}
.header .header-main .header-sub .header-item1 {
  margin-left: 66px;
  display: flex;
  flex-flow: row wrap;
  position: relative;
  flex: 1 1 auto;
}
.header .header-main .header-sub .header-item1 .activity {
  width: calc(100% - 70px);
  position: absolute;
  top: 10px;
  left: 0;
}
@media screen and (max-width: 1200px) {
  .header .header-main .header-sub .header-item1 .activity {
    display: none;
  }
}
.header .header-main .header-sub .header-item1 .activity a {
  color: #f4c95f;
  font-size: 12px;
}
.header .header-main .header-sub .header-item1 .activity a:hover {
  color: #F60;
}
.header .header-main .header-sub .header-item1 .activity:before {
  width: 24px;
  height: 19px;
  content: " ";
  background: url("/images/activity-tb-4543a3538abcf55d9c9c1c251431cd92.png") no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  margin-top: -2px;
}
.header .header-main .header-sub .header-item1 .nav-pro {
  width: 100%;
  margin-top: 40px;
  position: relative;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul {
  margin: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  min-width: 250px;
  float: none;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .navbar-dropdown-item {
  padding-bottom: 5px;
  margin-top: 10px;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li {
  width: auto;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  float: left;
  padding: 0 4px;
  /*---------------分子砌块下拉---------------*/
  /*---------------产品中心下拉---------------*/
  /*---------------技术服务下拉---------------*/
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li a {
  color: #fff;
  font-weight: bold;
  padding: 0;
  white-space: normal;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li span {
  color: #e99122;
  display: block;
  font-weight: normal;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-molecule {
  width: 880px;
  height: 339px;
  position: absolute;
  left: -322px;
  z-index: 1000;
  float: left;
  min-width: 160px;
  /*padding: 5px 0;*/
  padding: 37px 70px;
  margin: 4px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #5d595b;
  /*border: 1px solid #ccc;*/
  /*border: 1px solid rgba(0, 0, 0, 0.15);*/
  border-radius: 6px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-molecule > li {
  width: 336px !important;
  height: 121px;
  padding: 30px 27px 20px 25px;
  color: #333333;
  margin-bottom: 27px;
  border-radius: 6px;
  text-align: left;
  display: block;
  background: url("/images/te-bg-ed86a3f968746c9ff4ec8b6bd529c911.png") no-repeat;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-molecule > li a {
  font-weight: normal;
  color: #fff;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-molecule > li a p {
  font-size: 16px;
  color: #fff;
  margin-top: -4px;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-molecule > li a p:after {
  display: block;
  content: '';
  width: 96px;
  height: 1px;
  background: #f4c95f;
  margin-top: 10px;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-molecule > li a p:hover {
  font-weight: bold;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-molecule > li a span {
  color: #999898;
  line-height: 22px;
  margin-top: 8px;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-molecule > li a span:hover {
  color: #aefffc;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-molecule > li a:hover p {
  font-weight: bold;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-molecule > li a:hover span {
  color: #aefffc;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-molecule li:nth-child(2) p:after {
  width: 64px;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-molecule li:nth-child(2n) {
  margin-right: 0;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-molecule li:nth-child(4) p:after {
  width: 150px;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-molecule li:hover {
  background: url("/images/te-bg-on-3407604b574a9ffe540eb044ad4c4631.png") no-repeat;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-m {
  position: relative;
  display: inline-block;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-m:hover:after {
  content: '';
  background-color: #f4c95f;
  height: 3px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-m .dropdown-content {
  width: 864px;
  height: 309px;
  position: absolute;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 160px;
  margin: 5px 0 0;
  list-style: none;
  display: none;
  font-size: 14px;
  text-align: left;
  background-color: #5d595b;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-m .dropdown-content ul {
  width: 760px;
  padding-top: 36px;
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
  flex-grow: 1;
  align-items: flex-start;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-m .dropdown-content ul li {
  width: 165px;
  height: 65px;
  background: #423e3a;
  border-radius: 6px;
  margin-right: 30px;
  margin-bottom: 16px;
  line-height: 20px;
  background-image: url(/images/m-bg-5911d2200d50b011e064ff88a3fdb45a.png);
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-m .dropdown-content ul li a .div-name {
  font-size: 16px;
  text-align: center;
  color: #fff;
  margin-top: 15px;
  font-weight: normal;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-m .dropdown-content ul li a .div-name label {
  font-weight: normal;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-m .dropdown-content ul li a .div-name span {
  font-size: 12px;
  color: #ffd478;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-m .dropdown-content ul li:hover {
  background: #17aaa8;
  background-image: url(/images/m-bg-on-58f3d832ca4f8232e5f0101e0dc16a82.png);
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-m .dropdown-content ul li:hover a label {
  font-weight: bold;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-m .dropdown-content ul li:hover a label label {
  font-weight: normal;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-m .dropdown-content ul li:nth-child(4n+2) {
  background-image: url(/images/two-bg-93846ec8ebdbcee994697bbc58a225a0.png);
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-m .dropdown-content ul li:nth-child(4n+2):hover {
  background-image: url(/images/two-bg-on-e8e4163c7c0f96568766b6cc6f7bd8fb.png);
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-m .dropdown-content ul li:nth-child(4n+3) {
  background-image: url(/images/three-bg-566e5a2d13d53e4d770168cff32a4628.png);
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-m .dropdown-content ul li:nth-child(4n+3):hover {
  background-image: url(/images/three-bg-on-5882836f9f99d2b92a271a45db29dc62.png);
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-m .dropdown-content ul li:nth-child(4n) {
  margin-right: 0;
  background-image: url(/images/four-bg-ae04e78d45ed9b4db39855feea9a6de8.png);
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-m .dropdown-content ul li:nth-child(4n):hover {
  background-image: url(/images/four-bg-on-b15cfaedda52e24dd3c86981ca9a461b.png);
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro {
  position: relative;
  display: inline-block;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro:hover:after {
  content: '';
  background-color: #f4c95f;
  height: 3px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro .dropdown-pcontent {
  width: 864px;
  height: auto;
  max-height: 810px;
  padding: 0 38px;
  position: absolute;
  left: -160px;
  z-index: 1000;
  float: left;
  min-width: 160px;
  margin: 5px 0 0;
  list-style: none;
  display: none;
  font-size: 14px;
  text-align: left;
  background-color: #5d595b;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro .dropdown-pcontent .pro-item {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro .dropdown-pcontent .pro-item > div:nth-child(2) {
  position: relative;
  left: 0;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro .dropdown-pcontent .pro-item .p-item {
  padding-top: 37px;
  width: 158px;
  display: inline-block;
  height: fit-content;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro .dropdown-pcontent .pro-item .p-item .pro-tit {
  font-size: 16px;
  color: #2ee1df;
  border-bottom: 1px solid #f4c95f;
  padding-bottom: 10px;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro .dropdown-pcontent .pro-item .p-item .pro-tit a {
  color: #2ee1df;
  font-weight: normal;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro .dropdown-pcontent .pro-item .p-item ul {
  width: 100%;
  margin-top: 10px;
  display: flex;
  flex-flow: row wrap;
  flex-grow: 1;
  align-items: flex-start;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro .dropdown-pcontent .pro-item .p-item ul li {
  width: 158px;
  line-height: 29px;
  text-align: left;
  font-size: 14px;
  margin-right: 0;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro .dropdown-pcontent .pro-item .p-item ul li a label {
  color: #fcf3df;
  font-weight: normal;
  cursor: pointer;
  margin-bottom: 0;
  vertical-align: unset;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro .dropdown-pcontent .pro-item .p-item ul li a label:hover {
  color: #d88826;
  font-weight: 700;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro .dropdown-pcontent .pro-item .p-item-group {
  width: 326px;
  display: inline-block;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro .dropdown-pcontent .pro-item .p-item-group .pro-tit {
  font-size: 16px;
  color: #2ee1df;
  border-bottom: 1px solid #f4c95f;
  padding-bottom: 10px;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro .dropdown-pcontent .pro-item .p-item-group .pro-tit a {
  color: #2ee1df;
  font-weight: normal;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro .dropdown-pcontent .pro-item .p-item-group ul {
  width: 100%;
  margin-top: 10px;
  display: flex;
  flex-flow: row wrap;
  flex-grow: 1;
  align-items: flex-start;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro .dropdown-pcontent .pro-item .p-item-group ul li {
  width: 52px;
  line-height: 29px;
  text-align: left;
  font-size: 14px;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro .dropdown-pcontent .pro-item .p-item-group ul li a label {
  color: #fcf3df;
  font-weight: normal;
  cursor: pointer;
  margin-bottom: 0;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro .dropdown-pcontent .pro-item .p-item-group ul li a label:hover {
  color: #d88826;
  font-weight: 700;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro .dropdown-pcontent .pro-item .p-item-group ul li:nth-child(5) {
  margin-right: 0;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro .dropdown-pcontent .pro-item .p-materials {
  position: absolute;
  top: 160px;
  left: 38px;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro .dropdown-pcontent .pro-item .p-instrument {
  position: absolute;
  top: 310px;
  left: 455px;
  padding-top: 0;
  z-index: 1;
  height: fit-content;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro .dropdown-pcontent .pro-item .Kit {
  position: absolute;
  top: 230px;
  left: 457px;
  padding-top: 0;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro .dropdown-pcontent .pro-item .p-group {
  position: absolute;
  top: 398px;
  left: 246px;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro .dropdown-pcontent .pro-item .f-more {
  font-size: 14px;
  font-weight: bold !important;
  color: #d88826 !important;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro .dropdown-pcontent .pro-item .partner-product {
  width: auto;
  margin-right: 0;
  margin-top: 15px;
  padding-bottom: 20px;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro .dropdown-pcontent .pro-item .partner-product > ul {
  width: 100%;
  margin-top: 10px;
  display: flex;
  flex-flow: row wrap;
  flex-grow: 1;
  align-items: flex-start;
  column-gap: 10px;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro .dropdown-pcontent .pro-item .partner-product > ul li {
  min-width: 158px;
  max-width: 190px;
  flex: 1;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-pro .dropdown-pcontent .pro-item .partner-product > ul a {
  line-height: 150%;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-menu {
  width: 864px;
  height: auto;
  position: absolute;
  left: -279px;
  z-index: 1000;
  float: left;
  min-width: 160px;
  /*padding: 5px 0;*/
  padding: 37px 55px;
  margin: 4px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #5d595b;
  /*border: 1px solid #ccc;*/
  /*border: 1px solid rgba(0, 0, 0, 0.15);*/
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-menu li:last-child {
  margin-bottom: 0;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-menu li {
  width: 336px !important;
  height: 121px;
  padding: 30px 27px 20px 33px;
  color: #333333;
  margin-bottom: 27px;
  border-radius: 6px;
  text-align: left;
  display: block;
  background: url("/images/te-bg-ed86a3f968746c9ff4ec8b6bd529c911.png") no-repeat;
  margin-right: 76px;
  float: left;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-menu li:hover p {
  font-weight: bold;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-menu li:hover span {
  color: #aefffc;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-menu li a {
  font-weight: normal;
  color: #fff;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-menu li a p {
  font-size: 16px;
  color: #fff;
  margin-top: -4px;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-menu li a p:after {
  display: block;
  content: '';
  width: 96px;
  height: 1px;
  background: #f4c95f;
  margin-top: 10px;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-menu li a span {
  color: #999898;
  line-height: 22px;
  margin-top: 8px;
  font-size: 12px;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-menu li a:hover p {
  font-weight: bold;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-menu li a:hover span {
  color: #aefffc;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-menu li:nth-child(2) p:after {
  width: 64px;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-menu li:nth-child(2n) {
  margin-right: 0;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-menu li:nth-child(4) p:after {
  width: 150px;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-menu li:hover {
  background: url("/images/te-bg-on-3407604b574a9ffe540eb044ad4c4631.png") no-repeat;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li .dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul li:hover a {
  color: #2ee1df;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul li:hover span {
  color: #fff;
}
.header .header-main .header-sub .header-item1 .nav-pro > ul > li.technical-support {
  margin-right: 0;
  padding-bottom: 5px;
}
.header .header-main .header-sub .header-item2 {
  display: flex;
  flex-flow: row wrap;
}
.header .header-main .header-sub .header-item2 .search-radio {
  width: 100%;
  font-size: 12px;
  color: #fff;
}
.header .header-main .header-sub .header-item2 .search-radio ul li {
  display: inline;
  float: left;
  color: #979797;
  margin-right: 23px;
  margin-top: 6px;
}
.header .header-main .header-sub .header-item2 .search-radio ul li .structural-search p {
  color: #FFFFFF;
  font-size: 12px;
  text-align: center;
  line-height: 16px;
}
.header .header-main .header-sub .header-item2 .search-radio ul li label {
  margin-left: 5px;
  font-weight: normal;
  cursor: pointer;
}
.header .header-main .header-sub .header-item2 .search-radio ul li .my-radio {
  border: 1px solid #e99122 !important;
}
.header .header-main .header-sub .header-item2 .search-radio ul li input[type="radio"] {
  display: none;
}
.header .header-main .header-sub .header-item2 .search-radio ul li input[type="radio"] + label {
  position: relative;
  cursor: pointer;
  padding-left: 20px;
}
.header .header-main .header-sub .header-item2 .search-radio ul li input[type="radio"] + label::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 5px;
  border-radius: 50%;
  border: 1px solid #979797;
  position: absolute;
  top: 1px;
  left: 0;
}
.header .header-main .header-sub .header-item2 .search-radio ul li input[type="radio"]:checked + label::before {
  background-color: #e99122;
  border: 1px solid #e99122;
  background-clip: content-box;
  padding: 3px;
  width: 13px;
  height: 13px;
}
.header .header-main .header-sub .header-item2 .search-radio ul li input[type="radio"]:focus {
  outline: none;
}
.header .header-main .header-sub .header-item2 .search-radio ul li input::-webkit-input-placeholder {
  color: #dadada;
}
.header .header-main .header-sub .header-item2 .search-radio ul li input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #e99122;
}
.header .header-main .header-sub .header-item2 .search-radio ul li input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #e99122;
}
.header .header-main .header-sub .header-item2 .search-radio ul li input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #e99122;
}
.header .header-main .header-sub .header-item2 .search-radio ul li .active {
  color: #fff;
}
.header .header-main .header-sub .header-item2 .searcharea {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
@media screen and (min-width: 1200px) {
  .header .header-main .header-sub .header-item2 .searcharea {
    margin-top: 4px;
  }
}
.header .header-main .header-sub .header-item2 .searcharea .search-box {
  flex: 1 1 auto;
  max-width: 375px;
  min-width: 200px;
  height: 47px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background: #cdcdcd;
  position: relative;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box .search-tb {
  position: absolute;
  top: 13px;
  right: 14px;
  color: #e99122;
  z-index: 9;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box .search-tb img {
  cursor: pointer;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box .close-tb {
  position: absolute;
  top: 13px;
  right: 10px;
  color: #e99122;
  z-index: 9;
  cursor: pointer;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box .form-control {
  display: block;
  width: 100%;
  height: 47px;
  position: absolute;
  top: 0;
  padding: 0 46px 0 14px;
  font-size: 14px;
  line-height: 1.42857143;
  border: 0;
  background: none;
  transition: none;
  box-shadow: none;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box .form-control:focus {
  outline: 0;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box .form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box .form-control:-ms-input-placeholder {
  color: #999;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box .form-control::-webkit-input-placeholder {
  color: #999;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box .form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box .form-control[disabled],
.header .header-main .header-sub .header-item2 .searcharea .search-box .form-control[readonly],
.header .header-main .header-sub .header-item2 .searcharea .search-box fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box .form-control[disabled],
.header .header-main .header-sub .header-item2 .searcharea .search-box fieldset[disabled] .form-control {
  cursor: not-allowed;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box textarea.form-control {
  height: auto;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box input[type="search"] {
  -webkit-appearance: none;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box .keyword-list {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  background: #efefef;
  border-radius: 8px;
  box-shadow: 0 2px 4px -3px #333;
  min-height: 146px;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box .keyword-list .keyword-text {
  position: relative;
  padding: 9px 46px 0 9px;
  line-height: 24px;
  width: 100%;
  background: #efefef;
  min-height: 194px;
  border: none;
  border-radius: 8px 0 8px 8px;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box .keyword-list .txtheight {
  height: 190px;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box .keyword-list .i-bgff {
  position: absolute;
  top: -35px;
  left: 302px;
  display: none;
  width: 20px;
  height: 200px;
  background: #ff0000;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box .keyword-list p {
  position: relative;
  bottom: 37px;
  height: 30px;
  text-align: right;
  line-height: 30px;
  float: right;
  padding-right: 16px;
  font-style: normal;
  cursor: pointer;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box .keyword-list p i {
  font-style: normal;
  font-size: 14px;
  color: #f1c65e;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box .keyword-list p .icol {
  color: #ff0000;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box .keyword-list textarea::-webkit-input-placeholder {
  color: #d3d3d3;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box .keyword-list textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #d3d3d3;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box .keyword-list textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #d3d3d3;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box .keyword-list textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #d3d3d3;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box .keyword-match {
  position: relative;
  top: 23px;
  left: 0;
  width: 100%;
  z-index: 1;
  background-color: #6e6b6d;
  border-radius: 0 0 8px 8px;
  box-shadow: 3px 2px 4px -3px #333;
  height: auto;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box .keyword-match ul {
  line-height: 24px;
  padding: 9px 0 9px 46px;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box .keyword-match ul li a {
  color: #FFFFFF;
  font-size: 14px;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box .keyword-match ul li a span {
  color: #f4c95f;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box .keyword-match .clear_keyword_tags {
  font-style: normal;
  font-size: 14px;
  color: #f1c65e;
  padding: 0 10px 10px 0;
  text-align: right;
  cursor: pointer;
}
.header .header-main .header-sub .header-item2 .searcharea .search-box:hover {
  background-color: #efefef;
}
.header .header-main .header-sub .header-item2 .searcharea .structured-search {
  position: relative;
  height: 47px;
}
.header .header-main .header-sub .header-item2 .searcharea .structured-search .search-btn {
  width: 47px;
  height: 47px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: #f4c95f;
  background-image: url(/images/hd-btn-search-db25507a274ddd8b1ab90042f10aa6b5.png);
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  outline: none;
  cursor: pointer;
}
.header .header-main .header-sub .header-item3 {
  margin-left: 55px;
  display: flex;
  flex-flow: row wrap;
}
@media screen and (min-width: 1200px) {
  .header .header-main .header-sub .header-item3 {
    width: 215px;
    min-width: 215px;
  }
}
.header .header-main .header-sub .header-item3 .shortcut {
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .header .header-main .header-sub .header-item3 .shortcut {
    display: none;
  }
}
.header .header-main .header-sub .header-item3 .shortcut ul {
  margin: 8px 0 0 0;
  display: flex;
  justify-content: space-between;
}
.header .header-main .header-sub .header-item3 .shortcut ul li {
  font-size: 12px;
}
.header .header-main .header-sub .header-item3 .shortcut ul li span {
  display: block;
  text-align: center;
  margin-bottom: 5px;
}
.header .header-main .header-sub .header-item3 .shortcut ul li a {
  color: #f4c95f;
}
.header .header-main .header-sub .header-item3 .shortcut ul li:last-child a p object a {
  padding-top: 0;
  padding-bottom: 0;
}
.header .header-main .header-sub .header-item3 .shortcut ul li:nth-last-child(2) {
  position: relative;
}
.header .header-main .header-sub .header-item3 .shortcut ul li:nth-last-child(2) .badge {
  position: absolute;
  font-size: 12px;
  background-color: #F55858;
  top: -4px;
  right: -1px;
  padding: 3px 5px;
  font-weight: normal;
}
.header .header-main .header-sub .header-item3 .tel {
  text-align: left;
  color: #fff;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1200px) {
  .header .header-main .header-sub .header-item3 .tel .tel-box {
    display: none;
  }
}
.header .header-main .header-sub .header-item3 .tel .tel-box b {
  font-size: 12px;
}
.header .header-main .header-sub .header-item3 .tel .tel-box img {
  width: 18px;
}
.header .header-main .header-sub .header-item3 .tel .select-country-wrapper {
  position: static;
  top: 0;
  left: 50px;
}
@media screen and (max-width: 1200px) {
  .header .header-main .header-sub .header-item3 .tel .select-country-wrapper {
    position: absolute;
  }
}
.header .header-main .header-sub .header-item3 .tel .select-country-wrapper .icon_country {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-image: url(https://static.leyan.com/web/sys/region/country-sprite.png);
}
.header .header-main .header-sub .header-item3 .tel .select-country-wrapper .country-active {
  transform: scale(0.6);
  -webkit-transform: scale(0.6);
}
.header .header-main .header-sub .header-item3 .tel .select-country-wrapper .btn-switch-country {
  display: flex;
  align-items: center;
}
.header .header-main .header-sub .header-item3 .tel .select-country-wrapper .btn-switch-country .country-name {
  color: #ffffff;
  max-width: 64px;
  text-align: center;
  font-size: 12px;
}
@media screen and (max-width: 1024px) {
  .header .header-main .header-sub .header-item3 .tel .select-country-wrapper .btn-switch-country .country-name {
    width: auto;
  }
}
.header .header-main .header-sub .header-item3 .tel .select-country-wrapper .btn-switch-country .icon-country {
  margin-left: 8px;
  width: 20px;
}
.header .header-main .header-sub .header-item3 .tel .select-country-wrapper .modal-backdrop {
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
}
.header .header-main .header-sub .header-item3 .tel .select-country-wrapper .select-country-modal {
  position: fixed;
  top: 95px;
  display: none;
  max-width: 500px;
  z-index: 1041;
}
@media screen and (max-width: 767px) {
  .header .header-main .header-sub .header-item3 .tel .select-country-wrapper .select-country-modal {
    left: 0;
  }
}
.header .header-main .header-sub .header-item3 .tel .select-country-wrapper .select-country-modal .country-box {
  margin: 0 15px;
  background-color: #5d595b;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
@media screen and (min-width: 768px) {
  .header .header-main .header-sub .header-item3 .tel .select-country-wrapper .select-country-modal .country-box {
    width: fit-content;
    margin: 0;
  }
}
.header .header-main .header-sub .header-item3 .tel .select-country-wrapper .select-country-modal .country-box .box-header h2 {
  padding: 18px 15px 15px 15px;
  color: #fe9f28;
}
.header .header-main .header-sub .header-item3 .tel .select-country-wrapper .select-country-modal .country-box .country-list {
  padding: 0 15px 15px 15px;
  gap: 30px;
  max-height: calc(100vh - 220px);
  overflow-y: auto;
}
.header .header-main .header-sub .header-item3 .tel .select-country-wrapper .select-country-modal .country-box .country-list .country-item {
  cursor: pointer;
  width: 64px;
  text-align: center;
}
.header .header-main .header-sub .header-item3 .tel .select-country-wrapper .select-country-modal .country-box .country-list .country-item .country-name {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  line-height: 15px;
  color: #ffffff;
}
@media screen and (min-width: 2400px) {
  .header .header-left {
    max-width: inherit;
  }
}
.navbar-default {
  z-index: 8888;
  position: fixed;
  top: 0;
  right: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
  transition: height 3s ease-in-out;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.7);
}
.navbar-default .activity {
  position: absolute;
  top: -20px;
  left: 0;
  padding-left: 15px;
}
.navbar-default .activity a {
  color: #ee3134;
  font-weight: 700;
  font-size: 14px;
}
.navbar-default .activity a:hover {
  color: #F60;
}
@media screen and (max-width: 1200px) {
  .navbar-default {
    box-shadow: none;
  }
}
.navbar-default .select-area {
  width: 860px;
  height: 42px;
  background-color: rgba(1, 1, 1, 0);
  position: absolute;
  bottom: -3px;
  left: 13%;
  z-index: 24;
  display: none;
}
.navbar-default .navbar-brand {
  display: none;
  padding: 15px 16px 15px 50px;
}
@media screen and (min-width: 1700px) {
  .navbar-default .navbar-brand {
    min-width: 228px;
    min-height: 90px;
  }
}
.navbar-default p {
  margin: 0;
}
.navbar-default .btn-default {
  border-radius: 0 4px 4px 0;
  background-color: #E99122;
  color: #FFF;
  font-size: 16px;
}
.navbar-default .btn-default:hover {
  background-color: #E99122;
}
.navbar-default .btn-default.active {
  background-color: #E99122;
}
.navbar-default .btn-default:focus {
  outline: 0;
  border: none;
}
.navbar-default .navbar-form {
  display: flex;
  margin: 22px 0;
  padding-right: 40px;
  font-size: 0;
}
.navbar-default .navbar-form .form-group {
  position: relative;
}
.navbar-default .navbar-form .form-group .form-control {
  padding-left: 48px;
  border-right: 0;
  border-radius: 4px 0 0 4px;
  width: 370px;
  height: 48px;
  font-family: inherit;
  caret-color: #E99122;
}
.navbar-default .navbar-form .form-group .icon-search {
  font-size: 20px;
  position: absolute;
  top: 10px;
  left: 16px;
  color: #e99122;
  z-index: 9;
}
.navbar-default .navbar-form .btn-default {
  width: 80px;
  /*.btn-main(16px);*/
  background-color: #f6c157;
  color: #FFF;
  font-size: 16px;
  height: 48px;
}
.navbar-default .navbar-form .btn-default:hover {
  background-color: #f6c157;
  border: none;
  outline: 0;
}
.navbar-default .navbar-form .btn-default.active {
  background-color: #f6c157;
}
.navbar-default .navbar-form .btn-default:focus {
  outline: 0;
  border: none;
}
.navbar-default .navbar-form .s-search {
  margin-left: 4px;
  border-color: #e99122;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #e99122;
}
@media screen and (max-width: 1800px) {
  .navbar-default .navbar-form .s-search {
    margin-left: 10px;
  }
}
.navbar-default .navbar-form .s-search a {
  display: inline-block;
  font-size: 14px;
  color: #E99122;
  padding: 13px 19px;
}
@media screen and (max-width: 1200px) {
  .navbar-default .navbar-form .s-search a {
    padding: 13px 36px;
  }
  .navbar-default .navbar-form .s-search a span {
    display: none;
  }
}
.navbar-default .navbar-form .s-search a span img {
  margin: -4px 0;
  margin-right: 11px;
}
.navbar-default .navbar-form .btn {
  padding: 0;
}
@media screen and (min-width: 1800px) {
  .navbar-default .navbar-form .btn {
    border-radius: 0 4px 4px 0;
  }
}
.navbar-default .keyword-list {
  position: absolute;
  display: none;
  top: 70px;
  left: 12.9%;
  width: 368px;
  z-index: 6666;
  background: #f9fafa;
  box-shadow: 3px 2px 5px #999;
}
.navbar-default .keyword-list .keyword-text {
  position: relative;
  padding: 0 10px 0 15px;
  line-height: 24px;
  width: 100%;
  min-height: 150px;
  border: none;
}
.navbar-default .keyword-list .txtheight {
  height: 190px;
}
.navbar-default .keyword-list .i-bgff {
  position: absolute;
  top: -35px;
  left: 302px;
  display: none;
  width: 20px;
  height: 200px;
  background: #ff0000;
}
.navbar-default .keyword-list p {
  height: 30px;
  text-align: right;
  line-height: 30px;
  display: block;
  float: right;
  padding-right: 10px;
  font-style: normal;
  cursor: pointer;
}
.navbar-default .keyword-list p i {
  font-style: normal;
  font-size: 14px;
}
.navbar-default .keyword-list p .icol {
  color: #ff0000;
}
@media screen and (max-width: 1200px) {
  .navbar-default .navbar-nav {
    margin: 0 -12px 0 -12px;
  }
}
.navbar-default .navbar-nav li a {
  color: #3E3A39;
}
.navbar-default .navbar-middle {
  position: relative;
  z-index: 23;
}
.navbar-default .navbar-middle .arr-sup {
  position: absolute;
  top: 60px;
  right: 40.3%;
  z-index: -5;
  display: none;
}
.navbar-default .navbar-middle .arr-sup span {
  font-size: 40px;
  color: #000;
}
.navbar-default .navbar-middle li:last-child {
  margin-left: 100px;
}
@media screen and (max-width: 1300px) {
  .navbar-default .navbar-middle li:last-child {
    margin-left: 0;
  }
}
.navbar-default .navbar-middle li:nth-last-child(2) {
  margin-left: 20px;
}
.navbar-default .navbar-middle a {
  padding-top: 35px;
  padding-bottom: 18px;
  font-size: 16px;
  padding-left: 20px;
  padding-right: 20px;
  color: #3E3A39;
}
.navbar-default .navbar-middle a .caret {
  margin-left: 10px;
}
.navbar-default .navbar-middle a:hover {
  color: #E99122;
}
.navbar-default .navbar-middle .hotline {
  font-size: 24px;
  color: #3E3A39;
  font-family: 'Autour One', cursive;
  vertical-align: middle;
}
.navbar-default .navbar-middle .hotline span {
  font-size: 28px;
  vertical-align: bottom;
  margin-right: 7px;
}
.navbar-default .navbar-middle .dropdown-menu {
  top: 104%;
  border: none;
  padding: 33px;
  left: -58px;
  box-shadow: 0 7px 8px 4px #888888;
  background-color: #FEFCF4;
}
.navbar-default .navbar-middle .dropdown-menu li {
  z-index: 1;
  position: relative;
  list-style: none;
  width: 172px;
  height: 58px;
  background-color: #F5C057;
  margin-bottom: 8px;
  margin-left: 0;
  border-radius: 4px;
}
.navbar-default .navbar-middle .dropdown-menu li:last-child {
  margin-bottom: 0;
}
.navbar-default .navbar-middle .dropdown-menu li:hover {
  background-color: #E99122;
}
.navbar-default .navbar-middle .dropdown-menu li:hover .modal-icon {
  visibility: visible;
}
.navbar-default .navbar-middle .dropdown-menu li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 8px 22px;
  position: relative;
  border-radius: 4px;
}
.navbar-default .navbar-middle .dropdown-menu li a:hover {
  text-decoration: none;
  background: inherit !important;
}
.navbar-default .navbar-middle .dropdown-menu li a:hover .modal-icon {
  visibility: visible;
}
.navbar-default .navbar-middle .dropdown-menu li a p {
  color: #ffffff;
  font-size: 15px;
}
.navbar-default .navbar-middle .dropdown-menu li a p span {
  vertical-align: 24%;
  display: inline-block;
  width: 9px;
  height: 2px;
  background-color: #ffffff;
}
.navbar-default .navbar-middle .dropdown-menu li::before {
  z-index: -1;
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(/images/product-type-bg-f3f0a9f991a4e6f2f454c38cb9b435c5.png);
}
.navbar-default .navbar-middle .mobile-dropdown-menu {
  border-radius: 0;
  padding: 7px 16px;
  width: 100%;
  left: 0;
}
.navbar-default .navbar-middle .mobile-dropdown-menu li {
  width: auto;
  height: auto;
}
.navbar-default .navbar-middle .mobile-dropdown-menu li a {
  text-align: center;
  padding: 6px 22px;
}
.navbar-default .navbar-middle .mobile-dropdown-menu li a p {
  font-size: 12px;
}
.navbar-default .navbar-middle .mobile-dropdown-menu li a p:first-of-type {
  display: none;
}
.navbar-default .navbar-right {
  padding-right: 25px;
}
.navbar-default .navbar-right li a {
  text-align: center;
  padding-top: 23px;
  padding-bottom: 22px;
  color: #3E3A39;
}
.navbar-default .navbar-right li a:hover {
  color: #E99122;
}
.navbar-default .navbar-right li a .iconfont {
  text-align: center;
  font-size: 26px;
  color: #e99122;
}
.navbar-default .navbar-right li:last-child a p object a {
  padding-top: 0;
  padding-bottom: 0;
}
.navbar-default .navbar-right li:last-child a p object:last-child:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background-color: #808080;
  margin: 0 7px 0 5px;
}
.navbar-default .navbar-right li:nth-last-child(2) {
  position: relative;
}
.navbar-default .navbar-right li:nth-last-child(2) .badge {
  position: absolute;
  font-size: 12px;
  background-color: #F55858;
  top: 15px;
  right: 16px;
  padding: 3px 5px;
  font-weight: normal;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  background-color: transparent;
}
.navbar-default .modal-frame {
  z-index: 23;
  position: absolute;
  top: 93px;
  left: 0;
  width: 100%;
  height: 1600px;
  background-color: rgba(71, 65, 60, 0.52);
  display: none;
}
.navbar-default .modal-frame .product-modal {
  position: absolute;
  top: 1px;
  left: 244px;
  width: 1080px;
  height: 590px;
  background-color: #FEFCF4;
  padding: 27px 23px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.navbar-default .modal-frame .product-modal .bottom-bgc {
  position: absolute;
  bottom: 0;
  left: 0;
}
.navbar-default .modal-frame .product-modal .bottom-bgc > img {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.navbar-default .modal-frame .product-modal .pro-frame {
  width: 100%;
  height: 100%;
  position: relative;
}
.navbar-default .modal-frame .product-modal .pro-frame ul {
  display: inline-block;
  padding-left: 0;
  width: 200px;
  height: 540px;
  overflow-x: hidden;
  overflow-y: auto;
}
.navbar-default .modal-frame .product-modal .pro-frame ul li {
  z-index: 1;
  position: relative;
  list-style: none;
  width: 172px;
  height: 60px;
  background-color: #F5C057;
  margin-bottom: 8px;
  border-radius: 4px;
}
.navbar-default .modal-frame .product-modal .pro-frame ul li:last-child {
  margin-bottom: 0;
}
.navbar-default .modal-frame .product-modal .pro-frame ul li:hover {
  background-color: #E99122;
}
.navbar-default .modal-frame .product-modal .pro-frame ul li:hover .modal-icon {
  visibility: visible;
}
.navbar-default .modal-frame .product-modal .pro-frame ul li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 8px 22px;
  position: relative;
}
.navbar-default .modal-frame .product-modal .pro-frame ul li a .modal-icon {
  visibility: hidden;
  font-size: 38px;
  position: absolute;
  color: #FFFFFF;
  top: 3px;
  right: -15px;
}
.navbar-default .modal-frame .product-modal .pro-frame ul li a:hover {
  text-decoration: none;
}
.navbar-default .modal-frame .product-modal .pro-frame ul li a:hover .modal-icon {
  visibility: visible;
}
.navbar-default .modal-frame .product-modal .pro-frame ul li a p {
  color: #ffffff;
  font-size: 15px;
}
.navbar-default .modal-frame .product-modal .pro-frame ul li a p span {
  vertical-align: 24%;
  display: inline-block;
  width: 9px;
  height: 2px;
  background-color: #ffffff;
}
.navbar-default .modal-frame .product-modal .pro-frame ul li::before {
  z-index: -1;
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(/images/product-type-bg-f3f0a9f991a4e6f2f454c38cb9b435c5.png);
}
.navbar-default .modal-frame .product-modal .pro-frame .modal-table {
  width: 820px;
  height: 490px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
}
.navbar-default .modal-frame .product-modal .pro-frame .modal-table table {
  margin-bottom: 80px;
  margin-top: 8px;
  overflow: hidden;
}
.navbar-default .modal-frame .product-modal .pro-frame .modal-table table tr th {
  font-size: 16px;
  color: #E99122;
  padding-bottom: 16px;
}
.navbar-default .modal-frame .product-modal .pro-frame .modal-table table tr td {
  width: 200px;
  height: 32px;
  padding-left: 13px;
  font-size: 14px;
  vertical-align: top;
}
.navbar-default .modal-frame .product-modal .pro-frame .modal-table table tr td a {
  position: relative;
  color: #3E3A39;
  text-decoration: none;
}
.navbar-default .modal-frame .product-modal .pro-frame .modal-table table tr td a:hover {
  color: #E99122;
}
.navbar-default .modal-frame .product-modal .pro-frame .modal-table table tr td a span:first-of-type {
  position: absolute;
  font-size: 30px;
  color: #E99122;
  left: -24px;
  top: -12px;
}
.navbar-default .modal-frame .product-modal .pro-frame .modal-table table tr td .more span {
  color: #E99122;
}
.navbar-default .modal-frame .product-modal .pro-frame .modal-table .right-bgc {
  position: absolute;
  bottom: -73px;
  right: -105px;
  z-index: -1;
}
.quality-service {
  padding-top: 120px;
}
.quality-service .q-img {
  height: 82px;
  margin-bottom: 97px;
}
.quality-service .q-img img {
  margin: 0 auto;
  display: block;
}
.quality-service .ly-service {
  margin-bottom: 49px;
}
.quality-service .ly-service .row .s-five {
  width: 20%;
  text-align: center;
}
.quality-service .ly-service .row .s-five .p-1 {
  margin-bottom: 17px;
}
.quality-service .ly-service .row .s-five .p-1 span {
  font-size: 24px;
}
.quality-service .ly-service .row .s-five h5 {
  font-size: 14px;
  font-weight: bold;
  color: #3E3A39;
  margin-top: 0;
  margin-bottom: 0;
}
.quality-service .ly-service .row .s-five .p-2 {
  margin-top: 11px;
  margin-bottom: 0;
  font-size: 14px;
  color: #3E3A39;
}
.footer {
  background: url(/images/footer-bg-rp-xy-5e9785142e70dff46a7daa2ee3d67290.png);
}
.footer .f-main {
  padding-top: 51px;
  padding-bottom: 40px;
  position: relative;
}
.footer .f-main .row .dl dl .f-linebox {
  display: block;
  width: 20px;
  height: 2px;
  background-color: #f5c157;
  margin: 12px 0;
}
.footer .f-main .row .dl dl dt {
  color: #FFFFFF;
  font-size: 15px;
}
.footer .f-main .row .dl dl .margin-66 {
  margin-top: 66px;
}
.footer .f-main .row .dl dl .margin-42 {
  margin-top: 42px;
}
@media screen and (max-width: 768px) {
  .footer .f-main .row .dl dl .margin-42 {
    margin-top: 0;
  }
}
.footer .f-main .row .dl dl .f-hide {
  transition: all 2s ease-in-out 1s;
}
.footer .f-main .row .dl dl dd {
  line-height: 24px;
}
.footer .f-main .row .dl dl dd a {
  font-size: 14px;
  color: #DFDFDF;
  font-weight: normal;
}
.footer .f-main .row .dl dl dd a:hover {
  text-decoration: none;
  color: #F5C057;
}
.footer .f-main .row .one dl dd {
  height: auto;
  color: #DFDFDF;
}
.footer .f-main .row .one dl dd a {
  font-size: 14px;
  color: #DFDFDF;
  font-weight: normal;
}
.footer .f-main .row .one dl .f-txt-long-2 {
  height: 48px;
}
.footer .f-main .row .one dl .f-img {
  height: auto;
  margin: 8px 0 12px 0;
}
.footer .f-main .row .one dl .leyan-copyright a img {
  float: left;
  width: 20px;
  height: 20px;
  margin: 3px 8px 0 0;
}
.footer .f-main .f-qrcode {
  position: absolute;
  top: -140px;
  right: -100px;
}
.side-nav {
  position: fixed;
  top: 60%;
  transform: translateY(-50%);
  margin-right: 10px;
  box-shadow: 0px 4px 12px 5px rgba(217, 212, 198, 0.43);
  right: 0px;
  z-index: 998;
}
.side-nav .gotoTop span {
  box-shadow: 0px 5px 12px 5px rgba(217, 212, 198, 0.43);
}
.side-nav .img-gif {
  position: absolute;
  top: -89px;
  right: 2px;
  z-index: -1;
}
.side-nav .img-gif img {
  width: 94px;
  height: 120px;
}
.side-nav .img-gif .nav-gif {
  display: none;
}
.side-nav ul li:first-child span {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.side-nav ul li:nth-child(6) span {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.side-nav ul li:last-child span {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.side-nav ul li {
  list-style: none;
}
.side-nav ul li a {
  display: inline-block;
  height: 100%;
}
.side-nav ul li a span {
  display: inline-block;
  height: 60px;
  width: 60px;
  background-color: #F5C057;
  color: #eff8f4;
  text-align: center;
  line-height: 60px;
}
.side-nav ul li a span .right-hr {
  border: none;
  width: 39px;
  display: block;
  border-top: 1px solid #fff;
  position: relative;
  top: 0px;
  margin: 0 auto;
  z-index: 1;
}
.side-nav ul li:nth-child(2) a,
.side-nav ul li:nth-child(3) a,
.side-nav ul li:nth-child(4) a {
  position: relative;
}
.side-nav ul li:nth-child(2) a .badge,
.side-nav ul li:nth-child(3) a .badge,
.side-nav ul li:nth-child(4) a .badge {
  position: absolute;
  font-size: 12px;
  background-color: #F55858;
  top: 3px;
  right: 2px;
  padding: 3px 5px;
  font-weight: normal;
}
.path .breadcrumb {
  padding: 28px 0;
  margin-bottom: 0;
  list-style: none;
  background-color: #ffffff;
  border-radius: 4px;
}
.path .breadcrumb > li {
  display: inline-block;
}
.path .breadcrumb > li a {
  text-decoration: none;
  border-bottom: 1px solid #f5c057;
  color: #5C595B;
  padding-bottom: 3px;
}
.path .breadcrumb > li + li:before {
  padding: 0 10px 0 0;
  color: #ccc;
  content: "\e621";
  font-family: "iconfont" !important;
  font-size: 12px;
}
.path .breadcrumb > .active {
  color: #777;
}
#pageInfo .active a {
  color: #fff;
  background: #eda232;
  border: 1px solid #eda232;
}
.ly-pagination .pagination-main {
  display: flex;
  justify-content: center;
}
.ly-pagination .pagination-main .pagination {
  display: inline-block;
  padding-left: 0;
  margin: 40px 0 32px 0;
  border-radius: 4px;
}
.ly-pagination .pagination-main .pagination > li {
  display: inline-block;
  margin-right: 8px;
}
.ly-pagination .pagination-main .pagination > li > a,
.ly-pagination .pagination-main .pagination > li > span {
  position: relative;
  float: left;
  padding: 10px 16px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #eda232;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.ly-pagination .pagination-main .pagination > li:first-child > a,
.ly-pagination .pagination-main .pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ly-pagination .pagination-main .pagination > li:last-child > a,
.ly-pagination .pagination-main .pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ly-pagination .pagination-main .pagination > li > a:hover,
.ly-pagination .pagination-main .pagination > li > span:hover,
.ly-pagination .pagination-main .pagination > li > a:focus,
.ly-pagination .pagination-main .pagination > li > span:focus {
  z-index: 2;
  color: #fff;
  background: #eda232;
  border-color: transparent;
}
.ly-pagination .pagination-main .pagination > .active > a,
.ly-pagination .pagination-main .pagination > .active > span,
.ly-pagination .pagination-main .pagination > .active > a:hover,
.ly-pagination .pagination-main .pagination > .active > span:hover,
.ly-pagination .pagination-main .pagination > .active > a:focus,
.ly-pagination .pagination-main .pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.ly-pagination .pagination-main .pagination > .disabled > span,
.ly-pagination .pagination-main .pagination > .disabled > span:hover,
.ly-pagination .pagination-main .pagination > .disabled > span:focus,
.ly-pagination .pagination-main .pagination > .disabled > a,
.ly-pagination .pagination-main .pagination > .disabled > a:hover,
.ly-pagination .pagination-main .pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.ly-pagination .pagination-main .pagination-lg > li > a,
.ly-pagination .pagination-main .pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.ly-pagination .pagination-main .pagination-lg > li:first-child > a,
.ly-pagination .pagination-main .pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.ly-pagination .pagination-main .pagination-lg > li:last-child > a,
.ly-pagination .pagination-main .pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.ly-pagination .pagination-main .pagination-sm > li > a,
.ly-pagination .pagination-main .pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.ly-pagination .pagination-main .pagination-sm > li:first-child > a,
.ly-pagination .pagination-main .pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.ly-pagination .pagination-main .pagination-sm > li:last-child > a,
.ly-pagination .pagination-main .pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.ly-pagination .pagination-main div {
  display: block;
}
.ly-pagination p {
  text-align: center;
  margin-bottom: 20px;
}
.ly-products-intro {
  margin: 30px 0;
}
.ly-products-intro article {
  font-size: 16px;
}
.ly-products-intro article p {
  text-indent: 0 !important;
  line-height: 30px;
}
.ly-products-intro article figure {
  max-width: 800px;
  margin: 0 auto;
}
.ly-products-intro article figure img {
  margin-top: 15px;
  margin-bottom: 15px;
}
.ly-products-intro article figure figcaption {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 12px;
  color: #7e7e7e;
  text-align: center;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++
+                                                       +
+                                                       +
+                                                       +
+                                                       +
+                        媒体查询                        +
+                                                       +
+                                                       +
+                                                       +
+                                                       +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (min-width: 1200px) and (max-width: 1700px) {
  .container {
    width: 1140px !important;
  }
  .p-title {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1700px) {
  .container {
    width: 1440px !important;
  }
  .sales-service {
    width: 1470px !important;
  }
  .container-s {
    width: 1412px !important;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1700px) {
  .jf-scale {
    width: 186px !important;
    height: 351px !important;
  }
}
@media screen and (max-width: 1199px) {
  .navbar-default .navbar-toggle {
    border-color: transparent;
    padding: 14px 10px;
  }
  .products-name {
    font-size: 14px !important;
  }
  .navbar-default .navbar-toggle:focus,
  .navbar-default .navbar-toggle:hover {
    background-color: transparent;
  }
  .navbar-default .navbar-toggle:focus .navbar-default .navbar-toggle .icon-bar,
  .navbar-default .navbar-toggle:hover .navbar-default .navbar-toggle .icon-bar {
    display: none;
  }
  .navbar-default .is-active .bar-one {
    transform: translateY(6px) rotate(45deg);
    transition: all 0.5s ease-in-out;
    background-color: #E99122;
  }
  .navbar-default .is-active .bar-two {
    visibility: hidden;
  }
  .navbar-default .is-active .bar-three {
    transform: translateY(-6px) rotate(-45deg);
    transition: all 0.5s ease-in-out;
    background-color: grey;
  }
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++
+
+                      导航样式
+
++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 1919px) {
  .navbar-default .navbar-middle .hotline {
    font-size: initial;
    color: #3E3A39;
    font-family: initial;
    cursor: default;
    padding-left: 30px;
  }
}
@media screen and (max-width: 1182px) {
  .s-search {
    display: none !important;
  }
}
@media screen and (max-width: 1040px) {
  .navbar-default .navbar-brand {
    padding-left: 10px;
    padding-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .cols-25 {
    width: 25% !important;
  }
}
@media screen and (max-width: 1199px) {
  .news-horn {
    position: absolute;
    top: 22px;
    left: 50%;
    transform: translateX(-50%);
  }
  .navbar-default .activity {
    left: 50%;
    margin-left: -110px;
    top: -40px;
  }
  .navbar-default .activity a {
    color: #ee3134;
    font-weight: 700;
    font-size: 14px;
  }
  .navbar-default .activity a:hover {
    color: #F60;
  }
  .badge {
    display: none;
  }
  .navbar-default .navbar-brand {
    padding: 15px 16px !important;
  }
  .navbar-default .navbar-right {
    padding-right: 0;
  }
  .navbar-default .navbar-right a .iconfont {
    display: none;
  }
  .navbar-default .navbar-form {
    margin: 0 -15px;
    padding-right: 15px;
  }
  .navbar-default .hotline span {
    display: none;
  }
  .navbar-default .navbar-brand img {
    width: 50%;
  }
  .navbar-default .navbar-form .s-search {
    display: none;
  }
  .navbar-form .form-group {
    margin-bottom: 0;
    width: 100%;
  }
  .navbar-default .navbar-form .form-group .form-control {
    width: 100%;
    height: 38px;
    border-right: 0;
  }
  .navbar-default .navbar-form .btn-default {
    width: 66px;
    height: auto !important;
  }
  .navbar-default .navbar-middle li a,
  .navbar-default .navbar-middle li .hotline,
  .navbar-default .navbar-right li a {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    font-size: 14px;
    color: #3E3A39;
  }
  .navbar-default .navbar-middle {
    display: block !important;
  }
  .navbar-default .navbar-middle li:nth-last-child(2) {
    margin-left: 0;
  }
  .navbar-default .navbar-middle li a {
    padding-left: 16px;
  }
  .navbar-default .navbar-middle li a:hover {
    color: #e99122;
  }
  .navbar-default .navbar-middle li a .caret {
    display: none;
  }
  .navbar-default .navbar-form .form-group .icon-search {
    display: block;
    color: #E99122;
  }
  .navbar-default .navbar-form .form-group .icon-search {
    top: 6px;
  }
  .navbar-default .navbar-brand {
    padding: 10px;
    padding-left: 15px !important;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .news-horn {
    position: absolute;
    top: 60px;
    left: 13%;
  }
  .navbar-default .navbar-brand {
    padding: 18px 15px;
    width: 80%;
  }
  .navbar-default .navbar-form {
    height: 40px;
    padding: 0;
    margin: 18px 0;
    margin-left: -40px;
  }
  .navbar-default .navbar-form .form-group .icon-search {
    font-size: 16px;
    top: 10px;
    left: 10px;
  }
  .navbar-default .navbar-form .form-group .form-control {
    width: 290px;
    height: 40px;
    padding-left: 36px;
  }
  .navbar-default .navbar-form .btn-default {
    width: 60px;
    height: 100%;
    font-size: 14px;
  }
  .navbar-default .navbar-collapse .navbar-middle {
    margin-left: 15px;
    display: block;
  }
  .navbar-default .navbar-collapse .navbar-middle li:nth-last-child(2) {
    margin-left: 0;
  }
  .navbar-default .navbar-collapse .navbar-middle a {
    font-size: 14px;
    color: #3E3A39;
    padding: 28px 10px;
  }
  .navbar-default .navbar-collapse .navbar-middle .arr-sup {
    top: 45px;
    right: 38%;
  }
  .navbar-default .navbar-collapse .navbar-right {
    padding-right: 0;
  }
  .navbar-default .navbar-collapse .navbar-right li a {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .navbar-default .navbar-collapse .navbar-right li .badge {
    top: 8px;
  }
  .navbar-default .modal-frame {
    top: 78px;
  }
  .navbar-default .modal-frame .product-modal {
    left: 60px;
  }
}
@media screen and (max-width: 1700px) and (min-width: 1399px) {
  .navbar-header .navbar-brand {
    padding: 15px;
  }
  .navbar-default .navbar-form {
    margin-right: 10px;
    padding: 0;
  }
  .navbar-default .navbar-form .btn {
    font-size: 14px;
  }
  .navbar-default .navbar-right {
    padding-right: 0;
  }
  .navbar-default .navbar-middle a {
    font-size: 14px;
    padding-left: 15px;
    padding-right: 5px;
    color: #3E3A39 !important;
  }
  .navbar-default .navbar-middle li:last-child {
    margin-left: 0;
  }
  .navbar-default .navbar-middle li:nth-last-child(2) {
    margin-left: 0;
  }
  .navbar-default .navbar-middle .pro-sup {
    right: 33%;
  }
}
@media screen and (min-width: 1199px) and (max-width: 1919px) {
  .navbar-default .activity {
    padding-left: 0;
  }
  .navbar-default .activity a {
    color: #ee3134;
    font-weight: 700;
    font-size: 14px;
  }
  .navbar-default .activity a:hover {
    color: #F60;
  }
}
@media screen and (min-width: 1700px) and (max-width: 1919px) {
  .navbar-header .navbar-brand {
    padding: 15px;
  }
  .navbar-default .navbar-form {
    margin-right: 10px;
    padding: 0;
  }
  .navbar-default .navbar-form .btn {
    font-size: 14px;
  }
  .navbar-default .navbar-right {
    padding-right: 0;
  }
  .navbar-default .navbar-middle a {
    font-size: 14px;
    padding-left: 15px;
    padding-right: 5px;
    color: #3E3A39 !important;
  }
  .navbar-default .navbar-middle li:last-child {
    margin-left: 0;
  }
  .navbar-default .navbar-middle li:nth-last-child(2) {
    margin-left: 0;
  }
  .navbar-default .navbar-middle .pro-sup {
    right: 33%;
  }
}
@media screen and (max-width: 1497px) {
  .navbar-default .navbar-middle .hotline {
    display: none;
  }
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++
+                       模态框
++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 1199px) {
  .modal-frame {
    display: none !important;
  }
  .select-area {
    display: none !important;
  }
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+                          乐研底部
+
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 767px) {
  .footer .f-main .row .dl dl .f-hide {
    display: none;
    padding-bottom: 30px;
  }
  .footer .f-main .row .dl dl .margin-66 {
    margin-top: 0;
  }
  .footer .f-main .row .dl dl .f-linebox {
    width: 100%;
    background-color: #E99122;
  }
}
@media screen and (max-width: 1700px) {
  .f-qrcode {
    display: none;
  }
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+                          右侧边导航栏
+
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 1260px) {
  .side-nav {
    display: none !important;
  }
}
@media screen and (min-width: 1260px) and (max-width: 1400px) {
  .side-nav {
    right: 3px;
  }
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+                          分页样式
+
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 768px) {
  .ly-pagination .pagination-main .pagination > li {
    display: none;
  }
  .ly-pagination .pagination-main .pagination > li:first-child {
    display: inline-block;
  }
  .ly-pagination .pagination-main .pagination > li:last-child {
    display: inline-block;
  }
}
@media screen and (min-width: 768px) {
  .modal-warning-collect .modal-dialog {
    margin-top: 130px;
    width: 450px;
  }
}
/**************************************************************************************************/
.qt-info {
  padding-top: 0px;
  padding-bottom: 34px !important;
  position: relative;
  top: 0px !important;
  z-index: -1;
  background: #F5F5F5;
}
.qts-service {
  padding-top: 120px;
  padding-bottom: 24px;
  position: relative;
}
.qts-service .q-img {
  height: 82px;
  margin-bottom: 97px;
}
.qts-service .q-img img {
  margin: 0 auto;
  display: block;
}
.qts-service .leyan-service .row .s-five {
  width: 20%;
  text-align: center;
}
.qts-service .leyan-service .row .s-five:first-child {
  text-align: left !important;
}
.qts-service .leyan-service .row .s-five:nth-child(2) {
  padding-right: 39px;
  position: relative;
  left: -8px;
}
.qts-service .leyan-service .row .s-five:nth-child(3) {
  padding-right: 22px;
  position: relative;
  left: -10px;
}
.qts-service .leyan-service .row .s-five:nth-child(4) {
  padding-right: 8px;
  position: relative;
  left: -9px;
}
.qts-service .leyan-service .row .s-five:nth-child(5) {
  padding-left: 24px;
}
.qts-service .leyan-service .row .s-five .p-1 {
  margin-bottom: 17px;
  padding-right: 15px;
  display: inline-block;
}
.qts-service .leyan-service .row .s-five .p-1 span {
  font-size: 24px;
}
.qts-service .leyan-service .row .s-five .p-2 {
  margin-bottom: 0;
  font-size: 14px;
  color: #3E3A39;
  display: inline-block;
  vertical-align: middle;
}
.qts-service .leyan-service .row .s-five .p-2 span {
  font-weight: bold;
  padding-bottom: 7px;
  display: block;
  font-size: 18px;
}
.qts-service .leyan-service .row .s-five .p-2 p {
  text-align: left;
}
.detail-attention .target-linked {
  border-bottom: 1px solid #f5c057;
  color: #5C595B;
  padding-bottom: 3px;
  margin-left: 50px;
}
.demo-input {
  padding-left: 10px;
  height: 42px;
  min-width: 1px;
  max-width: 245px;
  line-height: 42px;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  border-radius: 2px;
  position: relative;
}
.layui-laydate {
  position: absolute !important;
}
.layui-laydate .layui-this {
  background-color: #F5C057 !important;
  z-index: 999;
}
.layui-laydate .layui-laydate-content .laydate-selected {
  background-color: #f8f8f8 !important;
}
.layui-laydate .layui-laydate-content .laydate-selected:hover {
  background-color: #eaeaea !important;
}
.navbar-header,
.navbar-collapse {
  display: none;
}
/**********乐研头部改版样式-自适应********/
@media screen and (min-width: 1200px) {
  .collapse {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .search-form {
    width: 100% !important;
  }
}
@media screen and (min-width: 1400px) {
  .dropdown-m:hover .dropdown-content {
    display: block !important;
  }
  .dropdown-pro:hover .dropdown-pcontent {
    display: block !important;
  }
}
@media screen and (min-width: 1024px) {
  .header-item2 {
    padding-left: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .header-sub {
    position: relative;
    display: block !important;
  }
  .header-sub .header-item1 {
    margin-left: 50px !important;
    width: 100% !important;
  }
  .header-sub .header-item1 > .nav-pro {
    display: none !important;
  }
  .header-sub .header-item1 .activity {
    left: auto !important;
    top: 10px !important;
  }
  .search-form {
    width: 100%;
    box-shadow: none;
    border: 0;
    max-width: 100% !important;
  }
  .navbar-header {
    display: block;
  }
  .navbar-header .navbar-toggle {
    display: block;
    position: relative;
    padding-right: 10px;
    margin-bottom: 0;
    margin-top: 0;
  }
  .navbar-header .navbar-toggle .icon-bar {
    background-color: #888888;
    display: block;
    width: 26px;
    height: 2px;
    border-radius: 2px;
  }
  .navbar-header .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
  }
  .navbar-header .is-active .bar-one {
    transform: translateY(6px) rotate(45deg);
    transition: all 0.5s ease-in-out;
    background-color: #888;
  }
  .navbar-header .is-active .bar-two {
    visibility: hidden;
  }
  .navbar-header .is-active .bar-three {
    transform: translateY(-6px) rotate(-45deg);
    transition: all 0.5s ease-in-out;
    background-color: #888;
  }
  .navbar-collapse {
    background-color: #FFFFFF;
    opacity: 1;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 10;
    box-shadow: 0 1px 2px 2px rgba(217, 212, 198, 0.5);
  }
  .navbar-collapse > ul > li {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .navbar-collapse > ul > li > a {
    padding-left: 16px;
  }
  .navbar-collapse > ul > li > .secondary-menu {
    background-color: #ffffff;
    display: none;
    padding-left: 32px;
  }
  .navbar-collapse > ul > li > .secondary-menu li {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .navbar-collapse > ul > li:nth-child(2) {
    padding-bottom: 0;
  }
  .navbar-collapse > ul > li:nth-child(2) p {
    padding-bottom: 10px;
  }
  .header {
    min-height: 95px;
  }
  .header-item2 {
    width: 100% !important;
    padding: 0 25px 0 50px;
  }
  .header-item2 .search-radio {
    display: none;
  }
  .header-item2 .search-radio ul > li {
    margin-top: 0 !important;
  }
  .header-item2 .search-box {
    width: 100% !important;
    max-width: 100% !important;
  }
  .header-item2 .search-box .keyword-list {
    width: 100% !important;
  }
  .header-item2 .search-box .form-control {
    width: 100% !important;
    top: 0 !important;
  }
  .header-item2 .search-box .close-tb {
    right: 5px;
    left: auto !important;
  }
  .header-item3 {
    float: right;
    margin-right: 30px;
  }
  .header-main .header-logo {
    min-width: 130px;
    max-width: 150px;
  }
  .header-main .header-logo .navbar-brand {
    width: auto !important;
    padding: 0 0 0 5px !important;
  }
}
@media screen and (max-width: 767px) {
  .header-sub {
    padding-left: 35px;
  }
  .header-sub .header-item1 {
    width: 100% !important;
    margin-left: 0 !important;
  }
  .header-sub .header-item1 .activity {
    position: relative !important;
  }
  .header-sub .search-form {
    margin: 0 0 8px 0;
  }
  .header-sub .search-form .header-item2 {
    padding-left: 0;
    padding-top: 0;
  }
  .navbar-default {
    width: 100%;
  }
  .navbar-default .navbar-toggle {
    min-height: 95px;
  }
  .header-main .header-logo {
    min-width: 90px;
    max-width: 100px;
    position: relative;
  }
  .header-main .header-logo .navbar-brand {
    padding: 0 0 0 10px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    height: auto;
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 550px) {
  .header-item1 .activity {
    width: 75% !important;
  }
}
@media screen and (max-width: 350px) {
  .activity {
    display: none;
  }
  .search-box {
    display: none;
  }
}
/***********手机端底部导航栏***********/
.phone_footer_menu {
  display: none;
}
.mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
  width: 100%;
  height: 100%;
  min-width: 320px;
}
.dv_keyword_mask {
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
@media only screen and (max-width: 1024px) {
  .phone_footer_menu {
    position: fixed;
    bottom: 0;
    z-index: 9995;
    display: block;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: 60px;
    min-width: 320px;
    background: #fff;
    box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.2);
    color: #232323;
  }
  .phone_footer_menu a {
    display: inline-block;
    padding-top: 30px;
    width: 58px;
    background-size: 24px 24px;
    text-align: center;
  }
  .a_search {
    background: url(/images/phone/search_gray-d40b08d1564357da4864c3a07948ea63.png) no-repeat center 5px;
  }
  .a_cart {
    background: url(/images/phone/cart_gray-bd2385bc421769c303b6caa34a6d4688.png) no-repeat center 5px;
    position: relative;
  }
  .a_cart .cart_num {
    position: absolute;
    right: -5px;
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #F55858;
    line-height: 24px;
    top: 2px;
    color: #ffffff;
  }
  .a_account {
    background: url(/images/phone/account_gray-9be5d492f5f600d9b939e03807e56d36.png) no-repeat center 5px;
  }
}
.ph-text-right {
  text-align: right;
}
#info-box {
  width: 100%;
  max-width: 1405px;
  margin: 0 auto;
  padding: 10px 0;
  line-height: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #f4c95f;
  position: relative;
}
@media screen and (max-width: 767px) {
  .leyan #info-box {
    display: block;
    overflow: hidden;
  }
  .leyan #info-box .ph-text-right {
    text-align: center;
  }
  .leyan #info-box .gg-close {
    display: none;
  }
}
/*********** Flex layout ***********/
.d-flex {
  display: flex;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-column {
  flex-direction: column;
}
.flex-column-reverse {
  flex-direction: column-reverse;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.justify-content-start {
  justify-content: flex-start;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-end {
  justify-content: flex-end;
}
.justify-content-between {
  justify-content: space-between;
}
.justify-content-around {
  justify-content: space-around;
}
.justify-content-evenly {
  justify-content: space-evenly;
}
.align-items-start {
  align-items: flex-start;
}
.align-items-center {
  align-items: center;
}
.align-items-end {
  align-items: flex-end;
}
.align-items-baseline {
  align-items: baseline;
}
.align-items-stretch {
  align-items: stretch;
}
.align-content-start {
  align-content: flex-start;
}
.align-content-end {
  align-content: flex-end;
}
.align-content-center {
  align-content: center;
}
.align-content-space-around {
  align-content: space-around;
}
.align-content-space-between {
  align-content: space-between;
}
.align-content-stretch {
  align-content: stretch;
}
.align-self-start {
  align-self: flex-start;
}
.align-self-center {
  align-self: center;
}
.align-self-end {
  align-self: flex-end;
}
.align-self-baseline {
  align-self: baseline;
}
.align-self-stretch {
  align-self: stretch;
}
.flex-initial {
  flex: 0 1 auto;
}
.flex-1 {
  flex: 1 1 0;
}
.flex-none {
  flex: 0 0 auto;
}
.flex-0 {
  flex: 0 1 0;
}
.flex-auto {
  flex: 1 1 auto;
}
.wrapper-fluid {
  width: 100%;
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.btn-solid-primary {
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
  line-height: normal;
  border-radius: 4px;
  background-color: #E99122;
}
.btn-solid-primary:focus {
  outline: 0;
  border: none;
}
.btn-solid-primary:hover {
  color: #ffffff;
}
.btn-empty-primary {
  color: #E99122;
  font-size: 14px;
  cursor: pointer;
  line-height: normal;
  border-radius: 4px;
  border-color: #E99122;
  background-color: transparent;
}
.btn-empty-primary:focus {
  outline: 0;
  border: none;
}
.btn-empty-primary:hover {
  color: #E99122;
}
.region-select {
  width: 240px;
  line-height: 50px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  border-bottom: 1px #DBDBDB solid;
}
.region-select input.region-select-input {
  border: none !important;
  height: 34px;
  line-height: 34px;
}
.region-select .region-select-over {
  width: 100vw;
  height: 100vh;
  opacity: 0;
  z-index: 989;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}
.region-select .icon_country {
  margin: 0;
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
}
.region-select .region-select-value {
  color: black;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  height: 34px;
  flex-direction: row;
  margin-right: 6px;
}
.region-select .region-select-dropdown {
  height: 200px;
  width: 260px;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  display: none;
  z-index: 990;
  background: #ffffff;
}
.region-select .region-select-dropdown .select-item-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  color: black;
  width: 240px;
  cursor: pointer;
}
.region-select .region-select-dropdown .select-item-box:hover {
  background-color: #f5f5f5;
}
/*客服QQ板块*/
.customer-qq-card {
  font-size: 13px;
  /*缩放标尺*/
  display: none;
  position: absolute;
  right: 68px;
  top: 0;
  width: 25em;
  line-height: 2.2;
  box-shadow: 0 4px 12px 5px rgba(217, 212, 198, 0.43);
  border-radius: 8px;
  background: #fafafa;
}
.customer-qq-card::after {
  content: "";
  display: block;
  position: absolute;
  right: -8px;
  top: 0;
  width: 8px;
  height: 100%;
}
.customer-qq-card .qq-card-header {
  display: flex;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 12px;
  border-bottom: 1px solid #EEEAF6;
}
.customer-qq-card .qq-card-body .qq-tips {
  padding: 1em;
  line-height: 1.5;
}
.customer-qq-card .qq-card-body .qq-tips .qq-text-highlight {
  color: #E57524;
}
.customer-qq-card .qq-card-body .customer-qq-box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: auto;
  max-height: calc(450px - 4em);
  padding: 0 1em;
  overflow-y: auto;
  scrollbar-width: none;
  /* 兼容火狐浏览器 */
  -ms-overflow-style: none;
  /* 隐藏IE 11的默认滚动条 */
}
.customer-qq-card .qq-card-body .customer-qq-box::-webkit-scrollbar {
  /* 隐藏IE 11的默认滚动条 */
  display: none;
  width: 0;
}
.customer-qq-card .qq-card-body .customer-qq-box .customer-qq-item {
  color: white;
  font-weight: 500;
  width: calc(33.3333% - 0.4em);
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  border-radius: 2px;
  background-color: #f6c157;
  margin-bottom: 0.6em;
}
.customer-qq-card .qq-card-body .customer-qq-box .customer-qq-item .customer-qq-name {
  display: block;
  width: 100%;
}
.customer-qq-card .qq-card-body .customer-qq-box .customer-qq-item .customer-qq-link {
  display: none;
  width: calc(100% - 2px);
  margin: 0 1px;
  background: none;
  color: white;
}
.customer-qq-card .qq-card-body .customer-qq-box .customer-qq-item .customer-qq-link:hover {
  background: #fe9f28 !important;
}
.customer-qq-card .qq-card-body .customer-qq-box .customer-qq-item:hover .customer-qq-name {
  display: none;
}
.customer-qq-card .qq-card-body .customer-qq-box .customer-qq-item:hover .customer-qq-link {
  display: block;
  background: rgba(254, 159, 40, 0.58);
}
.bb-life-science-list li {
  display: none;
}
.bb-life-science-list li:nth-child(-n+10) {
  display: block;
}
.bb-life-science-list li:last-child {
  display: block;
}
.header-menu-partner-list li {
  display: none;
}
.header-menu-partner-list li:nth-child(-n+19) {
  display: block;
}
.header-menu-partner-list li:last-child {
  display: block;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++
+                                                       +
+                                                       +
+                                                       +
+                                                       +
+                        货币切换                        +
+                                                       +
+                                                       +
+                                                       +
+                                                       +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.currency-dropdown-link {
  padding-right: 13px;
  position: relative;
  cursor: pointer;
}
.currency-dropdown-link:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  right: 3px;
  z-index: 2;
  width: 0;
  height: 0;
  border: 3px solid transparent;
  border-top: 6px solid #331515;
  border-bottom: none;
}
.currency-dropdown-link .currency-dropdown-box {
  display: none;
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  min-width: 50px;
  z-index: 999;
}
.currency-dropdown-link .currency-dropdown-box .currency-dropdown-ul {
  margin: 0 auto;
  border: 1px solid;
  border-color: #777777;
  border-radius: 3px;
  background-color: #FFF;
  text-align: center;
}
.currency-dropdown-link .currency-dropdown-box .currency-dropdown-ul .currency-dropdown-li {
  font-weight: 300;
  padding: 3px 0;
  margin: 0 6px;
  box-sizing: border-box;
  cursor: pointer;
  color: #3E3A39;
}
.currency-dropdown-link .currency-dropdown-box .currency-dropdown-ul .currency-dropdown-li:nth-child(n+2) {
  border-top: #A9A9A9 1px solid;
}
.currency-dropdown-link .currency-dropdown-box .currency-dropdown-ul .currency-dropdown-li.active {
  color: #F55858;
}
.navbar-dropdown-item .new-badge {
  position: relative;
}
.navbar-dropdown-item .new-badge:before {
  content: 'NEW';
  top: -23px;
  right: -48px;
  color: #fff;
  position: absolute;
  background: red;
  transform: rotate(45deg);
  box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.5);
  clip-path: polygon(25px 0, 55px 0, 80px 25px, 0 25px);
  width: 80px;
  text-align: center;
  height: 25px;
  line-height: 25px;
}
/*龙生九子活动入口样式*/
.card-collectible-fixed {
  position: fixed;
  bottom: 40px;
  left: 10px;
  z-index: 999;
}
.card-collectible-fixed img {
  width: 150px;
}
@media screen and (max-width: 1440px) {
  .card-collectible-fixed {
    bottom: 80px;
  }
}
@media screen and (max-width: 1260px) {
  .footer-card-box {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .card-collectible-fixed {
    bottom: 230px;
  }
}
@media screen and (max-width: 728px) {
  .card-collectible-fixed img {
    width: 90px;
  }
}
.structural-img {
  max-height: 100%;
  max-width: 100%;
}
.fm24 {
  font-size: 24px;
  font-weight: 600;
}
.fb {
  font-weight: bold;
}
.part-tit {
  margin-top: 80px;
  text-align: center;
}
.service-banner {
  height: 350px;
  width: 100%;
}
@media screen and (max-width: 1400px) {
  .service-banner {
    padding-bottom: 20px;
    font-size: 20px;
  }
}
@media screen and (max-width: 1200px) {
  .service-banner {
    height: 20vw;
  }
}
@media screen and (max-width: 767px) {
  .service-banner {
    height: auto;
    font-size: 16px;
  }
}
.service-banner .p-tit {
  font-size: 60px;
  color: #e99122;
  padding-top: 100px;
}
@media screen and (max-width: 1400px) {
  .service-banner .p-tit {
    padding-top: 20px;
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .service-banner .p-tit {
    font-size: 26px;
  }
}
.service-banner .p-tt {
  font-size: 24px;
  color: #949494;
  padding-top: 24px;
}
@media screen and (max-width: 1400px) {
  .service-banner .p-tt {
    font-size: 18px;
    padding-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .service-banner .p-tt {
    font-size: 14px;
  }
}
.service-info-img_peptide {
  background: url("https://file.leyan.com/dm/peptide-customize-banner.jpg") no-repeat;
}
@media screen and (min-width: 767px) {
  .service-info-img_peptide {
    background-size: 100%;
  }
}
.service-info-img_solid {
  background: url("/images/technical-service/crystal-salt-development-banner-bef687d911105eed241c827cc68b5b08.png") no-repeat;
}
.service-info-common .service-tab-toggle li div {
  background-color: #fef7ee;
  padding: 25px;
  cursor: pointer;
  height: 160px;
  max-width: 280px;
}
.service-info-common .service-tab-toggle li div span {
  display: block;
  width: 59px;
  height: 58px;
  margin: 15px auto;
}
.service-info-common .service-tab-toggle li div p {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.service-info-common .service-tab-toggle li div:hover {
  color: #fff;
  background-color: #f6c157;
}
.service-info-common .service-tab-toggle li .on {
  color: #fff;
  background-color: #f6c157;
}
.service-info-common .service-tab-toggle li:nth-child(1) div span {
  background: url("/images/technical-service/icon-crystal-01-06f2867247cc5eb7b82890e8be3680f7.png") no-repeat center;
  background-size: contain;
}
.service-info-common .service-tab-toggle li:nth-child(1) div.on span {
  background: url("/images/technical-service/icon-crystal-white-01-cb1835d4408a966e791417d79ba89db3.png") no-repeat center;
}
.service-info-common .service-tab-toggle li:nth-child(1) div:hover span {
  background: url("/images/technical-service/icon-crystal-white-01-cb1835d4408a966e791417d79ba89db3.png") no-repeat center;
}
.service-info-common .service-tab-toggle li:nth-child(2) div span {
  background: url("/images/technical-service/icon-crystal-02-e8b2e9ae69d8939423fbc5d675279d3f.png") no-repeat center;
  background-size: contain;
}
.service-info-common .service-tab-toggle li:nth-child(2) div.on span {
  background: url("/images/technical-service/icon-crystal-white-02-1cb68956c4e9b118674dd10c943fe8ef.png") no-repeat center;
}
.service-info-common .service-tab-toggle li:nth-child(2) div:hover span {
  background: url("/images/technical-service/icon-crystal-white-02-1cb68956c4e9b118674dd10c943fe8ef.png") no-repeat center;
}
.service-info-common .service-tab-toggle li:nth-child(3) div span {
  background: url("/images/technical-service/icon-crystal-04-ce8c06bd2ca5a221edfa4775c88dc3fb.png") no-repeat center;
  background-size: contain;
}
.service-info-common .service-tab-toggle li:nth-child(3) div.on span {
  background: url("/images/technical-service/icon-crystal-white-04-5432bde89ea37d6c5417c1e63ecd2814.png") no-repeat center;
}
.service-info-common .service-tab-toggle li:nth-child(3) div:hover span {
  background: url("/images/technical-service/icon-crystal-white-04-5432bde89ea37d6c5417c1e63ecd2814.png") no-repeat center;
}
.service-info-common .service-tab-toggle li:nth-child(4) div span {
  background: url("/images/technical-service/icon-crystal-03-de813545be66999775bacc23e3ddd7da.png") no-repeat center;
  background-size: contain;
}
.service-info-common .service-tab-toggle li:nth-child(4) div.on span {
  background: url("/images/technical-service/icon-crystal-white-03-14a94e40095d07179c760a4a2b44f942.png") no-repeat center;
}
.service-info-common .service-tab-toggle li:nth-child(4) div:hover span {
  background: url("/images/technical-service/icon-crystal-white-03-14a94e40095d07179c760a4a2b44f942.png") no-repeat center;
}
.service-info-common .info-wrapper .row {
  margin-left: 0;
  margin-right: 0;
}
.service-info-common .info-wrapper .technical-services li > div {
  background-color: #ecb461;
  color: #FFFFFF;
  border-radius: 5px;
  min-height: 160px;
}
.service-info-common .info-wrapper .technical-services li > div h2 {
  font-size: 16px;
  background-color: #df9746;
  border-radius: 5px 5px 0 0;
  line-height: 1.6;
  padding: 5px;
  text-align: center;
}
.service-info-common .info-wrapper .technical-services li > div p {
  padding: 10px 10px 10px 20px;
}
.service-info-common .info-wrapper .technical-services li:nth-child(even) > div {
  background-color: #df9746;
}
.service-info-common .info-wrapper .technical-services li:nth-child(even) > div h2 {
  background-color: #ecb461;
}
.service-info-common .info-wrapper .pro-detail-table {
  padding: 0 15px;
  margin-top: 50px;
}
.service-info-common .info-wrapper .pro-detail-table > div {
  min-width: 865px;
}
.service-info-common .info-wrapper .pro-detail-table .pro-detail-tit {
  overflow: hidden;
}
.service-info-common .info-wrapper .pro-detail-table .pro-detail-tit > div {
  float: left;
  line-height: 2.2;
}
.service-info-common .info-wrapper .pro-detail-table ul {
  line-height: 2.2;
}
.service-info-common .info-wrapper .pro-detail-table ul:nth-child(odd) {
  background-color: #d8d9da;
}
.service-info-common .info-wrapper .pro-detail-table ul:nth-child(even) {
  background-color: #f2f2f3;
}
.service-info-common .info-wrapper .pro-detail-table ul:nth-child(5) li:nth-child(-n+2) {
  padding-top: 15px;
}
.service-info-common .info-wrapper .used-scenes {
  margin-top: 70px;
  background-color: #fef7ee;
}
.service-info-common .info-wrapper .used-scenes h2 {
  font-size: 20px;
  color: #ea8b20;
  padding-bottom: 10px;
  font-weight: 600;
}
.service-info-common .info-wrapper .used-scenes > div:first-child {
  background-color: #ffffff;
}
.service-info-common .info-wrapper .used-scenes > div:last-child {
  padding: 30px;
}
.service-info-common .info-wrapper .used-scenes > div:last-child span {
  line-height: 1.8;
  display: block;
  text-indent: 2em;
}
.service-info-common .info-wrapper .used-scenes > div:last-child p {
  font-size: 14px;
  line-height: 1.8;
}
.service-info-common .info-wrapper .used-scenes > div:last-child p:before {
  content: '';
  display: inline-block;
  background-color: #ea8b20;
  height: 2px;
  width: 15px;
  vertical-align: middle;
  margin-right: 10px;
}
.service-info-common .info-wrapper .service-intro {
  background-color: #fefbf5;
  padding: 50px 50px 50px 70px;
}
.service-info-common .info-wrapper .service-intro h2 {
  padding-bottom: 50px;
  font-weight: 600;
  font-size: 24px;
}
.service-info-common .info-wrapper .service-intro > ul:first-child li {
  border-right: 2px solid #ffffff;
}
.service-info-common .info-wrapper .service-intro ul li {
  min-height: 100px;
  padding-bottom: 15px;
}
.service-info-common .info-wrapper .service-intro ul li span {
  font-size: 20px;
  font-weight: 600;
}
.service-info-common .info-wrapper .service-intro ul li p {
  color: #ea8b20;
  font-size: 18px;
  font-weight: 600;
}
.service-info-common .info-wrapper .service-intro ul li:last-child div {
  line-height: 1.8;
}
.service-info-common .info-wrapper .service-intro ul li:last-child div b {
  color: #ea8b20;
}
.service-info-common .info-wrapper .description-part {
  margin-top: 50px;
}
.service-info-common .info-wrapper .description-part h2 {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 30px;
}
.service-info-common .info-wrapper .description-part h3 {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 30px;
}
.service-info-common .info-wrapper .description-part-1 ul li::marker {
  color: #ea8b20;
}
.service-info-common .info-wrapper .description-part-2 ul {
  min-height: 50px;
  line-height: 50px;
  margin-top: 30px;
}
.service-info-common .info-wrapper .description-part-2 ul li {
  border-right: 1px solid #ea8b20;
  text-align: center;
}
.service-info-common .info-wrapper .description-part-2 ul li div {
  font-weight: 600;
  font-size: 18px;
}
.service-info-common .info-wrapper .description-part-2 ul li:last-child {
  border: none;
}
.service-info-common .info-wrapper .description-part-3 {
  margin-top: 50px;
}
.service-info-common .info-wrapper .description-part-3 p {
  float: left;
  font-size: 14px;
  line-height: 1.8;
}
.service-info-common .info-wrapper .description-part-3 p:before {
  content: '';
  display: inline-block;
  background-color: #ea8b20;
  height: 2px;
  width: 15px;
  vertical-align: middle;
  margin-right: 10px;
}
.service-info-common .info-wrapper .description-part-4 ul {
  margin-bottom: 30px;
}
.service-info-common .info-wrapper .description-part-4 ul li {
  padding-bottom: 20px;
}
.service-info-common .info-wrapper .description-part-4 ul li div {
  text-align: center;
  padding: 20px 50px 20px 50px;
  height: 270px;
}
.service-info-common .info-wrapper .description-part-4 ul li div img,
.service-info-common .info-wrapper .description-part-4 ul li div h2,
.service-info-common .info-wrapper .description-part-4 ul li div span,
.service-info-common .info-wrapper .description-part-4 ul li div p {
  padding-bottom: 10px;
}
.service-info-common .info-wrapper .description-part-4 ul li div span {
  display: block;
}
.service-info-common .info-wrapper .process-part-1 {
  padding: 15px;
}
.service-info-common .info-wrapper .process-part-1 div {
  padding-bottom: 15px;
}
.service-info-common .info-wrapper .process-part-1 div h2 {
  padding-top: 15px;
}
.service-info-common .info-wrapper .process-part-1 div p {
  line-height: 1.8;
  font-size: 16px;
}
.service-info-common .info-wrapper .process-part-1 div:last-child p {
  padding-top: 20px;
}
.service-info-common .info-wrapper .process-part-2 img {
  margin: 0 auto;
}
.service-info-common .info-wrapper .process-part-3 div:nth-child(1) {
  display: inline-block;
}
.service-info-common .info-wrapper .process-part-3 div {
  margin-bottom: 20px;
  padding: 10px;
  line-height: 2;
}
.service-info-common .info-wrapper .process-part-3 div p {
  line-height: 1.8;
}
.service-info-common .info-wrapper .process-part-3 div p:before {
  content: '';
  display: inline-block;
  background-color: #ea8b20;
  height: 2px;
  width: 15px;
  vertical-align: middle;
  margin-right: 10px;
}
.service-info-common .singlePage-common-header {
  margin-top: 8px !important;
}
.service-info-common .service-info-txt .salt-img {
  margin: 0 auto;
  text-align: center;
}
.service-info-common .service-info-img_custom {
  background: url("/images/technical-service/custom-synthesis-R&D-banner-1671cbf23eb4f63c51ff132946b74a2a.png") no-repeat;
}
.service-info-common .service-info-img_process {
  background: url("/images/technical-service/process-development-banner-7f853fadcf533f34a25fdfe38f3e120b.png") no-repeat;
}
.service-info-common .service-info-img_test {
  background: url("/images/technical-service/analysis-quality-banner-6b1b01aaee349a34cb05046dbd4cbc07.jpg") no-repeat;
}
.service-info-common .service-info-img_salt {
  background: url("/images/technical-service/crystal-salt-development-banner-349b663ce8e8926068bd02555e6ca355.jpg") no-repeat;
}
.service-info-common .service-info-main {
  margin-top: 87px;
}
@media screen and (max-width: 992px) {
  .service-info-common .service-info-main img {
    width: 100%;
    border-bottom: 20px solid #FFF;
    margin-top: 15px;
  }
}
.service-info-common .service-info-main .row {
  margin-bottom: 42px;
}
.service-info-common .service-info-main .row .crystal-salt-detail > img,
.service-info-common .service-info-main .row .crystal-salt-cycle > img {
  margin: 0 auto;
  padding: 5px 0;
}
.service-info-common .service-info-main .row .crystal-content-box {
  padding: 30px;
  margin-top: 50px;
}
.service-info-common .service-info-main .row .crystal-content-box .crystal-content {
  background-color: #fefbf8;
  border-radius: 8px;
  padding: 10px;
  overflow: hidden;
}
.service-info-common .service-info-main .row .crystal-content-box .crystal-content > div {
  padding: 10px 10px 10px 30px;
  float: left;
}
.service-info-common .service-info-main .row .crystal-content-box .crystal-content > div h2 {
  font-size: 18px;
  color: #ea8b20;
  font-weight: 600;
  padding-bottom: 10px;
}
.service-info-common .service-info-main .row .crystal-content-box .crystal-content > div p {
  line-height: 2.2;
}
.service-info-common .service-info-main .row .crystal-content-box .crystal-content > div:first-child {
  border-right: 2px solid #e8b47a;
}
.service-info-common .service-info-main .row .crystal-salt-cycle {
  padding-top: 50px;
}
@media screen and (min-width: 1800px) {
  .service-info-common .service-info-main .row .margin-top1 {
    margin-bottom: -47px;
  }
}
@media screen and (min-width: 1800px) {
  .service-info-common .service-info-main .row .margin-top2 {
    margin-top: -140px;
  }
}
@media screen and (min-width: 1800px) {
  .service-info-common .service-info-main .row .margin-top3 {
    margin-top: -50px;
  }
}
.service-info-common .service-info-main .row ul li {
  font-size: 16px;
  line-height: 32px;
  list-style: disc inside;
}
.service-info-common .service-info-main .row ul .mar-left {
  margin-left: 50px;
  list-style: none;
}
.crystal-modal-bgc {
  background-color: #fef7ee;
}
.fontColor_01 {
  color: #ea8b20;
}
.service-info-desc {
  font-size: 16px;
  line-height: 32px;
  margin-top: 60px;
  margin-bottom: 30px;
}
.figure-wrapper .img-responsive {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
.figure-wrapper .figcaption {
  font-size: 16px;
  text-align: center;
  color: #949494;
  padding-top: 15px;
  font-style: italic;
}
.service-info-wrapper {
  font-size: 16px;
}
.service-info-wrapper .table tr th {
  font-weight: bold;
  border-top: none;
}
.service-info-wrapper .table tr th,
.service-info-wrapper .table tr td {
  padding: 10px;
}
.service-info-wrapper .table tr td {
  padding-left: 25px;
}
.service-info-wrapper .table tr:first-child {
  background-color: #f9fafd;
}
.service-info-wrapper .table tr:last-child td {
  border-bottom: 1px solid #ddd;
}
.service-info-wrapper .service-info-banner {
  text-align: center;
  background-color: #fcf6f4;
  margin: 50px -100%;
}
@media screen and (max-width: 1400px) {
  .service-info-wrapper .service-info-banner {
    margin: 20px 0;
  }
}
.service-info-wrapper .service-info-banner .icon-partner {
  width: 80px;
  margin-right: 10px;
}
.service-info-wrapper .service-info-banner h2 {
  display: inline-block;
  color: #ea8b20;
  font-size: 36px;
}
@media screen and (max-width: 1400px) {
  .service-info-wrapper .service-info-banner h2 {
    font-size: 26px;
  }
}
.service-info-wrapper .service-info-banner > .img-right {
  max-width: 360px;
  clip-path: circle(40% at 50% 50%);
}
.service-info-box {
  padding-top: 15px;
}
.service-info-title {
  padding-bottom: 10px;
  font-size: 20px;
  color: #e99122;
}
.service-info-list .service-list-item {
  position: relative;
  padding-left: 20px;
  padding-bottom: 10px;
}
.service-info-list .service-list-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #F5C057;
}
@media screen and (max-width: 1199px) {
  .used-scenes {
    margin-top: 15px !important;
  }
  .used-scenes .certificate-media {
    padding: 20px 0 !important;
  }
  .used-scenes .certificate-media img {
    padding: 0 !important;
  }
  .used-scenes .crystal-margin {
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .technical-services li,
  .service-tab-toggle li,
  .description-part-4 li {
    padding-bottom: 15px;
  }
  .description-part h3 {
    line-height: 1.8;
  }
}
@media screen and (max-width: 767px) {
  .service-tab-toggle li,
  .technical-services li {
    margin-bottom: 15px;
  }
  .service-tab-toggle li div {
    padding: 10px !important;
  }
  .used-scenes {
    margin-bottom: 15px;
  }
  .used-scenes img {
    padding: 0 0 15px 0;
  }
  .crystal-content-box {
    margin-top: 0 !important;
  }
  .crystal-content-box .crystal-content > div:first-child {
    border: none !important;
  }
  .crystal-salt-cycle {
    padding-top: 15px !important;
  }
  .info-wrapper .service-intro {
    padding: 15px !important;
  }
  .info-wrapper .service-intro ul > li {
    min-height: 0 !important;
  }
  .description-part h3 {
    line-height: 1.8;
  }
  .description-part-2 ul > li {
    margin-bottom: 15px;
    border-right: none !important;
  }
  .description-part-4 ul {
    margin-bottom: 0 !important;
  }
  .description-part-4 ul > li {
    margin-bottom: 15px;
  }
}
.service-head-container {
  width: 100%;
  height: 350px;
  background-color: #FAFAFA;
}
.f16 {
  font-size: 16px;
}
.f36 {
  font-size: 36px;
}
.bold {
  font-weight: bold;
}