@charset "utf-8";
@import "../css/animate.min.css";
@import "../css/swiper.min.css";

/* 
    ------------  font start  ------------
*/
/* vietnamese */
@font-face {
  font-family: "Cabin";
  font-style: normal;
  font-weight: lighter;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cabin/v27/u-4X0qWljRw-PfU81xCKCpdpbgZJl6XFpfEd7eA9BIxxkbqDH7mlx17r.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: "Cabin";
  font-style: normal;
  font-weight: normal;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cabin/v27/u-4X0qWljRw-PfU81xCKCpdpbgZJl6XFpfEd7eA9BIxxkbqDH7ilx17r.woff2)
    format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: "Cabin";
  font-style: normal;
  font-weight: bold;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cabin/v27/u-4X0qWljRw-PfU81xCKCpdpbgZJl6XFpfEd7eA9BIxxkbqDH7alxw.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

/* 
    ------------  font end  ------------
*/

/* default css */
:root {
  --base-color-orange: #fe9f22;
  --base-color-black: #2c3247;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body,
html,
input,
button,
textarea,
a,
p {
  font-size: 16px;
  font-family: "Cabin", Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.6;
}

h1 {
  font-size: 24px;
}

h2 {
  font-size: 20px;
}

h3 {
  font-size: 18px;
}

h4,
h5 {
  font-size: 16px;
}

img {
  border: none;
  vertical-align: middle;
  max-width: 100%;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
}

input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none;
  padding: 0;
}

a:active,
select,
input,
textarea {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: 0 !important;
}

