navbar-brandnavbar-brandnavbar-brand
  <script src="./resource/js/flexible.js"></script>
  <script src="./resource/js/flexible.js"></script>
  <script src="./resource/js/flexible.js"></script>.navbar-area {
  height: 90px;
  /* position: absolute; */
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  transition: all .3s ease-out 0s;
  background: rgba(255, 255, 255);
  /* overflow: hidden; */
}
.sticky {
  position: fixed;
  z-index: 99;
  background-color: #fff;
  box-shadow: 0 20px 50px 0 rgba(0,0,0,.05);
  transition: all .3s ease-out 0s;
}
.navbar {
    padding: .15rem 0;
    border-radius: 5px;
    position: relative;
    transition: all .3s ease-out 0s;
	width: 1920px;
}
.navbar-brand {
  padding: 0;
  font-size:0;
  margin-right: 0.5rem;
}
.navbar-brand {
  /* max-width: 180px; */
  width: 90px;
  height: 39px;
  max-width: 90px;
  max-height: 39px;
}
.navbar-brand  img{
  width: 90px;
  height: 39px;
  max-width: 90px;
  max-height: 39px;
}
.navbar-toggler {
  padding: 0;
}

.navbar-collapse{
  flex-grow:0
}
.navbar-toggler .toggler-icon {
  width: 30px;
  height: 2px;
  background-color: rgba(0,0,0,.9);
  display: block;
  margin: 5px 0;
  position: relative;
  transition: all .3s ease-out 0s;
}
.navbar-nav .nav-item,.navbar-nav .nav-item_samll {
  position: relative;
  padding: 8px 0;
  margin-right: 45px;
  cursor: pointer;
}
.navbar-nav .nav-item a,.navbar-nav .nav-item_samll a{
  display: inline;
}
.navbar-nav .nav-item .page-scroll,.navbar-nav .nav-item_samll .page-scroll {
  /* color: rgba(255,255,255,.8); */
  transition: all .3s ease-out 0s;
  padding: 8px 0;
  position: relative;
  font-weight: 400;
  text-align: center;
}
.navbar-nav .nav-item .page-scroll::after,.navbar-nav .nav-item_samll .page-scroll::after{
  content: '';
  position: absolute;
  left: 0;
  right: auto;
  width: 0;
  height: 3px;
  background: #2469f3;
  bottom: -3px;
  border-radius: 5px;
  transition: all .3s ease-out 0s;
  -webkit-transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
}
.navbar-nav .nav-item .page-scroll:hover::after, .navbar-nav .nav-item .page-scroll.active::after,
.navbar-nav .nav-item_samll .page-scroll:hover::after,.navbar-nav .nav-item_samll .page-scroll.active::after{
  width: 100%;
  right: auto;
  left: 0;
}
 /* 滑过字体变色 */
.navbar-nav .nav-item .page-scroll.active,.navbar-nav .nav-item_samll .page-scroll.active{
  color: #3947ff;
}
.navbar-nav .submeun_box{
  display: none;
  width: 1920px;
  /* height: 7.7875rem; */
  background-color: #fff;
  position: absolute;
  top: 63px;
  left: 50%;
  overflow: hidden;
  flex-direction: row;
  flex-wrap: nowrap;
  left: 50%;
  /* opacity: 0; */
  position: fixed;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  padding-top: .375rem;
  margin-top: 0px;
  padding-bottom: .375rem;
  margin-bottom: 0px;
  /* visibility:visible; */
  /* width: 100%; */
  z-index: 100000;
  box-shadow: 8px 13px 25px -15px #626262;
}

.navbar-nav .nav-item a:hover,.navbar-nav .nav-item_samll a:hover{
  color: #222111;
}

.navbar-nav .submeun{
  display: flex;
}
.navbar-nav .submeun .meau-group-list{
  margin: 0 auto;
  width: 1200px;
  /* height: 4.25rem; */
  font-size: 14px;
  overflow: hidden;
}
.navbar-nav .submeun .meau-group-list .l{
  float: left;
}
.navbar-nav .submeun .meau-group-list .nav-h-line{
  height: 100%;
  width: 1px;
  background: #DDDDDD;
  margin-left: 10px;
  margin-right: 10px;
  /* margin-top: .5rem; */
}

