@charset "utf-8";

/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Roboto:wght@100;300;400;500;700;900&family=Poppins:wght@300;400;500;600;700;800&family=Teko:wght@300;400;500;600;700&display=swap");
html {
  font-size: 100%;
}
body {
  margin: 0px;
  overflow-x: hidden;
  color: #002c4b;
  font-family: Poppins, Helvetica, sans-serif;
  font-size: clamp(12px, 1.2vw, 16px);
  font-style: normal;
  line-height: normal;
  font-weight: 400;
  line-height: 1.6;
}

a {
  transition-duration: 0.3s;
  color: #222;
}

a:hover {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
strong {
  font-family: Poppins, Helvetica, sans-serif;
  letter-spacing: 0.91px;
  font-weight: 700;
}
li {
  list-style: none;
}
.py-60 {
  padding: 60px 0;
}
:root {
  --i_color: #011963;
  /* 全局颜色 */
  --i_color2: #242424;
  --i_color3: #202870;
  --i_color4: #224364;
  --i_color5: #4285ec;
  --i_color6: #07273c;
  --i_color7: #d5b868;
  --i_color8: #d4d4d4;
  --i_color9: #484b82;
  --i_color10: #f5b21e;
  --i_color11: #002956;
  /* 副颜色 */
  --header_height: 1.1rem;
  /* 头部高度 */
  --header_height_reduce: 60px;
  /* 头部收缩后高度 */
  --border_color: rgba(0, 0, 0, 0.1);
  /* 默认边框颜色 */
  --f_menu_height: 56px;
  /* 移动端底部固定菜单 */
}
.border-radius-y {
  border-radius: 50%;
}
a:hover {
  color: var(--i_color);
}
.cont-ousel th {
  border: 1px solid #ddd;
  padding: 5px;
  background: #f1f1f1;
}
.cont-ousel td {
  padding: 5px;
  border: 1px solid #ddd;
}
.cont-ousel ul,
.pro-detaile ul {
  margin: unset;
  padding: revert;
}
.cont-ousel ul li,
.pro-detaile ul li {
  list-style: initial;
}

.imghoverbig {
  cursor: pointer;
  transition: all 0.6s;
}

.imghoverbig:hover {
  transform: scale(1.5);
}
/*设置文字显示几行*/
.textovershow1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.textovershow2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.textovershow3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.textovershow4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.textovershow5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.textovershow6 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}
.news1box .title{ font-size: 18px; margin-top: 20px;}
/* /banner效果/ */
/* 禁用 Bootstrap 默认滑动过渡 */
.lbboxindex .carousel-control-next-icon, .lbboxindex .carousel-control-prev-icon{
  width: 50px;
  height: 50px;
  border: 2px solid #fff;
  border-radius: 50%;
  background-size: 50%;
}
.lbboxindex .carousel-item {
  transition: none !important;
}
.lbboxindex .carousel-item:not(.active) {
  display: none;
}
.lbboxindex  .carousel-item.active {
  display: block;
}
:root {
  --animate-duration: 0.8s;
}
/* LAYERED NAVIGATION - START */
.ajaxdatabox .pagination {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}
.ajaxdatabox .pagination button {
  padding: 8px 15px;
  background: var(--i_color2);
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.ajaxdatabox .pagination button:hover:not(.disabled) {
  background: var(--i_color2);
}
.ajaxdatabox .pagination button.active {
  background: var(--i_color3);
}
.ajaxdatabox .pagination button.disabled {
  background: #ccc;
  cursor: not-allowed;
}
/*新增过滤条件的搜索模态框样式*/
.gj_search_box {
  position: relative;
  width: 100%;
}
.gj_search_box .search_box .search_list ul li .search_ico{ right: 0;}
.gj_search_box .search_box .search_list ul li .tit {
  color: var(--i_color);
  padding: 10px 0px;
  margin: 0px;
}.gj_search_box .search_box .search_list ul li {
  margin: 15px 0px;
}.gj_search_box .search_box .search_list ul li .in_li {
  position: relative;
  width: 50%;
  z-index: 1;
}.gj_search_box .search_box .search_list ul li .input {
  width: 100%;
  height: 39px;
  font-size: 14px;
  appearance: none;
  padding: 0px 10px;
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(217, 217, 217);
  border-image: initial;
  outline: none;
  background: transparent;
}.gj_search_box .search_box .search_list ul li .down_ico {
  position: absolute;
  right: 0px;
  top: 3px;
  font-size: 35px;
  z-index: -1;
  color: rgb(85, 85, 85);
}.gj_search_box .search_box .search_list ul li .search_ico {
  position: absolute;
  right: -38px;
  top: 0px;
  font-size: 18px;
  color: rgb(255, 255, 255);
  width: 38px;
  height: 39px;
  text-align: center;
  line-height: 36px;
  background: var(--i_color);
  border-radius: 0px;
  border: 1px solid var(--i_color);
  outline: none;
  padding: 0px;
}.gj_search_box .search_box .search_list ul li .cc_li .inp {
  width: 32%;
  display: inline-block;
}.gj_search_box .search_box .search_list ul li .cc_li .dw_tit {
  min-width: 43px;
  display: inline-block;
  text-align: center;
  font-size: 14px;
}.gj_search_box .search_box .search_list ul li .cc_li .inp input {
  width: 150px;
  font-size: 14px;
  padding: 8px 19px;
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(217, 217, 217);
  border-image: initial;
  margin: 10px 0px;
}.gj_search_box .search_box .search_list ul li .cc_li_t .inp input {
  width: 90px;
}.gj_search_box .search_box .search_list ul li .cc_li {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}.gj_search_box .search_box .search_list ul li .cc_li .cc_tit {
  width: 96%;
  font-size: 14px;
  color: rgb(102, 102, 102);
  border-bottom: 1px solid rgb(241, 241, 241);
  padding: 5px 0px;
}
.gj_search_box .search_box .search_list ul li .gjsub_btn {
  width: 28%;
  height: 43px;
  color: rgb(255, 255, 255);
  background: var(--i_color);
  border-radius: 0px;
  border-width: 0px;
  border-style: initial;
  border-color: initial;
  border-image: initial;
  outline: none;
}
/*头部*/
header .dropdown{ position: unset;}
.dropdown-menu-full {
  width: 100vw;
  left: 50% !important;
  transform: translateX(-50%) !important;
  position: absolute;      /* 改为 absolute，跟随父容器滚动 */
  top: 100% !important;    /* 紧贴按钮下方 */
  right: auto !important;
  border-radius: 0;
  background: #fff;
  padding: 30px 10px;
}
header .open > .dropdown-menu {
  display: flex;
  right: 0;
  left: auto;
  flex-wrap: wrap;
}
.dropdown-item.active, .dropdown-item:hover{ background: none;}
header .dropdown-item .picbox{ border: 1px solid #ddd; border-radius: 4px; width: 200px;}
header .dropdown-item .picbox img{ max-width: 200px;}
header .dropdown-item .navname{ color: #222;font-size: clamp(12px, 0.9vw, 16px);white-space: pre-wrap; line-height: 20px;width: 200px;}
header .dropdown-item:hover .navname{ color:var(--i_color);}
.header1 {
  color: var(--i_color6);
}
.header1 .slogo h1 {
  font-family: Poppins, Helvetica, sans-serif;
  font-weight: 800;
  font-size: 20px;
  letter-spacing: -0.03em;
  text-rendering: optimizeLegibility;
}
.navbar {
  background: var(--i_color3);
}

.navbar-expand-lg .navbar-nav .nav-link {
  font-size: clamp(13px, 1.1vw, 18px);
  color: #fff;
  padding: 1.1rem;
  position: relative;
  font-family: Poppins, Helvetica, sans-serif;
  letter-spacing: 0.91px;
  text-transform: uppercase;
  font-weight: 700;
}

.navbar-nav li.arrow a {
  padding-right: 3rem !important;
}
.navbar-nav li.arrow a:after {
  background: url(../images/03.png) center / contain no-repeat;
  content: "";
  height: 1em;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translate(0, -50%);
  transition: 0.25s ease-in-out;
  width: 1em;
}
.navbar-nav li.arrow a:hover:after {
  transform: translate(0.25em, -50%);
}
.header1 .other img {
  width: 27px;
}
.search-form__form {
  height: 0;
  overflow: hidden;
  position: absolute;
  top: 100%;
  right: 0;
  transition: 0.25s ease-in-out;
  width: 200px;
  z-index: 10;
}
.assistive,
.hide-text,
.screen-reader-text {
  height: 1px;
  width: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  background: #fff;
  color: #000;
}
.search-form__container {
  display: block;
  float: right;
  position: relative;
  width: 100%;
}
.search-form__field {
  background: #fbfbf9;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.37);
  border-top: 1px solid rgba(255, 255, 255, 0.37);
  color: #222;
  display: block;
  height: 100%;
  width: 100%;
  padding: 1em;
}
.search-form__button--search {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.search-form .search-form__button--close {
  display: none;
  background-image: url(../images/close.svg);
  background-size: 2.5em;
}
.search-form__button--open {
  background: none;
  border: none;
  width: 33px;
}
.search-form__button--close,
.search-form__button--search {
  background: url(../images/02.png) center / 1.75em no-repeat;
  border: none;
  display: block;
  height: 100%;
  transition: 0.5s;
  width: 4em;
}
.search-form--active .search-form__container {
  display: block;
  width: 100%;
}
.search-form--active .search-form__form {
  height: 100%;
}
.search-form--active .search-form__button--open {
  display: none;
}
.search-form--active .search-form__button--close {
  display: block;
  width: 33px;
  background-color: #222;
}
/*关于我们*/
.top-block01 {
  position: relative;
  overflow: hidden;
}
[data-view*="pc"] {
  display: block;
}
.top-block01-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 0;
}
.top-block01-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
[data-view*="tablet"] {
  display: none;
}
[data-view*="sp"] {
  display: none;
}
.top-block01 .mod-auto {
  position: relative;
  z-index: 1;
}
.color_white {
  color: #fff;
}
.top-head01 {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
}
.top-head01-large {
  position: relative;
  display: block;
  font-size: 2.1875rem;
  letter-spacing: -0.03em;
  color: var(--i_color6);
  font-family: Poppins, Helvetica, sans-serif;
  font-weight: 800;
  max-width: 531px;
}
.top-block01-in-left {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.top-block01-in-left .picbox {
  margin-top: 30px;
}

.top-block01-in-lead {
  padding: 50px;
  background: rgba(72, 75, 130, 0.7);
}
.top-block01-in-lead-ttl {
  font-size: 3rem;
  line-height: 1.2;
  font-weight: 700;
  color: #222;
}
.top-block01-in-lead-txt {
  margin-top: 40px;
  color: #222;
  line-height: 1.6;
}
.mod-button._left {
  margin-left: 0;
}
.mod-button:hover::before {
  background-color: var(--i_color3);
}
.mod-button:hover {
  color: #fff;
  background: #bc2929;
}
.mod-button {
  position: relative;
  display: flex;
  align-content: flex-start;
  align-items: center;
  justify-content: space-between;
  width: 260px;
  max-width: 100%;
  height: 64px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #fff;
  cursor: pointer;
  transition: 0.3s;
  padding: 0 40px;
  background: var(--i_color);
}
.mod-spacer_40 {
  margin-top: 40px;
}
.mod-button::before {
  left: 0;
  right: auto;
}
.mod-button .icoarrow{ display: inline-block; width: 30px; height: 30px; border-radius: 50%; color: #222; text-align: center; line-height: 30px; background: #fff;}
/*产品模块*/
.proboxinner .title1 {
  font-family: Teko, Helvetica, sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  font-size: clamp(18px, 2.197em, 35px);
  /* text-transform: ; */
}
.news1 .numico{ left:40px; top:-20px; z-index: 1;}
.proboxinner .title1 .numico,.news1 .numico{ font-size: 20px; width: 40px; height: 40px; background: var(--i_color); color: #fff; text-align: center; line-height: 40px; display: inline-block;}
.proboxinner .title1 a{ color:#222;}
.proboxinner .title2 li a::before {
  position: absolute;
  content: "+";
  left: 0px;
  top: 0;
  width: 10px;
  height: 10px;
}
.proboxinner .swiper-button-next,
.proboxinner .swiper-button-prev {
  outline: none;
  width: 42px;
  height: 42px;
}
.proboxinner .swiper-button-next {
  right: 0px;
}

.proboxinner .swiper-button-prev {
  left: 0px;
}
.proboxinner .swiper-button-next:after,
.proboxinner .swiper-button-prev:after {
  outline: none;
  font-size: 0px;
}
.proboxinner .col {
  height: 285px;
}
.proboxinner .col .item {
  height: 100%;
}
.proboxinner a:hover,
.proboxinner .col_other .item .title2:hover {
  color: var(--i_color7) !important;
}
.proboxinner .col1 .item {
  background: var(--i_color9);
  color: #fff;
  border-radius: 10px;
  padding: 15px;
}
.proboxinner .col_other .item {
  border: 1px solid #eee;
  height: 285px;
}
.proboxinner .col_other .item .picbox {
  height: 220px;
}
.proboxinner .col_other .item .picbox img {
  max-height: 220px;
}
.proboxinner .col_other .item .title2{
  color: #222;
}

/*我们的优势*/
.mod-advantage {
  position: relative;
  overflow: hidden;
}
.advantage-box .title{font-size: 18px;line-height: 20px;height: 40px;}
.advantage-box .content{ font-size: 14px; line-height: 18px;}
.mod-advantage .iteml {
  min-height: 500px;
}
.p-60 {
  padding: 60px;
}
.px-60{ padding: 0 60px;}
.mod-advantage .itemr .content {
  width: 501px;
  height: 610px;
  background: url(../images/acircle.png) no-repeat;
  display: none;
}
.mod-advantage .itemr .content.active {
  display: flex;
}
.iteml2.lg-hotspot {
  top: 35%;
  right: 10%;
}
.iteml3.lg-hotspot {
  top: 70%;
  right: 40%;
}
.iteml4.lg-hotspot {
  top: 95%;
  right: 70%;
}
.lg-hotspot {
  /* position: absolute; */
  margin: 0;
  padding: 0;
  z-index: 0;
  font-family: Poppins, Helvetica, sans-serif;
  font-weight: 800;
}
.lg-hotspot__button {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 166px;
  justify-content: center;
  height: auto;
  padding: 50px 0px 50px 0px;
  background-color: #596b8d;
  color: white;
  clip-path: polygon(
    88.67% 71.414%,
    88.67% 71.414%,
    84.086% 74.412%,
    79.521% 77.305%,
    74.974% 80.093%,
    70.446% 82.776%,
    65.936% 85.354%,
    61.445% 87.828%,
    56.972% 90.196%,
    52.518% 92.459%,
    48.082% 94.618%,
    43.665% 96.671%,
    43.665% 96.671%,
    39.343% 98.319%,
    35.194% 99.262%,
    31.217% 99.5%,
    27.413% 99.033%,
    23.782% 97.86%,
    20.324% 95.982%,
    17.038% 93.399%,
    13.924% 90.111%,
    10.984% 86.117%,
    8.215% 81.419%,
    8.215% 81.419%,
    5.752% 76.275%,
    3.727% 70.948%,
    2.14% 65.438%,
    0.99% 59.743%,
    0.278% 53.865%,
    0.004% 47.803%,
    0.167% 41.558%,
    0.768% 35.129%,
    1.807% 28.516%,
    3.283% 21.72%,
    3.283% 21.72%,
    5.158% 15.378%,
    7.389% 10.128%,
    9.979% 5.97%,
    12.926% 2.905%,
    16.23% 0.932%,
    19.892% 0.051%,
    23.912% 0.263%,
    28.289% 1.567%,
    33.024% 3.963%,
    38.116% 7.451%,
    38.116% 7.451%,
    43.359% 11.427%,
    48.547% 15.284%,
    53.68% 19.024%,
    58.757% 22.645%,
    63.778% 26.148%,
    68.744% 29.533%,
    73.654% 32.8%,
    78.509% 35.949%,
    83.309% 38.98%,
    88.053% 41.893%,
    88.053% 41.893%,
    92.304% 44.756%,
    95.624% 47.639%,
    98.013% 50.542%,
    99.471% 53.465%,
    99.998% 56.407%,
    99.594% 59.369%,
    98.259% 62.351%,
    95.994% 65.352%,
    92.797% 68.373%,
    88.67% 71.414%
  );
}
.lg-hotspot.active .lg-hotspot__button2,
.lg-hotspot.active .lg-hotspot__button,
.lg-hotspot:hover .lg-hotspot__button2,
.lg-hotspot:hover .lg-hotspot__button {
  border-color: var(--i_color9);
}
/*应用领域*/
.mod-appliaction {
  padding: 120px 0;
}

.mod-appliaction .text li a {
  color: var(--i_color);
  display: block;
    position: relative;
    z-index: 2;
    padding-right: 30px;
}
.mod-appliaction .text li a:hover {
  color: var(--i_color7);
}
.mod-appliaction .text li {
  position: relative;
  border-bottom: 1px solid var(--i_color);
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.mod-appliaction .text li:after {
  position: absolute;
  width: 24px;
  height: 24px;
  content: "";
  background: url(../images/08.png) no-repeat;
  right: 0;
  top: 0;
}
/*新闻*/
.mod-news .date {
  color: #777;
}
.mod-news .item:hover .readmore_small {
  background: #222;
  color: #fff;
}
.readmore_small {
  border: 1px solid #222;
  padding: 2px;
  display: inline-block;
  color: #222;
  font-size: clamp(12px, 0.7vw, 16px);
}
.mod-news .item .title {
  color: var(--i_color);
}
.mod-news .item .title:hover {
  color: var(--i_color7);
}
/*底部*/
footer {
  background: var(--i_color3);
  color: #fff;
  padding-top: 60px;
  padding-bottom: 20px;
}
footer .flogo{ height: 97px;}footer .flogo img{ max-height: 97px;}
footer a {
  color: #fff;
}
footer a:hover {
  color: var(--i_color7);
}
.footer1 {
  border-bottom: 1px solid #fff;
}
.footer1 .item1::after {
  height: 100%;
  width: 1px;
  background: #fff;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
}
.footer1 .item4 {
  width: 32%;
}
.footer1 .item4 .title{ margin-top: -10px;}
.footer1 .item1 {
  width: 28%;
}
.footer1 .item2,
.footer1 .item3 {
  width: 26%;
}

.footer1 h2 {
  padding-bottom: 10px;
  font-family: Poppins, Helvetica, sans-serif;
  letter-spacing: 0.91px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: calc(11.03px + 0.259vw);
}

.footer1 .item h2::before {
  width: 50px;
  height: 5px;
  background: var(--i_color7);
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
}
.social-icons a {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #fff;
  color: #222;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  margin-right: 10px;
}
.social-icons a:hover {
  background: var(--i_color7);
  color: #fff;
}

/*内页banner*/
.nybanner .text{left: 20%;
  top: 12%; display: none;}
.malt .headline {
  margin-bottom: 20px;
}
.aboutuspage .box2 .iteml .title{ left: 0; bottom:0; color: #fff; font-size: 20px;}
.aboutuspage .box2{
  background:#f3f5fa
}
.aboutuspage .box2 .itemr .item{ background: #fff; padding:27px 15px;}
.aboutuspage .box2 .itemr .text .title{ font-size: 18px;}
.aboutuspage .box2 .itemr a{ color: #222;}
.eninquirybtn{ background: var(--i_color10); color:#fff; padding: 10px 20px; border-radius: 4px;}
.specialprobox .swiper-button-next:after, .specialprobox .swiper-button-prev:after{ font-size: 0;}
.specialprobox .content1{ font-size: 20px; color: var(--i_color);}
.specialprobox .itemr{ padding-top: 10px; padding-left: 10px; position: relative;}
.specialprobox .itemr::before{ width: 95%; height: 90%; content: ''; position: absolute; left:6px; top:6px; background: var(--i_color7);}
.filterbox span#clearcheck {
  margin-left: 50px;
  color: #116aca;
  display: none;
}
.filterbox span a {
  color: #116aca;
}

.nyh_left,
.nyh_right {
  display: flex;
}
.logony {
  margin-right: 60px;
}
.nyh_right {
  justify-content: space-between;
}
.othernavny {
  display: flex;
}
.showsearch {
  margin-right: 20px;
  cursor: pointer;
}
/* .nyheader .langbox a{ color: #272727;} */
/* 筛选标签 */
.filter {
  background: #f9f9f9;
  padding: 20px;
}
.filter h3 {
  margin-bottom: 10px;
}
.filter ul {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.filter li {
  list-style: none;
  margin-bottom: 10px;
}
.filter a {
  text-decoration: none;
  color: #333;
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.filter a.active {
  background: var(--i_color7);
  color: #fff;
}
/* 产品列表 */
.product-list {
  margin: 20px auto;
}
.product-list .row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.product-list h4 {
  margin-bottom: 10px;
}
.product-list ul {
  list-style: none;
  padding: 0;
}
.product-list li {
  margin-bottom: 5px;
}

.product-list .product {
  display: none; /* 初始隐藏，仅筛选时显示 */
}
.product-list .product.active {
  display: block; /* 筛选匹配时显示 */
}
.contact3fbox .item:first-child {
  padding-right: 50px;
}

.top-thumb {
  font-weight: 400;
  font-size: 30px;
  cursor: pointer;
  float: right;
  padding-left: 20px;
  cursor: pointer !important;
  padding-top: 43px;
}

.languagebox img {
  max-height: 30px;
}
.languagebox .dropdown-menu {
  width: 204px;
}
.submit-btn {
  background: #4285f4;
  color: white;
  border: none;
  padding: 10px 15px;
  border-radius: 4px;
  cursor: pointer;
  width: 100%;
}

.flex-wrap {
  flex-wrap: wrap !important;
}
.my-xl-4 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.headline h2 {
  font-size: 2.8125rem;
  margin-top: 0;
  font-family: Teko, Helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.headline h1 {
  font-size: 50px;
  margin-top: 0;
}
.languagebox .dropdown-menu > li > a {
  margin-right: 0;
  padding: 0;
}

.fusion-main-menu .sub-menu.pronavbox li .prom3 li {
  width: 100%;
}

.erwtbox {
  display: none;
  position: absolute;
  top: 35px;
  width: 150px;
  z-index: 3;
}

.socailafooter a {
  position: relative;
}

.socailafooter a:hover .erwtbox,
.social-icons a:hover .erwtbox {
  display: block;
}
.social-icons a .erwtbox {
  right: 20px;
}

.modal {
  z-index: 999999;
}

.ui-widget-header a:hover {
  color: var(--i_color);
}

header.fixed {
  position: relative;
  background: #fff;
  z-index: 999999;
  width: 100%;
  box-shadow:
    4px 8px 8px #0000001a,
    4px 8px 8px #0000001a;
  top: 0;
}

.contactbox1.info .item .text a {
  color: var(--i_color);
}

.contactbox1.info .item .text .title {
  color: #222;
  margin-bottom: 10px;
}

.contactbox1.info .item .text {
  display: flex;
  flex-direction: column;
  color: var(--i_color);
  font-weight: 500;
  font-size: 20px;
}

.contactbox1.info .item {
  display: flex;
  margin-bottom: 40px;
}

.contactbox1.info .item .ico {
  margin-right: 20px;
  flex-shrink: 0;
}

.sjbtnbox {
  z-index: 999999;
  position: fixed;
  right: 0;
  top: 20%;
  width: 50px;
  overflow: hidden;
  transition: all 0.4s;
}

.sjbtnbox .item a .ico,
.sjbtnbox .item a font {
  flex-shrink: 0;
}

.sjbtnbox:hover {
  width: 310px;
}

.sjbtnbox .item a {
  color: #fff;
  display: flex;
  align-items: center;
}

.sjbtnbox .item {
  height: 50px;
  margin-bottom: 1px;
  background: var(--i_color);
  color: #fff;
}

.page_nav {
  margin: 20px 0 50px 0;
}

.page_nav ul {
  list-style: none;
  text-align: center;
  display: flex;
  align-items: center;
  border-radius: 0;
  justify-content: center;
}

.page_nav li {
  display: inline-block;
  margin-bottom: 0;
  padding: 0;
  width: 25%;
  padding-right: 20px;
}

.page_nav li a:hover,
.page_nav li.active a {
  background: var(--i_color);
  border-color: var(--i_color);
}

.page_nav li a:hover,
.page_nav li.active a {
  text-decoration: none;
  color: var(--i_color);
}

.page_nav li a {
  display: flex;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  transition: all 0.5s;
  position: relative;
  z-index: 5;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #e2e2e2;
  font-weight: 500;
}

.page_nav li a:hover p,
.page_nav li.active a p {
  color: #fff;
}

.page_nav li a p {
  margin: 0;
  margin-left: 0;
  transition: all 0.5s;
  display: block;
  overflow: hidden;
  position: relative;
  padding: 8px;
  width: 100%;
}

.page_nav li a p:before {
  content: " ";
  position: absolute;
  background: rgba(255, 255, 255, 0.15);
  width: 46px;
  height: 46px;
  top: -21px;
  left: -26px;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  z-index: -1;
}

.page_nav li a p:hover:before {
  width: 200px;
  height: 200px;
  left: -15px;
  top: -50px;
}

.newsSwiper {
  padding-bottom: 50px;
  position: relative;
}

.langbox a {
  padding: 0 10px;
  color: #fff;
}

.search_input {
  height: 49px;
  background: #ffffff;
  border-radius: 4px;
  border: 2px solid #bebebe;
  transition: width 0.3s ease; /* 平滑过渡效果 */
}

.search_main {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: 20px;
  height: 48px;
}

.search_main .form-control {
  color: #222;
  float: left;
  background: none;
  border: none;
  height: 45px;
  width: 98%;
  padding: 0 5px;
  outline: none;
  box-shadow: none;
}

.search_main .search_btn {
  cursor: pointer;
  border: none;
  background: none;
}

.close-search {
  position: absolute;
  right: 50%;
  margin-right: -34px;
  bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ddd;
  border-radius: 50%;
  height: 64px;
  width: 64px;
  color: #222;
  text-align: CENTER;
}

.close-search i {
  height: 20px;
  width: 20px;
  display: inline-block;
}

.about2boxl .readmore {
  margin-top: 20px;
}

.fformbox .item.item6 {
  justify-content: flex-start;
}

.about12box {
  margin-bottom: 50px;
}

.about2boxl .readmore a {
  border: 1px solid #fff;
  padding: 5px 20px;
}

.about2boxl .item {
  display: flex;
  margin-bottom: 5px;
}

.about2boxl .item .items {
  width: 50%;
  overflow: hidden;
}

.about2boxl .item .items.text {
  padding: 10px;
  background: var(--i_color);
  color: #fff;
}

.probtnbox h2 {
  margin-top: 0;
  text-align: center;
}

.probtnbox {
  width: 100%;
  margin: 0px 0 50px;
  padding: 50px 0;
}

.probtnbox .box {
  margin-top: 50px;
}

.probtnbox .box .item .titlebox {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  justify-content: center;
}

.probtnbox .box .item {
  text-align: center;
  padding: 0 60px;
}

.probtnbox .box .col-md-4:nth-child(2) {
  border-left: 2px solid #eee;
  border-right: 2px solid #eee;
}

.readmore2 a {
  color: #000;
  font-size: 18px;
}

.banner__swiper .swiper-pagination-fraction {
  top: 15px;
  color: #555;
}

.news1 .picbox {
  overflow: hidden;
}

.contactinfoheader .itemc:nth-child(2) {
  width: auto;
}

.contactbtn {
  flex-shrink: 0;
}

.contactbtn a {
  padding: 12px 20px;
  background: var(--i_color);
  color: #fff;
  border-radius: 12px;
  font-weight: 500;
  font-size: 16px;
}

.contactinfoheader {
  display: flex;
  justify-content: flex-end;
}

.contactinfoheader .ico {
  margin-right: 5px;
  flex-shrink: 0;
}

.contactinfoheader .itemc div.title {
  font-weight: 500;
  font-size: 16px;
}

.contactinfoheader .itemc div.text {
  display: flex;
  align-items: center;
}

.contactinfoheader .itemc div.text,
.contactinfoheader .itemc div.text a {
  color: var(--i_color);
}

.contactinfoheader .itemc {
  display: flex;
  flex-direction: column;
  padding: 10px 30px;
  border-right: 1px solid #777;
  width: 33%;
}

.contactinfoheader .itemc:last-child {
  border-right: none;
}

select {
  max-width: 100%;
}

.seropro .djc_clearfix {
  flex-direction: column;
}

.seropro .djc_filter_list li {
  width: 100% !important;
}

header .socailafooter img {
  filter: brightness(0) invert(1);
}

.cont-ousel strong {
  font-size: 18px;
}

.prosearchbox .button_bg {
  width: 100%;
  height: 50px;
}

.icobox {
  margin: 65px 0 0 40px;
}

.icobox img {
  margin-right: 15px;
}

.factoryvideobox .textinfo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0;
}

.promenufloat {
  position: fixed;
  right: 0;
  top: 45%;
  z-index: 9999;
}

.promenu_btn span.ico img {
  width: 20px;
}

.promenufloat .sidemenu_new {
  background: #fff;
  box-shadow: 0px 12px 37px 3px rgba(7, 7, 7, 0.21);
  border-radius: 15px;
  padding: 20px;
}

#myModalapp {
  width: 225px;
  right: 0;
  left: auto;
}

.bannertext h1 {
  font-size: 46px;
  text-transform: uppercase;
  color: var(--i_color);
}

#myModalapp .modal-header {
  padding: 5px;
}

#myModalapp .modal-dialog {
  width: 100%;
}

.readmore.huis a {
  background: #727171;
}

.mt0 {
  margin-top: 0;
}

.navfbox {
  margin-top: 100px;
}

.navfbox a {
  margin-right: 5px;
  color: #9b9ca0;
}

.contactinfo .flex span:last-child {
  width: 80%;
  margin-left: 2px;
}

.ficon {
  margin-right: 10px;
}

.contactinfo .flex {
  margin-top: 10px;
  flex-wrap: nowrap;
}

.contactinfo .flex .itemflex:first-child {
  margin-right: 50px;
}

.linef {
  margin: 0 80px;
  border-top: 2px solid #9b9ca0;
  padding-top: 20px;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}

.pd30 {
  padding: 70px 0;
}

button {
  outline: none;
}

img {
  transition: 0.3s;
}

.hover_img:hover {
  transform: scale(1.1);
}

#bigimage1 {
  position: absolute;
  display: none;
  z-index: 999;
  bottom: 0;
  left: 20%;
}

#bigimage1 img {
  max-width: 120px;
}

/*productlist start*/
.product-series {
  padding-bottom: 3rem;
}

.breadcrumb {
  font-size: 20.75px;
  background: none;
  padding: 0;
}

.breadcrumb-container {
  position: relative;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  z-index: 1;
}

.breadcrumb-container:before {
  width: 350px;
  left: calc(170px + 6vw);
}

.breadcrumb-container:before {
  left: 148px;
  width: 148px;
  transform: skewX(-10deg) translateX(-100%);
}

.breadcrumb-container:after {
  left: calc(188px + 6vw);
  height: 179px;
  width: 3rem;
  transform: skewX(-10deg);
}

.breadcrumb-container:after,
.breadcrumb-container:before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  height: 530px;
  background: linear-gradient(
    180deg,
    rgba(12, 93, 154, 0.11),
    rgba(231, 236, 240, 0)
  );
  transform-origin: right top;
  transform: skewX(-10deg) translateX(-100%);
  z-index: -1;
}

.breadcrumb-items {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  padding: 0;
}

.breadcrumb-item:first-child {
  min-width: 168px;
}

.breadcrumb-item:first-child {
  color: #fff;
  display: inline-flex;
  align-items: center;
  padding: 0.5em 0;
  justify-content: space-between;
}

.breadcrumb-item {
  position: relative;
  display: inline-block;
  color: var(--i_color);
  font-weight: 500;
  padding: 0.5em 1em;
  box-sizing: border-box;
  z-index: 10;
}

.breadcrumb-item:first-child:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 200%;
  height: 100%;
  background: linear-gradient(270deg, var(--i_color) 5%, hsla(0, 0%, 91%, 0));
  transform: skewX(-10deg);
  z-index: -1;
}

.breadcrumb-item:first-child:after {
  flex: 1 1;
  width: 60%;
  height: 1px;
  margin-left: 1em;
  background-color: #fff;
}

.breadcrumb-item:first-child:after {
  content: "";
  display: inline-block;
}

.product-series-banner {
  position: relative;
  width: 100%;
  margin: 0 auto 4rem;
}

.product-series-banner:after,
.product-series-banner:before {
  content: "";
  position: absolute;
  top: -13.5rem;
  right: 12.6%;
  width: 20%;
  height: 100%;
  background: linear-gradient(180deg, var(--i_color), rgba(231, 236, 240, 0));
  opacity: 0.08;
  transform-origin: left bottom;
  transform: skewX(-10deg);
}

.product-series-banner .container {
  display: flex;
  align-items: center;
}

.product-series-banner-img {
  width: 60%;
  order: 2;
}

.product-series-banner-img {
  position: relative;
  max-width: 950px;
  padding-left: 50px;
  text-align: right;
}

.product-series-banner-content {
  width: 40%;
}

.product-series-banner-content .product-banner-title {
  font-size: 40px;
  margin-bottom: 1.2em;
}

.product-banner-btns {
  display: inline-block;
  overflow: hidden;
}

.product-banner-btns-inner.more-btns {
  width: calc(100% + 0.5em);
  margin-left: -0.5em;
}

.product-banner-btns-inner {
  display: inline-flex;
  padding-bottom: 2px;
}

.more-btns .product-banner-btn:first-child {
  padding-left: 1em;
}

.product-banner-btn.catalogue {
  color: #fff;
  background-color: var(--i_color);
}

.more-btns .product-banner-btn {
  transform-origin: bottom right;
  transform: skewX(-10deg);
}

.product-banner-btn {
  display: inline-block;
  font-size: 18px;
  padding: 0.6em 1em;
  box-sizing: border-box;
  white-space: nowrap;
  border: 1px solid var(--i_color);
  transition: 0.3s;
}

.more-btns .product-banner-btn-inner {
  transform: skewX(10deg);
}

.product-banner-btn-inner {
  display: flex;
  align-items: center;
}

.more-btns .product-banner-btn:last-child {
  padding-right: 1.5em;
  margin-left: 10px;
}

.product-banner-btn.bearing-list {
  color: #222;
  background-color: #fff;
}

.more-btns .product-banner-btn:last-child:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 3px;
  height: 100%;
  width: 1px;
  background-color: var(--i_color);
  transform: skewX(10deg);
}

.product-banner-btn-inner .btn-text {
  display: inline-block;
}

.about2boxl .item .items.text h3 {
  margin-top: 0;
}

.about2boxl .item .items.text p {
  height: 80px;
  overflow: hidden;
}

.about2boxl .item .items.pic {
  display: flex;
  align-items: center;
  background: #fff;
}

/*productlist end*/
/*product首页*/

/*product首页end*/
/*news1*/

.news-items {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}
.news-items .item h3 {
  line-height: 25px;
  color: var(--i_color4);
  font-size: 20px;
}
.news-items .item:hover h3 {
  color: var(--i_color4);
}
.news-items .item a{ color: #222;}
.news-items .item {
  background: #efefef;
  margin-bottom: 50px;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  position: relative;
  border-radius: 4px;
}
.news-items .item .picbox{ height: 200px;}
.news-items .item:hover .picbox img {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
}
.news-items .item .picbox img {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  object-fit: cover;
  object-position: center;
  left: 0;
max-height: 200px;
}
.news-items .item .textbox {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  padding: 10px;
}
.news-items .readmore a:hover {
  border: none;
}
.news1 .picbox a img {
  max-height: 400px;
}
.news-items .readmore a {
  color: #222;
  padding: 0px;
  background: none;
}
/*news1--end*/
/* //news3.php */

/* end news3.php */
.banner__swiper .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 0;
}

.arrowright {
  margin-left: 20px;
}

.privy-elemesant {
  border: none;
  color: #fff;
  border-radius: 20px;
  background-color: var(--i_color);
  padding: 10px 20px;
}

.fusion-menu .sub-menu li a:hover {
  padding-left: 5px;
}

.w40 {
  width: 40%;
}

.w60 {
  width: 58%;
}

.formboxf {
  border: 1px solid #9b9ca0;
  padding: 15px;
  border-radius: 10px;
}


@keyframes float {
  0% {
    transform: translateY(0px);
    animation-timing-function: ease-in-out;
  }

  25% {
    transform: translateY(-5px);
    animation-timing-function: linear;
  }

  50% {
    transform: translateY(0px);
    animation-timing-function: linear;
  }

  75% {
    transform: translateY(5px);
    animation-timing-function: linear;
  }

  100% {
    transform: translateY(0px);
    animation-timing-function: linear;
  }
}

.news3box .row:hover .link-desktop__wrap {
  background-color: rgb(0, 0, 0, 0.2);
}
.f25 {
  font-size: 25px;
}

.f18 {
  font-size: 18px;
}

.subformbox input {
  border: none;
  background: none;
  width: 70%;
  color: #fff;
}

.subformbox button {
  background: #fff;
  width: 25%;
  border: none;
}

.subformbox {
  margin-top: 10px;
  display: flex;
  background: var(--i_color);
  height: 73px;
  padding: 10px;
  justify-content: space-between;
}

.langfbox a font {
  margin: 0 5px;
}
.langfbox a {
  background: rgb(119, 119, 119);
  background: linear-gradient(
    90deg,
    rgba(119, 119, 119, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  padding: 10px 40px;
  border-radius: 10px;
  color: #222;
}

.elementor-icon-box-title {
  font-size: 16px;
  color: #95bbe0;
  margin: 0;
}

.elementor-icon-box-description {
  margin: 0;
  font-size: 15px;
}

input,
textarea {
  border: 1px solid #e5e5e5;
  padding: 10px 5px;
  background-color: transparent;
  color: #999;
  transition: ease-out 300ms;
}

.modal-dialog {
  width: 50%;
}

.theme-signin textarea {
  border: 1px solid #e5e5e5;
  padding: 10px 5px;
}

.theme-signin .item {
  display: flex;
  justify-content: space-between;
}

/* .news1 页面样式 */

.news1 .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  align-items: stretch;
}

.news1 .newspic {
  height: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 0.25rem 0.25rem 3.5rem 0.25rem;
  background: #f1f1f1;
  overflow: hidden;
}

.news1 .newspic:hover img {
  transform: scale(1.1);
}

.news1 .newspic img {
  max-height: 230px;
  transition: all 0.3s ease-in-out;
  border-radius: 0.25rem 0.25rem 3.5rem 0.25rem;
}

.article:nth-of-type(1n) {
  -webkit-transition-delay: 175ms;
  -o-transition-delay: 175ms;
  transition-delay: 175ms;
}

.cpt-background {
  background-color: #fff;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  box-shadow: 7px 7px 50px rgba(0, 0, 0, 0.09);
}

.order-md-3 {
  order: 3 !important;
  margin-top: 10px;
}

.article .byinfo {
  margin-top: 10px;
}

.article .content {
  color: rgba(19, 28, 33, 0.6);
  height: 100px;
}

.article .box2:hover {
  border: 4px solid #ff5a5a;
  padding: 10px;
  transform: translate(-20px, -20px);
}

.article .box2 {
  height: 100%;
  background-color: #fff;
  padding: 10px;
  transition: transform 0.4s;
  box-shadow: 7px 7px 50px rgba(0, 0, 0, 0.09);
  position: relative;
}

.top0 {
  margin-top: 0;
}

.leftbox .info {
  margin-top: 0 !important;
}

.top-search-left-right {
  position: relative;
  background: none;
  display: flex;
}

.cont-ousel2 img,
.cont-ousel img {
  cursor: pointer;
  transition: all 0.6s;
}

.cont-ousel2 img:hover,
.cont-ousel img:hover {
  transform: scale(1.1);
}

.newsflinfo .item {
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.2);
  padding: 10px;
  position: relative;
  transition: all 0.45s ease-in-out;
  z-index: 1;
  margin: 10px;
}

@keyframes load {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.headline {
  margin-top: 0;
  margin-bottom: 60px;
}

.newsflinfo .item .npicbox {
  margin: 15px 0;
}

.newsflinfo .item .ndate {
  border-top: 1px solid #c9cacc;
  padding-top: 10px;
  color: #777;
  text-align: right;
}

.atvbox a {
  margin-right: 20px;
}

.atvbox a img {
  max-width: 61px;
}

.newsnav {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 15px;
}

.newsnav a {
  display: inline-block;
  margin-right: 20px;
  color: #fff;
}

.newsnav a:hover {
  color: #f1f1f1;
}

.leftbox.pro .info {
  margin-top: -40px;
  z-index: 2;
  position: relative;
}

.djc_filters_in li:first-child {
  padding-left: 0 !important;
  width: 240px;
}

.fr {
  float: right;
}

.cont-ousel2 {
  position: relative;
}

.malt {
  width: 100%;
  margin-bottom: 40px;
}

.cctitle {
  margin-top: 15px;
  text-align: center;
}

/* Effect 5 */

.hi-icon-effect-5 .hi-icon {
  overflow: hidden;
  /* -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s; */
}

.hi-icon-effect-5 .hi-icon:after {
  display: none;
}

.hi-icon-effect-5a .hi-icon:hover:before {
  -webkit-animation: toRightFromLeft 0.3s forwards;
  -moz-animation: toRightFromLeft 0.3s forwards;
  animation: toRightFromLeft 0.3s forwards;
}

@-webkit-keyframes toRightFromLeft {
  49% {
    -webkit-transform: translate(100%);
  }

  50% {
    opacity: 0;
    -webkit-transform: translate(-100%);
  }

  51% {
    opacity: 1;
  }
}

@-moz-keyframes toRightFromLeft {
  49% {
    -moz-transform: translate(100%);
  }

  50% {
    opacity: 0;
    -moz-transform: translate(-100%);
  }

  51% {
    opacity: 1;
  }
}

@keyframes toRightFromLeft {
  49% {
    transform: translate(100%);
  }

  50% {
    opacity: 0;
    transform: translate(-100%);
  }

  51% {
    opacity: 1;
  }
}

.hi-icon-effect-5b .hi-icon:hover:before {
  -webkit-animation: toLeftFromRight 0.3s forwards;
  -moz-animation: toLeftFromRight 0.3s forwards;
  animation: toLeftFromRight 0.3s forwards;
}

@-webkit-keyframes toLeftFromRight {
  49% {
    -webkit-transform: translate(-100%);
  }

  50% {
    opacity: 0;
    -webkit-transform: translate(100%);
  }

  51% {
    opacity: 1;
  }
}

@-moz-keyframes toLeftFromRight {
  49% {
    -moz-transform: translate(-100%);
  }

  50% {
    opacity: 0;
    -moz-transform: translate(100%);
  }

  51% {
    opacity: 1;
  }
}

@keyframes toLeftFromRight {
  49% {
    transform: translate(-100%);
  }

  50% {
    opacity: 0;
    transform: translate(100%);
  }

  51% {
    opacity: 1;
  }
}

.hi-icon-effect-5c .hi-icon:hover:before {
  -webkit-animation: toTopFromBottom 0.3s forwards;
  -moz-animation: toTopFromBottom 0.3s forwards;
  animation: toTopFromBottom 0.3s forwards;
}

@-webkit-keyframes toTopFromBottom {
  49% {
    -webkit-transform: translateY(-100%);
  }

  50% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }

  51% {
    opacity: 1;
  }
}

@-moz-keyframes toTopFromBottom {
  49% {
    -moz-transform: translateY(-100%);
  }

  50% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }

  51% {
    opacity: 1;
  }
}

@keyframes toTopFromBottom {
  49% {
    transform: translateY(-100%);
  }

  50% {
    opacity: 0;
    transform: translateY(100%);
  }

  51% {
    opacity: 1;
  }
}

.hi-icon-effect-5d .hi-icon:hover:before {
  -webkit-animation: toBottomFromTop 0.3s forwards;
  -moz-animation: toBottomFromTop 0.3s forwards;
  animation: toBottomFromTop 0.3s forwards;
}

@-webkit-keyframes toBottomFromTop {
  49% {
    -webkit-transform: translateY(100%);
  }

  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }

  51% {
    opacity: 1;
  }
}

@-moz-keyframes toBottomFromTop {
  49% {
    -moz-transform: translateY(100%);
  }

  50% {
    opacity: 0;
    -moz-transform: translateY(-100%);
  }

  51% {
    opacity: 1;
  }
}

@keyframes toBottomFromTop {
  49% {
    transform: translateY(100%);
  }

  50% {
    opacity: 0;
    transform: translateY(-100%);
  }

  51% {
    opacity: 1;
  }
}

.higlight-text {
  color: #ed1b24;
}

/* header.noindex {
    position: relative;
   color: #272727;
} */

.fsubbtn {
  border: none;
}

.readmore {
  margin-top: 15px;
  font-size: 20px;
}

.fsubbtn {
  display: inline-block;
  color: #fff;
  background: none;
  text-transform: capitalize;
  background: var(--i_color4);
  border-radius: 25px;
  padding: 0 20px;
}
.readmore a span.ico {
  margin-right: 10px;
  width: 67px;
  height: 67px;
  background: #ffffff;
  border-radius: 50%;
  border: 2px solid #f1f1f1;
  line-height: 60px;
  text-align: center;
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: #222;
}
.readmore a:hover span.ico,
.section_contact .item.r a:hover {
  color: #fff;
}
.readmore a:hover span.ico:before,
.section_contact .item.r a:hover:before {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.readmore a span.ico:before,
.section_contact .item.r a::before {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: "";
  background: var(--i_color5);
  color: #05202b;
  border-color: #dddddd;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  transition-duration: 500ms;
  position: absolute;
  top: 0;
  left: 0;
}
.readmore a span.ico .fa {
  position: relative;
}
.beianinfo {
  padding: 20px 0;
}

.leftbox .info {
  margin-top: 20px;
  padding: 30px;
}

.leftbox .info a {
  color: #fff;
}

.ptop {
  padding-top: 50px;
}

.bannertext .text {
  margin: 40px 0 40px;
  font-size: 24px;
  color: #333;
  overflow: hidden;
}

.bannertext .readmore a {
  color: #fff;
  background: var(--i_color);
  border: none;
  font-size: 18px;
}

.bannertext .readmore a:hover {
  background: var(--i_color);
}

.bannertext {
  position: absolute;
  bottom: 30%;
  right: 80px;
  z-index: 1;
  color: #fff;
}

.bannertext .btns a:hover {
  background: var(--i_color) !important;
  color: #fff !important;
}

.bannertext .btns a {
  display: inline-block;
  border-radius: 20px;
  padding: 10px 30px;
  line-height: 25px;
  height: 40px;
  background: #cb1428;
  color: #fff;
}

.banner__swiper .swiper-container {
  background: #fff;
}

.listli .liop img {
  max-height: 198px;
}

.listli .liop {
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
}

.mtb {
  padding: 40px 0;
}

.menu {
  padding: 30px;
  display: none;
}

.menu li.firstli {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}

.menu li {
  position: relative;
  padding: 5px 0;
}

.menu li.active a {
  color: var(--i_color);
}

.menu li.active::after {
  z-index: 222;
  right: -20px;
  top: 0;
  background: var(--i_color);
  width: 3px;
  height: 100%;
  position: absolute;
  content: "";
}

.djc_filters_in {
  display: flex;
  justify-content: space-between;
}
.djc_filters_in .button_bg{ background: var(--i_color);}

.two {
  width: 20%;
}

.six {
  width: 60%;
}

.four {
  width: 40%;
}

.djc_filter_search li,
.djc_filter_list li {
  display: block;
  float: left;
  list-style: none;
  padding: 0;
  background: none;
  line-height: 2;
  margin-bottom: 20px;
}

.djc_filters_in li {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.djc_filter_input select {
  height: 53px;
  width: 100%;
}

.djc_filter_input input {
  width: 100%;
  display: block;
  float: left;
  background: #fff;
  border-radius: 4px;
}

.button_bg,
.btn.hasTooltip,
.btqc-field-container button {
  font-size: 18px;
  line-height: 20px;
  color: #fff !important;
  text-transform: none;
  width: 53px;
  background: none;
  transition: all 300ms;
  text-decoration: none;
  height: 53px;
  cursor: pointer;
  outline: none;
  border: 1px solid #fff;
  border-radius: 4px;
  text-transform: uppercase;
}
.button_bg:hover{ background: var(--i_color11);}
.searchboxxhleft .item {
  display: flex;
  border-bottom: 2px dashed #a5a5a4;
  margin-bottom: 10px;
}
.searchboxxhleft .item input {
  width: 90%;
  border: none;
  padding: 10px 0;
}
.searchboxxhleft .item button {
  border: none;
  background: none;
}
.menuheader {
  width: 272px;
    height: 50px;
  text-transform: uppercase;
  background: url(../images/bj1.png) no-repeat;
  background-size: 100%;
}

.sidemenu {
  padding-bottom: 20px;
  border-radius: 10px;
}
.sidemenu li a:before {
  left: 0;
}

.prolist {
  display: flex;
  flex-wrap: wrap;
}

.prolist .item:nth-child(3n + 0) {
  margin-right: 0;
}

.prolist .item {
  width: 32%;
  margin-right: 10px;
  margin-bottom: 10px;
}

#slider {
  position: relative;
}

.searchbyclass .dropdown-menu {
  min-width: 180px;
  height: 500px;
  overflow-y: scroll;
}

.top3box .item1 {
  margin: 10px 0;
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.curtitle {
  margin-top: 0;
}

.socailafooter {
  color: var(--i_color);
}

.socailafooter a {
  display: inline-block;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #000;
  text-align: center;
  line-height: 40px;
}

.socailafooter a:hover {
  background: var(--i_color4);
  border-color: var(--i_color4);
  color: #fff;
}

.fformbox {
  position: relative;
}

.fformbox .item {
  display: flex;
  justify-content: space-between;
}

.fformbox .item .input {
  margin-bottom: 30px;
  width: 48%;
}

.fformbox .item.item4 .textare,
.fformbox .item.item4 .textare textarea {
  width: 100%;
  background: none;
  border: none;
}

.fformbox input[type="text"],
.fformbox textarea {
  padding: 10px;
  border-radius: 0 !important;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: none;
}

.fformbox .item.item4 .textare textarea {
  height: 150px;
  border: 1px solid #777;
}

.fformbox .item .input input {
  width: 100%;
  border: 1px solid #777;
}

.fformbox .item4 button {
  height: 95px;
  border-radius: 6px;
  width: 100px;
  background: var(--i_color);
  border: none;
  color: #fff;
}

.fformbox .item:last-child {
  margin-right: 0;
}

header .fa-angle-down {
  padding-left: 5px;
}

/* header.noindex .fusion-main-menu>ul>li>a{
    border-color: #ddd;
} */

.seroprobox {
  background:var(--i_color10);
  color:#fff;
}


.djc_clearfix {
  display: flex;
  justify-content: space-between;
}

.two {
  width: 19%;
}

.five {
  width: 50%;
}

.four {
  width: 40%;
}

.six {
  width: 60%;
}

.pt60 {
  padding-top: 30px;
}

.rightboxinfo {
  display: flex;
  align-items: center;
  padding-right: 200px;
}

.top3box {
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
  padding-left: 50px;
}

.prony .containner_ny {
  padding-right: 0;
}

.tagtext {
  padding: 2px 5px;
  background: var(--i_color);
  color: #fff;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 1;
}

.fsubbtns,
.fsubbtn_c {
  background: var(--i_color);
  padding: 5px 20px;
  color: #fff;
  border: none;
  font-size: 16px;
  height: 44px;
  width: 100%;
}

.fsubbtn:hover,
.fsubbtns:hover,
.fsubbtn_c:hover {
  background: var(--i_color);
}

.fsubbtns {
  background: #b1b4b9;
}

.u-section {
  margin-bottom: 12px;
}

.tongjis {
  padding-top: 30px;
  text-align: right;
  font-size: 14px;
}

.form-inputs {
  margin-bottom: 10px;
  align-items: center;
  display: flex;
}

.but-zsapds,
.loiyssu {
  background: var(--i_color);
  color: #fff;
  padding: 10px 15px;
  border-radius: 10px;
  border: none;
  width: 100%;
}

.field-inzsp input,
.field-inzsp textarea {
  width: 100%;
}

.form-inputs .label-tit {
  margin-right: 10px;
  width: 100px;
}

.form-inputs .field-inzsp {
  width: 80%;
}

ul {
  margin: 0;
  padding: 0;
}

A {
  text-decoration: none;
}

a,
a:after,
a:before {
  transition-duration: 0.2s;
  transition-timing-function: linear;
}

.clear {
  clear: both;
}

A:hover {
  text-decoration: none;
}

IMG {
  border: none;
  max-width: 100%;
}

.header-search {
  background: #fff;
  height: 30px;
  line-height: 25px;
  width: 70%;
  border-radius: 10px;
  border: 1px solid #222;
}

.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  color: #ed1b24;
  cursor: default;
  border: none;
  border-bottom: 4px solid #ed1b24;
  background: none;
}

.tabinfo {
  margin: 40px 0;
}

.nav-tabs > li > a {
  background: #eee;
  color: #222;
}

.product-teaser img:hover {
  transform: scale(2.4);
}

li {
  list-style: none;
}

.appmenu li {
  border-top: 1px solid #dbdbdb;
  transition: all 0.2s ease-in-out;
}

.appmenu li a {
  padding: 5px 0;
  color: #555;
  display: inline-block;
}

.appmenu li:hover {
  background-color: #eee;
}

.page_slide_l.en {
  width: 90px;
}

.page_slide_l {
  position: fixed;
  width: 77px;
  background-color: #fff;
  z-index: 999;
  top: 350px;
  left: 0;
}

.page_slide_l a.active {
  background-color: #195bae;
  color: #fff;
}

.page_slide_l a {
  display: block;
  padding: 8px 2px;
  text-align: center;
  color: #333;
  border-bottom: 1px solid #eee;
  box-shadow: 0 0 5px #eee;
}

.page_slide_l a:hover {
  color: var(--i_color);
}

.curproductinfo h3 {
  margin-top: 0;
}

.curproductinfo {
  margin-bottom: 20px;
}

.newsitem .content {
  font-size: 16px;
}

.newsitem p {
  margin-bottom: 5px;
  line-height: 18px;
}

.listli h3 {
  margin-top: 0;
}

.qrcodeimg {
  display: none;
  position: absolute;
  z-index: 999;
  right: 200px;
  top: 0;
}
.qrcodeimg img,
.qrcodeimg2 img {
  max-width: 120px;
}

.tp-bullets {
  display: none !important;
}

.cont-ousel {
  padding: 0 15px;
}

.downloadlist {
  margin-bottom: 40px;
}

.container1200,
.container {
  /* padding:0 80px; */
  width: 1680px;
}

.downloadlist li span {
  display: inline-block;
  margin-right: 10px;
  color: #333;
}

.downloadlist li span:first-child {
  color: var(--i_color);
}

input,
select,
option,
textarea {
  outline: none;
}

.subscrbox {
  background: #f0f5f8;
  border-radius: 10px;
  padding: 0 10px;
  margin: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* .subscrbox.noindex{ background: none;} */

.subscrbox.noindex button {
  background: none;
}

.subscrbox input {
  width: 85%;
}

.subscrbox input,
.subscrbox button {
  background: none;
  border: none;
}

.subscrbox button {
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.applist img {
  max-width: 100%;
}

.applist p {
  text-align: center;
  margin-top: 10px;
}

.applist a {
  color: #222;
}

/*导航*****************************************/
.fusion-main-menu ul.prom3 {
  margin-top: 20px;
}

.fusion-main-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.fusion-main-menu > ul > li > a {
  color: #fff;
  position: relative;
  padding: 5px 0;
  font-family: Roboto;
  font-size: 1.2em;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 1.1em;
  text-transform: uppercase;
}

.fusion-main-menu > ul > li > a:hover {
  border: 0;
}

.fusion-main-menu > ul > li a span {
  position: relative;
  display: inline-block;
}

.fusion-main-menu .pronavbox li a span.menu-text::before {
  bottom: 0;
}

.fusion-main-menu > ul > li:hover::before,
.fusion-main-menu .pronavbox li a:hover span.menu-text::before {
  width: 100%;
}

header .fmenubox {
  min-width: 250px;
  max-width: 300px;
  padding: 45px 20px;
  background-color: #f0f6f8;
}
header .fmenubox h2 {
  margin-top: 0;
}
header .zmenubox {
  min-width: 250px;
  padding: 40px 20px;
}
header .readmore a {
  padding: 8px 20px;
}
.fusion-main-menu .sub-menu {
  position: absolute;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 99999;
  background-color: var(--i_color6);
  top: 45px;
  padding: 0px;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.4s ease 0s;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
  pointer-events: auto;
  min-width: 250px;
  max-width: 600px;
  display: flex;
}

.fusion-main-menu .sub-menu.pronavbox {
  flex-wrap: wrap;
  position: fixed;
  top: 150px;
  width: 100%;
  display: flex;
  padding: 50px 80px;
  justify-content: center;
}

.fusion-main-menu .sub-menu.pronavbox li a.a2 {
  color: var(--i_color);
  font-size: 16px;
  border-bottom: 2px solid var(--i_color);
}

.fusion-main-menu .sub-menu li {
  float: none;
  margin: 0;
  padding: 5px;
  text-align: left;
  border-bottom: 1px solid #f1f1f1;
}

.fusion-main-menu .sub-menu.pronavbox li {
  flex-shrink: 0;
  width: 15%;
}

.fusion-main-menu > ul > li a span.picbox img {
  max-height: 198px;
}

.fusion-menu .sub-menu li a {
  padding-top: 7px;
  padding-bottom: 7px;
  color: #fff;
}

.fusion-menu .sub-menu li a:hover {
  color: #f1f1f1;
}

.fusion-menu li .sub-menu.show1 {
  visibility: inherit;
  opacity: 1;
  display: flex !important;
  flex-wrap: wrap;
}

.fusion-menu .sub-menu li a {
  font-size: 14px;
}

.fusion-main-menu > ul > li:hover > a::before {
  transform: scaleX(1);
}

.fusion-main-menu ul .lotio {
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 20px;
  color: #fff;
}

.fusion-main-menu > ul > li {
  padding: 10px;
  position: relative;
  background: var(--i_color6);
  margin: 0 5px;
}

.fusion-main-menu li {
  float: left;
  padding: 0;
  cursor: pointer;
}

.fusion-menu .sub-menu li a.show1 {
  height: 25px;
  overflow: hidden;
  display: block;
}

.fusion-menu .sub-menu li .sub-menu2 a:hover {
  color: var(--i_color);
}

.fusion-menu .sub-menu li .sub-menu2 li {
  border: none;
  width: 100%;
  padding: 5px;
}

.sub-menu li:hover .sub-menu2 {
  visibility: inherit;
  opacity: 1;
}

.fusion-menu li:hover .sub-menu {
  visibility: inherit;
  opacity: 1;
  transform: scaleY(1);
}

.fusion-main-menu .sub-menu2 {
  position: absolute;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  transition: opacity 0.2s ease-in;
  width: 230px;
  background-color: var(--i_color);
  top: 0px;
  left: 220px;
  padding: 20px 10px;
}

.lotio2 {
  transition: all 0.2s linear;
  position: relative;
  font-weight: bold;
  color: #fff;
  vertical-align: text-bottom;
}

.sub-menu li:hover .lotio2::after {
  opacity: 1;
}

.fusion-main-menu > ul > li.active > a > span:after {
  width: 100%;
  left: 0;
}

/*导航*****************************************/

.line {
  position: relative;
  display: none;
}

.line:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 44%;
  width: 50px;
  height: 1px;
  background-color: var(--i_color);
}

.line:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 44%;
  width: 50px;
  height: 1px;
  background-color: var(--i_color);
}

.ptb60 {
  padding: 60px 0;
}

.searchboxbtn button,
.menu-icon button {
  background: none;
  border: none;
  outline: none;
}

.searchbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 10px;
}

.searchbox input {
  background: none;
  border: none;
  height: 40px;
  border-bottom: 2px solid #fff;
  box-shadow: none;
  border-radius: 0;
  font-size: 20px;
}

.searchbox button {
  background: none;
  border: none;
  padding: 10px;
  outline: none;
  height: 40px;
}

.container1200 {
  margin: 0 auto;
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
}

.lmbvt .sidemenu {
  margin-bottom: 20px;
}

.product-carousel {
  margin: 0;
  margin-bottom: 35px;
  display: table;
}

#plp-bread-crumb {
  padding: 20px 0 !important;
  margin-bottom: 10px;
  z-index: 2;
}

#plp-bread-crumb span.active {
  color: #000;
}

.pro_details #plp-bread-crumb {
  padding: 25px 15px !important;
}

