*,*::before,*::after {
  box-sizing:border-box
}

html {
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:rgba(0,0,0,0)
}

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
  display:block
}

body {
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-size:14px;
  font-weight:400;
  line-height:1.5;
  text-align:left;
  background-color:#fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline:0 !important
}

hr {
  box-sizing:content-box;
  height:0;
  overflow:visible
}

abbr[title],abbr[data-original-title] {
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted;
  cursor:help;
  border-bottom:0;
  -webkit-text-decoration-skip-ink:none;
  text-decoration-skip-ink:none
}

address {
  margin-bottom:1rem;
  font-style:normal;
  line-height:inherit
}

dt {
  font-weight:700
}

dd {
  margin-bottom:.5rem;
  margin-left:0
}

blockquote {
  margin:0 0 1rem
}

b,strong {
  font-weight:bolder
}

small {
  font-size:80%
}

sub,sup {
  position:relative;
  font-size:75%;
  line-height:0;
  vertical-align:baseline
}

sub {
  bottom:-0.25em
}

sup {
  top:-0.5em
}

a {
  text-decoration:none;
  background-color:rgba(0,0,0,0)
}

a:not([href]) {
  color:inherit;
  text-decoration:none
}

a:not([href]):hover {
  color:inherit;
  text-decoration:none
}

figure {
  margin:0 0 1rem
}

img {
  vertical-align:middle;
  border-style:none
}

svg {
  overflow:hidden;
  vertical-align:middle
}

table {
  border-collapse:collapse
}

caption {
  padding-top:.75rem;
  padding-bottom:.75rem;
  text-align:left;
  caption-side:bottom
}

th {
  text-align:inherit
}

label {
  display:inline-block;
  margin-bottom:.5rem
}

button {
  border-radius:0
}

input,button,select,optgroup,textarea {
  margin:0;
  font-family:inherit;
  font-size:inherit;
  line-height:inherit
}

button,input {
  overflow:visible
}

button,select {
  text-transform:none
}

select {
  word-wrap:normal
}

[hidden] {
  display:none !important
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
  font-weight:500;
  line-height:1.2
}

h1,.h1 {
  font-size:2.5rem
}

h2,.h2 {
  font-size:2rem
}

h3,.h3 {
  font-size:1.75rem
}

h4,.h4 {
  font-size:1.5rem
}

h5,.h5 {
  font-size:1.25rem
}

h6,.h6 {
  font-size:1rem
}

body,div,dl,dt,dd,ul,ol,li,pre,form,input,button,textarea,p,blockquote,th,td {
  margin:0;
  padding:0
}

address,caption,cite,code,dfn,em,th,var {
  font-weight:normal;
  font-style:normal
}

img {
  vertical-align:middle;
  border:none
}

ol,ul,li {
  list-style:none
}

table {
  border-collapse:collapse
}

html {
  overflow-y:scroll
}

body {
  font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft YaHei","微软雅黑",sans-serif;
  color:#212121;
  background-color:#fff
}

html,body {
  -ms-overflow-style:scrollbar
}

a {
  color:#212121
}

a:hover {
  text-decoration:none;
  color:#ff692f
}

.head-wrap {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start
}

.head-wrap .head {
  width:100%;
  padding-top:10px;
  padding-bottom:10px
}

@media(min-width: 769px) {
.head-wrap .head {
  padding-top:30px;
  padding-bottom:30px
}

.head-wrap .head.navbar-fixed {
  padding-top:10px;
  padding-bottom:10px
}
}

.head-wrap-bg {
  position:relative;
  background-color:#091b36;
  color:#fff
}

.head-wrap-bg:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  width:100%;
  height:100%;
  background-color:rgba(9,27,54,.95)
}

.head-wrap-bg .navbar {
  background-color:rgba(62,87,205,.68)
}

.head-wrap-bg .layui-nav>.layui-nav-item>a {
  color:#fff
}

.head-wrap-bg .login .login-in {
  border-radius:50px;
  border-color:#fff;
  color:#fff
}

.head-wrap-bg .login .login-in a {
  color:#fff
}

.head-wrap-bg .login>.layui-icon {
  border-color:#fff;
  background-color:rgba(0,0,0,0)
}

.head-wrap-bg .login .link-login {
  color:#fff
}

.head-wrap-bg .icon-bar-line {
  background-color:#fff
}