.navbar-nav .submeun .meau-group-list1{
  margin: 0 auto;
  width: 1320px;
  /* height: 4.25rem; */
  font-size: 14px;
  overflow: hidden;
}
.navbar-nav .submeun .meau-group-list1 .l{
  float: left;
}
.navbar-nav .submeun .meau-group-list1 .nav-h-line{
  height: 100%;
  width: 1px;
  background: #DDDDDD;
  margin-left: 10px;
  margin-right: 10px;
  /* margin-top: .5rem; */
}
.navbar-nav .submeun .viewDetails{
  width: 100px;
	height: 33px;
  line-height: 33px;
	border-radius: 5px;
  text-align: center;
  margin-top: 15px;
  display: inline-block;
}
.navbar-nav .submeun img{
  filter: grayscale(100%);
}

.navbar-nav .list-item:hover{
  background-color: #f0f4ff;
  border-radius: 10px;
  transition: transform 500ms ease;
}
.navbar-nav .list-item:hover img{
  filter: grayscale(0);
}
.navbar-nav .list-item:hover .g-d-table-cell div{
  color: #2469f3;
}

.navbar-nav .list-item .viewDetails:hover{
  background-color: #3947ff;
}
.navbar-nav .list-item .viewDetails:hover{
  color: #fff;
}
.navbar-nav .list-item-inner {
  padding: 20px 20px 20px;
}

.navbar-nav .list-item1:hover{
  border-radius: 10px;
  transition: transform 500ms ease;
}
.navbar-nav .list-item1:hover img{
  filter: grayscale(0);
}
/*下拉菜单渐变*/
.navbar-nav .list-item1:hover .g-d-table-cell div{
  color: #3947ff;
}

.navbar-nav .list-item1 .viewDetails:hover{
  background-color: #3947ff;
}
.navbar-nav .list-item1 .viewDetails:hover{
  color: #fff;
}

.navbar-nav .list-item2:hover{
  border-radius: 10px;
  transition: transform 500ms ease;
}
.navbar-nav .list-item2:hover img{
  filter: grayscale(0);
}
.navbar-nav .list-item2:hover .g-d-table-cell div{
  color: #2469f3;
}

.navbar-nav .list-item2 .viewDetails:hover{
  background-color: #3947ff;
}
.navbar-nav .list-item2 .viewDetails:hover{
  color: #fff;
}
.main-btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  padding: 17px 35px;
  font-size: 18px;
  line-height: 1;
  border-radius: 50px;
  color: #fff;
  cursor: pointer;
  z-index: 5;
  transition: all .4s ease-in-out;
  border: 2px solid transparent;
  background: #fb7370;
  overflow: hidden;
}
.btn-hover {
  position: fixed;
  overflow: hidden;
}
.header-btn .main-btn {
  color: #fff;
  background: rgba(255,255,255,.11);
  padding: 11px 23px;
  border: 1px solid #fff;
}
.btn-hover::after {
  content: '';
  position: absolute;
  width: 0%;
  height: 0%;
  border-radius: 50%;
  background: rgba(0,0,0,.05);
  top: 50%;
  left: 50%;
  padding: 50%;
  z-index: -1;
  transition: all .3s ease-out 0s;
  transform: translate3d(-50%,-50%,0) scale(0);
}

.navbar-toggler.active .toggler-icon:nth-of-type(1) {
  transform: rotate(45deg);
  top: 7px;
}
.navbar-toggler.active .toggler-icon:nth-of-type(2) {
  opacity: 0;
}
.navbar-toggler.active .toggler-icon:nth-of-type(3) {
  transform: rotate(135deg);
  top: -7px;
}
.navbar-toggler:focus{outline:none;box-shadow:none}