.clearfix {
  zoom: 1;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

.sep-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

li.language-flag a {
  position: relative;
}

.language-flag-af .country-flag {
  background-position: 0 0px !important;
}

.language-flag-am .country-flag {
  background-position: 0 -16px !important;
}

.language-flag-ar .country-flag {
  background-position: 0 -32px !important;
}

.language-flag-az .country-flag {
  background-position: 0 -48px !important;
}

.language-flag-be .country-flag {
  background-position: 0 -64px !important;
}

.language-flag-bg .country-flag {
  background-position: 0 -80px !important;
}

.language-flag-bn .country-flag {
  background-position: 0 -96px !important;
}

.language-flag-bs .country-flag {
  background-position: 0 -112px !important;
}

.language-flag-ca .country-flag {
  background-position: 0 -128px !important;
}

.language-flag-ceb .country-flag {
  background-position: 0 -144px !important;
}

.language-flag-co .country-flag {
  background-position: 0 -160px !important;
}

.language-flag-cs .country-flag {
  background-position: 0 -176px !important;
}

.language-flag-cy .country-flag {
  background-position: 0 -192px !important;
}

.language-flag-da .country-flag {
  background-position: 0 -208px !important;
}

.language-flag-de .country-flag {
  background-position: 0 -224px !important;
}

.language-flag-el .country-flag {
  background-position: 0 -240px !important;
}

.language-flag-en .country-flag {
  background-position: 0 -256px !important;
}

.language-flag-eo .country-flag {
  background-position: 0 -272px !important;
}

.language-flag-es .country-flag {
  background-position: 0 -288px !important;
}

.language-flag-et .country-flag {
  background-position: 0 -304px !important;
}

.language-flag-eu .country-flag {
  background-position: 0 -320px !important;
}

.language-flag-fa .country-flag {
  background-position: 0 -336px !important;
}

.language-flag-fi .country-flag {
  background-position: 0 -352px !important;
}

.language-flag-fr .country-flag {
  background-position: 0 -368px !important;
}

.language-flag-fy .country-flag {
  background-position: 0 -384px !important;
}

.language-flag-ga .country-flag {
  background-position: 0 -400px !important;
}

.language-flag-gd .country-flag {
  background-position: 0 -416px !important;
}

.language-flag-gl .country-flag {
  background-position: 0 -432px !important;
}

.language-flag-gu .country-flag {
  background-position: 0 -448px !important;
}

.language-flag-ha .country-flag {
  background-position: 0 -464px !important;
}

.language-flag-haw .country-flag {
  background-position: 0 -480px !important;
}

.language-flag-hi .country-flag {
  background-position: 0 -496px !important;
}

.language-flag-hmn .country-flag {
  background-position: 0 -512px !important;
}

.language-flag-hr .country-flag {
  background-position: 0 -528px !important;
}

.language-flag-ht .country-flag {
  background-position: 0 -544px !important;
}

.language-flag-hu .country-flag {
  background-position: 0 -560px !important;
}

.language-flag-hy .country-flag {
  background-position: 0 -576px !important;
}

.language-flag-id .country-flag {
  background-position: 0 -592px !important;
}

.language-flag-ig .country-flag {
  background-position: 0 -608px !important;
}

.language-flag-is .country-flag {
  background-position: 0 -624px !important;
}

.language-flag-it .country-flag {
  background-position: 0 -640px !important;
}

.language-flag-iw .country-flag {
  background-position: 0 -656px !important;
}

.language-flag-ja .country-flag {
  background-position: 0 -672px !important;
}

.language-flag-jw .country-flag {
  background-position: 0 -688px !important;
}

.language-flag-ka .country-flag {
  background-position: 0 -704px !important;
}

.language-flag-kk .country-flag {
  background-position: 0 -720px !important;
}

.language-flag-km .country-flag {
  background-position: 0 -736px !important;
}

.language-flag-kn .country-flag {
  background-position: 0 -752px !important;
}

.language-flag-ko .country-flag {
  background-position: 0 -768px !important;
}

.language-flag-ku .country-flag {
  background-position: 0 -784px !important;
}

.language-flag-ky .country-flag {
  background-position: 0 -800px !important;
}

.language-flag-la .country-flag {
  background-position: 0 -816px !important;
}

.language-flag-lb .country-flag {
  background-position: 0 -832px !important;
}

.language-flag-lo .country-flag {
  background-position: 0 -848px !important;
}

.language-flag-lt .country-flag {
  background-position: 0 -864px !important;
}

.language-flag-lv .country-flag {
  background-position: 0 -880px !important;
}

.language-flag-mg .country-flag {
  background-position: 0 -896px !important;
}

.language-flag-mi .country-flag {
  background-position: 0 -912px !important;
}

.language-flag-mk .country-flag {
  background-position: 0 -928px !important;
}

.language-flag-ml .country-flag {
  background-position: 0 -944px !important;
}

.language-flag-mn .country-flag {
  background-position: 0 -960px !important;
}

.language-flag-mr .country-flag {
  background-position: 0 -976px !important;
}

.language-flag-ms .country-flag {
  background-position: 0 -992px !important;
}

.language-flag-mt .country-flag {
  background-position: 0 -1008px !important;
}

.language-flag-my .country-flag {
  background-position: 0 -1024px !important;
}

.language-flag-ne .country-flag {
  background-position: 0 -1040px !important;
}

.language-flag-nl .country-flag {
  background-position: 0 -1056px !important;
}

.language-flag-no .country-flag {
  background-position: 0 -1072px !important;
}

.language-flag-ny .country-flag {
  background-position: 0 -1088px !important;
}

.language-flag-pa .country-flag {
  background-position: 0 -1104px !important;
}

.language-flag-pl .country-flag {
  background-position: 0 -1120px !important;
}

.language-flag-ps .country-flag {
  background-position: 0 -1136px !important;
}

.language-flag-pt .country-flag {
  background-position: 0 -1152px !important;
}

.language-flag-ro .country-flag {
  background-position: 0 -1168px !important;
}

.language-flag-ru .country-flag {
  background-position: 0 -1184px !important;
}

.language-flag-sd .country-flag {
  background-position: 0 -1200px !important;
}

.language-flag-si .country-flag {
  background-position: 0 -1216px !important;
}

.language-flag-sk .country-flag {
  background-position: 0 -1232px !important;
}

.language-flag-sl .country-flag {
  background-position: 0 -1248px !important;
}

.language-flag-sm .country-flag {
  background-position: 0 -1264px !important;
}

.language-flag-sn .country-flag {
  background-position: 0 -1280px !important;
}

.language-flag-so .country-flag {
  background-position: 0 -1296px !important;
}

.language-flag-sq .country-flag {
  background-position: 0 -1312px !important;
}

.language-flag-sr .country-flag {
  background-position: 0 -1328px !important;
}

.language-flag-st .country-flag {
  background-position: 0 -1344px !important;
}

.language-flag-su .country-flag {
  background-position: 0 -1360px !important;
}

.language-flag-sv .country-flag {
  background-position: 0 -1376px !important;
}

.language-flag-sw .country-flag {
  background-position: 0 -1392px !important;
}

.language-flag-ta .country-flag {
  background-position: 0 -1408px !important;
}

.language-flag-te .country-flag {
  background-position: 0 -1424px !important;
}

.language-flag-tg .country-flag {
  background-position: 0 -1440px !important;
}

.language-flag-th .country-flag {
  background-position: 0 -1456px !important;
}

.language-flag-tl .country-flag {
  background-position: 0 -1472px !important;
}

.language-flag-tr .country-flag {
  background-position: 0 -1488px !important;
}

.language-flag-uk .country-flag {
  background-position: 0 -1504px !important;
}

.language-flag-ur .country-flag {
  background-position: 0 -1520px !important;
}

.language-flag-uz .country-flag {
  background-position: 0 -1536px !important;
}

.language-flag-vi .country-flag {
  background-position: 0 -1552px !important;
}

.language-flag-xh .country-flag {
  background-position: 0 -1568px !important;
}

.language-flag-yi .country-flag {
  background-position: 0 -1584px !important;
}

.language-flag-yo .country-flag {
  background-position: 0 -1600px !important;
}

.language-flag-zh-CN .country-flag {
  background-position: 0 -1616px !important;
}

.language-flag-zh-TW .country-flag {
  background-position: 0 -1632px !important;
}

.language-flag-zu .country-flag {
  background-position: 0 -1648px !important;
}

/* default css */

/* header css */
.common-header {
  background: #fff;
  position: relative;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  z-index: 9999;
}

.common-header.active {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  animation: fadeInUp 0.4s ease-out;
}

.common-header .container {
  max-width: none;
}

.common-header .head-cont {
  display: flex;
  justify-content: space-between;
  padding: 0 2%;
  align-items: stretch;
}

.common-header .logo-box {
  display: flex;
  align-items: center;
}

.common-header .logo-box a.logo-img {
  display: block;
}

.common-header .logo-box a img {
  height: 50px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.common-header .nav-box {
  margin-left: auto;
}

.common-header .nav-box > ul {
  display: flex;
}

.common-header .nav-box > ul > li {
  line-height: 90px;
  position: relative;
  margin-right: 35px;
}

.common-header .nav-box > ul > li > a {
  line-height: 90px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  display: flex;
  align-items: center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.common-header .nav-box > ul > li > a > i {
  font-size: 14px;
  margin-left: 5px;
  position: relative;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.common-header .nav-box > ul > li:hover > a > i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  color: var(--base-color-orange);
}

.common-header .nav-box > ul > li:hover > a {
  color: var(--base-color-orange);
}

.common-header .nav-box > ul > li > a::after {
  content: "";
  height: 2px;
  right: 0px;
  bottom: 0px;
  left: auto;
  width: 0;
  position: absolute;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  background-color: var(--base-color-orange);
}

.common-header .nav-box > ul > li:hover > a::after {
  left: 0px;
  right: auto;
  width: 100%;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.common-header .nav-box > ul > li > ul.dropdown-box {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 9999;
  background: #fff none repeat scroll 0 0;
  -webkit-box-shadow: 0 0 20px 0.4px rgb(0 0 0 / 10%);
  box-shadow: 0 0 20px 0.4px rgb(0 0 0 / 10%);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 30px 0;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: center top 0;
  -o-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  visibility: hidden;
}

.common-header .nav-box > ul > li:hover > ul.dropdown-box {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  visibility: visible;
}

.common-header .nav-box > ul > li > ul.dropdown-box > li {
  line-height: 1.6;
  margin-bottom: 10px;
  padding: 0 30px;
  position: relative;
}

.common-header .nav-box > ul > li > ul.dropdown-box > li:last-child {
  margin-bottom: 0;
}

.common-header .nav-box > ul > li > ul.dropdown-box > li > a {
  color: #000;
  display: block;
  width: max-content;
}

.common-header .nav-box > ul > li > ul.dropdown-box > li:hover > a {
  color: var(--base-color-orange);
}

.common-header .nav-box > ul > li > ul.dropdown-box > li > ul.sub-menu {
  position: absolute;
  left: 100%;
  top: 0;
  opacity: 0;
  padding: 30px 0;
  box-shadow: 0 0 20px 0.4px rgb(0 0 0 / 10%);
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: center top 0;
  -o-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  background: #fff none repeat scroll 0 0;
}

.common-header .nav-box > ul > li > ul.dropdown-box > li:hover > ul.sub-menu {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  visibility: visible;
}

.common-header .nav-box > ul > li > ul.dropdown-box > li > ul.sub-menu > li {
  padding: 0 30px;
  white-space: nowrap;
  line-height: 1.6;
  margin-bottom: 10px;
}

.common-header
  .nav-box
  > ul
  > li
  > ul.dropdown-box
  > li
  > ul.sub-menu
  > li
  > a {
  color: #000;
}

.common-header
  .nav-box
  > ul
  > li
  > ul.dropdown-box
  > li
  > ul.sub-menu
  > li:hover
  > a {
  color: var(--base-color-orange);
}

.common-header .head-right {
  display: flex;
  height: 100%;
}

.common-header .head-right .change-language {
  display: flex;
  position: relative;
}

.common-header .head-right .change-language .country-flag {
  display: inline-block;
  zoom: 1;
  background-repeat: no-repeat;
  background-image: url(../images/all-m.gif);
  width: 22px;
  height: 16px;
  margin-right: 10px;
}

.change-language-title {
  display: flex;
  align-items: center;
}

.head-search {
  margin-right: 20px;
  display: flex;
  align-items: center;
}

.head-search .search-toogle {
  font-size: 24px;
  display: flex;
}

.head-search .search-wrap {
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 100%;
  height: 0;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: center top 0;
  -o-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.head-search .search-wrap.open {
  visibility: visible;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 99;
  height: 80px;
}

.head-search .search-toogle i {
  cursor: pointer;
}

.head-search .search-toogle i.search-open {
  opacity: 1;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}

.head-search .search-toogle i.search-close {
  opacity: 0;
  width: 0;
  height: 24px;
}

.head-search .search-toogle.open i.search-open {
  opacity: 0;
  width: 0;
}

.head-search .search-toogle.open i.search-close {
  opacity: 1;
  width: 24px;
}

.head-search .search-wrap.open {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.head-search .search-wrap form {
  width: 100%;
  max-width: 1200px;
  display: flex;
  position: relative;
}

.head-search .search-wrap form button.button-search {
  width: 40px;
  height: 40px;
  display: block;
  border: none;
  outline: none;
  cursor: pointer;
  position: absolute;
  background: transparent;
  right: 0;
  top: 0;
}

.head-search .search-wrap form input.search-for {
  width: 100%;
  height: 40px;
  line-height: 26px;
  border-left: none;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #999;
  color: #333;
  outline: none;
  display: block;
  font-size: 18px;
  padding-left: 15px;
  padding-right: 15px;
  background: none;
  border-radius: 0;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
}

.head-search .search-wrap.open form input.search-for:focus {
  border-color: #000;
}

.head-search .search-wrap form button.button-search i {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.head-search .search-wrap.open form button.button-search:hover i {
  color: var(--base-color-orange);
}

.change-language-title .language-flag a {
  color: #333;
  font-size: 10pt;
  display: flex;
  align-items: center;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  line-height: 90px;
}

.change-language-title .language-flag a i {
  font-size: 14px;
  margin-left: 5px;
  position: relative;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.common-header .head-right .change-language .change-language-cont {
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 9999;
  background: #fff none repeat scroll 0 0;
  -webkit-box-shadow: 0 0 20px 0.4px rgb(0 0 0 / 10%);
  box-shadow: 0 0 20px 0.4px rgb(0 0 0 / 10%);
  display: block;
  padding: 30px;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: center top 0;
  -o-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  visibility: hidden;
}

.common-header
  .head-right
  .change-language
  .change-language-cont
  ul
  li.language-flag
  a {
  display: flex;
  align-items: center;
  color: #666;
  font-size: 14px;
  font-family: "open-sans", Arial, Helvetica, sans-serif;
}

.common-header .head-right .change-language .change-language-cont ul {
  display: flex;
  flex-wrap: wrap;
  width: 240px;
}

.common-header .head-right .change-language .change-language-cont ul li {
  width: 50%;
}

/* 二级分类 */

/* header css */

/* footer css */
.footer-top {
  padding: 60px 0 0;
  background: var(--base-color-black);
  color: #fff;
}

.footer-copyright {
  background: #000;
  color: #fff;
  padding: 15px 0;
}

.footer-box {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.footer-copyright .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.footer-links ul {
  display: flex;
  flex-wrap: wrap;
}

.footer-copyright p.copyRight {
  font-size: 16px;
  line-height: 30px;
}

.footer-links ul li {
  padding: 0 6px;
}

.footer-links ul li a {
  color: #fff;
}

.footer-links ul li a:hover {
  color: var(--base-color-orange);
}

.footer-qrcode .qrcode {
  width: 150px;
}

.footer-box ul li a {
  color: #fff;
}

.footer-box > ul > li > a {
  font-size: 24px;
  font-weight: bold;
}

.footer-box > ul {
  flex: 1;
}

.footer-box > ul:last-child {
  flex: 0;
}

ul.footer-sub li {
  line-height: 1.8;
  margin-bottom: 5px;
}

ul.footer-sub li span {
  color: var(--base-color-orange);
  font-size: 16px;
  display: inline;
}

ul.footer-sub li p {
  display: inline;
  font-size: 16px;
}

.footer-box > ul > li > a::after {
  content: "";
  width: 30px;
  height: 2px;
  background-color: var(--base-color-orange);
  margin: 5px 0 25px;
  display: block;
}

.social-links {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  padding: 35px 0 30px;
  margin-top: 45px;
}

.social-links .footer-logo {
  height: 50px;
}

.social-links .footer-logo img {
  height: 100%;
}

.social-links ul {
  display: flex;
}

.social-links ul li {
  margin: 8px;
}

.social-links ul li a {
  color: #fff;
}

.social-links ul li a i {
  font-size: 18px;
}

.social-links ul li a:hover {
  color: var(--base-color-orange);
}

/* footer css */

/* online css */
#online {
  position: fixed;
  right: 5px;
  top: 40%;
  transform: translateY(-50%);
  font-family: Arial, Helvetica, sans-serif;
  z-index: 9999;
}

#online * {
  box-sizing: border-box;
  font-size: 12px;
  line-height: 1.1;
}

.online-list {
  padding: 0;
  border: 1px solid #eee;
  background-color: #fff;
  max-width: 78px;
  border-radius: 4px;
  margin: 0;
  position: relative;
}

.whatsapp-icon {
  display: inline-block;
  background: url(../images/whatsapp.webp) no-repeat;
  width: 28px;
  height: 28px;
  transform: scale(0.8);
  background-position: left center;
  background-size: cover;
}

.skype-icon {
  display: inline-block;
  background: url(../images/skype.webp) no-repeat;
  width: 28px;
  height: 28px;
  transform: scale(0.8);
  background-position: left center;
  background-size: cover;
}

.email-icon {
  display: inline-block;
  background: url(../images/e-mail.webp) no-repeat;
  width: 28px;
  height: 28px;
  transform: scale(0.8);
  background-position: left center;
  background-size: cover;
}

.wechat-icon {
  display: inline-block;
  background: url(../images/wechat.webp) no-repeat;
  width: 28px;
  height: 28px;
  transform: scale(0.8);
  background-position: left center;
  background-size: cover;
}

.qq-icon {
  display: inline-block;
  background: url(../images/qq.webp) no-repeat;
  width: 28px;
  height: 28px;
  transform: scale(0.8);
  background-position: left center;
  background-size: cover;
}

.tra-icon {
  display: inline-block;
  background: url(../images/tra.webp) no-repeat;
  width: 28px;
  height: 28px;
  transform: scale(0.8);
  background-position: left center;
  background-size: cover;
}

.vk-icon {
  display: inline-block;
  background: url(../images/VKontakte.webp) no-repeat;
  width: 28px;
  height: 28px;
  transform: scale(0.8);
  background-position: left center;
  background-size: cover;
}

.online-list > li {
  width: 100%;
  border-top: 1px solid #eee;
  list-style: none;
  text-align: center;
  padding: 10px 0 4px;
  position: relative;
  transition: all 0.2s ease-in-out;
}

.online-itemcont {
  position: absolute;
  top: 0px;
  right: 100%;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 4px 0px 0px 4px;
  visibility: hidden;
  opacity: 0;
  transition: top 0.2s, opacity 0.2s;
  overflow-y: auto;
}

.online-list > li:hover .online-itemcont {
  top: 0;
  opacity: 1;
  visibility: visible;
}

.online-itemcont a {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  color: #555;
  text-decoration: none;
  padding: 2px 4px;
  text-align: left;
  width: 180px;
  text-transform: capitalize;
}

.online-itemcont > div {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}

.online-itemcont > div:last-of-type {
  border: 0;
}

.online-itemcont > div a {
  border: 0;
}

.online-wechat-img img {
  display: block;
  margin: 0 auto;
}

.online-itemcont p {
  text-overflow: ellipsis;
  width: 100%;
  float: left;
}

.online-itemcont a:last-child {
  border: 0;
}

.online-itemcont a i {
  transform: scale(0.7);
  float: left;
  padding-right: 30px;
}

.online-itemcont a span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}

.online-list > li .online-itemico p {
  margin: 0;
  transform: scale(0.9);
  text-transform: capitalize;
}

.online-list > li .online-itemico {
  color: #555;
  text-decoration: none;
  display: block;
  cursor: pointer;
  padding: 0 2px;
}

.online-list > li:hover,
.online-list > li:hover + li {
  border-color: transparent;
}

.online-list > li:first-child {
  border-radius: 4px 4px 0 0;
  border: 0;
}

.online-list > li:last-child {
  border-radius: 0 0 4px 4px;
}

.wechatrt {
  width: 100%;
  float: left;
}

.we-1 {
  width: 100%;
  float: left;
}

.wechatrt img {
  max-width: 100%;
  height: 100px;
}

.inner-banner {
  position: relative;
}

.inner-banner .in-ban-img img {
  -webkit-filter: brightness(0.8);
  -moz-filter: brightness(0.8);
  -o-filter: brightness(0.8);
  filter: brightness(0.8);
}

.inner-banner .in-ban-cont {
  position: absolute;
  top: calc(50% - 35px);
  left: 50%;
  width: 1400px;
  transform: translate(-50%, -50%);
  max-width: 100%;
}

.inner-banner .inner-breadcrumb {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 20px 0;
  background: rgba(0, 0, 0, 0.4);
}

.inner-banner .inner-breadcrumb .container {
  display: flex;
  align-items: center;
}

.inner-breadcrumb i.fa {
  color: #fff;
  margin-right: 10px;
}

ul.breadcrumb {
  display: flex;
  align-items: center;
}

ul.breadcrumb li a {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  line-height: 30px;
}

ul.breadcrumb li a:hover {
  text-decoration: underline;
}

ul.breadcrumb li + li::before {
  content: "\f105";
  color: #fff;
  font-family: "FontAwesome";
  font-weight: normal;
  margin: 0 10px;
}

ul.breadcrumb li:last-child a {
  color: var(--base-color-orange);
}

.inner-banner .in-ban-cont h3 {
  font-size: 36px;
  color: #fff;
}

.sep-inner-body .inner-body-title {
  padding: 3% 0;
}

.sep-inner-body .inner-body-title h1 {
  text-align: center;
  font-size: 48px;
}

.sep-sidebar {
  width: 380px;
  margin-right: 20px;
  margin-bottom: 70px;
  position: sticky;
  align-self: flex-start;
  top: 30px;
  background: #f5f5f5;
}

.sep-sidebar .sep-sidebar-list:nth-child(1) {
  padding-bottom: 0%;
}

.sep-sidebar .sep-sidebar-list:nth-child(2) {
  padding-top: 0%;
}

.sep-sidebar .sep-sidebar-list {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5%;
  padding-bottom: 5%;
}

.sep-sidebar .sep-sidebar-list .hd {
  color: #333;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 10px;
}

.sep-sidebar .sep-sidebar-list .hd i {
  font-size: 40px;
  margin-right: 10px;
  position: relative;
  top: -2px;
  color: var(--base-color-orange);
}

.sep-sidebar .sep-sidebar-list a.hd:hover {
  color: var(--base-color-orange);
}

.sep-sidebar .sep-sidebar-list > ul > li {
  margin-bottom: 2px;
}

.sep-sidebar .sep-sidebar-list > ul > li.active > .box {
  background: var(--base-color-orange);
}

.sep-sidebar .sep-sidebar-list > ul > li.active > .box a {
  color: #fff;
}

.sep-sidebar .sep-sidebar-list > ul > li.active > .box i {
  color: #fff;
  transform: rotate(90deg);
  transition: All 0.4s ease;
  -webkit-transition: All 0.4s ease;
  -moz-transition: All 0.4s ease;
  -o-transition: All 0.4s ease;
}

.sep-sidebar .sep-sidebar-list > ul > li > .box {
  height: 80px;
  background: #e4e4e4;
  padding-left: 20px;
  padding-right: 20px;
  border-left: 2px solid var(--base-color-orange);
}

.sep-sidebar .sep-sidebar-list > ul > li > .box a {
  font-size: 18px;
  line-height: 1.4em;
  color: #333;
}

.sep-sidebar .sep-sidebar-list > ul > li > .box i {
  margin-left: auto;
  font-size: 22px;
  color: var(--base-color-orange);
  cursor: pointer;
}

.sep-sidebar .sep-sidebar-list > ul > li > .box:hover {
  background: var(--base-color-orange);
}

.sep-sidebar .sep-sidebar-list > ul > li > .box:hover a {
  color: #fff;
}

.sep-sidebar .sep-sidebar-list > ul > li > .box:hover i {
  color: #fff;
}

.sep-sidebar .sep-sidebar-list > ul > li > ul {
  display: none;
  padding: 20px 20px;
  padding-left: 40px;
}

.sep-sidebar .sep-sidebar-list > ul > li > ul > li {
  list-style: disc;
  margin-bottom: 5px;
}

.sep-sidebar .sep-sidebar-list > ul > li > ul > li.active {
  color: var(--base-color-orange);
}

.sep-sidebar .sep-sidebar-list > ul > li > ul > li.active > .box a {
  color: var(--base-color-orange) !important;
}

.sep-sidebar .sep-sidebar-list > ul > li > ul > li.active > .box a:hover {
  text-decoration: underline;
}

.sep-sidebar .sep-sidebar-list > ul > li > ul > li.active > .box i {
  color: var(--base-color-orange);
  transform: rotate(45deg);
  transition: All 0.4s ease;
  -webkit-transition: All 0.4s ease;
  -moz-transition: All 0.4s ease;
  -o-transition: All 0.4s ease;
}

.sep-sidebar .sep-sidebar-list > ul > li > ul > li:nth-child(1) {
  border-top: none;
}

.sep-sidebar .sep-sidebar-list > ul > li > ul > li > .box {
  padding-right: 24px;
}

.sep-sidebar .sep-sidebar-list > ul > li > ul > li > .box a {
  font-size: 16px;
  color: #666;
}

.sep-sidebar .sep-sidebar-list > ul > li > ul > li > .box a:hover {
  color: var(--base-color-orange);
}

.sep-sidebar .sep-sidebar-list > ul > li > ul > li > .box i {
  margin-left: auto;
  font-size: 18px;
  color: #666;
  cursor: pointer;
}

.sep-sidebar .sep-sidebar-list > ul > li > ul > li > .box i:hover {
  color: var(--base-color-orange);
}

.sep-sidebar .sep-sidebar-list > ul > li > ul > li > ul {
  padding-bottom: 10px;
  padding-top: 20px;
  display: none;
  border-top: 1px solid #f0f0f0;
}

.sep-sidebar .sep-sidebar-list > ul > li > ul > li > ul > li {
  margin-bottom: 10px;
}

.sep-sidebar .sep-sidebar-list > ul > li > ul > li > ul > li > a {
  color: #999;
  font-size: 16px;
  padding-left: 20px;
}

.sep-sidebar .sep-sidebar-list > ul > li > ul > li > ul > li > a:hover,
.sep-sidebar .sep-sidebar-list > ul > li > ul > li > ul > li > a.active {
  color: var(--base-color-orange);
}

.sep-primary {
  flex: auto;
  width: 0;
}

.block {
  display: block;
}

.flex-v-center {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  align-items: center;
}

.flex {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
}

.flex-mb {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
}

.flex-item {
  flex: 1;
}

.flex-center {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  align-items: center;
  justify-content: center;
}

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

.cproductslist {
  display: flex;
}

.recent li {
  display: block;
}

.recent li.cl {
  width: 100%;
}

.recent li {
  float: left;
  margin-bottom: 5% !important;
  font-weight: 400;
  color: #555;
  font-size: 14px;
  line-height: 1.4;
  position: relative;
}

.recent li .thum {
  width: 100px;
  overflow: hidden;
  float: left;
  border: 1px solid rgb(0 0 0/10%);
}

.recent li .thum a {
  padding-left: 0px;
}

.recent li .thum a img {
  max-width: 100%;
}

.recent li a.title {
  display: block;
  margin-left: 95px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.recent li a {
  padding-left: 20px;
  font-size: 14px;
  line-height: 1.4;
  color: #000;
}

.npro .more {
  height: 44px;
  line-height: 44px;
  padding: 0 22px;
  border-radius: 22px;
  background: var(--base-color-orange);
  color: #fff;
  display: table;
  font-size: 16px;
}

.npro .more:hover {
  opacity: 0.8;
  color: #fff;
}

.npro .more i {
  font-size: 20px;
  margin-left: 8px;
}

/*products search */
.widget {
  background: #f5f5f5;
  padding: 30px;
  width: 100%;
  margin-bottom: 5%;
}

.widget form {
  position: relative;
}

.widget form input {
  width: 100%;
  padding: 10px;
  border: 0;
  background: #fff;
  margin-bottom: 0;
  height: 40px;
  font-weight: 400;
  font-size: 14px;
  line-height: 2;
}

.widget form button {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #fff;
  color: #333;
  border: 0;
  padding: 8px 16px;
  cursor: pointer;
  height: 40px;
}

.sep-inner-body .relate-news-items {
  margin: 0 -20px;
}

.sep-inner-body .relate-news-items .item {
  padding: 0 20px;
}

.sep-inner-body .relate-news-items .item .box:hover .info {
  box-shadow: 0 14px 49px 0 rgba(8, 145, 64, 0.2);
}

.sep-inner-body .relate-news-items .item .box .thumb {
}

.sep-inner-body .relate-news-items .item .box .thumb .date-box {
  position: absolute;
  width: 65px;
  height: 83px;
  background: #fff;
  left: 30px;
  top: 30px;
  padding-top: 5px;
}

.sep-inner-body .relate-news-items .item .box .thumb .date-box .month {
  font-size: 18px;
  color: #666;
  line-height: 1em;
}

.sep-inner-body .relate-news-items .item .box .thumb .date-box .day {
  font-size: 30px;
  color: var(--base-color-orange);
  line-height: 1em;
  margin: 5px 0;
  position: relative;
}

.sep-inner-body .relate-news-items .item .box .thumb .date-box .day::before {
  content: "";
  width: 10px;
  height: 1px;
  background: #202415;
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -2px;
}

.sep-inner-body .relate-news-items .item .box .thumb .date-box .day::after {
  content: "";
  width: 10px;
  height: 1px;
  background: #202415;
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
}

.sep-inner-body .relate-news-items .item .box .thumb .date-box .year {
  line-height: 1em;
  font-size: 16px;
  color: #666;
}

.sep-inner-body .relate-news-items .item .box .thumb img {
  object-fit: cover;
  height: 100%;
}

.sep-inner-body .relate-news-items .item .box .info {
  height: 180px;
  padding: 26px;
}

.sep-inner-body .relate-news-items .item .box .info .title {
  font-size: 20px;
  color: #333;
  line-height: 1.4em;
  margin-bottom: 15px;
  position: relative;
}

.sep-inner-body .relate-news-items .item .box .info .title:hover {
  color: var(--base-color-orange);
}

.sep-inner-body .relate-news-items .item .box .info .title::before {
  content: "";
  position: absolute;
  left: -26px;
  top: 4px;
  display: block;
  width: 4px;
  height: 33px;
  background: var(--base-color-orange);
}

.sep-inner-body .relate-news-items .item .box .info .summary {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  margin-bottom: 20px;
}

.sep-inner-body .relate-news-items .item .box .info .more {
  font-size: 16px;
  color: #333;
}

.sep-inner-body .relate-news-items .item .box .info .more:hover {
  color: var(--base-color-orange);
}

/*products*/
.cproductslist .sep-sidebar .sep-sidebar-list:nth-child(1) {
  padding-bottom: 5%;
}

.prolist {
  float: right;
  width: 70%;
}

.prolist .sep-primary {
  width: 100%;
}

.prolist h1 {
  text-align: left !important;
  font-size: 30px;
  font-weight: bold;
  border-bottom: solid 1px #f4f4f4;
  padding-bottom: 2%;
  margin-bottom: 2%;
}

.plistdeul {
  width: 100%;
  float: left;
  color: #666;
  font-size: 16px;
}

.jc-resource-grid {
  margin-top: 3%;
  width: 100%;
  float: left;
}

.pmore {
  width: 100%;
  float: left;
  margin-top: 3%;
}

.pmore a {
  height: 44px;
  line-height: 44px;
  padding: 0 22px;
  border-radius: 22px;
  background: var(--base-color-black);
  color: #fff;
  display: table;
  font-size: 16px;
}

.pmore a:hover {
  opacity: 0.8;
  color: #fff;
}

.pmore a i {
  font-size: 20px;
  margin-left: 8px;
}

.pmore .more {
  float: left;
  font-size: 14px;
  height: 44px;
  line-height: 44px;
  width: auto;
  padding: 0 22px;
}

.pmore .inqury {
  float: left;
  font-size: 14px;
  margin-left: 5%;
  background: var(--base-color-orange);
}

.prolist .summary,
.prolist .pmore {
  display: none;
}

.jc-resource-grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -10px;
  width: auto;
  float: inherit;
}

.prolist .col-md-4 {
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  max-width: 33.33%;
  float: left;
  padding: 10px;
}

.prolist .col-md-4 img {
  border: solid 1px #f4f4f4;
  padding: 2%;
  max-width: 100%;
}

.pr .box {
  background-color: #fff;
}

.cproductslist .sep-sidebar-list {
  float: left;
  width: 100%;
  background: #f5f5f5;
  padding-top: 5% !important;
}

.cproductslist .sep-sidebar {
  background-color: #fff;
}

.prolist .jc-resource-grid .show-detail {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  border-bottom: solid 1px #f4f4f4;
  padding-bottom: 2%;
  margin-bottom: 2%;
}

.prolist .jc-resource-grid .show-detail .thumb {
  width: 30%;
  float: left;
}

.prolist .show-detail .info {
  width: 65%;
  float: right;
  text-align: left;
}

.prolist .jc-resource-grid .show-detail .info .summary {
  display: block;
}

.show-detail .info {
  text-align: left !important;
}

.prolist .jc-resource-grid .show-detail .info .pmore {
  display: block;
}

.sep-inner-body .jc-resource-grid .item .info .title {
  font-size: 18px;
  color: #333;
  position: relative;
  margin-bottom: 15px;
}

.sep-inner-body .jc-resource-grid .item .info .title:hover {
  color: var(--base-color-orange);
}

.sep-inner-body .jc-resource-grid .item .info .summary {
  color: #666;
  font-size: 16px;
  line-height: 1.6em;
}

.sep-inner-body .jc-resource-grid .item .info .summary a {
  color: var(--base-color-orange);
}

.sep-inner-body .jc-resource-grid .item .info .summary a:hover {
  text-decoration: underline;
}

/*showproducts*/
.cshowpslist .sep-sidebar-list {
  float: left;
  width: 100%;
  background: #f5f5f5;
  padding-top: 5% !important;
}

.cshowpslist .sep-sidebar {
  background-color: #fff;
}

.showpr-left {
  width: 45%;
}

.showpr-right {
  width: 52%;
}

.showpr-right h1 {
  width: 100%;
}

.showpr-right h2 {
  width: 100%;
  font-size: 18px;
  color: #666;
}

.showpr-right h3 {
  width: 100%;
  font-size: 16px;
}

.showty {
  width: 100%;
  margin-top: 3%;
}

.btns a:nth-child(1) {
  background: var(--base-color-orange);
  color: #fff;
  border: 1px solid var(--base-color-orange);
}

.btns a:nth-child(1) i {
  margin-left: 5px;
}

.btns a {
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  border-radius: 30px;
}

.btns a:nth-child(2) {
  border: 1px solid #333;
  margin-left: 10px;
  color: #333;
}

.btns a:nth-child(2) i {
  font-size: 18px;
  margin-right: 10px;
}

.btns a:nth-child(1):hover {
  background: #fff;
  color: var(--base-color-orange);
  border: 1px solid var(--base-color-orange);
}

.btns a:nth-child(2):hover {
  background: var(--base-color-orange);
  color: #fff;
  border: 1px solid var(--base-color-orange);
}

.share {
  width: 100%;
  margin-top: 2%;
}

.sep-primary-a {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.sep-primary-b {
  width: 100%;
  margin-top: 3%;
}

.sep-primary-b-1 {
  width: 100%;
  display: flex;
  border-bottom: solid 1px #dedede;
}

.sep-primary-b-1 a.on {
  background: var(--base-color-orange);
  color: #fff;
  border: 1px solid var(--base-color-orange);
}

.sep-primary-b-1 a {
  cursor: pointer;
  padding-left: 2%;
  padding-right: 2%;
  margin-right: 2%;
  padding-top: 1%;
  padding-bottom: 1%;
}

.sep-p {
  width: 100%;
  margin-top: 2%;
}

.HotTags {
  width: 100%;
  margin-top: 2%;
}

.sep-pagination {
  text-align: center;
}

.sep-pagination .pagination li a,
.sep-pagination .pagination li span {
  padding: 3px 15px;
  color: #333;
}

.sep-pagination .pagination li.active a,
.sep-pagination .pagination li.active span {
  border-color: var(--base-color-orange);
  background: var(--base-color-orange);
  color: #fff;
}

.sep-pagination .pagination li a:hover {
  border-color: var(--base-color-orange);
  background: var(--base-color-orange);
  color: #fff;
}

.sep-resource-list-nothumb .sep-datalist {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li:nth-child(1) > a,
.pagination > li:nth-child(1) > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.8;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.sep-inner-body .sep-title {
  color: #333;
  line-height: 1.4em;
  margin-bottom: 70px;
  font-weight: bold;
}

.sep-inner-body .sep-title.text-center {
  display: table;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.sep-inner-body .sep-title.has-line {
  position: relative;
}

.sep-inner-body .sep-title.has-line::after {
  content: "";
  display: block;
  position: absolute;
  width: 60px;
  height: 1px;
  background: var(--base-color-orange);
  left: 0;
  bottom: -13px;
}

.sep-inner-body .sep-title.has-line.line-center::after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.sep-inner-body a.sep-title:hover {
  color: var(--base-color-orange);
}

.sep-inner-body .sep-section-normal {
  padding: 3% 0;
}

.sep-inner-body .sep-section-normal h1 {
}

.sep-inner-body .sep-section-normal.bg {
  background: #fff;
}

.sep-inner-body .sep-section-normal.pr {
  background: #f7f7f7;
}

.relate {
  text-align: left;
  text-indent: 20px;
  font-size: 18px;
  color: #fff;
  background: var(--base-color-orange);
  margin: 20px 0;
  padding: 5px 0;
  width: 100%;
  float: left;
}

.relate-list .sep-pagination {
  display: none;
}

.relate-list .sep-datalist li {
  width: 31%;
  float: left;
  margin: 0 1.16%;
}

.relate-list .sep-datalist li .title {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  background: #fff;
  color: #333;
  text-align: center;
  height: 2.2em;
  overflow: hidden;
}

.relate-list .sep-datalist li h3 {
  text-align: center;
  margin-top: 5px;
}

.relate-list .sep-datalist li .title:hover {
  color: var(--base-color-orange);
  text-decoration: underline;
}

.relate-list .sep-datalist li .thumb {
  width: 100%;
  display: block;
  border: 1px solid #bbb;
}

.relate-list .sep-datalist li .thumb img {
  width: 100%;
  min-height: 165px;
}

.relate-list .sep-datalist li .summary {
  display: none;
}

.relate-list .sep-datalist li .published {
  display: none;
}

.relate-list .sep-datalist li .btn-read {
  display: none;
}

.relate-list.relate-article-list .sep-datalist li {
  width: 50%;
  float: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin: 0 0;
}

.relate-list.relate-article-list .sep-datalist li h2 {
  overflow: hidden;
}

.relate-list.relate-article-list .sep-datalist li .title {
  display: inline-block;
  font-size: 16px;
  background: transparent;
  color: #000;
  text-align: left;
  overflow: hidden;
  display: block;
  height: auto;
}

.relate-list.relate-article-list .sep-datalist li .title:before {
  content: "●";
  color: #000;
  padding-right: 5px;
  font-size: 12px;
}

.relate-list.relate-article-list .sep-datalist li .title:hover {
  color: var(--base-color-orange);
  text-decoration: underline;
}

.relate-list.relate-article-list .sep-datalist li .thumb {
  width: 100%;
  display: block;
  border: 1px solid #bbb;
  display: none;
}

.relate-list.relate-article-list .sep-datalist li .thumb img {
  width: 100%;
}

.relate-list.relate-article-list .sep-datalist li .summary {
  display: none;
}

.relate-list.relate-article-list .sep-datalist li .published {
  display: none;
}

.relate-list.relate-article-list .sep-datalist li .btn-read {
  display: none;
}

.Related .swiper-button-next,
.Related .swiper-button-prev {
  width: auto;
  height: auto;
  text-align: center;
}

.Related .swiper-button-next i,
.Related .swiper-button-prev i {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: var(--base-color-orange);
}

.Related .swiper-button-next.swiper-button-disabled,
.Related .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}

.Related .swiper-button-next.swiper-button-disabled i,
.Related .swiper-button-prev.swiper-button-disabled i {
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
}

/*shaixuan*/
.poorder .tab-list {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding-top: 3%;
  padding-bottom: 3%;
}

.tab-list dd {
  cursor: pointer;
}

#ert {
  width: 21px;
  height: 22px;
  float: left;
  background-image: url(../images/p-su.webp);
  background-repeat: no-repeat;
  background-position: center center;
}

.tab-list .list .current {
  background-image: url(../images/p-su-1.webp) !important;
}

#uioi {
  width: 21px;
  height: 22px;
  float: left;
  background-image: url(../images/p-he.webp);
  background-repeat: no-repeat;
  background-position: center center;
}

.tab-list .list1 .current {
  background-image: url(../images/p-he-1.webp) !important;
}

.Recommendations .swiper-button-next,
.Recommendations .swiper-button-prev {
  width: auto;
  height: auto;
  text-align: center;
}

.Recommendations .swiper-button-next i,
.Recommendations .swiper-button-prev i {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: var(--base-color-orange);
}

.Recommendations .swiper-button-next.swiper-button-disabled,
.Recommendations .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}

.Recommendations .swiper-button-next.swiper-button-disabled i,
.Recommendations .swiper-button-prev.swiper-button-disabled i {
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
}

.swiper-button-next,
.swiper-button-prev {
  background: none;
}

.bt {
  border-top: 1px solid #dcdcdc;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb64 {
  margin-bottom: 64px !important;
}

.mb72 {
  margin-bottom: 72px;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.fz36 {
  font-size: 2.25rem;
}

.fz30 {
  font-size: 1.875rem;
}

.fz32 {
  font-size: 32px;
}

.fz46 {
  font-size: 2.875rem;
}

.fz44 {
  font-size: 44px;
}

.fz40 {
  font-size: 2.5rem !important;
}

.fz42 {
  font-size: 2.625rem !important;
}

.fz50 {
  font-size: 3.125rem;
}

.fz54 {
  font-size: 3.125rem;
}

.fz60 {
  font-size: 3.75rem;
}

.fz24 {
  font-size: 1.5rem;
}

.fz26 {
  font-size: 26px;
}

.fz56 {
  font-size: 56px;
}

.fz68 {
  font-size: 4.25rem;
}

.fz40 {
  font-size: 2.5rem;
}

.pt0 {
  padding-top: 0 !important;
}

.pt60 {
  padding-top: 5.55555556vh !important;
}

.pb60 {
  padding-bottom: 5.55555556vh !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pt120 {
  padding-top: 120px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pb120 {
  padding-bottom: 120px !important;
}

.pr30 {
  padding-right: 20px;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.bt {
  border-top: 1px solid #e6e6e6;
}

.cproductslist .sep-primary-b-2 .sep-p p img {
  display: block;
  margin: 0 auto;
}

.sep-scale {
  transition: All 0.8s ease;
  -webkit-transition: All 0.8s ease;
  -moz-transition: All 0.8s ease;
  -o-transition: All 0.8s ease;
}

.sep-scale:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}

.sep-scale-wrap:hover .sep-scale-mask {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
}

.sep-scale-wrap:hover .mask {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
}

.sep-scale-wrap:hover .scale-hover-hide {
  opacity: 0;
}

.sep-scale-mask {
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
}

.scale-hide {
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
}

.overflow {
  overflow: hidden;
}

/*contact*/
.bq-contact-form-box {
  width: 100%;
  background-color: #f7f7f7;
  padding-top: 3%;
  padding-bottom: 3%;
}

.bq-contact-form-box .sep-container {
  justify-content: space-between;
}

.bq-contact-form-box .sep-container .contact-form-left {
  width: 63.2%;
}

.bq-contact-form-box .sep-container .contact-form-left .left-title {
  font-size: 36px;
  color: #1a1a1a;
}

.bq-contact-form-box .sep-container .contact-form-left .left-des {
  margin-top: 16px;
}

.bq-contact-form-box .sep-container .contact-form-left .left-des p {
  font-size: 16px;
  line-height: 30px;
  color: #4c4c4c;
  margin-bottom: 0;
}

.bq-contact-form-box .sep-container .contact-form-right {
  width: 30.8%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--base-color-black);
}

.bq-contact-form-box .sep-container .left {
  padding: 46px 90px 46px 50px;
}

.bq-contact-form-box .sep-container .left .left-title {
  font-size: 26px;
  color: #fff;
  line-height: 28px;
}

.bq-contact-form-box .sep-container .left .com-ul li {
  padding: 20px 0;
  padding-left: 28px;
  position: relative;
  padding-bottom: 0;
}

.bq-contact-form-box .sep-container .left .com-ul li:last-child {
  border-bottom: none;
}

.bq-contact-form-box .sep-container .left .com-ul li:last-child .icon {
  font-size: 13px;
}

.bq-contact-form-box .sep-container .left .com-ul li .fa {
  position: absolute;
  left: 0;
  top: 6px;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  transition: all 0.3s;
  color: #fff;
  font-size: 16px;
}

.bq-contact-form-box .sep-container .left .com-ul li .con .con-title {
  font-size: 18px;
  color: #fff;
  margin-bottom: 0;
}

.bq-contact-form-box .sep-container .left .com-ul li .con .con-des {
  margin-top: 4px;
  font-size: 16px;
  color: #fff;
}

.bq-contact-form-box .sep-container .left .com-ul li .con .con-des a {
  font-size: 16px;
  color: #fff;
}

.bq-contact-form-box .sep-container .left .com-ul li .con .con-des a:hover {
  text-decoration: underline;
}

.bq-contact-form-box .sep-container .right-title {
  color: #1a1a1a;
  font-size: 26px;
  line-height: 35px;
  margin-bottom: 10px;
}

.bq-contact-form-box .sep-container .left-des {
  margin-bottom: 30px;
}

.bq-contact-form-box .sep-container .sep-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.bq-contact-form-box .sep-container p {
  font-size: 18px;
  text-align: left;
  color: #fff;
  margin-bottom: 20px;
}

.bq-contact-form-box .sep-container .form-group {
  margin-bottom: 24px;
  width: 48%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

.bq-contact-form-box .sep-container .form-group:last-child {
  margin-bottom: 0;
}

.bq-contact-form-box .sep-container .form-group p {
  display: none !important;
}

.bq-contact-form-box .sep-container .form-group .form-control {
  height: 50px;
  border-radius: 0;
  box-shadow: none;
  border: none;
  width: 100%;
  padding: 10px 20px;
  background: none;
  font-size: 16px;
}

.bq-contact-form-box
  .sep-container
  .form-group
  .form-control::-webkit-input-placeholder {
  font-size: 16px;
  text-align: left;
  color: rgba(0, 0, 0, 0.4);
  line-height: 36px;
}

.bq-contact-form-box .sep-container .form-group i {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.7);
  position: absolute;
  left: 2px;
  top: 14px;
}

.bq-contact-form-box .sep-container .text-box {
  width: 100%;
}

.bq-contact-form-box .sep-container .text-box .form-control {
  resize: none;
  height: auto;
  font-size: 16px;
  padding-top: 0;
  color: 1px solid rgba(0, 0, 0, 0.4);
}

.bq-contact-form-box .sep-container .text-box i {
  top: 2px;
}

.bq-contact-form-box .sep-container .btn-box {
  border: none;
  width: 100%;
  text-align: left;
  margin-top: 30px;
}

.bq-contact-form-box .sep-container .btn-box .btn-primary {
  background: var(--base-color-orange);
  box-shadow: 0 19px 62px 0 rgba(190, 228, 255, 0.27);
  border-radius: 10px;
  font-size: 18px;
  color: #fff;
  padding: 10px 47px;
  transition: all 0.3s;
  outline: none;
  border: 1px solid var(--base-color-orange);
}

.bq-contact-form-box .sep-container .btn-box .btn-primary:hover {
  border-color: var(--base-color-orange);
  background: none;
  color: var(--base-color-orange) !important;
}

.bq-contact-form-box .sep-container .btn-box .btn-primary:hover i {
  color: var(--base-color-orange) !important;
}

.bq-contact-form-box .sep-container .btn-box .btn-primary i.fa {
  position: static;
  color: #fff;
  margin-left: 5px;
}

.sep-inner-body .news-sort {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  justify-content: center;
}

.sep-inner-body .news-sort a {
  padding: 0 50px;
  font-size: 22px;
  color: #4d4d4d;
  height: 50px;
  position: relative;
}

.sep-inner-body .news-sort a:hover {
  color: var(--base-color-orange);
}

.sep-inner-body .news-sort a:last-child::before {
  display: none;
}

.sep-inner-body .news-sort a::before {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  background: #ccc;
  position: absolute;
  right: 0;
}

.sep-inner-body .news-sort a.active {
  color: var(--base-color-orange);
}

.sep-inner-body .sep-news-list2 .item:hover {
  background: #f7f7f7;
}

.sep-inner-body .sep-news-list2 .item .box {
  padding: 40px 0;
  border-bottom: 1px solid #e6e6e6;
  padding-right: 40px;
}

.sep-inner-body .sep-news-list2 .item .box .date {
  width: 100px;
  height: 120px;
  background: #f0f0f0;
  flex-shrink: 0;
  margin-right: 70px;
}

.sep-inner-body .sep-news-list2 .item .box .date .day {
  font-size: 50px;
  color: var(--base-color-orange);
  line-height: 1em;
}

.sep-inner-body .sep-news-list2 .item .box .date .ym {
  color: #4d4d4d;
  font-size: 16px;
}

.sep-inner-body .sep-news-list2 .item .box .info {
  flex: auto;
}

.sep-inner-body .sep-news-list2 .item .box .info .title {
  font-size: 22px;
  color: #333;
  line-height: 1.45454545em;
  margin-bottom: 15px;
}

.sep-inner-body .sep-news-list2 .item .box .info .title:hover {
  color: var(--base-color-orange);
}

.sep-inner-body .sep-news-list2 .item .box .info .summary {
  font-size: 16px;
  color: #808080;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.sep-inner-body .sep-news-list2 .item .box .more {
  margin-left: 132px;
  opacity: 0;
}

.sep-inner-body .sep-news-list2 .item .box .more i {
  width: 50px;
  height: 50px;
  background: var(--base-color-orange);
  border-radius: 50%;
  color: #fff;
}

.sep-inner-body .sep-pdf-grid {
  margin: 0 -50px;
}

.sep-inner-body .sep-pdf-grid .item {
  padding: 0 50px;
  margin-bottom: 50px;
}

.sep-inner-body .sep-pdf-grid .item .box {
  height: 240px;
  border: 1px solid rgba(8, 144, 64, 0.1);
  border-radius: 10px;
  margin-left: 60px;
  padding-top: 55px;
  padding-left: 98px;
  padding-right: 43px;
}

.sep-inner-body .sep-pdf-grid .item .box .iconx {
  position: absolute;
  left: -60px;
}

.sep-inner-body .sep-pdf-grid .item .box .iconx:hover {
  opacity: 0.6;
}

.sep-inner-body .sep-pdf-grid .item .box .iconx {
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(254, 159, 34, 0.8);
  border-radius: 50%;
  color: #fff;
  font-size: 46px;
}

.sep-inner-body .sep-pdf-grid .item .box .title {
  color: #333;
  font-size: 24px;
  line-height: 1.5em;
  margin-bottom: 2%;
}

.sep-inner-body .sep-pdf-grid .item .box .title:hover {
  color: var(--base-color-orange);
}

.sep-inner-body .sep-pdf-grid .item .box .view {
  color: #666;
  font-size: 16px;
}

.sep-inner-body .sep-pdf-grid .item .box .view:hover {
  color: var(--base-color-orange);
}

.sep-inner-body .sep-pdf-grid .item .box .view:hover i {
  color: var(--base-color-orange);
}

.sep-inner-body .sep-pdf-grid .item .box .view i {
  color: rgba(153, 153, 153, 0.6);
  font-size: 20px;
  margin-right: 10px;
}

.sep-inner-body .sep-pdf-grid .item .box .download {
  position: absolute;
  right: 43px;
  bottom: 36px;
}

.sep-inner-body .sep-pdf-grid .item .box .download:hover {
  opacity: 0.7;
}

.sep-inner-body .sep-pdf-grid .item .box .download {
  width: 50px;
  height: 50px;
  background: rgba(254, 159, 34, 0.6);
  border-radius: 50%;
  color: var(--base-color-orange);
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sep-inner-body .sep-pdf-grid .item .box .download .fa {
  color: var(--base-color-orange);
}

.sep-inner-body .sep-faq-list .item {
  margin-bottom: 30px;
}

.sep-inner-body .sep-faq-list .item:last-child {
  margin-bottom: 0;
}

.sep-inner-body .sep-faq-list .item.active .box .control {
  transform: rotate(90deg);
  color: #fff;
}

.sep-inner-body .sep-faq-list .item.active .box .title {
  color: #fff;
}

.sep-inner-body .sep-faq-list .item.active .box .q {
  color: #fff;
}

.sep-inner-body .sep-faq-list .item.active .box .info {
  background: var(--base-color-orange);
}

.sep-inner-body .sep-faq-list .item .box {
  position: relative;
  height: 70px;
  align-items: center;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.1);
}

.sep-inner-body .sep-faq-list .item .box .q {
  color: #fff;
  font-size: 24px;
  text-align: center;
  font-style: normal;
  width: 70px;
  height: 70px;
  line-height: 70px;
  flex-shrink: 0;
  background: var(--base-color-orange);
  border-radius: 20px 0 0 0;
  overflow: hidden;
}

.sep-inner-body .sep-faq-list .item .box .info {
  flex: auto;
  background: #f2f7fc;
  height: 70px;
  padding-left: 20px;
  border-left: 1px solid #f2f7fc;
}

.sep-inner-body .sep-faq-list .item .box .title {
  font-size: 20px;
  position: relative;
  color: #333;
  line-height: 1.4em;
}

.sep-inner-body .sep-faq-list .item .box .title h2 {
  font-size: 20px;
  position: relative;
  color: #fff;
  line-height: 1.4em;
}

.sep-inner-body .sep-faq-list .item .box .control {
  font-size: 16px;
  transition: all 0.4s;
  transform: rotate(0deg);
  text-align: center;
  font-size: 20px;
  color: var(--base-color-orange);
  margin-left: auto;
  margin-right: 35px;
}

.sep-inner-body .sep-faq-list .item .content {
  line-height: 1.6em;
  font-size: 18px;
  display: none;
  padding: 30px;
  position: relative;
  background: #fff;
  padding-left: 90px;
}

.sep-inner-body .sep-faq-list .item .content ul {
  padding-left: 20px;
}

.sep-inner-body .sep-faq-list .item .content * {
  font-size: 18px;
}

.sep-inner-body .sep-faq-list .item .content a {
  text-decoration: underline;
  display: none;
}

.sep-inner-body .sep-faq-list .item .content a:hover {
  color: var(--base-color-orange);
}

.sep-inner-body .sep-faq-list .item .content i {
  position: absolute;
  left: 15px;
  top: 20px;
  font-size: 24px;
  font-style: normal;
  display: none;
}

.sep-inner-body .rd-wrap .thumb {
  display: table;
  position: relative;
  margin-left: auto;
}

.sep-inner-body .rd-wrap .thumb img {
  position: relative;
  z-index: 50;
}

.sep-inner-body .rd-wrap .thumb::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: var(--base-color-orange);
  right: -50px;
  bottom: -50px;
  position: absolute;
  z-index: 10;
}

.sep-inner-body .sep-news-list .item {
  margin-bottom: 60px;
}

.sep-inner-body .sep-news-list .item:last-child {
  margin-bottom: 0;
}

.sep-inner-body .sep-news-list .item .thumb {
  width: 400px;
  flex-shrink: 0;
  margin-right: 80px;
}

.sep-inner-body .sep-news-list .item .thumb img {
  object-fit: cover;
}

.sep-inner-body .sep-news-list .item .thumb .date {
  position: absolute;
  left: 0;
  bottom: 0;
  background: var(--base-color-black);
  color: #fff;
  width: 200px;
  height: 60px;
  padding-left: 20px;
  padding-top: 15px;
}

.sep-inner-body .sep-news-list .item .thumb .date .day {
  font-size: 30px;
  line-height: 1em;
  margin-right: 24px;
}

.sep-inner-body .sep-news-list .item .thumb .date .ym {
  font-size: 16px;
  position: relative;
}

.sep-inner-body .sep-news-list .item .thumb .date .ym::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 25px;
  background: #fff;
  opacity: 0.2;
  position: absolute;
  left: -17px;
  top: -5px;
}

.sep-inner-body .sep-news-list .item .info {
  flex: auto;
}

.sep-inner-body .sep-news-list .item .info .tag {
  color: #666;
  font-size: 16px;
  margin-bottom: 20px;
  display: block;
}

.sep-inner-body .sep-news-list .item .info .tag:hover {
  color: var(--base-color-orange);
}

.sep-inner-body .sep-news-list .item .info .title {
  font-size: 20px;
  color: #333;
  margin-bottom: 15px;
  display: block;
}

.sep-inner-body .sep-news-list .item .info .title:hover {
  color: var(--base-color-orange);
}

.sep-inner-body .sep-news-list .item .info .summary {
  display: block;
  font-size: 16px;
  color: #666;
  line-height: 1.875em;
  margin-bottom: 20px;
}

.sep-inner-body .sep-news-list .item .info .more {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--base-color-orange);
  box-shadow: 0 39px 49px 0 rgba(0, 67, 232, 0.1);
  border-radius: 25px;
}

.sep-inner-body .sep-news-list .item .info .more i {
  color: #fff;
}

.sep-inner-body .sep-news-list .item .info .more:hover {
  opacity: 0.5;
}

.sep-section-normal h1 {
  width: 100%;
  text-align: center;
  color: #333;
  font-weight: bold;
}

.lanmde {
  width: 100%;
  text-align: center;
}

.relative {
  position: relative;
}

.date {
  width: 100%;
  float: left;
  padding-bottom: 2%;
}

.datal {
  width: 100%;
  float: left;
}

.lt-page {
  width: 100%;
  float: left;
  margin-top: 5%;
}

.ccontactlist .sep-inner-body .sep-section-normal {
  padding-top: 0;
}

.prolist .jc-resource-grid .show-detail {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  border-bottom: solid 1px #f4f4f4;
  padding-bottom: 2%;
  margin-bottom: 2%;
}

.prolist .jc-resource-grid .show-detail .thumb {
  width: 30%;
  float: left;
}

.prolist .show-detail .info {
  width: 65%;
  float: right;
  text-align: left;
}

.prolist .jc-resource-grid .show-detail .info .summary {
  display: block;
}

.show-detail .info {
  text-align: left !important;
}

.prolist .jc-resource-grid .show-detail .info .pmore {
  display: block;
}

.cshowlist .sep-primary .richtext p img {
  display: block;
  margin: 0 auto;
}

.richtext h1 {
  font-size: 20px;
  font-weight: bold;
  width: 100%;
  float: left;
  text-align: left;
  border-bottom: solid 1px #f4f4f4;
  padding-bottom: 2%;
  margin-bottom: 2%;
}

.richtext * {
  word-spacing: normal;
  color: #666;
  font-size: 16px;
  line-height: 1.8em !important;
  max-width: 100%;
}

.richtext.fz18 {
  font-size: 18px;
}

.richtext.fz18 * {
  font-size: 18px;
}

.richtext.fz22 {
  font-size: 22px !important;
}

.richtext.fz22 * {
  font-size: 22px !important;
}

.richtext.pl50 {
  padding-left: 50px;
}

.richtext .content-one {
  margin-bottom: 40px;
}

.richtext.pl60 {
  padding-left: 60px;
}

.richtext.paddinglr {
  padding: 0 4.6875vw;
}

.richtext.color-white {
  color: #fff;
}

.richtext.color-white * {
  color: #fff;
}

.richtext.color-white a {
  color: var(--base-color-orange);
}

.richtext.color-white a:hover {
  text-decoration: underline;
}

.richtext.color-white ul li:before {
  background: #fff;
}

.richtext.mb0 {
  margin-bottom: 0;
}

.richtext.square ul li {
  list-style: square;
}

.richtext strong {
  color: #000;
  font-size: 18px;
}

.richtext strong * {
  color: #7c7c7c;
  font-size: 18px;
}

.richtext .fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome !important;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.richtext.fz14 {
  font-size: 16px;
}

.richtext.fz14 * {
  font-size: 16px;
}

.richtext.richtext-x img {
  width: 100%;
}

.richtext.has-img img {
  float: right;
  padding-left: 10px;
}

.richtext.richtext-bordert {
  border-top: 1px solid #c6c6c6;
  padding-bottom: 15px;
}

.richtext ol {
  padding-left: 20px;
}

.richtext ol li {
  list-style: decimal;
}

.richtext p {
  margin-bottom: 0;
}

.richtext a {
  color: var(--base-color-orange);
  text-decoration: none;
}

.richtext a:hover {
  text-decoration: underline;
}

.richtext h2 {
  color: #333;
  font-size: 28px;
  position: relative;
  margin: 10px 0;
  line-height: 1.4em !important;
}

.richtext h2 * {
  color: #333;
  font-size: 28px;
}

.richtext.warning h2:before {
  content: "\f071";
  font-family: FontAwesome !important;
  margin-right: 10px;
}

.richtext h3 {
  font-size: 18px;
  color: #181819;
}

.richtext table {
  width: 100%;
  margin-top: 10px;
}

.richtext table tr:nth-child(1) {
  background: #fff;
}

.richtext table tr:nth-child(even) {
  background: #f5f5f5;
}

.richtext table tr td {
  border: 1px solid #e6e6e6;
  font-size: 16px;
  word-break: normal;
  padding: 10px 15px;
  color: #333;
}

.richtext table tr td:nth-child(1) {
  font-family: "POPPINS-SEMIBOLD";
}

.richtext.li-line ul li:before {
  content: "";
  width: 11px;
  height: 10px;
  border: 1px solid var(--base-color-orange);
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: -18px;
  top: 8px;
  background: transparent;
  z-index: 10;
}

.richtext.li-line ul li:last-child:after {
  display: none;
}

.richtext.li-line ul li:after {
  content: "";
  height: 74%;
  width: 1px;
  background: var(--base-color-orange);
  position: absolute;
  left: -13px;
  top: 19px;
}

.richtext.quality-text h2 {
  padding-left: 24px;
  position: relative;
  margin-bottom: 20px;
}

.richtext.quality-text h2::before {
  content: "";
  display: block;
  width: 4px;
  height: 30px;
  background: var(--base-color-orange);
  left: 0;
  top: 4px;
  position: absolute;
}

.richtext.quality-text ul {
  padding-left: 20px;
}

.richtext.quality-text ul li {
  list-style: none;
  padding-left: 30px;
}

.richtext.quality-text ul li::before {
  display: none;
}

.richtext.quality-text ul li::after {
  content: "\e60a";
  font-family: "iconfont" !important;
  color: var(--base-color-orange);
  font-size: 20px;
  position: absolute;
  left: 0;
  top: 0;
}

.newslist {
  width: 100%;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  pointer-events: unset !important;
}

/* 产品详情css */
.cproductslist .sep-primary-b-2 .sep-p .table-box {
  margin-bottom: 30px;
}

.cproductslist .sep-primary-b-2 .sep-p .pro-table tr td {
  padding: 8px 15px;
  font-size: 18px;
}

.cproductslist .sep-primary-b-2 .sep-p .pro-table tr:nth-child(odd) {
  background: #f5f5f5;
}

.cproductslist .sep-primary-b-2 .sep-p h3 {
  font-size: 22px;
  margin: 20px 0 5px;
  text-transform: capitalize;
}

.cproductslist .sep-primary-b-2 .sep-p p {
  color: #666;
}

.cproductslist .sep-primary-b-2 .sep-p p strong {
  color: #333;
  font-size: 18px;
  padding-top: 5px;
}
.table-box {
  overflow: auto;
}

/* 产品详情css */

@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-1 {
    width: 8.33333333%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-pull-11 {
    right: 91.66666667%;
  }

  .col-md-pull-10 {
    right: 83.33333333%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-8 {
    right: 66.66666667%;
  }

  .col-md-pull-7 {
    right: 58.33333333%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-5 {
    right: 41.66666667%;
  }

  .col-md-pull-4 {
    right: 33.33333333%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-2 {
    right: 16.66666667%;
  }

  .col-md-pull-1 {
    right: 8.33333333%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-0 {
    margin-left: 0;
  }

  .change-language-title .language-flag:hover a {
    color: var(--base-color-orange);
  }

  .change-language-title .language-flag:hover a i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    color: var(--base-color-orange);
  }

  .common-header .head-right .change-language:hover .change-language-cont {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    visibility: visible;
  }
}

@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-pull-11 {
    right: 91.66666667%;
  }

  .col-lg-pull-10 {
    right: 83.33333333%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-8 {
    right: 66.66666667%;
  }

  .col-lg-pull-7 {
    right: 58.33333333%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-5 {
    right: 41.66666667%;
  }

  .col-lg-pull-4 {
    right: 33.33333333%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-2 {
    right: 16.66666667%;
  }

  .col-lg-pull-1 {
    right: 8.33333333%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-0 {
    margin-left: 0;
  }
}

@media (max-width: 1440px) {
  .container {
    padding-left: 50px;
    padding-right: 50px;
  }
  .fz56 {
    font-size: 46px;
  }
  .fz44 {
    font-size: 36px;
  }
  .common-header .nav-box > ul > li {
    margin-right: 25px;
  }

  .common-header .head-cont {
    padding: 0;
  }

  .common-header .nav-box > ul > li > a {
    font-size: 18px;
  }

  .head-search .search-toogle i.search-open {
    font-size: 18px;
  }

  .footer-box > ul > li > a {
    font-size: calc(22 / 1440 * 100vw);
  }

  .footer-qrcode .qrcode {
    width: calc(150 / 1440 * 100vw);
  }

  .social-links .footer-logo {
    height: calc(50 / 1440 * 100vw);
  }
}

@media (max-width: 1200px) {
  .common-header .nav-box > ul > li {
    margin-right: 20px;
  }

  .common-header .logo-box a img {
    height: 44px;
  }

  .common-header .nav-box > ul > li > a {
    font-size: 16px;
    white-space: nowrap;
  }

  .head-search .search-wrap {
    padding: 0 50px;
  }
}

@media (max-width: 992px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .common-header .logo-box {
    order: 2;
    margin-right: auto;
    margin-left: 20px;
  }

  .common-header .nav-box {
    order: 1;
    position: relative;
    margin-left: 0;
  }

  .common-header .head-right {
    order: 3;
    margin-right: 10px;
  }

  .common-header .nav-box > ul {
    position: absolute;
    width: 100vw;
    top: 66px;
    left: 0;
  }

  .common-header .mobile-menu {
    position: relative;
    width: 66px;
    height: 66px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: var(--base-color-black);
  }

  .common-header .mobile-menu .menu-line {
    width: 30px;
    height: 2px;
    border-radius: 2px;
    background: #fff;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
  }

  .common-header .mobile-menu.active {
    gap: 0;
  }

  .common-header .mobile-menu.active .menu-line {
    position: absolute;
  }

  .common-header .mobile-menu.active .menu-line:first-child {
    transform: rotate(45deg);
  }

  .common-header .mobile-menu.active .menu-line:nth-child(2) {
    display: none;
  }

  .common-header .mobile-menu.active .menu-line:last-child {
    transform: rotate(-45deg);
  }

  .change-language-title .language-flag a {
    line-height: 66px;
  }

  .common-header .logo-box a img {
    height: 32px;
  }

  .common-header .container {
    padding: 0;
  }

  .common-header .nav-box > ul {
    flex-direction: column;
    width: 100vw;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: center top 0;
    -o-transform-origin: center top 0;
    transform-origin: center top 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
  }

  .common-header .nav-box > ul.active {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }

  .common-header .nav-box > ul > li {
    background: var(--base-color-black);
    margin: 0;
    padding: 15px 20px;
    border-bottom: 1px solid #dfe9f440;
  }

  .common-header .nav-box > ul > li > a {
    color: #fff;
    line-height: 1.5;
    display: flex;
    justify-content: space-between;
  }

  .common-header .nav-box > ul > li > a > i {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .common-header .nav-box > ul > li > ul.dropdown-box {
    display: none;
    height: 0;
  }

  .common-header .nav-box > ul > li > ul.dropdown-box.active {
    position: relative;
    display: block;
    height: fit-content;
  }

  .common-header .nav-box > ul > li > a > i {
    transform: none;
  }

  .common-header .nav-box > ul > li > a > i.active {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .common-header .nav-box > ul > li > ul.dropdown-box {
    background: var(--base-color-black);
    box-shadow: none;
    padding: 20px 0;
  }

  .common-header .nav-box > ul > li > ul.dropdown-box > li > a {
    color: #fff;
  }

  .common-header .nav-box > ul > li > ul.dropdown-box > li:hover > ul.sub-menu {
    display: none;
  }

  .head-search {
    margin-right: 10px;
  }

  .head-search .search-wrap {
    padding: 0 20px;
  }

  .head-search .search-wrap form input.search-for {
    font-size: 14px;
  }

  .head-search .search-toogle i.search-close {
    height: 20px;
  }

  .head-search .search-toogle.open i.search-close {
    width: 20px;
    text-align: center;
    font-size: 20px;
  }

  .common-header .head-right .change-language {
    position: static;
  }

  .head-search .search-toogle i.search-open {
    font-size: 16px;
    width: 20px;
    height: 20px;
  }

  .common-header .head-right .change-language .change-language-cont {
    width: 100vw;
  }

  .change-language-title.active .language-flag a {
    color: var(--base-color-orange);
  }

  .change-language-title.active .language-flag a i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    color: var(--base-color-orange);
  }

  .common-header .head-right .change-language .change-language-cont.active {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    visibility: visible;
  }

  .footer-top {
    padding-top: 40px;
  }
  .footer-box > ul {
    flex: auto;
  }
  .footer-box > ul:last-child {
    flex: auto;
  }
  .footer-box > ul > li > a {
    font-size: 20px;
  }
  .footer-box {
    gap: 20px;
  }
  .footer-qrcode .qrcode {
    width: 100px;
  }
  .social-links {
    margin-top: 35px;
  }
  .social-links .footer-logo {
    height: 30px;
    margin-bottom: 15px;
  }
  .fz56 {
    font-size: 36px;
  }
  .fz44 {
    font-size: 30px;
  }
}

@media (max-width: 768px) {
  #online {
    display: none;
  }
  .fz44 {
    font-size: 20px;
  }
  .sep-container {
    padding: 0 20px;
  }
  .inner-banner .in-ban-cont {
    top: 35%;
  }
  .inner-banner .in-ban-cont h3 {
    font-size: 24px;
  }
  .inner-banner .inner-breadcrumb {
    position: relative;
    background: var(--base-color-black);
    padding: 12px 0;
  }
  ul.breadcrumb {
    display: inline;
  }
  .inner-banner .inner-breadcrumb .container {
    display: block;
  }
  ul.breadcrumb li {
    display: inline-block;
  }
  .inner-breadcrumb i.fa {
    display: inline-block;
    margin-right: 5px;
  }
  ul.breadcrumb li a {
    font-size: 14px;
  }
  ul.breadcrumb li + li::before {
    margin: 0 5px;
  }
  .sep-sidebar {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0;
  }
  .prolist {
    width: 100%;
  }
  .cproductslist {
    flex-wrap: wrap;
  }
  #catg .hd:before {
    content: "\f067";
    position: absolute;
    right: 0;
    font: normal normal normal 16px/1 FontAwesome;
    cursor: pointer;
  }
  #catg .hd:after {
    content: "\f068";
    position: absolute;
    right: 0;
    font: normal normal normal 16px/1 FontAwesome;
    cursor: pointer;
  }
  #catg ul {
    display: none;
  }
  .sep-sidebar .up ul.catgt {
    display: block !important;
  }
  #nprots {
    padding-top: 4% !important;
    padding-bottom: 2%;
  }
  .recent {
    width: 100%;
    float: left;
  }
  #nprots .more {
    display: none;
  }
  #nprots .hd:before {
    content: "\f067";
    position: absolute;
    right: 0;
    font: normal normal normal 16px/1 FontAwesome;
    cursor: pointer;
  }
  #nprots .hd {
    position: relative;
  }
  #nprots ul {
    display: none;
  }
  .sep-sidebar .nup ul.recent {
    display: block !important;
  }
  .nupo:before {
    display: none;
  }
  #nprots .hd:after {
    content: "\f068";
    position: absolute;
    right: 0;
    font: normal normal normal 16px/1 FontAwesome;
    cursor: pointer;
  }
  .nup .more {
    display: block !important;
    float: left;
  }

  .sep-inner-banner .sep-container h3 {
    font-size: 28px;
  }
  .sep-inner-body .sep-faq-list .item .box .title h2 {
    max-height: 44px;
    overflow: hidden;
    font-size: 16px;
    line-height: 22px;
  }
  .sep-inner-body .sep-faq-list .item .box .q {
    width: 60px;
  }
  .sep-inner-body .sep-faq-list .item .content {
    padding: 20px;
  }
  .sep-inner-body .sep-faq-list .item {
    margin-bottom: 15px;
  }
  .prolist .sep-primary .sep-p p {
    font-size: 14px;
    line-height: 1.6;
  }
  .prolist .sep-primary .sep-p h3 {
    font-size: 18px;
  }
  .sep-p .pro-img img {
    width: 100%;
    margin: 0 0 15px 0;
  }
  .sep-p .pro-img img:last-child {
    margin-bottom: 0;
  }
  .bq-contact-form-box .sep-container .left {
    padding: 40px;
  }
  .image-additional .owl-theme .owl-nav [class*="owl-"] {
    font-size: 40px;
  }
  .image-additional .owl-nav {
    margin-top: -30px;
  }
  #banner .container .swiper .swiper-wrapper .swiper-slide {
    height: auto;
  }
  .sep-inner-body .Recommendations .relate-news-items .item .box .thumb {
    height: auto;
  }
  .showpr-left {
    width: 100%;
  }
  .showpr-right {
    width: 100%;
  }
  .sep-primary-a {
    flex-wrap: wrap;
  }
  .widget {
    padding: 20px;
  }

  .prolist h1 {
    font-size: 18px;
  }
  .sep-sidebar .sep-sidebar-list .hd {
    font-size: 20px;
  }
  .bq-contact-form-box .sep-container .form-group {
    width: 100%;
  }
  .bq-contact-form-box .sep-container .left .left-title {
    font-size: 20px;
  }
  a.more {
    width: 160px;
    font-size: 14px !important;
    height: 30px;
    line-height: 30px;
    padding: 0;
  }
  .sep-primary {
    margin-top: 3%;
    float: left;
  }
  .sep-inner-body .sep-faq-list .item .box .title h2 {
    font-size: 20px;
  }
  .inner-app-list li .thumb-info .thumb-title {
    font-size: 16px;
  }
  .sep-inner-body .sep-faq-list .item .content * {
    font-size: 16px;
  }
  .sep-application-list .item .info .title {
    font-size: 20px;
  }
  .sep-application-list .item .thumb {
    width: 100%;
  }
  .app-right {
    width: 100%;
    margin-bottom: 3%;
  }
  .inner-app-list li {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row {
    margin: 0;
  }
  .relate-list .sep-datalist li {
    width: 100%;
    float: left;
    margin: 0;
  }
  .search-btns a {
    height: 48px;
    min-width: unset;
    font-size: 14px;
    background: #f0f0f0;
    padding: 0 10px;
    margin: 0 6px;
    text-align: center;
  }
  .operation li {
    width: 100% !important;
    margin-bottom: 15px;
  }
  .prolist {
    width: 100%;
  }
  .prolist .col-md-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .prolist .jc-resource-grid .show-detail .thumb {
    width: 100%;
    float: left;
  }
  .prolist .show-detail .info {
    width: 100%;
    float: left;
    margin-top: 5%;
  }
  .btns a:nth-child(2) {
    margin-left: 0px;
    margin-top: 2%;
  }
  .sep-inner-body .relate-news-items .item .box .info .title {
    font-size: 16px;
  }
  .cproductslist .sep-primary-b-2 .sep-p .pro-table tr td {
    font-size: 14px;
  }
  .sep-sidebar {
    position: relative;
    top: 0;
  }
  .showty {
    flex-wrap: wrap;
  }
  .btns a {
    width: 100%;
  }
  #catg .hd {
    position: relative;
  }
  .npro .more {
    text-align: center;
  }
  .relate-list.relate-article-list .sep-datalist li {
    width: 100%;
  }
  #catg {
    border-bottom: solid 1px #fff;
    padding-top: 4% !important;
    padding-bottom: 2%;
  }
  .sep-inner-body .sep-title {
    margin-bottom: 50px;
  }
  .bq-contact-form-box .sep-container .contact-form-right {
    width: 100%;
  }
  .bq-contact-form-box .sep-container .contact-form-left {
    width: 100%;
    margin-top: 5%;
  }
  .bq-contact-form-box .sep-container .right-title {
    font-size: 20px;
    line-height: 30px;
  }
  .bq-contact-form-box .sep-container .btn-box .btn-primary {
    padding: 8px 40px;
  }
  .sep-inner-body .news-sort a {
    font-size: 14px;
    padding: 0 15px;
  }
  .flex {
    flex-wrap: wrap;
  }
  .sep-inner-body .sep-news-list .item .thumb {
    width: 100%;
  }
  .sep-inner-body .sep-news-list .item .info {
    padding-top: 10px;
  }
  .sep-inner-body .sep-news-list .item .info .title {
    font-size: 18px;
    margin-bottom: 5px;
    line-height: 1.5;
  }
  .sep-inner-body .sep-news-list .item .info .summary {
    line-height: 1.5;
  }
  .sep-inner-body .sep-news-list .item {
    margin-bottom: 40px;
  }
  .sep-primary {
    width: 100%;
  }
  #snews .hd:before {
    content: "\f067";
    position: absolute;
    right: 0;
    font: normal normal normal 16px/1 FontAwesome;
    cursor: pointer;
  }
  #snews .hd:after {
    content: "\f068";
    position: absolute;
    right: 0;
    font: normal normal normal 16px/1 FontAwesome;
    cursor: pointer;
  }
  #snews ul {
    display: none;
  }
  #snews .hd {
    position: relative;
  }
  .sep-sidebar .ups ul.snewslist {
    display: block !important;
  }
  .sep-inner-body .sep-pdf-grid {
    margin: 0;
  }
  .sep-inner-body .sep-pdf-grid .item {
    padding: 0;
    width: 100%;
    margin-bottom: 30px;
  }
  .sep-inner-body .sep-pdf-grid .item .box .iconx {
    width: 100px;
    height: 100px;
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
  }
  .sep-inner-body .sep-pdf-grid .item .box {
    margin-left: 50px;
    padding-left: 70px;
    height: auto;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    min-height: 150px;
  }
  .sep-inner-body .sep-pdf-grid .item .box .download {
    right: 20px;
    bottom: 20px;
  }
  .sep-inner-body .sep-pdf-grid .item .box .title {
    font-size: 20px;
  }
}

/* online css */

/* toTop css */
#toTop {
  position: fixed;
  right: 15px;
  bottom: 30px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  width: 50px;
  height: 50px;
  display: none;
  background-color: var(--base-color-orange);
  color: #fff;
}

#toTop:hover {
  background-color: var(--base-color-black);
}

/* toTop css */