.top-tools {
  width:100%;
  display:flex;
  justify-content:flex-end;
  flex-wrap:wrap;
  margin-bottom:0
}

@media(min-width: 769px) {
.top-tools {
  margin-top:-15px
}
}

.top-tools .nav-item {
  white-space:nowrap;
  margin-left:5px;
  font-size:14px;
  color:#999
}

.top-tools .nav-item:hover {
  color:#ff692f
}

.top-tools .lang {
  cursor:pointer
}

.top-tools .lang:hover {
  color:#ff692f
}

.navbar-fixed {
  position:fixed;
  top:0;
  left:0
}

.navbar-fixed.head {
  z-index:9999;
  background-color:#fff;
  box-shadow:0 0 5px rgba(0,0,0,.1)
}

.navbar-fixed .top-tools {
  display:none
}

.navbar-fixed .head-inner {
  margin-top:0
}

.navbar-fixed .head-inner .inner-logo img {
  max-height:60px
}

.navbar-fixed .head-inner .inner-logo img:first-child {
  display:none
}

.navbar-fixed .head-inner .inner-logo img:last-child {
  display:block !important
}

.navbar-fixed .icon-bar-line {
  background-color:#3e57cd
}

.navbar-fixed .layui-nav {
  background-color:rgba(0,0,0,0)
}

.navbar-fixed .layui-nav>.layui-nav-item>a {
  color:#4d4c4b
}

.navbar-fixed .layui-nav>.layui-nav-item>a:hover {
  color:#ff692f
}

.navbar-fixed .login .login-in {
  border:1px solid #3e57cd;
  color:#3e57cd;
  background-color:#fff
}

.navbar-fixed .login .login-in a {
  color:inherit
}

.navbar-fixed .login>.layui-icon {
  border:1px solid #3e57cd;
  color:#fff;
  background-color:#3e57cd
}

.navbar-fixed .login .link-login {
  color:#4d4c4b
}

.navbar-fixed .navbar {
  background-color:rgba(243,243,243,.5)
}

.head-inner {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center
}

.head-inner .inner-logo img {
  max-width:320px;
  max-height:70px
}

.login {
  padding-left:20px;
  z-index:99;
  font-size:16px
}

@media(min-width: 769px) {
.login {
  text-align:right;
  padding-left:0
}
}

.login .login-in {
  display:inline-block;
  padding:5px 18px;
  border:1px solid #3e57cd;
  border-radius:5px;
  color:#3e57cd;
  transition:.35s ease-in-out
}

.login .login-in a {
  color:inherit
}

.login .login-in.login-radius {
  border-radius:50px
}

.login .login-in {
  position:relative
}

.login .login-in:hover {
  border-color:#fff;
  background-color:#3e57cd;
  color:#fff
}

.login .login-in:hover .login-out {
  display:block
}

.login>.layui-icon {
  margin-left:5px;
  padding:6px;
  border-radius:100%;
  border:1px solid #3e57cd;
  font-size:18px;
  color:#fff;
  background-color:#3e57cd
}

.login .link-login {
  margin-right:15px;
  color:#4d4c4b
}

.login .link-login:hover {
  color:#ff692f
}

.navbar {
  flex:1 1 100%;
  display:none;
  justify-content:space-between;
  align-items:center;
  background-color:rgba(243,243,243,.5);
  padding-top:15px;
  padding-bottom:15px;
  margin-left:-15px;
  margin-right:-15px
}

@media(min-width: 992px) {
.navbar {
  padding:0;
  margin-left:0;
  margin-right:0;
  flex:1 1 0%;
  display:flex !important;
  background-color:rgba(0,0,0,0) !important
}
}

.navbar .layui-nav {
  background-color:rgba(0,0,0,0)
}

@media(min-width: 769px) {
.navbar .layui-nav {
  flex:1;
  padding-left:0;
  padding-right:0;
  display:flex;
  justify-content:center
}
}

.navbar .layui-nav>li {
  margin-right:25px
}

@media(min-width: 1200px) {
.navbar .layui-nav>li {
  margin-right:45px
}
}

.navbar .layui-nav>li:last-of-type {
  margin-right:0 !important
}

.navbar .layui-nav>li:last-of-type>a {
  padding-right:0
}