.navbar_contact .navbar_hot{
  display: flex;
  align-items: center;
}
.navbar_contact{
  display: flex;
  align-items: center;
}
.navbar_contact .navbar_hot img{
  width: 24px;
  height: 25px;
  max-width: 24px;
}
.navbar_contact .navbar_hot .hot_number{
  margin-left: 15px;
}
.navbar_contact .navbar_hot .hot_number .p_txt{
  line-height: 10px;
  color: #626262;
}
.navbar_contact .navbar_hot .hot_number .p_phone{
  color: #222111;
}
.navbar_contact .navbar_img{
  display: flex
}
.navbar_contact .navbar_img img{
  width: 25px;
  height: 25px;
  max-width: 25px;
}
.navbar_contact .h_line{
  width: 1px;
  height: 68px;
  background: #DDDDDD;
  margin-left: 40px;
  margin-right: 10px;
}

.g-d-table-cell {
  display: table-cell;
  /* width: 2.025rem; */
}
@media (max-width: 1280px) {
  .header .container_box_nav{
    width: 1200px;
    /* max-width: 11.1rem; */
    margin: 0 auto;
  }
}
@media (max-width: 1478px) {
  .navbar-nav .nav-item,.navbar-nav .nav-item_samll{
    margin-right: 45px;
  }
}

@media (max-width: 1402px) {
  .navbar-nav .nav-item,.navbar-nav .nav-item_samll{
    margin-right: 30px;
  }
}

@media (max-width: 1200px) {
  .container{
    max-width: 1100px;
  }
  .navbar-nav .nav-item,.navbar-nav .nav-item_samll{
    margin-right: 19px;
  }
  .navbar-brand{
    margin-right: 0.5rem
  }
}

@media (max-width: 1024px) {
  .inner_banner{
    width: 100%;
    height: 100%;
  }
  .inner_banner .bannerBox{
    left: 20%;
  }
  .navbar-nav .nav-item,.navbar-nav .nav-item_samll{
    margin-right: 12px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px){
  .header .container_box_nav{
    width: 15rem;
    /* max-width: 11.1rem; */
    margin: 0 auto;
  }
  .navbar-collapse {
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 9;
    box-shadow: 0 15px 20px 0 rgba(0,0,0,.1);
    padding: 5px 12px;
  }
  .navbar-toggler {
    position: absolute;
    right: 0;
    top: 25px !important;
    top: 0;
  }
  /* .navbar-toggler .toggler-icon {
    background: #fff;
  } */
  .navbar-nav .nav-item,.navbar-nav .nav-item_samll {
    padding: 5px 0;
    margin-left: 20px;
  }
  .navbar-nav .chanpinjuzhen{
    display: none;
  }
  .navbar-nav .nav-item:first-child,.navbar-nav .nav-item_samll:first-child {
    margin-top: 20px;
  }
  .navbar_contact{
    display: none;
  }
}
.navbar-toggler.active .toggler-icon:nth-of-type(1) {
  transform: rotate(45deg);
  top: 7px;
}
.navbar-toggler.active .toggler-icon:nth-of-type(2) {
  opacity: 0;
}
.navbar-toggler.active .toggler-icon:nth-of-type(3) {
  transform: rotate(135deg);
  top: -7px;
}
.page-scroll{
	color: #222;
}
.g-d-table-cell{
	color:#333;
	padding-right: 26px;
}
.viewDetails{
	background-color: #465560;
	color:#fff;
}
.viewDetails:hover{
	background-color: #3947ff;
	color:#fff;
}
.submeun_box{
  height: 180px;
}
@font-face {
  font-family: 'MyFont';
  src: url('/fonts/AlibabaPuHuiTi-3-55-RegularL3.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
}
#fslha{
  font-family: 'MyFont', sans-serif;
  font-weight: 300; /* 可选，用于指定精确字重 */
	font-size: 16px;
}

#navbarplk{
	width: 1200px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.nav-item{
  display: flex;
  align-items: center; /* 垂直居中 */
}