.contlxw .bsot {
  border-radius: 0;
  padding: 0 !important;
  outline: none !important;
  border: none !important;
}

.sote {
  position: relative;
  background: url(../images/navbanner.png) no-repeat;
  margin-top: 0 !important;
}

.ui-widget-header {
  color: #fff;
  margin-top: 0px;
}

.pro-info-con .btns {
  margin-top: 50px;
}

.qrcode {
  position: absolute;
  width: 150px;
  right: -50px;
  top: -30px;
  border: 3px solid #fff;
  display: none;
}

.qrcode img {
  width: 100%;
}

.header-search input::-webkit-input-placeholder,
.subformbox input::-webkit-input-placeholder,
.form-group input::-webkit-input-placeholder {
  color: #fff !important;
}

footer .header-search input::-webkit-input-placeholder,
.search_main .form-control::-webkit-input-placeholder,
.searchboxxhleft .item input::-webkit-input-placeholder {
  color: #000 !important;
}

/* 在分辨率为1920，比例为150%的屏幕上应用的样式 */
@media only screen and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .socailafooter a {
    display: inline-block;
    margin-left: 5px;
  }

  .fusion-main-menu > ul > li {
    padding: 13px 5px;
  }
}
@media only screen and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.25) {
}

@media (max-width: 2240px) {
}
@media (max-width: 1920px) {
  .fusion-main-menu .sub-menu.pronavbox {
    top: 138px;
  }

  .model_intror img {
    max-width: 65%;
    margin-left: 80px;
  }

  .lpicbox_cur {
    left: -15px;
    width: 500px;
    height: 500px;
  }

  .fusion-main-menu > ul > li {
    padding: 10px;
  }

  .banner__swiper {
    margin: 0 auto;
    background: #fff;
  }

  .pcsearchbox button {
    height: 43px;
  }

  .fusion-main-menu li.active a:after {
    bottom: -5px;
  }

  .fusion-main-menu > ul > li > a {
    font-size: 16px;
  }

  .searchbyclass .btn {
    font-size: 18px;
  }

  .djc_filter_label {
    font-size: 35px;
  }
}