.navbar .layui-nav>li>a {
  color:#4d4c4b;
  font-size:16px;
  padding-left:0;
  padding-right:20px
}

.navbar .layui-nav>li .layui-icon {
  font-size:14px;
  vertical-align:bottom
}

.navbar .layui-nav>li.active .layui-icon,.navbar .layui-nav>li.active>a {
  color:#3e57cd
}

@media(max-width: 768px) {
.navbar .layui-nav .layui-nav-item {
  line-height:45px;
  display:block
}
}

.navbar .layui-nav .layui-nav-item>a {
  padding-left:0;
  transition:.35s ease-in-out
}

.navbar .layui-nav .layui-nav-item>a.active,.navbar .layui-nav .layui-nav-item>a:hover {
  color:#ff692f
}

.navbar .layui-nav .sub-menu>a {
  padding-right:20px !important
}

.navbar .layui-nav .layui-nav-bar {
  display:none !important
}

.navbar .layui-nav .layui-this>a {
  color:#ff692f
}

.navbar .layui-nav .layui-this:after {
  height:0;
  background-color:#ff692f
}

@media(min-width: 769px) {
.navbar .layui-nav .layui-nav-child {
  min-width:160%
}
}

.navbar .layui-nav .layui-nav-child a {
  transition:.35s ease-in-out
}

.navbar .layui-nav .layui-nav-child a:hover {
  background-color:rgba(62,87,205,.9);
  color:#fff
}

.navbar-toggle {
  outline:0;
  border:0;
  background-color:rgba(0,0,0,0);
  margin-left:10px
}

.icon-bar-line {
  width:25px;
  height:2px;
  transition:.5s;
  background-color:#3e57cd;
  display:none
}

.icon-bar-line:first-of-type {
  transform:rotate(-45deg);
  display:block
}

.icon-bar-line:last-of-type {
  transform:rotate(-135deg);
  display:block
}

.collapsed .icon-bar-line+.icon-bar-line {
  margin-top:6px
}

.collapsed .icon-bar-line {
  display:block;
  transform:rotate(0)
}

.body {
  width:1920px;
  max-width:100%;
  margin:0 auto;
  color:#646c71
}

a {
  color:#999
}

a:hover {
  color:#ff692f;
  text-decoration:none
}

.layui-container,.container {
  position:relative
}

@media(min-width: 1590px) {
.layui-container,.container {
  min-width:100%
}
}

@media(min-width: 1600px) {
.layui-container,.container {
  min-width:1450px
}
}

@media(min-width: 992px) {
.navbar {
  padding-top:0;
  padding-bottom:0
}
}

.navbar.show {
  display:block !important
}

.navbar-brand img {
  max-width:100%;
  max-height:32px
}

.navbar-custom>li {
  position:relative
}

.navbar-custom>li>a {
  display:block;
  color:#646c71;
  transition:.35s ease-in-out;
  padding:.75rem 0;
  border-bottom:1px solid #f4f4f6;
  font-size:14px
}

@media(min-width: 992px) {
.navbar-custom>li>a {
  padding:.5rem .75rem;
  border-bottom:0
}
}

.navbar-custom>li>a.active {
  color:#ff692f
}

.navbar-custom>li>a:hover {
  color:#ff692f
}

.navbar-custom>li>a:hover .layui-icon {
  color:#ff692f
}

.navbar-custom>li.active>a {
  color:#ff692f
}

.navbar-custom .dropdown-toggle:after {
  content:none
}

.navbar-custom .dropdown-menu {
  background-color:#fff;
  border:0;
  box-shadow:0 2px 12px 0 rgba(0,0,0,.1);
  color:#666;
  top:95%
}

.navbar-custom .dropdown-menu .dropdown-item {
  color:#666
}

.navbar-custom .dropdown-menu .dropdown-item:hover {
  color:#ff692f;
  background-color:rgba(0,0,0,0)
}

.navbar-custom .dropdown-menu .dropdown-item.active {
  background-color:#ff692f;
  color:#fff
}

.navbar-custom .layui-icon {
  font-size:14px;
  color:#666
}

.navbar-custom .layui-icon:before {
  display:inline-block;
  transition:.35s ease-in-out
}

.navbar-custom .show .layui-icon-down:before {
  transform:rotate(180deg)
}

