body {
  background: #fff;
  max-width: 2300px;
  margin: 0 auto;
}
.container {
  width: 1500px;
  margin: 0 auto;
}
.navigation {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #fff;
  border-bottom: 1px solid #ECECEC;
}
.navigation_box {
  height: 100%;
  height: 82px;
  background: #fff;
}
.row_flex {
  justify-content: space-between;
}
.row_center {
  justify-content: center;
}
.intro_container{
  padding-bottom: 60px;
}
.row_card {
  display: flex;
  align-items: center;
}
.row_initial {
  align-items: initial;
}
.row_vertical {
  display: flex;
  flex-direction: column;
}
.row_wrap {
  flex-wrap: wrap;
}
.m_tb_10 {
  margin: 10px 0;
}
.m_r_26 {
  margin-right: 26px;
}
.m_r_5 {
  margin-right: 5px;
}
.m_l_5 {
  margin-left:5px;
}
.m_l_40{
  margin-left: 40px;
}
.m_t_60{
  margin-top: 62px;
}
.m_0 {
  margin: 0 !important;
}
.text_1 {
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.text_2 {
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.text_3 {
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.text_6 {
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}
.navigation_right,
.navigation_menu {
  height: 100%;
}

/* 03-31 */


.navigation_right{
  flex: 1;
  justify-content: flex-end;
}

.navigation_menu{
  width: 85%;
  /* justify-content: space-between; */
}

/*  */
.logo_icon {
  width: 200px;
  height: 60px;
}
.menu_link {
  height: 100%;
/*  */


width: 20%;
position: relative;
transition: all .3s;
  justify-content: center;

  /*  */
  margin-right:0 !important;
}
.link_path {
  font-size: 17px;
  color: #333;
  font-weight: bold;
  cursor: pointer;
  margin-right: 5px;
}
.link_current {
  font-weight: bold;
  color: #005DA4;
}
.link_path:hover {
  color: #005DA4;
}
.search_icon,
.language_icon {
  width: 20px;
  height: 20px;
  margin-right: 7px;
}
.language_icon {
  width: 24px;
  height: 24px;
}
.navigation_text {
  font-size: 14px;
  color: #565656;
}
.navigation_search {
  position: relative;
  cursor: pointer;
}
.search_layer {
  position: absolute;
  top: -15px;
  right: 0;
  width: 0px;
  height: 50px;
  background: #fff;
  border-radius: 5px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  /* padding:0 15px; */
  overflow: hidden;
  transition: all 0.3s;
}
.search_show {
  width: 245px;
  padding: 0 15px;
}
.search_input {
  width: 90%;
  height: 30px;
  font-size: 13px;
  margin-right: 5px;
}
/* .floating_layer {
  position: absolute;
  top: 82px;
  left: 0;
  width: 100%;
  background: #fff;
  transform: translateY(-130%);
  transition: all 0.3s;
  z-index: -1;
  border-top: 1px solid rgba(153, 153, 153, 0.3);
} */
.floating_layer {
  position: absolute;
  top:100%;
  left: 0;
  width: 100%;
  background: #FFF;
  transform: translateY(-100%);
  transition: all 0.3s;
  z-index: -1;
  border-radius: 0 0 5px 5px;
}
.radius_card{
  border-radius: 0 0 5px 5px;
}
.menu_link:hover .floating_layer {
  transform: translateY(0%);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  /* box-shadow: 4px 11px 19px 0px rgba(218, 218, 218, 0.25); */
}
.floating_left {
  width: 27%;
  display: flex;
  padding-top: 20px;
  position: relative;
  padding-bottom: 30px;
}
.floating_left::after {
  position: absolute;
  top: 0;
  right: -18px;
  height: 100%;
  width: 1px;
  background: rgba(153, 153, 153, 0.3);
  content: "";
}
.floating_right {
  flex: 0.96;
  display: flex;
  padding-bottom: 30px;
}
.floating_title {
  font-size: 26px;
  color: #333;
}
.floating_content {
  font-size: 14px;
  line-height: 24px;
  color: #666;
  margin: 23px 0;
}
.more_link {
  font-size: 14px;
  color: #005DA4;
  cursor: pointer;
}
.more_icon {
  width: 17px;
  height: 11px;
  margin-left: 5px;
  transition: all 0.3s;
}
.more_link:hover .more_icon {
  transform: translateX(5px);
}
.floating_columns {
  width: 23.8%;
  margin-top: 20px;
  transition: all 0.3s;
}
.columns_img {
  width: 100%;
  height: 133px;
}
.floating_columns:hover {
  transform: scale(0.95);
}
.columns_title {
  font-size: 16px;
  color: #333;
  margin-top: 5px;
}
.floating_columns:last-child:nth-child(4n + 2) {
  margin-right: calc((100% - 23.8%) / 3 * 2);
}
.floating_columns:last-child:nth-child(4n + 3) {
  margin-right: calc((100% - 23.8%) / 3 * 1);
}
.public_footer {
  background: #f5f5f5;
  padding-top: 44px;
}
.footer_up {
  padding-bottom: 60px;
}
.footer_bottom {
  font-size: 14px;
  color: #666666;
  border-top: 1px solid #999999;
  padding: 20px 0;
  text-align: center;
}
.record_link {
  color: #666666;
}
.footer_left {
  width: 31%;
}
.footer_right {
  width: 69%;
  padding-left: 50px;
}
.footer_logo {
  width: 200px;
  height: 60px;
}
.footer_enterprise {
  margin-top: 20px;
}
.footer_img {
  min-width: 22px;
}
.footer_icon {
  width: 22px;
  height: 22px;
}
.footer_content {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  padding-left: 10px;
}
.footer_code {
  width: 100px;
  height: 100px;
  margin-bottom: 5px;
}
.footer_qrcode {
  margin-top: 10px;
  width: fit-content;
}
.qrcode_text {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
.footer_title {
  font-weight: bold;
  font-size: 16px;
  color: #333333;
  margin-bottom: 25px;
}
.footer_link {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  display: block;
  margin-top: 17px;
  width: 110px;
}
.pages_crumbs{
  padding: 30px 0;
}
.crumbs_link{
  font-size: 14px;
  color: #666;
}
.crumbs_icon{
  width: 10px;
  height: 10px;
  margin: 0 10px;
}
.crumbs_active{
  color: #005DA4;
}
.section_active{
  background: #005DA4;
  color: #FFF !important;
}
.intro_section,.factory_section{
  padding:0 30px 15px 30px;
}
.section_box{
  min-width: 135px;
  height: 40px;
  position: relative;
}
.section_link{
  width: 100%;
  height: 100%;
  font-size: 16px;
  padding: 0 10px;
  color: #333;
  border-radius: 5px;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  white-space: nowrap;
}
.section_line::after{
  position: absolute;
  top: 5px;
  right: -30px;
  width: 1px;
  height:80%;
  background: #999;
  content: "";
}
.paging{
  padding: 60px 0;
}
.paging_option{
  width: 54px;
height: 54px;
border-radius: 10px 10px 10px 10px;
border: 1px solid rgba(153,153,153,0.5);
display: flex;
align-items: center;
justify-content: center;
font-weight: 400;
font-size: 20px;
color: #333333;
margin-right: 20px;
cursor: pointer;
}
.paging_switch{
  background: #EEEEEE;
}
.paging_icon{
  width: 20px;
  height: 20px;
}
.paging_current{
  background: #005DA4;
  color: #FFF;
}
.paging_option:last-child {
  margin-right: 0px;
}
.contact_column{
  flex: 0.92;
  padding-left: 70px;
  padding-top: 20px;
}
.contact_shop{
  font-weight: bold;
  font-size: 16px;
  color: #333333;
  }
  .contact_text{
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  margin-top: 17px;
  }
  .mobile-navigation {
    display: none;
    width: 100%;
    height: calc(100vh - 50px);
    background: rgb(255, 255, 255,1);
    position: fixed;
    top: 50px;
    left: 0;
    z-index: 11;
    border-top: 1px solid #ECECEC;
}
.navigationbar_drawer {
  position: relative;
  width: 21px;
  height:21px;
  display: none;
  margin-left: 20px;
}
.navclick {
  position: absolute;
  top: 50%;
}
.navclick span {
  width: 21px;
  height: 1px;
  background: #333;
  display: block;
  position: relative;
  transition: all 0.2s linear;
}
.mobile-li {
  border-bottom: 1px solid #ECECEC;
  padding: 14.11px 0;
}
.navclick span:before {
  top: -7px;
}

.navclick span:after {
  top: 7px;
}
.navclick.ontrue span:before {
  background: #333;
  -moz-animation: buttonAnimationBefore 0.3s ease forwards;
  -webkit-animation: buttonAnimationBefore 0.3s ease forwards;
  animation: buttonAnimationBefore 0.3s ease forwards;
}
.navclick span:before,
.navclick span:after {
  content: "";
  position: absolute;
  height: 1px;
  background: #333;
  display: block;
  left: 0;
  width: 100%;
  transition: all 0.2s linear;
}
.navclick.ontrue span:after {
  background: #333;
  -moz-animation: buttonAnimationAfter 0.3s ease forwards;
  -webkit-animation: buttonAnimationAfter 0.3s ease forwards;
  animation: buttonAnimationAfter 0.3s ease forwards;
}
.navclick.ontrue span {
  background: #333;
  -moz-animation: buttonAnimation 0.3s ease forwards;
  -webkit-animation: buttonAnimation 0.3s ease forwards;
  animation: buttonAnimation 0.3s ease forwards;
}
@-moz-keyframes buttonAnimationBefore {
  0% {
    -moz-transform: translateY(0px) rotate(0);
    transform: translateY(0px) rotate(0);
  }

  50% {
    -moz-transform: translateY(7px) rotate(0);
    transform: translateY(7px) rotate(0);
  }

  100% {
    -moz-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg);
  }
}

@-webkit-keyframes buttonAnimationBefore {
  0% {
    -webkit-transform: translateY(0px) rotate(0);
    transform: translateY(0px) rotate(0);
  }

  50% {
    -webkit-transform: translateY(7px) rotate(0);
    transform: translateY(7px) rotate(0);
  }

  100% {
    -webkit-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg);
  }
}

@keyframes buttonAnimationBefore {
  0% {
    -moz-transform: translateY(0px) rotate(0);
    -ms-transform: translateY(0px) rotate(0);
    -webkit-transform: translateY(0px) rotate(0);
    transform: translateY(0px) rotate(0);
  }

  50% {
    -moz-transform: translateY(7px) rotate(0);
    -ms-transform: translateY(7px) rotate(0);
    -webkit-transform: translateY(7px) rotate(0);
    transform: translateY(7px) rotate(0);
  }

  100% {
    -moz-transform: translateY(7px) rotate(45deg);
    -ms-transform: translateY(7px) rotate(45deg);
    -webkit-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg);
  }
}

@-moz-keyframes buttonAnimationAfter {
  0% {
    -moz-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
  }

  50% {
    -moz-transform: translateY(-7px) rotate(0);
    transform: translateY(-7px) rotate(0);
  }

  100% {
    -moz-transform: translateY(-7px) rotate(-45deg);
    transform: translateY(-7px) rotate(-45deg);
  }
}

@-webkit-keyframes buttonAnimationAfter {
  0% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
  }

  50% {
    -webkit-transform: translateY(-7px) rotate(0);
    transform: translateY(-7px) rotate(0);
  }

  100% {
    -webkit-transform: translateY(-7px) rotate(-45deg);
    transform: translateY(-7px) rotate(-45deg);
  }
}