@media (max-width: 1600px) {
  .aboutnav a {
    font-size: 20px !important;
    width: 24% !important;
  }

  .hero-lou .hero-link .headline {
    margin: 20%;
  }
  .dbbtnss {
    right: 80px;
  }
  .mini-card {
    min-width: 260px;
  }
  .fusion-main-menu .sub-menu.pronavbox {
    top: 120px;
  }
  .fusion-main-menu > ul > li {
    padding: 13px 15px;
  }

  .bannertext h1 {
    font-size: 35px;
  }

  .model_intror img {
    max-width: 80%;
    margin-left: 0px;
  }

  .container1200,
  .container {
    width: 1500px;
  }
}

@media (max-width: 1440px) {
  .fusion-main-menu > ul > li > a {
    letter-spacing: 0;
    font-size: 14px;
  }
  .navfooter h2,
  footer .item1box h2 {
    font-size: 20px;
  }
  .bgindex {
    width: 80%;
  }
  .aboutrbox {
    margin-top: 90px;
  }

  .fusion-main-menu > ul > li {
    padding: 13px 15px;
  }

  .banner__swiper {
    background: #fff;
    width: auto;
  }

  .linef {
    margin: 0 80px;
    border-top: 2px solid #9b9ca0;
    padding-top: 20px;
  }

  .pcsearchbox button {
    height: 43px;
  }

  .fusion-main-menu li.active a:after {
    bottom: -5px;
  }

  .container1200,
  .container {
    width: 1360px;
  }

  .top3box .item1:first-child .item {
    margin-right: 20px;
  }

  .searchbyclass .btn {
    font-size: 16px;
  }

  .djc_filter_label {
    font-size: 18px;
  }

  .bannertext h1 {
    font-size: 35px;
  }
}