@media(max-width: 991px) {
.navbar-collapse {
  margin:5px -15px;
  padding:5px 15px;
  background-color:#f9f9f9
}

.navbar-collapse .search-bar .search-input {
  background-color:#fff
}
}

.company-header {
  padding:.9rem 0
}

@media(min-width: 769px) {
.company-header {
  padding:1.2rem 0
}
}

.company-header .content {
  display:flex;
  align-items:center
}

.company-header .logo {
  flex-basis:auto;
  max-width:30%;
  text-align:center;
  margin-bottom:10px
}

@media(min-width: 481px) {
.company-header .logo {
  flex-basis:auto;
  max-width:280px;
  min-width:120px;
  padding-right:1.5rem;
  text-align:left;
  margin-bottom:0
}
}

.company-header .logo img {
  max-width:100%;
  height:auto;
  max-height:90px
}

.company-header .info {
  flex:1;
  position:relative
}

@media(min-width: 992px) {
.company-header .info-shrink {
  padding-right:150px
}
}

.company-header .vip {
  background:linear-gradient(88deg, #fde2b6, #fcdfae 16%, #f4c069);
  padding:5px 15px;
  color:#6b2d00;
  display:inline-flex;
  align-items:center
}

@media(min-width: 992px) {
.company-header .vip {
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%)
}
}

.company-header .vip .bi {
  color:#6b2d00;
  font-size:18px
}

.company-header .vip img {
  width:18px;
  height:auto;
  margin-right:8px
}

.company-header .vip .num {
  font-size:18px;
  font-weight:bold;
  color:#f60;
  margin-left:3px;
  margin-right:3px
}

@media(min-width: 481px) {
.company-header .vip {
  display:flex;
  min-width:166px;
  max-width:178px
}

.company-header .vip .bi {
  color:#6b2d00;
  font-size:24px
}

.company-header .vip img {
  width:24px
}

.company-header .vip .num {
  font-size:24px
}
}

.company-header .vip-year {
  display:inline-flex;
  align-items:center
}

@media(min-width: 992px) {
.company-header .vip-year {
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%)
}
}

.company-header .vip-year img {
  height:auto;
  margin-right:3px;
  width:50px
}

.company-header .vip-year .num {
  font-size:18px;
  font-weight:bold;
  color:#f60;
  margin-left:3px;
  margin-right:3px
}

@media(min-width: 481px) {
.company-header .vip-year {
  display:flex;
  max-width:128px
}

.company-header .vip-year img {
  width:64px
}

.company-header .vip-year .num {
  font-size:24px
}
}

.company-header .title {
  font-size:18px;
  font-weight:700;
  color:#333
}

@media(min-width: 480px) {
.company-header .title {
  font-size:22px
}
}

@media(max-width: 480px) {
.company-header .tags {
  display:none !important
}
}

.company-header .tags>* {
  display:inline-block;
  background-color:#f4f4f6;
  font-size:14px;
  color:#646c71;
  padding:3px 5px;
  border-radius:3px;
  margin-bottom:3px
}

.company-profile {
  line-height:28px
}

.company-profile img {
  max-width:100%;
  height:auto
}

.bg-gray {
  background-color:#f4f4f6
}

.banner {
  text-align:center
}

.banner img {
  max-width:100%
}

@media(min-width: 1900px) {
.banner img {
  width:100%
}
}

.banner .swiper-pagination-bullet {
  transition:.35s ease-in-out
}

.banner .swiper-pagination-bullet:hover {
  background-color:#3e57cd
}

.banner .swiper-pagination-bullet-active {
  background-color:#3e57cd
}

.banner .slider-button-right,.banner .slider-button-left {
  position:absolute;
  top:50%;
  width:50px;
  height:50px;
  transform:translateY(-50%);
  transition:all .35s ease-out;
  color:#fff;
  background-color:rgba(0,0,0,.2);
  font-size:32px;
  z-index:10;
  opacity:0
}

.banner .slider-button-right:hover,.banner .slider-button-left:hover {
  background-color:#3e57cd
}

.banner .slider-button-right .bi,.banner .slider-button-left .bi {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%)
}

.banner .slider-button-right {
  right:0
}

.banner .slider-button-left {
  left:0
}

.banner .swiper-container:hover .slider-button-right,.banner .swiper-container:hover .slider-button-left {
  opacity:1
}