@keyframes buttonAnimationAfter {
  0% {
    -moz-transform: translateY(0) rotate(0);
    -ms-transform: translateY(0) rotate(0);
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
  }

  50% {
    -moz-transform: translateY(-7px) rotate(0);
    -ms-transform: translateY(-7px) rotate(0);
    -webkit-transform: translateY(-7px) rotate(0);
    transform: translateY(-7px) rotate(0);
  }

  100% {
    -moz-transform: translateY(-7px) rotate(-45deg);
    -ms-transform: translateY(-7px) rotate(-45deg);
    -webkit-transform: translateY(-7px) rotate(-45deg);
    transform: translateY(-7px) rotate(-45deg);
  }
}

@-moz-keyframes buttonAnimation {
  0% {
    background: transparent;
  }

  50% {
    background: rgba(255, 255, 255, 0);
  }

  100% {
    background: rgba(255, 255, 255, 0);
  }
}

@-webkit-keyframes buttonAnimation {
  0% {
    background: transparent;
  }

  50% {
    background: rgba(255, 255, 255, 0);
  }

  100% {
    background: rgba(255, 255, 255, 0);
  }
}

@keyframes buttonAnimation {
  0% {
    background: transparent;
  }

  50% {
    background: rgba(255, 255, 255, 0);
  }

  100% {
    background: rgba(255, 255, 255, 0);
  }
}
.mobile_column{
  font-size: 15px;
  padding-left: 12px;
  font-weight: bold;
  font-size: 14px;
  color: #000;
  cursor: pointer;
  display: initial;
}
.mobile_icon{
  width: 20px;
  height: 20px;
  display: none;
}
.mobile_link{
  font-size: 12px;
  color: #333;
  font-weight: bold;
  width: fit-content;
  position: relative;
  margin-left: 10px;
}
.column_destination{
  margin-top: 15px;
  padding-left: 15px;
}
.mobile_link::after{
  position: absolute;
  top: 6px;
  left: -12px;
  width: 5px;
  height: 5px;
  background: #333;
  border-radius: 50%;
  content: "";
}
.mobile_drawer{
  display: none;
}
.footer_item:last-child {
  margin-bottom: 0;
}
.subtitle_limit{
  max-width: 540px;
}
.router_list{
  width: 100%;
  }
  .router_main{
    width: 100%;
    padding: 25px 10px;
    transition: all .3s;
  }
  .router_main:hover{
    background: #005DA4;
  
  }
  .router_main:hover .router_link{
    color: #fff;
  }
  .router_link{
    font-size: 14px;
    color: #000;
    cursor: pointer;
  }
  .menu_link .iconfont{
    position: relative;
    top: 1px;
    transition: all .3s;
  }
  .menu_link:hover .iconfont{
    /* color: #FFF; */
    transform: rotate(180deg);
  }
  .intros_section{
    overflow-x: auto;
  }
  .intros_section::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  .intros_section::-ms-scrollbar {
    width: 5px;
    height: 5px;
  }
  .intros_section::-webkit-scrollbar-thumb {
    background: #005DA4; 
  }
  .intros_section::-ms-scrollbar-thumb {
    background:#005DA4; 
  }
  .swiper-wrapper.pause {

    transition-duration:0ms !important;
  
  }
  .support{
    color: #888;
  }