@media (max-width: 1366px) {
  .container1200,
  .container {
    width: 1200px;
    max-width: 100%;
  }

  .fusion-main-menu > ul > li {
    padding: 13px 5px;
  }

  .bannertext h1 {
    font-size: 30px;
  }

  .leftbox .info {
    margin-top: 64px;
  }

  .fusion-main-menu li.active a:after {
    bottom: -5px;
  }

  .searchbyclass .btn {
    font-size: 15px;
  }

  .djc_filter_label {
    font-size: 18px;
  }
}

@media (max-width: 786px) {
  .contactinfoheader {
    display: none;
  }

  .pt60 {
    padding-top: 20px;
  }

  .flex {
    flex-direction: column;
  }

  .applo::before {
    left: 15%;
  }

  .cont-ousel img {
    width: auto !important;
    height: auto !important;
  }

  .cont-ousel table,
  .cont-ousel2 table,
  .cont-ousel td {
    background-color: transparent;
    width: 100% !important;
    table-layout: fixed;
    word-break: break-all;
  }

  .teldatal {
    position: relative;
    left: 0;
    top: -40px;
    background: var(--i_color);
  }

  .teldatal a {
    margin: 5px 0;
  }

  .prony .containner_ny {
    padding-right: 10px;
  }

  .container1200,
  .container,
  .containner_ny {
    width: 100%;
    max-width: 100%;
    padding: 0 10px;
  }

  .container1200 {
    max-width: 100%;
    width: 100%;
  }

  .nav-level-2 {
    display: none;
  }

  .header-logo {
    float: left;
    width: 50%;
  }

  .nav-main {
    float: left;
    width: 50%;
  }

  .header-logo img {
    max-width: 63%;
    height: 66px;
  }

  .fusion-main-menu {
    position: relative;
  }

  .navbar-toggle .icon-bar {
    background: #fff;
  }

  .fusion-menu {
    position: fixed;
    z-index: 99999999999;
    background: var(--i_color3);
    display: none;
    width: 100%;
    left: 0px;
    top: 100px;
  }

  .bannertext h1 {
    font-size: 25px;
  }

  .pagerbtn {
    right: 30px;
  }

  .autoplay-progress {
    right: 80px;
  }

  .fusion-main-menu > ul > li {
    padding: 3px;
    position: relative !important;
  }

  .fusion-menu li .sub-menu.show1 {
    opacity: unset;
    display: none;
  }

  .fusion-main-menu li {
    width: 100% !important;
  }

  .fusion-menu .sub-menu li {
    border: none;
  }

  .icoarrow {
    left: 35%;
  }

  .applist {
    text-align: center;
  }

  .appfbox .flex {
    flex-direction: row;
  }

  .navfbox {
    margin: 15px 0;
  }

  .about2box .itemtext .item {
    padding: 20px 50px 20px;
  }

  .contactbox1 {
    width: 100% !important;
  }

  .linef {
    margin: 0 15px;
  }

  .flogo {
    margin-bottom: 10px;
  }

  .contactinfo .flex {
    flex-direction: row;
  }

  .ptb60 {
    padding: 20px 0;
  }

  .dxg,
  .quiklinkbox {
    display: none;
  }

  .navbar-toggle {
    margin-right: 0;
    background: var(--i_color3);
    margin-top: 10px;
  }

  .malt,
  .product-carousel .slides li {
    width: 100% !important;
  }

  .fusion-main-menu > ul > li > a {
    color: #fff !important;
  }

  .fusion-main-menu .sub-menu {
    position: relative;
    top: 0;
    display: none;
    opacity: 1;
    visibility: visible;
  }

  .line {
    margin-bottom: 20px;
  }

  .fusion-main-menu > ul > li {
    padding-left: 15px !important;
  }

  .logo img {
    z-index: 99999;
  }
  .relappbox {
    position: relative;
  }

  .fformbox {
    flex-direction: column;
  }

  .fformbox .item4 button {
    height: 40px;
  }

  .contactinfony.cont-ousel {
    flex-direction: column;
  }

  .contactboxr,
  .contactbox {
    width: 100% !important;
  }

  .leftbox {
    display: none;
  }

  header.noindex .fusion-main-menu > ul > li > a {
    color: #fff;
  }

  .appbox .item {
    width: 50%;
  }
  .fusion-main-menu li.active a:after,
  .ny.container1200::after {
    background: none;
  }

  .djc_filter_input select {
    border: 1px solid #999;
  }

  .djc_filters_in .item {
    width: 100% !important;
  }

  .listli .liop {
    margin-bottom: 10px;
  }

  .djc_filters_in li {
    padding-left: 0px !important;
    padding-right: 3px !important;
    margin-right: 8px !important;
  }

  .logoarea {
    margin-top: 20px;
  }

  .bannertext {
    color: #222;
    width: 100%;
    left: 0;
    padding: 15px;
    top: 0;
    position: relative;
    height: auto;
  }

  .bannertext .btns a {
    padding: 10px;
  }

  .searchbox {
    margin: 10px auto;
  }

  .djc_filters_in li:first-child {
    padding-left: 0 !important;
    width: 100%;
    margin-bottom: 10px;
  }

  .listli .row {
    display: block;
    align-items: center;
  }

  header.noindex .top3box .item1 {
    width: auto;
  }

  header {
    position: relative;
    top: 0;
    padding-bottom: 0;
  }

  .faq .titleinfo h1 {
    line-height: 35px;
  }

  .fusion-main-menu .sub-menu {
    min-height: auto;
  }

  .applo {
    font-size: 25px;
  }

  .dropdown-menu {
    left: auto;
  }

  .modal-dialog {
    width: 95% !important;
  }

  .form-inputs .label-tit {
    height: 45px;
  }

  .news-item {
    width: 100%;
    padding: 10px;
  }

  .content table tr {
    display: flex;
    flex-direction: column;
  }

  .content table tr td {
    width: 100%;
  }

  .containertop {
    padding: 0 10px;
  }

  .banner__swiper .picbox {
    width: 100%;
    float: none;
  }

  .djc_clearfix {
    flex-direction: column;
  }

  .two,
  .i_fangan .lrw,
  .i_fangan .cow {
    width: 100%;
  }

  .icobox {
    margin: 10px 0;
  }
  .prony .item .title,
  #myTabContent .tab-pane .item .title {
    height: auto;
  }
  .cont-ousel2 img,
  .cont-ousel img {
    width: auto !important;
    height: auto !important;
  }
  .dbbtnss {
    top: 60px;
  }
  .aboutusdesc .item2,
  .aboutusdesc .item1 {
    width: 100%;
  }

  .about2box .lbbtn {
    left: 70%;
  }

  .probtnbox .btnbox a:first-child {
    margin-right: 1px;
  }
  .page_nav li {
    width: 33%;
  }

  .headline,
  .probtnbox .box .item {
    margin-bottom: 40px;
  }
  body{ font-size: 16px;}
  .aboutuspage .cont-ousel tr {
    display: table-row;
  }

  #plp-bread-crumb span.active {
    color: #222;
  }

  .aboutusdesc .text {
    word-break: break-word;
  }

  .readmore.fixed {
    display: none;
  }

  .aboutusbox .leftbox {
    display: block;
  }

  .aboutusbox .rightbox {
    margin: 0;
  }

  .aotherinfo .item {
    width: 100%;
  }

  .innerbox2 .r {
    padding-left: 15px;
  }

  .innerbox2 .row {
    flex-direction: column;
  }
  .nybsearchbox .iteminput,
  .lo1 .box2 .cinfobox {
    flex-direction: column;
  }
  .lightbox-link {
    width: 100px;
    height: 100px;
  }
  .nybsearchbox .iteminput .inputs {
    width: 100%;
    background: #eee;
    margin-bottom: 20px;
  }
  .nybsearchbox .iteminput button {
    width: 100px;
  }
  #preview .jqzoom,
  .jq-zoom {
    width: 100% !important;
    height: 350px !important;
  }
  .xbox .items,
  .formbox,
  .xbox .box2 .items h2,.pro3inner .iteml {
    width: 100% !important;
  }
  .xbox .box2 .items:first-child {
    padding-right: 0;
  }
  .xbox .cinfobox {
    padding: 40px 10px;
  }

  .flogotext {
    margin-bottom: 20px;
  }
  footer .row,
  .f1box .boxm,
  .news-items .item,
  .f1box .box,
  .contact3fbox,
  .navfooter,
  .contact2fbox {
    flex-direction: column;
  }
  .news-items .item,
  .news1 .picbox a {
    height: auto;
  }
  .aboutnav {
    margin: 30px 0 !important;
  }
  .aboutnav a {
    font-size: 14px !important;
  }
  #plp-bread-crumb {
    margin-bottom: 0px !important;
  }
  .section_patent_ny .headlinebox p,
  .navfooter .item {
    width: 100% !important;
  }

  .languagebox .dropdown-menu > li > a {
    margin-left: 20px;
  }
  .faqbox .curcontent {
    margin-top: 30px;
  }
  .vbanner .text {
    display: none;
  }
  .othermenu a,
  .langbox a {
    color: #222;
  }
  .othermenu i img {
    filter: brightness(0);
  }
  .product-list .row {
    margin: 0;
  }
  .searchbtn2 img {
    filter: none !important;
  }
  .rightboxinfo {
    padding-right: 0;
  }
  .langbox {
    margin-left: 15px;
  }
  .langbox.f {
    display: none;
  }
  .othermenu {
    top: 35px;
  }
  #plp-thumbs .item .picbox {
    height: auto;
  }
  .searchbtn2 {
    margin-left: 10px;
  }

  .lbporbox {
    position: relative;
    right: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    margin: 20px 0;
  }

  #plp-thumbs .item {
    height: auto;
  }
  .ui-widget-header .text-center {
    font-size: calc(25.2px + 1.812vw);
  }
  .loklsiytexlangkes * {
    text-wrap-mode: wrap !important;
  }
  .pro-detaile {
    overflow-x: scroll !important;
  }
  .readmore_new a {
    padding: 10px 20px;
  }
  .header1 .slogo h1{ text-align: center;}
  .dropdown-menu-full {
    transform: none !important;
    width: 100%;
  }
    header .dropdown-item .picbox {
      margin: 0 auto;
  }
  .footer1 .item{
    width: 100% !important;
  }.footer1 .item1::after{
    background: none;
  }
  .footer1 h2{ font-size: 20px;}
  .mod-appliaction{ padding: 60px 0;}
  .lbboxindex img{ height: auto !important;}
  .alefts{ left: 0 !important; top:-50px !important;}
  .arights{ right: 0 !important; top:-50px !important;}
  .navbar>.container{justify-content: end;}
}