.main-content {
  min-width:320px;
  max-width:100%
}

@media(min-width: 769px) {
.main-content {
  max-width:calc(100% - 300px)
}
}

@media(min-width: 992px) {
.main-content {
  max-width:calc(100% - 350px)
}
}

.right-sidebar {
  min-width:280px
}

@media(min-width: 769px) {
.right-sidebar {
  flex-basis:300px;
  max-width:300px
}
}

@media(min-width: 992px) {
.right-sidebar {
  flex-basis:350px;
  max-width:350px
}
}

.panel {
  background:#fff;
  padding:15px;
  border-radius:6px;
  margin-top:16px;
  position:relative;
  border-color:#fff;
  margin-bottom:16px
}

@media(min-width: 481px) {
.panel {
  padding:30px;
  margin-bottom:20px
}
}

.panel-title {
  font-size:20px;
  line-height:28px;
  color:#333;
  font-weight:bold;
  position:relative;
  padding-left:12px
}

.panel-title .line {
  width:4px;
  height:16px;
  background:#3e57cd;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  margin:auto
}

.position-sticky {
  position:stikcy;
  top:0
}

.panel-body {
  margin-top:20px
}

.bref-info {
  margin:20px 0;
  background-color:#fbfbfb;
  border-radius:3px;
  padding:15px
}

.bref-info .item {
  display:flex;
  flex-wrap:wrap
}

.bref-info .item:not(:last-child) {
  margin-bottom:1rem
}

.bref-info .item .tit {
  flex-basis:140px;
  max-width:140px;
  white-space:nowrap;
  color:#999
}

.bref-info .item .txt {
  color:#666
}

.btn-send {
  font-size:18px;
  display:block;
  border-radius:5px;
  line-height:42px;
  text-align:center;
  padding:0 20px;
  background-color:#ef1f1f;
  color:#fff
}

.btn-send:hover {
  background-color:#f42424;
  color:#fff
}

.contact-head {
  margin-bottom:20px
}

.contact-base,.contact-info {
  margin-bottom:10px
}

.contact-base>p,.contact-info>p {
  margin-bottom:10px;
  display:flex;
  word-break:break-word;
  align-items:center
}

.contact-base .bi,.contact-info .bi {
  font-size:20px;
  margin-right:10px;
  vertical-align:middle
}

.contact-info+.contact-info {
  padding-top:10px;
  border-top:1px solid #f4f4f6
}

.product-list {
  display:flex;
  flex-wrap:wrap;
  margin-left:-15px;
  margin-right:-15px;
  margin-top:-15px
}

.product-list>li {
  padding:15px 15px 0;
  flex:1;
  max-width:100%
}

@media(min-width: 481px) {
.product-list>li {
  flex-basis:50%;
  max-width:50%
}
}

@media(min-width: 992px) {
.product-list>li {
  flex-basis:33.33%;
  max-width:33.33%
}
}

.product-list>li .item {
  display:block;
  border:1px solid #f1f1f1;
  border-radius:5px;
  padding-bottom:10px
}

.product-list>li .item:hover {
  box-shadow:0 10px 20px rgba(0,0,0,.1)
}

.product-list>li .item:hover .title {
  color:#ff692f
}

.product-list>li .item:hover .tags {
  color:#646c71
}

.product-list>li .item:hover .pic img {
  transform:scale(1.05)
}

.product-list .tag {
  display:inline-block;
  padding:1px 5px;
  margin-bottom:3px;
  background-color:#f4f4f6;
  border-radius:2px;
  font-size:14px;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  max-width:100%
}

.product-list .tag:hover {
  white-space:normal;
  overflow:visible
}

.product-list .tags {
  display:inline-block;
  padding-left:12px;
  padding-right:10px;
  position:relative;
  white-space:nowrap;
  max-width:100%;
  text-overflow:ellipsis;
  overflow:hidden
}

.product-list .tags:before {
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  height:5px;
  width:5px;
  border-radius:100%;
  background-color:#999
}

.product-list .text {
  padding:10px 15px 0
}

.product-list .title {
  color:#212121;
  display:block;
  padding-bottom:.5rem;
  border-bottom:1px solid #f1f1f1;
  font-size:16px;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden
}

.product-list .title:hover {
  color:#ff692f
}

.product-list .desc {
  font-size:0
}

@media(min-width: 481px) {
.product-list .desc {
  min-height:57px
}
}

@media(min-width: 992px) {
.product-list .desc {
  min-height:81px;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical
}
}

.product-list .pic {
  display:block;
  position:relative;
  overflow:hidden
}

.product-list .pic img {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:block;
  margin:auto;
  max-width:100%;
  max-height:100%;
  transition:.5s ease-in-out;
  text-align:center;
  vertical-align:middle;
  max-width:calc(100% - 15px);
  max-height:calc(100% - 15px);
  transition:.35s ease-in-out
}

.product-list .pic i {
  display:block;
  padding-bottom:100%
}

.bg-footer {
  position:relative
}

.bg-footer .footer-state,.bg-footer .copyright {
  font-size:14px;
  line-height:24px
}

.bg-footer .beian {
  color:hsla(0,0%,40%,.8)
}

.bg-footer .beian:hover {
  color:rgba(255,105,47,.95)
}

@media(max-width: 991px) {
.bg-footer .footer-state {
  order:-1;
  margin-bottom:.8rem
}
}

.links {
  padding-bottom:15px;
  border-bottom:1px solid #f4f4f6;
  margin-bottom:15px;
  display:flex;
  flex-wrap:wrap
}

.links-list a {
  color:#fff;
  font-size:14px;
  margin-right:8px
}

.links-list a:hover {
  color:#ff692f
}

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

@media(min-width: 769px) {
.swiper-divider {
  flex-wrap:nowrap
}

.swiper-divider .swiper-content {
  flex-basis:75%;
  max-width:75%
}

.swiper-divider .swiper-list {
  padding-left:30px;
  flex-basis:25%;
  max-width:25%
}
}

.swiper-content .swiper-button-next,.swiper-content .swiper-button-prev {
  background-color:rgba(0,0,0,.2);
  color:#fff;
  opacity:.5
}

.swiper-content .swiper-button-next:after,.swiper-content .swiper-button-prev:after {
  font-size:24px
}

.swiper-content .swiper-button-next.swiper-button-disabled,.swiper-content .swiper-button-prev.swiper-button-disabled {
  cursor:not-allowed;
  color:#666;
  background:#f7f8fa;
  opacity:.5
}

.swiper-list .swiper-container {
  min-height:280px;
  max-height:420px
}

.swiper-list .swiper-slide {
  height:50px;
  position:relative
}

@media(min-width: 992px) {
.swiper-list .swiper-slide img {
  height:100%;
  max-width:100%
}
}

.swiper-list .desc h3 {
  margin-top:5px;
  line-height:2;
  color:#666;
  font-size:16px
}

.swiper-list .swiper-slide-thumb-active .pic {
  border:4px solid #ff692f;
  overflow:visible
}

.swiper-list .swiper-slide-thumb-active .desc h3 {
  color:#ff692f
}

.table-wrapper {
  width:100%;
  margin-bottom:1rem
}

.table-wrapper th,.table-wrapper td {
  border-bottom:1px solid #f6f6f6;
  padding:8px
}

@media(min-width: 769px) {
.table-wrapper th,.table-wrapper td {
  padding:12px 16px
}
}

.table-wrapper th {
  background-color:#fafafa;
  white-space:nowrap
}

.table-wrapper tr:hover {
  background-color:#f6f6f6
}

.text-red {
  color:#ff5722
}

.link-accent {
  color:#ff692f !important
}

.cert-cover {
  max-width:100%;
  height:auto
}

@media(min-width: 769px) {
.cert-cover {
  max-width:180px;
  max-height:120px
}
}

.nav-lang .dropdown-toggle {
  color:#999
}

.nav-lang .dropdown-toggle:after {
  content:"";
  display:none
}

.nav-lang .dropdown-toggle .bi {
  font-size:12px;
  transition:.35s ease-in-out
}

.nav-lang .dropdown-toggle>.dropdown-title {
  color:#999
}

.nav-lang .dropdown-toggle:hover .bi {
  transform:rotate(180deg)
}

.nav-lang .dropdown-item {
  color:#999;
  cursor:pointer
}

.nav-lang .dropdown-item:hover,.nav-lang .dropdown-item:focus {
  background-color:#ff692f;
  color:#fff
}

.nav-lang .dropdown-item.active {
  background-color:#ff692f;
  color:#fff
}