@charset "utf-8";

@import './bootstrap.min.css';

@import './font-awesome.css';

@import './richtext.css';

@import './iconfont.css';

@import './animate.min.css';



body,

h1,

h2,

h3,

h4,

h5,

h6,

hr,

p,

blockquote,

dl,

dt,

dd,

ul,

ol,

li,

pre,

form,

fieldset,

legend,

button,

input,

textarea,

select,

th,

td {

  padding: 0;

  margin: 0;

  color: #4e4e4e;

  font-size: 16px;

  font-family: 'Arial';

}



h1,

h2,

h3,

h4,

h5,

h6,

button,

input,

select,

textarea {

  font-size: 100%;

}



address,

cite,

dfn,

em,

var {

  font-style: normal;

}



small {

  font-size: 12px;

}



span {

  display: inline-block;

}



ul,

ol {

  list-style-type: none;

  list-style-image: none;

}



a {

  color: #4e4e4e;

  text-decoration: none;

  outline: none;

}



a:hover {

  color: #042E7E;

  text-decoration: none;

}



a:focus {

  text-decoration: none;

}



sup {

  vertical-align: text-top;

}



s {

  text-decoration: none;

}



sub {

  vertical-align: text-bottom;

}



legend {

  color: #000;

}



img {

  border: 0;

  vertical-align: middle;

}



table {

  border-spacing: 0;

  border-collapse: collapse;

}



div {

  zoom: 1;

}



body {

  max-width: 100%;

  margin: 0 auto;

}



dt {

  font-weight: normal;

}



.swiper-button-next,

.swiper-button-prev {

  width: 40px;

  height: 40px;

  display: flex;

  justify-content: center;

  align-items: center;

  border: 1px solid #f1f1f1;

  background-color: #fff;

}



.swiper-button-next {

  right: -60px;

}



.swiper-button-prev {

  left: -60px;

}



.sep-container {

  width: 100%;

  max-width: 1360px;

  margin: 0 auto;

}



.sep-container-1600 {

  max-width: 1600px;

}



.top-title {

  text-align: center;

  margin-bottom: 50px;

}



.top-title.white .title {

  color: #fff;

}



.top-title.white .title a {

  color: #fff;

}



.top-title.white .title a:hover {

  color: #3ba209;

}



.top-title.white .title::after {

  background: #fff;

}



.top-title.white .title-des1 {

  color: #fff;

}



.top-title.white .title-des {

  color: rgba(255, 255, 255, 0.8);

}



.top-title.white .title-des p {

  color: rgba(255, 255, 255, 0.8);

}



.top-title.white .title-des p a {

  color: rgba(255, 255, 255, 0.8);

  text-decoration: underline;

}



.top-title.white .title-des p a:hover {

  font-family: 'MyriadPro-Bold';

}



.top-title.pd-0 {

  padding: 0;

}



.top-title.text-left .title {

  text-align: left;

}



.top-title.text-left .title a {

  text-align: left;

}



.top-title.text-left .title::after {

  margin-left: 0;

  margin-right: 0;

}



.top-title.text-left .title-des {

  text-align: left;

}



.top-title.text-left .title-des p {

  text-align: left;

}



.top-title.text-left1 .title-des {

  text-align: left;

}



.top-title.text-left1 .title-des p {

  text-align: left;

}



.top-title .title {

  font-size: 40px;

  color: #333;

  line-height: 50px;

}



.top-title .title a {

  font-size: 40px;

  color: #333;

  line-height: 50px;

  transition: all 0.3s;

  display: block;

}



.top-title .title a:hover {

  color: #3ba209;

}



.top-title .title::after {

  content: '';

  display: block;

  width: 58px;

  height: 5px;

  background: #3ba209;

  margin: 20px auto;

}



.top-title .title-des {

  font-size: 16px;

  line-height: 30px;

  color: #666;

  margin-top: 24px;

}



.top-title .title-des p {

  font-size: 16px;

  line-height: 30px;

  color: #666;

}



.top-title .title-des1 {

  margin-bottom: 20px;

}



.sep-header {

  width: 100%;

  position: fixed;

  left: 0;

  top: 0;

  z-index: 99999;

}



.sep-header.onss {

  box-shadow: 3px 4px 6px 0 rgba(0, 0, 0, 0.04);

}



.sep-header.onss .head-top {

  display: none;

}



.sep-header .head-top {

  background: #f2f2f2;

  position: relative;

}



.sep-header .head-top .sep-container {

  display: flex;

  justify-content: space-between;

  position: relative;

  padding: 11px 0;

}



.sep-header .head-top .head-top-left {

  display: flex;

}



.sep-header .head-top .head-top-left .head-con {

  display: flex;

  align-items: center;

  margin-right: 40px;

}



.sep-header .head-top .head-top-left .head-con .icon i {

  color: #042E7E;

}



.sep-header .head-top .head-top-left .head-con:nth-child(2) .icon i {

  font-size: 20px;

}



.sep-header .head-top .head-top-left .head-con .con {

  color: #666;

  font-size: 16px;

  margin-left: 6px;

}



.sep-header .head-top .head-top-left .head-con .con span {

  font-size: 16px;

  color: #666;

}



.sep-header .head-top .head-top-left .head-con .con span a {

  font-size: 16px;

  color: #042E7E;

  font-family: 'MyriadPro-Semibold';

}



.sep-header .head-top .head-top-left .head-con .con span a:hover {

  text-decoration: underline;

}



.sep-header .head-top .head-top-right {

  align-items: center;

  display: flex;

}



.sep-header .head-top .language {

  position: absolute;

  right: 0;

  top: 0;

  height: 100%;

  background: #042E7E;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0 16px;

  cursor: pointer;

}



.sep-header .head-top .language:hover .sanjiao {

  transition: all 0.3s;

  transform: rotate(180deg);

}



.sep-header .head-top .language:hover .langu-dis {

  display: block;

}



.sep-header .head-top .language .langu {

  color: #fff;

  display: flex;

  line-height: 21px;

  align-items: center;

}



.sep-header .head-top .language .langu .img {

  line-height: 21px;

  width: 32px;

  height: 32px;

  text-align: center;

  line-height: 32px;

  background: #ebebeb;

  border-radius: 50%;

}



.sep-header .head-top .language .langu .con {

  font-size: 14px;

  color: #fff;

  margin: 0 10px;

}



.sep-header .head-top .language .langu i {

  color: #fff;

  line-height: 21px;

}



.sep-header .head-top .language .langu .icon {

  font-size: 20px;

}



.sep-header .head-top .language .langu-dis {

  position: absolute;

  z-index: 999;

  display: none;

  top: 100%;

}



.sep-header .head-top .language .langu-dis ul li {

  text-indent: 10px;

  padding: 10px 0;

  background: #fff;

  border-bottom: 1px solid #ccc;

  line-height: 20px;

}



.sep-header .head-top .language .langu-dis ul li a {

  color: #042E7E;

}



.sep-header .head-top .language .langu-dis ul li a:hover {

  color: #333;

  text-decoration: none;

}



.sep-header .head-top .language .langu-dis ul li a img {

  width: 20px;

  margin-right: 10px;

}



.sep-header .sep-mainnav {

  width: 100%;

  transition: all 0.3s;

  background: #fff;

}



.sep-header .sep-mainnav .sep-container {

  display: flex;

  justify-content: space-between;

  align-items: center;

  z-index: 10;

}



.sep-header .sep-mainnav .sep-container .nav-list {

  transition: all 0.3s;

  display: flex;

  align-items: center;

}



.sep-header .sep-mainnav .sep-container .nav-list .nav-ul {

  display: flex;

  justify-content: space-between;

}



.sep-header .sep-mainnav .sep-container .nav-list .nav-ul > li {

  z-index: 8;

  z-index: 10;

  margin: 0 16px;

}



.sep-header .sep-mainnav .sep-container .nav-list .nav-ul > li:hover::after {

  display: block;

}



.sep-header .sep-mainnav .sep-container .nav-list .nav-ul > li.ios {

  position: relative;

}



.sep-header .sep-mainnav .sep-container .nav-list .nav-ul > li .ul {

  background: #fff;

  position: absolute;

  top: 100%;

  left: 0;

  z-index: 999;

  min-width: 240px;

  max-width: 360px;

  float: left;

  display: none;

  border-top: 0;

  padding: 30px 0;

  border-top: 1px solid #f5f5f5;

}



.sep-header .sep-mainnav .sep-container .nav-list .nav-ul > li .ul.ons li {

  width: 50%;

  float: left;

}



.sep-header .sep-mainnav .sep-container .nav-list .nav-ul > li .ul li {

  width: 100%;

  margin: 0;

  padding: 0;

  text-align: left;

  white-space: nowrap;

  position: relative;

}



.sep-header .sep-mainnav .sep-container .nav-list .nav-ul > li .ul li a {

  font-weight: normal;

  font-size: 16px;

  padding: 10px 12px;

  padding-left: 32px;

  text-align: left;

  color: #000;

  position: relative;

  line-height: 32px;

}



.sep-header .sep-mainnav .sep-container .nav-list .nav-ul > li .ul li a i {

  display: block;

  width: 3px;

  height: 18px;

  position: absolute;

  left: 0;

  top: 11px;

  background: #042E7E;

  opacity: 0;

}



.sep-header .sep-mainnav .sep-container .nav-list .nav-ul > li .ul li a:hover {

  border: none;

  color: #042E7E;

}



.sep-header .sep-mainnav .sep-container .nav-list .nav-ul > li .head-pro-ul {

  width: 100%;

  left: 0;

  top: 100%;

  z-index: 199;

  background: rgba(255, 255, 255, 0.98);

  border-top: 1px solid #f5f5f5;

  position: absolute;

  z-index: 1;

  padding: 60px 0;

  display: none;

}



.sep-header

  .sep-mainnav

  .sep-container

  .nav-list

  .nav-ul

  > li.primary_menu_child_product {

  position: static;

}



.sep-header

  .sep-mainnav

  .sep-container

  .nav-list

  .nav-ul

  > li

  .head-pro-ul

  .head-pro-ul-item {

  display: flex;

  justify-content: space-between;

  width: 100%;

}



.sep-header

  .sep-mainnav

  .sep-container

  .nav-list

  .nav-ul

  > li

  .head-pro-ul

  .head-pro-ul-item

  .left {

  width: 80%;

  display: flex;

  justify-content: space-between;

}



.sep-header

  .sep-mainnav

  .sep-container

  .nav-list

  .nav-ul

  > li

  .head-pro-ul

  .head-pro-ul-item

  .left.ons {

  max-height: 10000px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

}



.sep-header

  .sep-mainnav

  .sep-container

  .nav-list

  .nav-ul

  > li

  .head-pro-ul

  .head-pro-ul-item

  .left

  .lis-boxs {

  width: 76%;

  padding-left: 10px;

}



.sep-header

  .sep-mainnav

  .sep-container

  .nav-list

  .nav-ul

  > li

  .head-pro-ul

  .head-pro-ul-item

  .left

  .lis-boxs:nth-child(1) {

  padding-right: 80px;

}



.sep-header

  .sep-mainnav

  .sep-container

  .nav-list

  .nav-ul

  > li

  .head-pro-ul

  .head-pro-ul-item

  .left

  .lis-boxs:nth-child(2) {

  border-left: 1px solid #eaeaea;

  padding-left: 50px;

  width: 100%;

}



.sep-header

  .sep-mainnav

  .sep-container

  .nav-list

  .nav-ul

  > li

  .head-pro-ul

  .head-pro-ul-item

  .left

  .lis-boxs:nth-child(2)

  .ul-boxs {

  display: none;

}



.sep-header

  .sep-mainnav

  .sep-container

  .nav-list

  .nav-ul

  > li

  .head-pro-ul

  .head-pro-ul-item

  .left

  .lis-boxs:nth-child(2)

  .ul-boxs.active {

  display: block;

}



.sep-header

  .sep-mainnav

  .sep-container

  .nav-list

  .nav-ul

  > li

  .head-pro-ul

  .head-pro-ul-item

  .left

  .lis-boxs:nth-child(2)

  .ul-boxs

  .lists-a {

  font-size: 16px !important;

  color: #666;

  padding: 7px 0 !important;

}



.sep-header

  .sep-mainnav

  .sep-container

  .nav-list

  .nav-ul

  > li

  .head-pro-ul

  .head-pro-ul-item

  .left

  .lis-boxs

  .lists {

  display: block;

  width: 100%;

  overflow: hidden;

}



.sep-header

  .sep-mainnav

  .sep-container

  .nav-list

  .nav-ul

  > li

  .head-pro-ul

  .head-pro-ul-item

  .left

  .lis-boxs

  .lists

  .ul-boxs

  .lists-a {

  font-size: 18px;

  color: #333;

  line-height: 32px;

  display: block;

  transition: all 0.3s;

  padding-left: 16px;

  position: relative;

  width: 100%;

  padding: 8px 0;

}



.sep-header

  .sep-mainnav

  .sep-container

  .nav-list

  .nav-ul

  > li

  .head-pro-ul

  .head-pro-ul-item

  .left

  .lis-boxs

  .lists

  .ul-boxs

  .lists-a

  i {

  position: absolute;

  left: 0;

  top: 10px;

  font-size: 20px;

  display: none;

}



.sep-header

  .sep-mainnav

  .sep-container

  .nav-list

  .nav-ul

  > li

  .head-pro-ul

  .head-pro-ul-item

  .left

  .lis-boxs

  .lists

  .ul-boxs

  .lists-a:hover {

  color: #042E7E;

  font-family: 'Formular-Medium';

  padding-left: 30px;

}



.sep-header

  .sep-mainnav

  .sep-container

  .nav-list

  .nav-ul

  > li

  .head-pro-ul

  .head-pro-ul-item

  .left

  .lis-boxs

  .lists

  .ul-boxs

  .lists-a:hover

  i {

  display: block;

}



.sep-header

  .sep-mainnav

  .sep-container

  .nav-list

  .nav-ul

  > li

  .head-pro-ul

  .head-pro-ul-item

  .left

  .lis-boxs

  .lists

  .ul-boxs

  .lists-a.active {

  color: #042E7E;

  font-family: 'Formular-Medium';

  padding-left: 30px;

}



.sep-header

  .sep-mainnav

  .sep-container

  .nav-list

  .nav-ul

  > li

  .head-pro-ul

  .head-pro-ul-item

  .left

  .lis-boxs

  .lists

  .ul-boxs

  .lists-a.active

  i {

  display: block;

}



.sep-header

  .sep-mainnav

  .sep-container

  .nav-list

  .nav-ul

  > li

  .head-pro-ul

  .head-pro-ul-item

  .left

  .lis-boxs

  .lists.active {

  height: auto;

}



.sep-header

  .sep-mainnav

  .sep-container

  .nav-list

  .nav-ul

  > li

  .head-pro-ul

  .head-pro-ul-item

  .right {

  width: 515px;

  text-align: center;

  border: 1px solid #e6e6e6;

  height: 100%;

  margin-top: 60px;

}



.sep-header

  .sep-mainnav

  .sep-container

  .nav-list

  .nav-ul

  > li

  .head-pro-ul

  .head-pro-ul-item

  .right

  img {

  width: 100%;

  transition: all 0.3s;

}



.sep-header

  .sep-mainnav

  .sep-container

  .nav-list

  .nav-ul

  > li

  .head-pro-ul

  .head-pro-ul-item

  .right

  img:hover {

  transform: scale(1.1);

}



.sep-header

  .sep-mainnav

  .sep-container

  .nav-list

  .nav-ul

  > li

  .head-pro-ul

  .head-pro-ul-item

  .right

  a {

  display: none;

  overflow: hidden;

}



.sep-header

  .sep-mainnav

  .sep-container

  .nav-list

  .nav-ul

  > li

  .head-pro-ul

  .head-pro-ul-item

  .right

  a.active {

  display: block;

}



.sep-header .sep-mainnav .sep-container .nav-list .nav-ul > li.nav-active > a {

  color: #042E7E;

}



.sep-header

  .sep-mainnav

  .sep-container

  .nav-list

  .nav-ul

  > li.nav-active

  > a:after {

  transform: scale(1);

}



.sep-header .sep-mainnav .sep-container .nav-list .nav-ul > li:hover > a {

  color: #042E7E;

}



.sep-header .sep-mainnav .sep-container .nav-list .nav-ul > li:hover > a:after {

  transform: scale(1);

}



.sep-header .sep-mainnav .sep-container .nav-list .nav-ul > li:hover > span {

  opacity: 1;

}



.sep-header .sep-mainnav .sep-container .nav-list .nav-ul > li > a {

  display: block;

  box-sizing: border-box;

  color: #333;

  font-size: 16px;

  padding: 40px 0;

  position: relative;

  z-index: 10;

  font-family: 'Formular-Medium';

  transition: all 0.3s;

  text-transform: uppercase;

}



.sep-header .sep-mainnav .sep-container .nav-list .nav-ul > li > a::after {

  content: '';

  display: block;

  width: 100%;

  height: 3px;

  background: #042E7E;

  position: absolute;

  left: 0;

  bottom: 0;

  transition: all 0.3s;

  transform: scale(0);

}



.sep-header .sep-mainnav .sep-container .nav-list .nav-ul > li > a:hover {

  color: #042E7E;

}



.sep-header .sep-mainnav .sep-container .logo img {

  height: 70px;

  width: auto;

}



.sep-header .sep-mainnav .search {

  color: #042E7E;

  font-size: 16px;

  cursor: pointer;

  display: flex;

  align-items: center;

  transition: all 0.3s;

  position: relative;

  z-index: 10;

  justify-content: center;

  margin-left: 40px;

}



.sep-header .sep-mainnav .search:hover i {

  color: #3ba209;

}



.sep-header .sep-mainnav .search i {

  color: #042E7E;

  font-size: 26px;

}



.sep-header .sep-mainnav .search .s2 {

  transform: rotate(45deg);

  display: none;

}



.sep-header .sep-mainnav .search.ons .s2 {

  display: inline-block;

}



.sep-header .sep-mainnav .search.ons .s1 {

  display: none;

}



.sep-header .sep-mainnav.nav-padding .content .logo {

  padding: 6px 0;

}



.sep-header .sep-mainnav.nav-padding .content .logo a img {

  max-width: 200px;

}



.sep-header .nav-fixed {

  box-shadow: 0 0 5px 0 #042E7E;

}



.sep-header .nav-fixed .content .nav-list .search {

  display: block;

}



.sep-header .nav-fixed .content .nav-list .search:hover i {

  color: #042E7E;

}



.sep-header .forms {

  width: 100%;

  z-index: 103;

  position: absolute;

  left: 0;

  top: 100%;

  height: 0;

  overflow: hidden;

  display: inline-block;

  vertical-align: top;

  background: #042E7E;

}



.sep-header .forms.ons {

  height: 94px;

  padding: 25px 0;

}



.sep-header .forms .forms-boxs {

  display: block;

  width: 100%;

  overflow: hidden;

}



.sep-header .forms .forms-boxs .sep-container {

  max-width: 1200px;

  margin: auto;

}



.sep-header .forms form {

  line-height: normal;

  position: relative;

  width: 100%;

  overflow: hidden;

  float: right;

}



.sep-header .forms form input[type='text'] {

  box-shadow: none;

  width: 100%;

  color: #fff;

  line-height: 26px;

  outline: none;

  display: inline-block;

  border: none;

  font-size: 18px;

  padding-left: 14px;

  padding-right: 40px;

  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;

  border-bottom: 1px solid #fff;

}



.sep-header .forms form input[type='text']::-webkit-input-placeholder {

  color: #fff;

}



.sep-header .forms form button[type='submit'] {

  width: 38px;

  height: 100%;

  display: block;

  border: none;

  background: none;

  outline: none;

  position: absolute;

  top: 0;

  right: 0;

}



.sep-header .forms form button[type='submit'] i {

  font-size: 18px;

  color: #fff;

  border-color: #fff;

  transition: all 0.3s;

  display: block;

}



.sep-header .forms form button[type='submit'] i:after {

  background: #fff;

}



.sep-header .forms form button[type='submit'] i:hover {

  transform: scale(1.1);

}



.sep-header .search-icon {

  display: none;

}



.sep-header .search-icon i {

  color: #042E7E;

  cursor: pointer;

  font-style: 20px;

}



.sep-header .search-icon i.s2 {

  transform: rotate(45deg);

  display: none;

}



.sep-header .trans1 {

  transition: all 0.3s;

}



.sep-header .gtj-t-r-deg {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}



.sep-header .trans {

  -webkit-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -ms-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

}



.main-padding {

  padding: 90px 0;

}



.head-cover {

  width: 100%;

  height: 145px;

}



.inner-cover {

  height: 145px;

}



.swiper-pc .swiper-pagination {

  bottom: 45px !important;

}



.swiper-pc .swiper-pagination .swiper-pagination-bullet {

  width: 20px;

  height: 5px;

  opacity: 1;

  border-radius: 10px;

  background: #fff;

  opacity: 0.5;

  margin: 0 7px !important;

}



.swiper-pc

  .swiper-pagination

  .swiper-pagination-bullet.swiper-pagination-bullet-active {

  opacity: 1;

  width: 40px;

}



.swiper-pc .pc-page div {

  width: 46px;

  height: 46px;

  background: rgba(0, 0, 0, 0.5);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  font-size: 20px;

  position: absolute;

  top: 50%;

  margin-top: -30px;

  z-index: 4;

  cursor: pointer;

  transition: all 0.3s;

}



.swiper-pc .pc-page div:hover {

  background: #042E7E;

  color: #fff;

}



.swiper-pc .pc-page div.prev {

  left: 5%;

  transform: rotate(180deg);

}



.swiper-pc .pc-page div.next {

  right: 5%;

}



.swiper-pc .sep-container {

  max-width: 1680px;

}



.text-upper {

  text-transform: uppercase;

}



.sep-banner {

  width: 100%;

  overflow: hidden;

  position: relative;

}



.sep-banner .back img {

  width: 100%;

}



.sep-banner .banner-main {

  width: 100%;

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

}



.sep-banner .banner-main .back {

  display: block;

  width: 100%;

  height: 100%;

}



.sep-banner .sep-container {

  position: relative;

  height: 100%;

  display: flex;

  align-items: center;

}



.sep-banner .sep-container .logo {

  margin-bottom: 20px;

}



.sep-banner .sep-container .logo img {

  height: 80px;

  width: auto;

}



.sep-banner .sep-container .banner-div {

  text-align: left;

  max-width: 50%;

}



.sep-banner .sep-container .banner-title {

  font-size: 48px;

  color: #042E7E;

  line-height: 60px;

  transition: all 0.3s;

  display: block;

}



.sep-banner .sep-container .banner-title:hover {

  color: #042E7E;

}



.sep-banner .sep-container .banner-des {

  font-size: 18px;

  color: #666;

  line-height: 32px;

  margin-top: 30px;

  max-width: 618px;

}



.sep-banner .sep-container .banner-more {

  display: inline-block;

  margin-top: 40px;

  margin-bottom: 60px;

}



.sep-banner .sep-container .banner-more span,

.sep-banner .sep-container .banner-more a {

  font-size: 17px;

  color: #333;

  display: inline-block;

  line-height: 50px;

  padding: 0 26px;

  border-radius: 100px;

  background: #042E7E;

  text-align: center;

  transition: all 0.3s;

  position: relative;

  color: #fff;

}



.sep-banner .sep-container .banner-more span:hover,

.sep-banner .sep-container .banner-more a:hover {

  background: #3ba209;

  color: #fff;

}



.home-advan {

  padding: 40px 0;

}



.home-advan__container {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 40px;

  text-align: center;

}



@media (max-width: 767.98px) {

  .home-advan__container {

    grid-template-columns: repeat(1, minmax(0, 1fr));

  }

}



.home-advan__item {

  max-width: 320px;

  margin: 0 auto;

}



.home-advan__icon {

  display: inline-block;

}



.home-advan__title {

  font-size: 24px;

  font-weight: 500;

}



.home-advan__desc {

  margin-top: 16px;

}



.flex {

  display: flex;

}



.flex-wrap {

  flex-wrap: wrap;

}



.pro-box {

  background: #f7f7f7;

}



.pro-box .pro-list {

  justify-content: space-between;

}



.pro-box .pro-list li {

  width: 47%;

  height: 100%;

  margin-bottom: 40px;

  border: 1px solid #e5e5e5;

  background-color: #fff;

  padding: 20px;

  border-radius: 1rem;

  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);

}



.pro-box .pro-list li:hover .thumb img {

  transform: scale(1.1);

}



.pro-box .pro-list li:hover .img .thumb-cover {

  opacity: 1;

}



.pro-box .pro-list li .thumb {

  display: block;

  overflow: hidden;

}



.pro-box .pro-list li .thumb img {

  width: 100%;

  transition: all 0.3s;

}



.pro-box .pro-list li .img {

  position: relative;

  

  border-radius: 1rem;

  overflow: hidden;

}



.pro-box .pro-list li .img .thumb-cover {

  position: absolute;

  background: #042E7E;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  padding: 60px;

  transition: all 0.3s;

  opacity: 0;

  border-radius: 1rem;

  overflow: hidden;

}
.pro-box .pro-list li .img .thumb-cover:hover{
  opacity: 0.8;
}


.pro-box .pro-list li .img .thumb-cover a {

  display: block;

  font-size: 16px;

  line-height: 32px;

  color: #fff;

  transition: all 0.3s;

  position: relative;

}



.pro-box .pro-list li .img .thumb-cover a:hover {

  padding-left: 16px;

}



.pro-box .pro-list li .img .thumb-cover a:hover::before {

  content: '>';

  display: inline-block;

  position: absolute;

  left: 0;

  top: 0;

  transition: all 0.3s;

  opacity: 1;

  font-size: 14px;

}



.pro-box .pro-list li .thumb-title {

  padding: 20px 0;

  display: flex;

  align-items: center;

  justify-content: space-between;

  position: relative;

  font-size: 22px;

  color: #333;

  border-bottom: 2px solid #e6e6e6;

}



.pro-box .pro-list li .thumb-title:hover {

  color: #042E7E;

}



.pro-box .pro-list li .thumb-title:hover::after {

  width: 100%;

}



.pro-box .pro-list li .thumb-title i {

  width: 48px;

  height: 48px;

  background: #042E7E;

  border: 1px solid #042E7E;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 20px;

  color: #fff;

  transition: all 0.3s;

}



.pro-box .pro-list li .thumb-title i:hover {

  background: #fff;

  color: #042E7E;

}



.pro-box .pro-list li .thumb-title::after {

  content: '';

  display: block;

  position: absolute;

  left: 0;

  bottom: -2px;

  width: 153px;

  height: 2px;

  transition: all 0.3s;

  background: #042E7E;

}



.pro-box .pro-list li .thumb-des {

  height: 90px;

  font-size: 16px;

  color: #4d4d4d;

  line-height: 30px;

  margin-top: 20px;

  overflow: hidden;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3;

}



.com-box {

  background: url(../img/dura-mater.jpg) no-repeat;

  background-size: cover;

}



.com-box .com-ul {

  justify-content: space-between;

}



.com-box .com-ul li {

  /* width: 24.8%; */

  width: 21.8%;

  background: rgba(255, 255, 255, 0.08);

  padding: 30px 20px;

  transition: all 0.3s;

}



.com-box .com-ul li:hover {

  background: #042E7E;

}



.com-box .com-ul li:hover .icon {

  background: #fff;

  color: #042E7E;

}



.com-box .com-ul li:hover .icon-num {

  font-size: 40px;

  line-height: 60px;

}



.com-box .com-ul li:hover .icon-num::before {

  width: 30px;

  height: 1px;

}



.com-box .com-ul li:hover .icon-des p a {

  color: #fff;

  text-decoration: underline !important;

}



.com-box .com-ul li:hover .icon-des p a:hover {

  text-decoration: none !important;

}



.com-box .com-ul li .icon {

  width: 86px;

  height: 86px;

  background: #042E7E;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 36px;

  color: #fff;

  margin: 0 auto;

  transition: all 0.3s;

}



.com-box .com-ul li .icon-title {

  font-size: 20px;

  color: #fff;

  line-height: 30px;

  margin-top: 16px;

  text-align: center;

  min-height: 60px;

}



.com-box .com-ul li .icon-des {

  margin-top: 16px;

  font-size: 16px;

  line-height: 30px;

  color: rgba(255, 255, 255, 0.8);

  text-align: center;

  min-height: 180px;

}



.com-box .com-ul li .icon-des p {

  font-size: 16px;

  line-height: 30px;

  color: rgba(255, 255, 255, 0.8);

  margin-bottom: 0;

}



.com-box .com-ul li .icon-num {

  font-size: 30px;

  line-height: 30px;

  color: #fff;

  text-align: center;

  margin-top: 40px;

  transition: all 0.3s;

}



.com-box .com-ul li .icon-num::before {

  content: '';

  display: block;

  width: 1px;

  height: 30px;

  background: rgba(255, 255, 255, 0.6);

  margin: 0 auto;

  margin-bottom: 8px;

  transition: all 0.3s;

}



.com-box .com-ul-mb {

  display: none;

}



.back-img {

  position: relative;

}



.back-img .back {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

  overflow: hidden;

}



.back-img .back img {

  width: 100%;

  height: 100%;

}



.back-img .back-img-main {

  position: relative;

  z-index: 2;

}



.rese-box {

  position: relative;

}



.rese-box .back {

  font-size: 200px;

  color: #f4f4f4;

  line-height: 180px;

  opacity: 0.6;

  position: absolute;

  bottom: 0;

  right: 10%;

}



.rese-box .rese-main-box {

  justify-content: space-between;

  align-items: center;

}



.rese-box .rese-main-box .thumb {

  width: 50%;

  padding: 65px;

  padding-right: 0;

  position: relative;

}



.rese-box .rese-main-box .thumb .rese-page {

  position: absolute;

  right: 0;

  bottom: 0;

}



.rese-box .rese-main-box .thumb .rese-page div {

  width: 54px;

  height: 54px;

  background: #e6e6e6;

  border-radius: 50%;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  font-size: 30px;

  color: #fff;

  transition: all 0.3s;

  cursor: pointer;

}



.rese-box .rese-main-box .thumb .rese-page div:hover {

  background: #042E7E;

}



.rese-box .rese-main-box .thumb .rese-page div:last-child {

  margin-left: 20px;

}



.rese-box .rese-main-box .thumb .rese-page div.prev {

  transform: rotate(180deg);

}



.rese-box .rese-main-box .thumb::after {

  content: '';

  display: block;

  width: 252px;

  height: 470px;

  background: #042E7E;

  box-shadow: 0 12px 24px 0 rgba(0, 85, 187, 0.35);

  position: absolute;

  left: 0;

  top: 0;

  z-index: 1;

}



.rese-box .rese-main-box .thumb .rese-swiper {

  position: relative;

  z-index: 2;

}



.rese-box .rese-main-box .thumb .rese-swiper img {

  width: 100%;

  transition: all 0.3s;

}



.rese-box .rese-main-box .thumb .rese-swiper img:hover {

  transform: scale(1.1);

}



.rese-box .rese-main-box .thumb .rese-swiper .swiper-slide {

  overflow: hidden;

}



.rese-box .rese-main-box .thumb-info {

  width: 44%;

}



.rese-box .rese-main-box .thumb-info .icon {

  font-size: 50px;

  color: #042E7E;

  line-height: 60px;

}



.rese-box .rese-main-box .thumb-info .icon-des {

  font-size: 17px;

  color: #666;

  line-height: 32px;

  margin-top: 32px;

}



.rese-box .rese-main-box .thumb-info .icon-des p {

  font-size: 17px;

  color: #666;

  line-height: 32px;

  margin-bottom: 0;

}



.rese-box .rese-main-box .thumb-info .icon-more {

  display: inline-block;

  line-height: 50px;

  border: 1px solid #042E7E;

  border-radius: 100px;

  padding: 0 30px;

  color: #fff;

  font-size: 17px;

  margin-top: 36px;

  background: #042E7E;

  transition: all 0.3s;

}



.rese-box .rese-main-box .thumb-info .icon-more:hover {

  background: none;

  color: #042E7E;

}



.contact-box {

  padding: 100px 0;

  background: url(../img/do-you-need-microsurgical-instruments.jpg) no-repeat;

  background-size: cover;

}



.contact-box .top-title {

  margin-bottom: 0;

}



.contact-box .title-des {

  max-width: 914px;

  margin: 0 auto;

}



.contact-box .contact-more {

  display: inline-block;

  line-height: 50px;

  border-radius: 100px;

  padding: 0 40px;

  color: #042E7E;

  font-size: 17px;

  margin-top: 36px;

  background: #fff;

  transition: all 0.3s;

}



.contact-box .contact-more:hover {

  background: #042E7E;

  color: #fff;

}



.padding-120 {

  padding: 120px 0;

}



.news-box .news-ul {

  justify-content: space-between;

}



.news-box .news-ul li {

  width: 31.3%;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}



.news-box .news-ul li:hover .thumb img {

  transform: scale(1.1);

}



.news-box .news-ul li .thumb {

  display: block;

  overflow: hidden;

}



.news-box .news-ul li .thumb img {

  width: 100%;

  transition: all 0.3s;

}



.news-box .news-ul li .thumb-info {

  margin-top: 22px;

  flex: 1;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}



.news-box .news-ul li .thumb-info .thumb-title {

  display: block;

  transition: all 0.3s;

  font-size: 18px;

  color: #333;

  line-height: 32px;

  flex: 1;

}



.news-box .news-ul li .thumb-info .thumb-title:hover {

  color: #042E7E;

}



.news-box .news-ul li .thumb-info .thumb-des {

  font-size: 16px;

  color: #4d4d4d;

  line-height: 30px;

  margin-top: 8px;

  min-height: 90px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

}



.news-box .news-ul li .thumb-info .thumb-time {

  padding: 15px 0;

  border-top: 1px solid #dbdbdb;

  border-bottom: 1px solid #dbdbdb;

  margin-top: 32px;

  display: flex;

  justify-content: space-between;

  align-items: center;

  font-size: 16px;

  color: #666;

}



.news-box .news-ul li .thumb-info .thumb-time a {

  color: #042E7E;

  text-transform: uppercase;

}



.news-box .news-ul li .thumb-info .thumb-time a:hover {

  color: #666;

}



.news-box .news-ul li .thumb-info .thumb-time a i {

  width: 30px;

  height: 30px;

  background: #042E7E;

  border: 1px solid #042E7E;

  border-radius: 50%;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  margin-left: 8px;

  color: #fff;

}



.richtext a {

  color: #042E7E;

}



.richtext a:hover {

  text-decoration: underline;

}



.swiper-mb {

  display: none;

}



.main-padding {

  padding: 90px 0;

}



.foot-top-contact {

  padding: 40px 0;

  background: #042E7E;

}



.foot-top-contact .sep-container {

  justify-content: space-between;

}



.foot-top-contact .contact-item {

  display: flex;

  align-items: center;

}



.foot-top-contact .contact-item:hover .icon {

  background: #fff;

  color: #042E7E;

}



.foot-top-contact .contact-item .icon {

  width: 70px;

  height: 70px;

  border: 1px solid rgba(255, 255, 255, 0.8);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 30px;

  color: #fff;

  transition: all 0.3s;

}



.foot-top-contact .contact-item .icon-des {

  font-size: 16px;

  color: #fff;

  line-height: 30px;

  margin-left: 20px;

  max-width: 570px;
  display: flex;
  flex-flow: column;
}



.foot-top-contact .contact-item .icon-des a {

  font-size: 16px;

  color: #fff;

  line-height: 30px;

}



.foot-top-contact .contact-item .icon-des a:hover {

  text-decoration: underline;

}



.sep-footer {

  background: #232323;

}



.sep-footer .sep-container {

  position: relative;

}



.sep-footer .sep-container .foot-top {

  display: flex;

  justify-content: space-between;

  background: url(../img/foot-back.png) no-repeat;

  background-position: center;

  margin: 80px 0;

  position: relative;

}



.sep-footer .sep-container .foot-top::after {

  content: '';

  display: block;

  width: 100%;

  height: 2px;

  background: #333;

  position: absolute;

  left: 0;

  top: 45px;

}



.sep-footer .sep-container .foot-top .foot-ul {

  width: 20%;

}



.sep-footer .sep-container .foot-top .foot-ul::before {

  display: none;

}



.sep-footer .sep-container .foot-top .foot-ul > li {

  margin-bottom: 38px;

}



.sep-footer .sep-container .foot-top .foot-ul > li.onss .li-list {

  display: block;

}



.sep-footer .sep-container .foot-top .foot-ul > li .list-title {

  font-size: 20px;

  color: #fff;

  line-height: 30px;

  position: relative;

  font-family: 'Formular-Medium';

  display: block;

  transition: all 0.3s;

}



.sep-footer .sep-container .foot-top .foot-ul > li .list-title a {

  font-size: 20px;

  color: #fff;

  line-height: 30px;

  font-family: 'Formular-Medium';

  display: block;

  transition: all 0.3s;

}



.sep-footer .sep-container .foot-top .foot-ul > li .list-title a:hover {

  color: #042E7E;

}



.sep-footer .sep-container .foot-top .foot-ul > li .list-title i {

  display: none;

}



.sep-footer .sep-container .foot-top .foot-ul > li .list-title::after {

  content: '';

  display: block;

  width: 30px;

  height: 3px;

  background: #042E7E;

  position: absolute;

  left: 0;

  bottom: -17px;

  z-index: 3;

}



.sep-footer .sep-container .foot-top .foot-ul > li.foot-contact .li-list li {

  padding-left: 36px;

  margin-bottom: 12px;

  position: relative;

}



.sep-footer

  .sep-container

  .foot-top

  .foot-ul

  > li.foot-contact

  .li-list

  li:hover {

  padding-left: 36px;

}



.sep-footer

  .sep-container

  .foot-top

  .foot-ul

  > li.foot-contact

  .li-list

  li:hover::after {

  display: none;

}



.sep-footer

  .sep-container

  .foot-top

  .foot-ul

  > li.foot-contact

  .li-list

  li

  .icon {

  width: 28px;

  height: 28px;

  border-radius: 50%;

  text-align: center;

  line-height: 28px;

  margin-right: 16px;

  position: absolute;

  left: 0;

  top: 1px;

}



.sep-footer

  .sep-container

  .foot-top

  .foot-ul

  > li.foot-contact

  .li-list

  li

  .icon

  i {

  color: #042E7E;

  font-size: 18px;

}



.sep-footer

  .sep-container

  .foot-top

  .foot-ul

  > li.foot-contact

  .li-list

  li

  .con

  .title {

  color: rgba(255, 255, 255, 0.5);

  line-height: 32px;

  font-size: 16px;

}



.sep-footer

  .sep-container

  .foot-top

  .foot-ul

  > li.foot-contact

  .li-list

  li

  .con

  .des {

  color: rgba(255, 255, 255, 0.5);

  line-height: 32px;

  font-size: 16px;

}



.sep-footer

  .sep-container

  .foot-top

  .foot-ul

  > li.foot-contact

  .li-list

  li

  .con

  .des

  p {

  color: rgba(255, 255, 255, 0.5);

  line-height: 32px;

  font-size: 16px;

}



.sep-footer .sep-container .foot-top .foot-ul > li .li-list {

  margin-top: 42px;

}



.sep-footer .sep-container .foot-top .foot-ul > li .li-list li {

  display: flex;

  padding-left: 16px;

  position: relative;

  transition: all 0.3s;

  padding-left: 0;

  margin-bottom: 4px;

}



.sep-footer .sep-container .foot-top .foot-ul > li .li-list li:hover a {

  color: #042E7E;

}



.sep-footer .sep-container .foot-top .foot-ul > li .li-list li::after {

  content: '';

  display: block;

  width: 6px;

  height: 6px;

  background: #042E7E;

  border-radius: 50%;

  position: absolute;

  left: 0;

  top: 12px;

  display: none;

  transition: all 0.3s;

}



.sep-footer .sep-container .foot-top .foot-ul > li .li-list li .con .title {

  color: rgba(255, 255, 255, 0.5);

  line-height: 32px;

  font-size: 16px;

}



.sep-footer .sep-container .foot-top .foot-ul > li .li-list li .con .des {

  color: rgba(255, 255, 255, 0.5);

  line-height: 32px;

  font-size: 16px;

}



.sep-footer

  .sep-container

  .foot-top

  .foot-ul

  > li

  .li-list

  li

  .list-title::after {

  display: none;

}



.sep-footer .sep-container .foot-top .foot-ul > li .li-list li a {

  color: rgba(255, 255, 255, 0.5);

  line-height: 32px;

  font-size: 16px;

  transition: all 0.3s;

  display: inline-block;

}



.sep-footer .sep-container .foot-top .foot-ul > li .li-list li a::before {

  content: '-';

  color: #042E7E;

  vertical-align: top;

  display: none;

  transition: all 0.3s;

}



.sep-footer .sep-container .foot-top .foot-ul > li .li-list li a:hover {

  color: #042E7E;

}



.sep-footer .sep-container .foot-top .foot-ul > li .li-list li a:hover::before {

  display: inline-block;

}



.sep-footer .sep-container .foot-middle {

  position: absolute;

  width: 100%;

  left: 0;

  bottom: 90px;

}



.sep-footer .sep-container .foot-middle ul {

  justify-content: space-between;

}



.sep-footer .sep-container .foot-middle ul li {

  padding-left: 70px;

  position: relative;

  width: 32%;

}



.sep-footer .sep-container .foot-middle ul li:last-child {

  margin-bottom: 0;

  width: 31%;

}



.sep-footer .sep-container .foot-middle ul li:nth-child(2) {

  width: 34%;

}



.sep-footer .sep-container .foot-middle ul li .icon {

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background: #042E7E;

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  left: 0;

  top: -5px;

  font-size: 20px;

  color: #fff;

}



.sep-footer .sep-container .foot-middle ul li .icon-des p {

  color: rgba(255, 255, 255, 0.8);

  font-size: 16px;

  line-height: 26px;

  max-width: 460px;

}



.sep-footer .sep-container .foot-middle ul li .icon-des p.gtj-ff-bol {

  font-size: 16px;

  color: rgba(255, 255, 255, 0.6);

}



.sep-footer .sep-container .foot-middle ul li .icon-des p a {

  color: rgba(255, 255, 255, 0.8);

  font-size: 16px;

  line-height: 26px;

  transition: all 0.3s;

  font-family: 'Poppins-Bold';

}



.sep-footer .sep-container .foot-middle ul li .icon-des p a:hover {

  text-decoration: underline;

}



.sep-footer .copyRight {

  padding: 15px 0;

  background: #1a1a1a;

  border-top: 2px solid rgba(255, 255, 255, 0.1);

}



.sep-footer .copyRight .main {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  align-items: center;

}



.sep-footer .copyRight .main span {

  color: rgba(255, 255, 255, 0.8);

  font-size: 16px;

}



.sep-footer .copyRight .main span a {

  font-size: 16px;

  color: rgba(255, 255, 255, 0.8);

}



.sep-footer .copyRight .main span a:hover {

  text-decoration: underline;

}



.sep-footer .copyRight .main span i {

  font-style: initial;

  margin: 0 10px;

}



.sep-footer .copyRight .main .right a {

  font-size: 16px;

  margin: 0;

  width: 35px;

  height: 35px;

  display: inline-flex;

  border-radius: 50%;

  justify-content: center;

  align-items: center;

  margin: 0 5px;

  color: rgba(255, 255, 255, 0.5);

}



.sep-footer .copyRight .main .right a:hover {

  color: #042E7E;

  font-size: 20px;

  text-decoration: none;

}



.mt-60 {

  margin-top: 40px !important;

}



#onlineService {

  position: fixed;

  right: 0;

  bottom: 32%;

  z-index: 100998;

}



.offside {

  width: 50px;

}



.offside li {

  width: 50px;

  height: 50px;

  position: relative;

  background: #b1b1b1;

  border-bottom: 1px solid #fff;

  text-align: center;

  transition: all 0.7s;

  -webkit-transition: all 0.7s;

}



.offside .code {

  position: absolute;

  top: 0;

  right: 50px;

  display: none;

  margin: 0;

}



.offside a,

.offside div {

  color: #fff;

  position: absolute;

  z-index: 11;

  display: block;

  top: 0;

  right: 0;

  bottom: 0;

  cursor: pointer;

  line-height: 50px;

  font-size: 24px;

}



.offside p {

  float: left;

  line-height: 50px;

  font-size: 16px;

  font-weight: 700;

  padding: 0 0 0 10px;

  color: #fff;

  opacity: 0;

  position: absolute;

  white-space: nowrap;

}



.offside .icon {

  font-size: 28px;

  height: 100%;

  line-height: 50px;

  text-align: center;

  display: block;

  color: #fff;

}



.offside li:not(.li_3) a,

.offside .li_3 a,

.offside .li_3 div {

  width: 50px;

}



.offside .back_top {

  display: none;

}



.offside li {

  background: #042E7E;

}



.offside li:last-child {

  background: #b1b1b1;

}



.offside .erweima {

  width: 150px;

  height: auto;

  position: absolute;

  left: -150px;

  top: 0;

  display: none;

}



.offside li:hover a,

.offside li:hover div,

.offside li:hover .icon {

  color: #fff;

}



.offside li:hover p {

  opacity: 1;

}



.offside li:not(.li_3):hover {

  background: #3ba209;

}



.offside li:not(.li_erweima):hover .erweima {

  display: block;

}



.offside .tel {

  width: 230px;

  transform: translateX(-180px);

  -webkit-transform: translateX(-180px);

}



.offside .back_none {

  height: 0;

  border: 0 !important;

}



.offside .li {

  transform: translateX(100%);

  -webkit-transform: translateX(100%);

}



.offside .unfold {

  width: 30px;

  transform: translateX(20px);

  -webkit-transform: translateX(20px);

}



.trans1 {

  transition: all 0.3s;

}



.gtj-t-r-deg {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}



.trans {

  -webkit-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -ms-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

}



.email-items {

  position: absolute;

  top: 0;

  left: -200px;

  width: 200px;

  height: 200px !important;

  transform: translateX(500px);

  transition: all 0.3s;

}



.email-items.active {

  transform: translateX(0);

}



.email-items .email-item {

  position: static;

}



.email-items .email-item a {

  width: 100% !important;

  font-size: 17px;

  background: #042E7E;

  height: auto !important;

  position: static;

}



.email-items .email-item a:hover {

  color: #3ba209;

}



.offside .unfold {

  width: 30px;

  transform: translateX(20px);

  -webkit-transform: translateX(20px);

}



.offside .unfold {

  width: 30px;

  transform: translateX(20px);

  -webkit-transform: translateX(20px);

}



.offside .unfold {

  width: 30px;

  transform: translateX(20px);

  -webkit-transform: translateX(20px);

}



.offside .unfold a {

  width: 100% !important;

}



.offside .unfold i {

  transform: rotate(180deg);

}



.offside .unfold {

  width: 30px;

  transform: translateX(20px);

  -webkit-transform: translateX(20px);

}



.offside .unfold a {

  width: 100% !important;

}



.offside .unfold i {

  transform: rotate(180deg);

}



.offside .unfold {

  width: 30px;

  transform: translateX(20px);

  -webkit-transform: translateX(20px);

}



.offside .unfold {

  width: 30px;

  transform: translateX(20px);

  -webkit-transform: translateX(20px);

}



.offside .unfold a {

  width: 100% !important;

}



.offside .unfold i {

  transform: rotate(180deg);

}



.offside .li {

  transform: translateX(100%);

  -webkit-transform: translateX(100%);

  height: 0;

}



.offside .li {

  transform: translateX(100%);

  -webkit-transform: translateX(100%);

}



.offside .fold .icon {

  font-size: 18px;

}



.bread {

  width: 100%;

  background-color: rgba(0, 0, 0, 0.2);

  margin-top: -54px;

  position: relative;

  z-index: 555;

}



.bread .sep-container {

  display: flex;

  padding: 14px 0;

}



.bread .sep-container .bread-icon {

  margin-right: 20px;

  color: #fff;

  font-size: 18px;

}



.bread .sep-container .bread-ul {

  display: flex;

  flex-wrap: wrap;

  color: white;

}



.bread .sep-container .bread-ul a {

  color: white;

}



.bread .sep-container .bread-ul li {

  color: rgba(255, 255, 255, 0.9);

  font-size: 16px;

}



.bread .sep-container .bread-ul li a {

  color: rgba(255, 255, 255, 0.9);

  font-size: 16px;

  margin: 0 4px;

  transition: all 0.3s;

}



.bread .sep-container .bread-ul li a:hover {

  text-decoration: underline;

}



.bread .sep-container .bread-ul li:last-child a {

  color: #fff;

  font-family: 'Formular-Medium';

}



.index-pro-richtext {

  display: none;

}



.breadcrumb {

  padding: 0;

  margin-bottom: 0;

  background: none;

  border-radius: none;

}



.breadcrumb > li + li:before {

  content: '>';

  color: rgba(255, 255, 255, 0.9);

}



.sep-inner-banner .sep-container {

  justify-content: center;

  align-items: center;

  padding-bottom: 3%;

}



.sep-inner-banner .sep-container .banner-div {

  text-align: center;

  padding-left: 0;

  max-width: 100%;

  border: none;

}



.sep-inner-banner .sep-container .banner-div .banner-des {

  max-width: 100%;

  font-size: 16px;

  line-height: 30px;

}



.sep-inner-banner .sep-container .banner-div .banner-des p {

  font-size: 16px;

  line-height: 30px;

  color: rgba(255, 255, 255, 0.8);

  margin-bottom: 0;

}



.sep-inner-banner .sep-container .banner-div .banner-des p a {

  color: rgba(255, 255, 255, 0.8);

  text-decoration: underline !important;

}



.sep-inner-banner .sep-container .banner-div .banner-des p a:hover {

  text-decoration: none !important;

}



.sep-inner-banner .sep-container .banner-div .banner-title {

  font-style: normal;

  position: relative;

  color: #fff;

  font-size: 46px;

  line-height: 60px;

}



.sep-inner-banner .sep-container .banner-div .banner-title:hover {

  color: #fff !important;

}



.sep-inner-banner .sep-container .banner-div .banner-title::after {

  content: '';

  display: block;

  width: 200px;

  height: 1px;

  background: rgba(255, 255, 255, 0.7);

  margin: 36px auto;

}



.sep-inner-banner .sep-container .banner-div .banner-title::before {

  content: '';

  display: block;

  width: 80px;

  height: 3px;

  background: #042E7E;

  position: absolute;

  left: 50%;

  margin-left: -40px;

  bottom: 0;

}



.flex {

  display: flex;

}



.flex-wrap {

  flex-wrap: wrap;

}



.index-pro-box .index-pro-item {

  margin-bottom: 80px;

}



.index-pro-box .index-pro-item:last-child {

  margin-bottom: 0;

}



.index-pro-box .index-pro-item .item-title {

  border-bottom: 2px solid #042E7E;

}



.index-pro-box .index-pro-item .item-title a {

  display: inline-block;

  background: #042E7E;

  font-size: 22px;

  color: #fff;

  line-height: 58px;

  padding: 0 60px;

  font-family: 'Formular-Medium';

  transition: all 0.3s;

  border: 2px solid #042E7E;

  border-bottom: none;

}



.index-pro-box .index-pro-item .item-title a:hover {

  background: none;

  color: #042E7E;

}



.index-pro-box .index-pro-item .item-a-box {

  margin-top: 30px;

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  column-gap: 40px;

  row-gap: 20px;

}



.index-pro-box .index-pro-item .item-a-box a {

  display: flex;

  background: #f9f9f9;

  font-size: 17px;

  color: #000;

  line-height: 22px;

  padding: 0 16px;

  height: 60px;

  align-items: center;

  justify-content: space-between;

  border-left: 3px solid #f9f9f9;

  transition: all 0.3s;

}



.index-pro-box .index-pro-item .item-a-box a:hover {

  color: #042E7E;

  border-left-color: #042E7E;

}



.index-pro-box .index-pro-item .item-img-box {

  margin-top: 40px;

  position: relative;

}



.index-pro-box .index-pro-item .item-img-box .thumb {

  display: block;

  overflow: hidden;

}



.index-pro-box .index-pro-item .item-img-box .thumb img {

  width: 100%;

  transition: all 0.3s;

}



.index-pro-box .index-pro-item .item-img-box .thumb img:hover {

  transform: scale(1.1);

}



.index-pro-box .index-pro-item .item-img-box .thumb-cover {

  position: absolute;

  left: 25px;

  bottom: 25px;

  padding: 40px 42px;

  background: #fff;

  box-shadow: 0 0 10px #eee;

}



.index-pro-box .index-pro-item .item-img-box .thumb-cover .thumb-des {

  max-width: 540px;

  font-size: 18px;

  color: #666;

  line-height: 32px;

  margin-top: 12px;

}



.index-pro-box .index-pro-item .item-img-box .thumb-cover .thumb-des a {

  color: #042E7E;

}



.index-pro-box .index-pro-item .item-img-box .thumb-cover .thumb-des a:hover {

  text-decoration: underline;

}



.index-pro-box .index-pro-item .item-img-box .thumb-cover .thumb-title {

  font-size: 24px;

  color: #042E7E;

  line-height: 36px;

  display: block;

  transition: all 0.3s;

}



.index-pro-box .index-pro-item .item-img-box .thumb-cover .thumb-title:hover {

  text-decoration: underline;

}



.index-pro-box .index-pro-item .item-img-box .thumb-cover .thumb-more {

  display: inline-flex;

  margin-top: 22px;

  font-size: 16px;

  color: #042E7E;

  align-items: center;

}



.index-pro-box .index-pro-item .item-img-box .thumb-cover .thumb-more i {

  width: 30px;

  height: 30px;

  border: 1px solid #042E7E;

  border-radius: 50%;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  margin-left: 10px;

  background: #042E7E;

  color: #fff;

  transition: all 0.3s;

}



.index-pro-box .index-pro-item .item-img-box .thumb-cover .thumb-more:hover i {

  background: none;

  color: #042E7E;

}



.list-form-box {

  background: url(../img/start-now.jpg) no-repeat;

  background-size: cover;

}



.list-form-box .form-left-ul li {

  padding-left: 58px;

  position: relative;

  min-height: 50px;

  margin-bottom: 30px;

}



.list-form-box .form-left-ul li:hover .icon {

  border-color: #042E7E;

  background: #042E7E;

  color: #fff;

}



.list-form-box .form-left-ul li:hover p a {

  color: #042E7E;

}



.list-form-box .form-left-ul li .icon {

  width: 46px;

  height: 46px;

  border: 1px solid #fff;

  border-radius: 50%;

  position: absolute;

  left: 0;

  top: 4px;

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

}



.list-form-box .form-left-ul li .icon-title {

  font-size: 17px;

  color: #fff;

  line-height: 30px;

}



.list-form-box .form-left-ul li p {

  font-size: 16px;

  color: rgba(255, 255, 255, 0.8);

  line-height: 26px;

}



.list-form-box .form-left-ul li p a {

  font-size: 16px;

  color: rgba(255, 255, 255, 0.8);

  line-height: 26px;

}



.list-form-box .form-left {

  width: 35%;

}



.list-form-box .form-left .title-des {

  font-size: 18px;

  line-height: 32px;

  color: rgba(255, 255, 255, 0.8);

}



.list-form-box .form-left .title-des p {

  font-size: 18px;

  line-height: 32px;

  color: rgba(255, 255, 255, 0.8);

}



.list-form-box .form-main {

  position: relative;

  max-width: 1920px;

  margin: 0 auto;

}



.list-form-box .form-main .sep-container {

  position: relative;

  display: flex;

  justify-content: space-between;

}



.list-form-box .form-box-right {

  /* position: absolute; */

  /* right: 10px; */

  /* top: -28px; */

  width: 800px;

  height: auto;

  background: #fff;

  padding: 60px;

  box-shadow: 0 19px 32px 0 rgba(0, 0, 0, 0.1);

}



.list-form-box .form-box-right img {

  position: absolute;

  right: 0;

  top: 0;

  display: none;

}



.list-form-box .form-box-right .fom-box {

  width: 680px;

}



.list-form-box .form-box-right .fom-box .sep-form {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  margin-top: 20px;

}



.list-form-box .form-box-right .fom-box .form-group {

  width: 100%;

  margin-bottom: 14px;

  border-bottom: 1px solid #bfbfbf;

}



.list-form-box .form-box-right .fom-box .form-group:last-child {

  margin-bottom: 0;

}



.list-form-box .form-box-right .fom-box .form-group .form-control {

  border: none;

  height: 46px;

  border-radius: 0;

  box-shadow: none;

  background: none;

  color: #999;

  font-size: 18px;

  padding-left: 30px;

}



.list-form-box

  .form-box-right

  .fom-box

  .form-group

  .form-control::-webkit-input-placeholder {

  color: #999;

  font-size: 18px;

}



.list-form-box .form-box-right .fom-box .form-group i {

  color: #999;

  position: absolute;

  font-size: 20px;

  left: 0;

  top: 10px;

}



.list-form-box .form-box-right .fom-box .form-group span {

  font-size: 18px;

  color: #999;

}



.list-form-box .form-box-right .fom-box .text-box {

  width: 100% !important;

  border: none;

}



.list-form-box .form-box-right .fom-box .text-box .form-control {

  resize: none;

  border: 1px solid rgba(191, 191, 191, 0.44);

  height: 120px;

  margin-top: 10px;

}



.list-form-box

  .form-box-right

  .fom-box

  .text-box

  .form-control::-webkit-input-placeholder {

  color: #999;

  font-size: 16px;

}



.list-form-box .form-box-right .fom-box .text-box span {

  padding-left: 30px;

}



.list-form-box .form-box-right .fom-box .text-box i {

  top: 0;

}



.list-form-box .form-box-right .fom-box .btn-box {

  border: none;

  width: 100%;

  text-align: left;

  margin-top: 60px;

}



.list-form-box .form-box-right .fom-box .btn-box .btn-primary {

  padding: 0;

  width: 200px;

  line-height: 52px;

  background: #042E7E;

  border-radius: 30px;

  text-align: center;

  border: none;

  font-size: 17px;

  transition: all 0.3s;

  position: relative;

  padding: 0 26px;

  color: #fff;

  outline: none;

}



.list-form-box .form-box-right .fom-box .btn-box .btn-primary i {

  margin-left: 8px;

  font-size: 12px;

  position: static;

  color: #fff;

  font-size: 20px;

}



.list-form-box .form-box-right .fom-box .btn-box .btn-primary:hover {

  box-shadow: 0 0 10px #042E7E;

}



.index-adv-box .index-adv-main {

  justify-content: space-between;

  align-items: center;

}



.index-adv-box .index-adv-main .thumb {

  width: 41%;

  overflow: hidden;

}



.index-adv-box .index-adv-main .thumb img {

  width: 100%;

}



.index-adv-box .index-adv-main .adv-swiper {

  width: 59%;

}



.index-adv-box .index-adv-main .adv-swiper .swiper-container {

  padding: 30px 0;

  position: relative;

}



.index-adv-box .index-adv-main .adv-swiper .adv-item {

  padding: 74px 67px;

  position: relative;

  background: #f9f9f9;

  padding-bottom: 130px;

}



.index-adv-box .index-adv-main .adv-swiper .adv-item .icon {

  width: 59px;

  height: 59px;

  background: #042E7E;

  box-shadow: 0 19px 32px 0 rgba(0, 85, 187, 0.1);

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 30px;

  color: #fff;

  position: absolute;

  top: -28px;

}



.index-adv-box .index-adv-main .adv-swiper .adv-item .icon-title {

  font-size: 24px;

  color: #042E7E;

  line-height: 32px;

  margin-bottom: 20px;

  margin-top: -10px;

}



.index-adv-box .index-adv-main .adv-swiper .adv-item .icon-des {

  font-size: 18px;

  color: #666;

  line-height: 32px;

  min-height: 96px;

}



.index-adv-box .index-adv-main .adv-swiper .adv-item .icon-des p {

  font-size: 18px;

  color: #666;

  line-height: 32px;

}



.index-adv-box .index-adv-main .adv-swiper .adv-page {

  position: absolute;

  left: 67px;

  bottom: 82px;

  z-index: 22;

}



.index-adv-box .index-adv-main .adv-swiper .adv-page div {

  width: 40px;

  height: 40px;

  border-radius: 50%;

  border: 1px solid #042E7E;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  color: #042E7E;

  transition: all 0.3s;

  cursor: pointer;

  margin-right: 20px;

}



.index-adv-box .index-adv-main .adv-swiper .adv-page div:hover {

  background: #042E7E;

  color: #fff;

}



.index-adv-box .index-adv-main .adv-swiper .adv-page div.prev {

  transform: rotate(180deg);

}



.index-care-box {

  background: url(../img/microsurgical-instruments_1645606424.jpg) no-repeat;

  background-size: cover;

}



.index-care-box .index-care-main {

  justify-content: space-between;

  align-items: center;

}



.index-care-box .index-care-main-2 .richtext p {

  color: #fff;

}



.index-care-box .index-care-main .thumb {

  width: 50%;

  overflow: hidden;

}



.index-care-box .index-care-main .thumb img {

  width: 100%;

  transition: all 0.3s;

}



.index-care-box .index-care-main .thumb-info {

  width: 45%;

}



.index-care-box .index-care-main .thumb-info .list-paddingleft-2 {

  list-style: none !important;

}



.index-care-box .index-care-main .thumb-info .list-paddingleft-2 li {

  padding-left: 40px;

  position: relative;

}



.index-care-box .index-care-main .thumb-info .list-paddingleft-2 li::after {

  content: '';

  display: block;

  width: 16px;

  height: 19px;

  background: url(../img/list-icon.png) no-repeat;

  position: absolute;

  left: 6px;

  top: 6px;

}



.index-care-box .index-care-main .thumb-info .list-paddingleft-2 li p {

  color: rgba(255, 255, 255, 0.8);

}



.index-care-box .index-care-main .thumb-info .list-paddingleft-2 li p a {

  color: rgba(255, 255, 255, 0.8);

  text-decoration: underline;

}



.index-care-box .index-care-main .thumb-info .list-paddingleft-2 li p a:hover {

  text-decoration: none !important;

}



.index-care-box .index-care-main .thumb-info ul li {

  color: white;

}



.index-news-box .index-news-ul {

  justify-content: space-between;

}



.index-news-box .index-news-ul li {

  width: 32.3%;

}



.index-news-box .index-news-ul li:hover .thumb img {

  transform: scale(1.1);

}



.index-news-box .index-news-ul li:hover .thumb1 .thumb-more {

  opacity: 1;

}



.index-news-box .index-news-ul li .thumb {

  display: block;

  overflow: hidden;

  position: relative;

}



.index-news-box .index-news-ul li .thumb .time {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 267px;

  height: 80px;

  background: #fff;

  padding: 0 38px;

  display: flex;

  align-items: flex-end;

  padding-bottom: 22px;

}



.index-news-box .index-news-ul li .thumb .time i {

  font-size: 20px;

  color: #042E7E;

  margin-right: 6px;

}



.index-news-box .index-news-ul li .thumb .time .day {

  font-size: 30px;

  color: #333;

  line-height: 38px;

  margin-right: 8px;

  font-family: 'Formular-Bold';

}



.index-news-box .index-news-ul li .thumb .time .year {

  font-size: 16px;

  color: #333;

}



.index-news-box .index-news-ul li .thumb img {

  width: 100%;

  transition: all 0.3s;

}



.index-news-box .index-news-ul li .thumb-title {

  display: block;

  font-size: 18px;

  color: #333;

  line-height: 32px;

  margin-top: 16px;

  padding: 0 14px;

  transition: all 0.3s;

}



.index-news-box .index-news-ul li .thumb-title:hover {

  color: #042E7E;

}



.index-news-box .index-news-ul li .thumb1 {

  position: relative;

}



.index-news-box .index-news-ul li .thumb1 .thumb-more {

  width: 160px;

  line-height: 50px;

  background: #042E7E;

  display: block;

  font-size: 16px;

  text-align: center;

  color: #fff;

  position: absolute;

  right: 0;

  bottom: 0;

  transition: all 0.3s;

  opacity: 0;

}



.index-news-box .index-news-ul li .thumb1 .thumb-more i {

  margin-left: 6px;

}



.index-news-box .sep-container {

  position: relative;

}



.index-news-box .sep-container .word {

  position: absolute;

  font-size: 156px;

  color: #f9f9f9;

  line-height: 200px;

  top: -150px;

  right: -200px;

}



.list-pro-box {

  background: #f9f9f9;

  padding-bottom: 60px;

}



.list-pro-ul li {

  width: 32%;

  margin-right: 2%;

  margin-bottom: 40px;

  border: 1px solid #e5e5e5;

  background-color: #fff;

  padding: 20px;

  border-radius: 1rem;

  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);

}



.list-pro-ul li:hover {

  border-bottom-color: #042E7E;

}



.list-pro-ul li:hover .thumb img {

  transform: scale(1.1);

}



.list-pro-ul li:hover .thumb .thumb-cover {

  opacity: 1;

}



.list-pro-ul li:nth-child(3n) {

  margin-right: 0;

}



.list-pro-ul li .thumb {

  display: block;

  overflow: hidden;

  position: relative;

}



.list-pro-ul li .thumb img {

  width: 100%;

  transition: all 0.3s;

}



.list-pro-ul li .thumb .thumb-cover {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: #042E7E;

  padding: 50px 30px;

  font-size: 16px;

  color: rgba(255, 255, 255, 0.9);

  line-height: 32px;

  transition: all 0.3s;

  opacity: 0;

  border-radius: 1rem;

}



.list-pro-ul li .thumb-title {

  padding: 15px 15px 15px 26px;

  display: block;

  font-size: 18px;

  color: #333;

  line-height: 28px;

  font-family: 'Formular-Medium';

  display: flex;

  align-items: center;

  justify-content: space-between;

  transition: all 0.3s;

  text-align: center;

}



.list-pro-ul li .thumb-title:hover {

  color: #042E7E;

}



.list-pro-ul li .thumb-title i {

  width: 40px;

  height: 40px;

  background: #042E7E;

  border: 1px solid #042E7E;

  border-radius: 50%;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  font-size: 18px;

  color: #fff;

}



.search-pro-ul li {

  box-shadow: 0 0 10px #eee;

}



.list-min-box {

  background: url(../img/list-pro-back.jpg) no-repeat;

  background-size: cover;

}



.list-min-box .list-min-ul {

  justify-content: space-between;

  padding-bottom: 50px;

}



.list-min-box .list-min-ul li {

  width: 48.3%;

  position: relative;

}



.list-min-box .list-min-ul li:nth-child(even) .thumb-title {

  right: auto;

  left: 0;

}



.list-min-box .list-min-ul li:hover .thumb img {

  transform: scale(1.1);

}



.list-min-box .list-min-ul li:hover .thumb .thumb-cover {

  opacity: 1;

}



.list-min-box .list-min-ul li:hover .thumb-title {

  background: #042E7E;

  color: #fff;

}



.list-min-box .list-min-ul li .thumb {

  display: block;

  overflow: hidden;

  position: relative;

}



.list-min-box .list-min-ul li .thumb img {

  width: 100%;

  transition: all 0.3s;

}



.list-min-box .list-min-ul li .thumb-cover {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(255, 255, 255, 0.9);

  padding: 60px 80px;

  font-size: 16px;

  color: #333;

  line-height: 30px;

  transition: all 0.3s;

  opacity: 0;

}



.list-min-box .list-min-ul li .thumb-cover p {

  font-size: 16px;

  color: #333;

  line-height: 30px;

}



.list-min-box .list-min-ul li .thumb-title {

  width: 100%;

  background: #fff;

  font-size: 20px;

  color: #333;

  line-height: 30px;

  text-align: center;

  transition: all 0.3s;

  padding: 20px 20px;

}



.list-min-box .list-min-ul li .thumb-cover1 {

  display: none;

}



.list-faq-box {

  padding-bottom: 80px;

}



.list-faq-box .list1-opcial-list > ul {

  justify-content: space-between;

}



.list-faq-box .list1-opcial-list > ul > li {

  margin-bottom: 40px;

  background: #fff;

  padding: 40px;

  position: relative;

  padding-bottom: 40px;

  transition: all 0.3s;

  width: 48.9%;

  border: 1px solid #e6e6e6;

  border-left: 6px solid #042E7E;

}



.list-faq-box .list1-opcial-list > ul > li:hover {

  box-shadow: 0 19px 32px 0 rgba(0, 0, 0, 0.1);

  border-color: transparent;

  border-left: 6px solid #042E7E;

}



.list-faq-box .list1-opcial-list > ul > li:hover .letter-box {

  color: #042E7E !important;

}



.list-faq-box .list1-opcial-list > ul > li:hover .ques-title .title-con {

  color: #042E7E;

}



.list-faq-box .list1-opcial-list > ul > li.active .ques-title i::after {

  background: #fff;

  display: none;

}



.list-faq-box .list1-opcial-list > ul > li.actives .ques-con {

  display: block;

}



.list-faq-box .list1-opcial-list > ul > li .letter-box {

  transition: all 0.3s;

}



.list-faq-box .list1-opcial-list > ul > li .ques-title {

  position: relative;

  padding-left: 40px;

}



.list-faq-box .list1-opcial-list > ul > li .ques-title .letter-box {

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  font-size: 20px;

  color: #cfcfcf;

}



.list-faq-box .list1-opcial-list > ul > li .ques-title .title-con {

  font-size: 20px;

  color: #333;

  line-height: 29px;

  transition: all 0.3s;

}



.list-faq-box .list1-opcial-list > ul > li .ques-title i {

  position: absolute;

  right: 0;

  top: 11px;

  width: 33px;

  height: 33px;

  cursor: pointer;

}



.list-faq-box .list1-opcial-list > ul > li .ques-title i:before {

  content: '';

  display: block;

  width: 19px;

  height: 2px;

  background: #042E7E;

  position: absolute;

  left: 50%;

  margin-left: -7px;

  top: 50%;

  margin-top: -2px;

}



.list-faq-box .list1-opcial-list > ul > li .ques-title i:after {

  content: '';

  display: block;

  width: 2px;

  height: 19px;

  background: #042E7E;

  position: absolute;

  left: 50%;

  margin-left: 2px;

  top: 50%;

  margin-top: -10px;

}



.list-faq-box .list1-opcial-list > ul > li .ques-con {

  position: relative;

  padding-left: 40px;

  margin-top: 26px;

  padding-right: 0;

}



.list-faq-box .list1-opcial-list > ul > li .ques-con .letter-box {

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  font-size: 20px;

  color: #cfcfcf;

}



.list-faq-box .list1-opcial-list > ul > li .ques-con p {

  font-size: 16px;

  color: #666;

  line-height: 30px;

  margin-bottom: 0;

}



.detail-img-main {

  background: #f9f9f9;

}



.detail-img-main .detail-img-box {

  justify-content: space-between;

}



.detail-img-main .detail-img-box {

  padding: 70px 0 120px;

}



.detail-img-main .detail-img-box .right {

  width: 52%;

}



.detail-img-main .detail-img-box .right .title-des > p {

  font-size: 18px;

  line-height: 30px;

  color: rgba(102, 102, 102, 0.8);

}



.detail-img-main .detail-img-box .right .detail-more {

  text-align: left;

}



.detail-img-main .detail-img-box .right .title-more {

  display: inline-block;

  padding: 0 30px;

  line-height: 50px;

  background: #042E7E;

  width: 260px;

  color: #fff;

  transition: all 0.3s;

  margin-top: 60px;

  font-size: 18px;

  border-radius: 50px;

  margin-right: 40px;

  border: 1px solid #042E7E;

  text-align: center;

}



.detail-img-main .detail-img-box .right .title-more:nth-child(2) {

  background: none;

  color: #042E7E;

}



.detail-img-main .detail-img-box .right .title-more:nth-child(2):hover {

  background: #042E7E;

  color: #fff;

}



.detail-img-main .detail-img-box .right .title-more i {

  margin-left: 8px;

}



.detail-img-main .detail-img-box .right .title-more:hover {

  background: none;

  color: #042E7E;

}



.detail-img-main .detail-img-box .left {

  width: 42%;

}



.detail-img-main .detail-img-box .left .swiper-pagination {

  display: none;

}



.detail-img-main .detail-img-box .left .detail-small-swiper {

  margin-top: 20px;

  position: relative;

}



.detail-img-main .detail-img-box .left .detail-small-swiper li {

  text-align: center;

}



.detail-img-main .detail-img-box .left .detail-small-swiper img {

  max-width: 100%;

  border-radius: 8px;

}



.detail-img-main .detail-img-box .left .detail-small-swiper .small-page div {

  position: absolute;

  top: 43%;

  width: 20px;

  height: 20px;

  background: #e5e5e5;

  transition: all 0.3s;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 1111;

  outline: none;

}



.detail-img-main

  .detail-img-box

  .left

  .detail-small-swiper

  .small-page

  div.next {

  right: -5px;

}



.detail-img-main

  .detail-img-box

  .left

  .detail-small-swiper

  .small-page

  div.prev {

  left: -5px;

  transform: rotate(180deg);

}



.detail-img-main

  .detail-img-box

  .left

  .detail-small-swiper

  .small-page

  div:hover {

  background: #042E7E;

}



.detail-img-main

  .detail-img-box

  .left

  .detail-small-swiper

  .small-page

  div:hover

  i {

  color: #fff;

}



.detail-img-main .detail-img-box .left .detail-small-swiper .small-page div i {

  color: #333;

  font-size: 18px;

  opacity: 0.8;

}



.detail-img-main .detail-img-box .left .swiper-slide-thumb-active {

  border: 2px solid #042E7E;

  border-radius: 8px;

}



.detail-img-main .detail-img-box .left .swiper-slide-thumb-active::before {

  position: absolute;

  top: -2px;

  bottom: -2px;

  left: 30px;

  width: calc(100% - 60px);

  content: '';

  border-top: 2px solid #fff;

  border-bottom: 2px solid #fff;

  z-index: 0;

}



.detail-img-main .detail-img-box .left .swiper-slide-thumb-active::after {

  position: absolute;

  top: 30px;

  right: -2px;

  left: -2px;

  height: calc(100% - 60px);

  content: '';

  border-right: 2px solid #fff;

  border-left: 2px solid #fff;

  z-index: 0;

}



.detail-img-main .detail-img-box .left .big-img-swiper img {

  width: 100%;

}



.detail-img-main .richtext .list-paddingleft-2 {

  list-style: none !important;

  position: relative;

}



/* .detail-img-main .richtext .list-paddingleft-2::after {

  content: '';

  display: block;

  width: 1px;

  height: 90%;

  background: #042E7E;

  position: absolute;

  left: 11px;

  top: 5%;

} */



/* .detail-img-main .richtext .list-paddingleft-2 li {

  padding-left: 30px;

  position: relative;

  margin-bottom: 4px;

} */



/* .detail-img-main .richtext .list-paddingleft-2 li:hover::after {

  display: block;

} */



/* .detail-img-main .richtext .list-paddingleft-2 li::after {

  content: '';

  display: block;

  width: 10px;

  height: 10px;

  background: #042E7E;

  border-radius: 50%;

  position: absolute;

  left: 7px;

  top: 11px;

  transition: all 0.3s;

  z-index: 33;

  display: none;

} */



/* .detail-img-main .richtext .list-paddingleft-2 li::before {

  content: '';

  display: block;

  width: 18px;

  height: 18px;

  border: 1px solid #042E7E;

  border-radius: 50%;

  position: absolute;

  left: 3px;

  top: 7px;

  transition: all 0.3s;

  z-index: 33;

  background: #f9f9f9;

} */



.detail-img-main .richtext .list-paddingleft-2 li p {

  font-size: 16px;

  color: rgba(102, 102, 102, 0.8);

  line-height: 30px;

  margin-bottom: 0;

}



/* .detail-img-main .richtext .list-paddingleft-2 li p strong {

  color: #042E7E;

} */



.inner-bread {

  margin-top: 0;

}



.list1-pro-box {

  padding-bottom: 120px;

}



.list1-pro-box .sep-contener {

  display: flex;

  justify-content: space-between;

}



.list1-pro-box .sep-contener .sep-left {

  width: 70.8%;

  padding-top: 80px;

}



.list1-pro-box .sep-contener .sep-left .richtext-btn {

  border-bottom: 1px solid #e6e6e6;

  margin-bottom: 80px;

}



.list1-pro-box .sep-contener .sep-left .richtext-btn a {

  font-size: 22px;

  color: #333;

  line-height: 36px;

  font-family: 'Formular-Medium';

  display: inline-block;

  padding: 10px 0;

  margin-right: 70px;

  position: relative;

}



.list1-pro-box .sep-contener .sep-left .richtext-btn a::after {

  content: '';

  display: block;

  width: 100%;

  height: 2px;

  background: #042E7E;

  position: absolute;

  left: 0;

  bottom: 0;

  transition: all 0.3s;

  transform: scale(0);

}



.list1-pro-box .sep-contener .sep-left .richtext-btn a:hover::after {

  transform: scale(1);

}



.list1-pro-box .sep-contener .sep-left .richtext-btn a.active {

  font-family: 'Formular-Bold';

  color: #042E7E;

}



.list1-pro-box .sep-contener .sep-left .richtext-btn a.active::after {

  transform: scale(1);

}



.list1-pro-box .sep-contener .sep-siderbar {

  width: 26%;

  height: min-content;

  position: sticky;

  top: 30px;

  max-height: 90vh;

  overflow-y: auto;

  border-left: 1px solid #e6e6e6;

  padding-top: 80px;

}



.list1-pro-box .sep-contener .sep-siderbar .sider-search {

  margin-bottom: 20px;

}



.list1-pro-box .sep-contener .sep-siderbar .sider-search .forms {

  width: 309px;

  overflow: hidden;

  display: inline-block;

  vertical-align: top;

  height: 60px;

  border: 1px solid #dcdcdc;

  border-radius: 30px;

  margin-left: 8px;

}



.list1-pro-box .sep-contener .sep-siderbar .sider-search .forms.ons {

  height: 94px;

  padding: 25px 0;

}



.list1-pro-box .sep-contener .sep-siderbar .sider-search .forms .forms-boxs {

  display: block;

  width: 100%;

  overflow: hidden;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .sider-search

  .forms

  .forms-boxs

  .sep-container {

  max-width: 1200px;

  margin: auto;

}



.list1-pro-box .sep-contener .sep-siderbar .sider-search .forms form {

  line-height: normal;

  position: relative;

  width: 100%;

  overflow: hidden;

  float: right;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .sider-search

  .forms

  form

  input[type='text'] {

  display: block;

  box-shadow: none;

  width: 100%;

  color: #666;

  outline: none;

  display: inline-block;

  border: none;

  font-size: 18px;

  padding-left: 14px;

  padding-right: 40px;

  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;

  height: 60px;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .sider-search

  .forms

  form

  input[type='text']::-webkit-input-placeholder {

  color: #666;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .sider-search

  .forms

  form

  button[type='submit'] {

  width: 38px;

  height: 100%;

  display: block;

  border: none;

  background: none;

  outline: none;

  position: absolute;

  top: 0;

  right: 0;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .sider-search

  .forms

  form

  button[type='submit']

  i {

  font-size: 25px;

  color: #042E7E;

  border-color: #fff;

  margin-right: 4px;

  transition: all 0.3s;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .sider-search

  .forms

  form

  button[type='submit']

  i:after {

  background: #fff;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .sider-search

  .forms

  form

  button[type='submit']

  i:hover {

  transform: scale(1.1);

}



.list1-pro-box .sep-contener .sep-siderbar .sider-search .search-icon {

  display: none;

}



.list1-pro-box .sep-contener .sep-siderbar .sider-search .search-icon i {

  color: #042E7E;

  cursor: pointer;

  font-style: 20px;

}



.list1-pro-box .sep-contener .sep-siderbar .sider-search .search-icon i.s2 {

  transform: rotate(45deg);

  display: none;

}



.list1-pro-box .sep-contener .sep-siderbar .sider-search .trans1 {

  transition: all 0.3s;

}



.list1-pro-box .sep-contener .sep-siderbar .sider-search .gtj-t-r-deg {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}



.list1-pro-box .sep-contener .sep-siderbar .sider-search .trans {

  -webkit-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -ms-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

}



.list1-pro-box .sep-contener .sep-siderbar::-webkit-scrollbar {

  width: 4px;

  height: 4px;

  background-color: #eee;

}



.list1-pro-box .sep-contener .sep-siderbar::-webkit-scrollbar-track {

  border-radius: 10px;

  background-color: transparent;

}



.list1-pro-box .sep-contener .sep-siderbar::-webkit-scrollbar-thumb {

  border-radius: 10px;

  background-color: rgba(0, 85, 187, 0.5);

}



.list1-pro-box .sep-contener .sep-siderbar .plc-con .prcl-ul {

  margin-bottom: 20px;

}



.list1-pro-box .sep-contener .sep-siderbar .plc-con .prcl-ul .ul-active > li {

  height: 100%;

  margin-bottom: 4px;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-show {

  padding: 14px 18px;

  font-size: 18px;

  color: #333;

  position: relative;

  height: 100%;

  padding-right: 40px;

  background: #f6f6f6;

  transition: all 0.3s;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-show

  a {

  font-size: 18px;

  color: #333;

  transition: all 0.3s;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-show

  i {

  position: absolute;

  right: 12px;

  top: 19px;

  width: 23px;

  height: 23px;

  cursor: pointer;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-show

  i:before {

  content: '';

  display: block;

  width: 14px;

  height: 2px;

  background: #042E7E;

  position: absolute;

  left: 50%;

  margin-left: -8px;

  top: 50%;

  margin-top: -1px;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-show

  i:after {

  content: '';

  display: block;

  width: 2px;

  height: 14px;

  background: #042E7E;

  position: absolute;

  left: 50%;

  margin-left: -2px;

  top: 50%;

  margin-top: -7px;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-show:hover

  a {

  color: #042E7E;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li.show-actives

  .li-dis {

  display: block;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li.show-active

  .li-show {

  position: relative;

  background: #042E7E;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li.show-active

  .li-show

  a {

  color: #fff;

  font-family: 'Formular-Medium';

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li.show-active

  .li-show

  i::before {

  background: #fff;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li.show-active

  .li-show

  i::after {

  display: none;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li.show-active1

  .li-show

  a {

  color: #042E7E;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-dis {

  display: none;

  position: relative;

  padding: 10px 0;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-dis

  > li {

  line-height: 20px;

  font-size: 16px;

  line-height: 32px;

  position: relative;

  padding: 0 30px;

  margin: 10px 0;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-dis

  > li::after {

  content: '';

  display: block;

  width: 6px;

  height: 6px;

  background: #666;

  border-radius: 50%;

  position: absolute;

  left: 16px;

  top: 16px;

  transition: all 0.3s;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-dis

  > li::before {

  content: '';

  display: block;

  width: 12px;

  height: 12px;

  border: 1px solid #042E7E;

  border-radius: 50%;

  position: absolute;

  left: 13px;

  top: 13px;

  transition: all 0.3s;

  opacity: 0;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-dis

  > li

  > a {

  display: block;

  font-size: 16px;

  color: #666;

  line-height: 24px;

  padding: 6px 0;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-dis

  > li

  > a

  span {

  width: 20px;

  height: 100%;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-dis

  > li

  > a:hover {

  color: #042E7E;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-dis

  > li

  .add {

  position: absolute;

  right: 10px;

  top: 10px;

  width: 24px;

  height: 24px;

  cursor: pointer;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-dis

  > li

  .add:before {

  content: '';

  display: block;

  width: 10px;

  height: 2px;

  background: #8d8d8d;

  position: absolute;

  left: 50%;

  margin-left: -5px;

  top: 50%;

  margin-top: -1px;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-dis

  > li

  .add:after {

  content: '';

  display: block;

  width: 2px;

  height: 10px;

  background: #8d8d8d;

  position: absolute;

  left: 50%;

  margin-left: -1px;

  top: 50%;

  margin-top: -5px;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-dis

  > li.dis-shows

  > .li-dis1 {

  display: block;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-dis

  > li.dis-show

  > a {

  color: #042E7E;

  font-family: 'Formular-Medium';

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-dis

  > li.dis-show

  .add::before {

  background: #042E7E;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-dis

  > li.dis-show

  .add::after {

  display: none;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-dis

  > li:hover

  > .circle {

  border-color: #042E7E;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-dis

  .li-dis1 {

  display: block;

  width: 100%;

  margin-top: 6px;

  display: none;

  margin-top: 10px;

  border-bottom: 1px solid #e6e6e6;

  padding-bottom: 6px;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-dis

  .li-dis1

  li {

  padding-left: 20px;

  position: relative;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-dis

  .li-dis1

  li

  i {

  position: absolute;

  left: 0;

  top: -1px;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-dis

  .li-dis1

  li

  a {

  font-size: 16px;

  color: #4d4d4d;

  line-height: 32px;

  display: block;

  transition: all 0.3s;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-dis

  .li-dis1

  li

  a:hover {

  color: #042E7E;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-dis

  .li-dis1

  li:hover {

  color: #042E7E;

}



.list1-pro-box

  .sep-contener

  .sep-siderbar

  .plc-con

  .prcl-ul

  .ul-active

  > li

  .li-dis

  .li-dis1

  li.dis-show1

  a {

  color: #042E7E;

}



.list1-pro-box .sep-contener .sep-siderbar .ul-title a {

  font-size: 24px;

  color: #333;

  line-height: 34px;

  transition: all 0.3s;

  display: block;

  padding: 26px 8px;

}



.list1-pro-box .sep-contener .sep-siderbar .ul-title a::after {

  content: '';

  display: block;

  width: 26px;

  height: 3px;

  background: #042E7E;

  margin-top: 10px;

}



.list1-pro-box .sep-contener .sep-siderbar .ul-title a:hover {

  color: #042E7E;

}



.richtext h2 {

  font-size: 36px;

  color: #333;

  line-height: 40px;

  margin-bottom: 40px;

  text-align: left !important;

}



.richtext h2::after {

  content: '';

  display: block;

  width: 58px;

  height: 5px;

  background: #3ba209;

  margin-top: 20px;

}



.richtext table {

  width: 100%;

  border: 1px solid #e6e6e6;

}



.richtext table tr {

  background: #f7fafd;

}



.richtext table tr:nth-child(even) {

  background: none;

}



.richtext table tr td {

  border: none;

  border-right: 1px solid #e0e0e0;

  padding: 14px 20px;

  font-size: 16px;

  color: #333;

}



.richtext table tr td p {

  font-size: 16px;

  color: #333;

}



.richtext .list-paddingleft-2 {

  list-style: none !important;

  position: relative;

}



/* .richtext .list-paddingleft-2::after {

  content: '';

  display: block;

  width: 1px;

  height: 90%;

  background: #042E7E;

  position: absolute;

  left: 11px;

  top: 5%;

} */



.richtext .list-paddingleft-2 li {

  /* padding-left: 30px; */

  position: relative;

  margin-bottom: 4px;

}



.richtext .list-paddingleft-2 li::after {

  content: '';

  display: block;

  width: 5px;

  height: 5px;

  background: #042E7E;

  border-radius: 50%;

  position: absolute;

  left: 7px;

  top: 11px;

  transition: all 0.3s;

  z-index: 33;

  display: none;

}



/* .richtext .list-paddingleft-2 li::before {

  content: '';

  display: block;

  width: 10px;

  height: 10px;

  border: 1px solid #042E7E;

  border-radius: 50%;

  position: absolute;

  left: 7px;

  top: 8px;

  transition: all 0.3s;

  z-index: 33;

  background: #f9f9f9;

} */



.richtext .list-paddingleft-2 li p {

  font-size: 16px;

  color: rgba(102, 102, 102, 0.8);

  line-height: 30px;

  margin-bottom: 0;

}



.richtext .list-paddingleft-2 li p strong {

  color: #042E7E;

}



.richtext-detail-box {

  margin-top: 110px;

}



.richtext-detail-box h2 {

  margin-bottom: 10px;

}



.richtext-detail-box .detail-item {

  padding: 30px 0;

  border-bottom: 1px solid #e6e6e6;

  padding-left: 33px;

  position: relative;

}



.richtext-detail-box .detail-item::after {

  content: '';

  display: block;

  width: 16px;

  height: 16px;

  background: #042E7E;

  box-shadow: 0 3px 7px 0 rgba(0, 85, 187, 0.3);

  position: absolute;

  left: 4px;

  top: 40px;

}



.richtext-detail-box .detail-item .item-title {

  font-size: 20px;

  color: #333;

  line-height: 36px;

  margin-bottom: 30px;

}



.detail-relate-box {

  background: linear-gradient(to right, #f9f9f9 30%, #f0f5f8 30%);

}



.detail-relate-box .relate-ul li {

  width: 32%;

  background: #fff;

  margin-right: 2%;

  border-radius: 8px;

  overflow: hidden;

}



.detail-relate-box .relate-ul li:nth-child(3n) {

  margin-right: 0;

}



.detail-relate-box .relate-ul li:hover {

  box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.1);

}



.detail-relate-box .relate-ul li:hover .thumb img {

  transform: scale(1.1);

}



.detail-relate-box .relate-ul li .thumb {

  display: block;

  overflow: hidden;

}



.detail-relate-box .relate-ul li .thumb img {

  width: 100%;

  transition: all 0.3s;

}



.detail-relate-box .relate-ul li .thumb-title {

  display: flex;

  padding: 15px 20px;

  border-top: 1px solid #e5e5e5;

  align-items: center;

  justify-content: space-between;

}



.detail-relate-box .relate-ul li .thumb-title:hover .title {

  color: #042E7E;

}



.detail-relate-box .relate-ul li .thumb-title:hover .icon {

  background: #042E7E;

}



.detail-relate-box .relate-ul li .thumb-title:hover .icon i {

  border-color: #fff;

  color: #fff;

}



.detail-relate-box .relate-ul li .thumb-title .title {

  font-size: 18px;

  color: #333;

  line-height: 30px;

  font-family: 'Formular-Medium';

  width: calc(100% - 80px);

  transition: all 0.3s;

}



.detail-relate-box .relate-ul li .thumb-title .icon {

  width: 53px;

  height: 53px;

  background: #042E7E;

  display: flex;

  align-items: center;

  justify-content: center;

  background: none;

  transition: all 0.3s;

}



.detail-relate-box .relate-ul li .thumb-title .icon i {

  width: 30px;

  height: 30px;

  border: 1px solid #042E7E;

  font-size: 16px;

  color: #042E7E;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: all 0.3s;

}



.ab-part-one {

  padding: 60px 0 100px;

}



.ab-part-one .insbox {

  justify-content: space-between;

  align-items: center;

}



.ab-part-one .insbox .left-boxs {

  width: 46%;

}



.ab-part-one .insbox .left-boxs .videos {

  display: block;

  overflow: hidden;

}



.ab-part-one .insbox .left-boxs .videos img {

  width: 100%;

}



.ab-part-one .insbox .words-boxs {

  width: 50%;

}



.ab-part-one .insbox .words-boxs .tips {

  font-size: 18px;

  color: #042E7E;

  text-transform: uppercase;

  margin-bottom: 8px;

  text-align: left;

}



.ab-part-one .insbox .words-boxs .titles {

  font-size: 40px;

  margin-bottom: 10px;

  color: #222;

}



.ab-part-one .insbox .words-boxs .summary {

  line-height: 1.8em;

}



.ab-part-one .insbox .words-boxs .more {

  display: inline-block;

  padding: 5px 20px 8px;

  background: #042E7E;

  border-radius: 20px;

  color: #fff;

  text-align: center;

  position: relative;

  padding-right: 45px;

  font-size: 17px;

  margin-top: 35px;

  border: 1px solid #042E7E;

  transition: all 0.3s;

}



.ab-part-one .insbox .words-boxs .more i {

  background: #042E7E;

  display: flex;

  justify-content: center;

  align-items: center;

  width: 19px;

  height: 19px;

  border-radius: 50%;

  position: absolute;

  right: 8px;

  top: 9px;

  color: #042E7E;

  padding-left: 2px;

}



.ab-part-one .insbox .words-boxs .more:hover {

  background: #042E7E;

  color: #042E7E;

}



.ab-part-one .insbox .words-boxs .more:hover i {

  background: #042E7E;

  color: #042E7E;

}



.ab-part-one .let-ul {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  margin-top: 30px;

  width: 100%;

}



.ab-part-one .let-ul li {

  width: 32%;

  box-shadow: 0 0 10px #ddd;

  padding-top: 16px;

}



.ab-part-one .let-ul li:hover .part .title {

  color: #042E7E;

}



.ab-part-one .let-ul li .part {

  position: relative;

  padding: 25px;

  text-align: center;

}



.ab-part-one .let-ul li .part .icons {

  position: absolute;

  left: 15px;

  top: 25px;

}



.ab-part-one .let-ul li .part .title {

  display: block;

  font-size: 22px;

  font-family: 'Formular-Bold';

  color: #042E7E;

  margin-bottom: 10px;

  transition: all 0.3s;

}



.ab-part-one .let-ul li .part .summary {

  font-size: 16px;

  line-height: 27px;

}



.ab-part-one .let-ul li .part .summary p {

  font-size: 16px;

  line-height: 27px;

  text-align: center;

}



.inner-his-list {

  position: relative;

  width: 1200px;

  margin: 0 auto;

  margin-bottom: 60px;

}



.inner-his-list::after {

  content: '';

  display: block;

  width: 2px;

  height: 100%;

  background: #042E7E;

  position: absolute;

  left: 50%;

  top: 0;

  margin-left: -1px;

}



.inner-his-list::before {

  content: '';

  display: block;

  width: 12px;

  height: 12px;

  background: #042E7E;

  border-radius: 50%;

  left: 50%;

  margin-left: -6px;

  bottom: -56px;

  position: absolute;

  z-index: 4;

  opacity: 0.1;

}



.inner-his-list li {

  display: flex;

  justify-content: flex-end;

  padding-bottom: 38px;

  position: relative;

}



.inner-his-list li .his-con {

  width: 45%;

}



.inner-his-list li:nth-child(even) {

  justify-content: flex-start;

}



.inner-his-list li:nth-child(even) .his-con {

  text-align: right;

}



.inner-his-list li:last-child {

  padding-bottom: 0;

}



.inner-his-list li:last-child::before {

  border: none;

  width: 12px;

  height: 12px;

  background: #042E7E;

  opacity: 0.4;

  border-radius: 50%;

  margin-left: -6px;

  top: 24px;

}



.inner-his-list li::after {

  content: '';

  display: block;

  width: 12px;

  height: 12px;

  background: #042E7E;

  border-radius: 50%;

  left: 50%;

  margin-left: -6px;

  top: 7px;

  position: absolute;

  z-index: 4;

}



.inner-his-list li::before {

  content: '';

  display: block;

  width: 26px;

  height: 26px;

  background: #fff;

  border: 1px dashed #042E7E;

  border-radius: 50%;

  position: absolute;

  left: 50%;

  margin-left: -13px;

  top: 0;

  z-index: 3;

}



.inner-his-list .his-title {

  font-size: 22px;

  color: #042E7E;

  line-height: 36px;

}



.inner-his-list .his-des {

  margin-top: 4px;

}



.inner-his-list .his-des p {

  font-size: 16px;

  color: #4d4d4d;

  line-height: 32px;

  margin-bottom: 0;

}



.abouts_five {

  background-color: #f7f7f7;

}



.abouts_five .item {

  text-align: center;

}



.abouts_five .boxs_wiper .swiper {

  overflow: hidden;

}



.abouts_five .boxs_wiper .swiper .swiper-slide {

  display: flex;

  align-items: center;

  justify-content: center;

}



.abouts_five .boxs_wiper .swiper img {

  display: block;

  width: 100%;

  transition: all 0.3s;

}



.abouts_five .boxs_wiper .swiper_btm {

  display: flex;

  margin-top: 30px;

  align-items: center;

}



.abouts_five .boxs_wiper .swiper_btm .swiper_btn {

  display: flex;

  margin-right: 80px;

}



.abouts_five .boxs_wiper .swiper_btm .swiper_btn .iconfont {

  width: 50px;

  height: 50px;

  background: #fff;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: all 0.3s;

}



.abouts_five .boxs_wiper .swiper_btm .swiper_btn .iconfont.item_prev {

  margin-right: 20px;

  transform: rotate(180deg);

}



.abouts_five .boxs_wiper .swiper_btm .swiper_btn .iconfont:hover {

  background: #042E7E;

  color: #fff;

}



.abouts_five

  .boxs_wiper

  .swiper_btm

  .swiper_btn

  .iconfont.swiper-button-disabled:hover {

  background: #fff;

  color: #042E7E;

}



.abouts_five .boxs_wiper .swiper_btm .swiper-pagination {

  position: relative;

  width: 80%;

  height: 3px;

  background: #e6e6e6;

  display: flex;

  align-items: center;

}



.abouts_five

  .boxs_wiper

  .swiper_btm

  .swiper-pagination

  .my-pagination-progressbar-fill {

  position: absolute;

  display: block;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: #042E7E;

  -webkit-transform-origin: left top;

  -ms-transform-origin: left top;

  transform-origin: left top;

}



.company-cul-box .sep-container {

  justify-content: space-between;

  align-items: center;

}



.company-cul-box .sep-container .top-title {

  width: 25%;

  margin-bottom: 0;

}



.company-cul-box .sep-container .top-title .title-thumb {

  width: 78px;

  height: 78px;

  background: #fff;

  border: 9px solid rgba(255, 255, 255, 0.04);

  border-radius: 50%;

  overflow: hidden;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: 30px;

}



.company-cul-box .sep-container .top-title .title-thumb img {

  width: 90%;

}



.company-cul-box .sep-container .cul-ul {

  width: 73%;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  align-items: center;

}



.company-cul-box .sep-container .cul-ul li {

  width: 28%;

}



.company-cul-box .sep-container .cul-ul li .icon {

  width: 51px;

  height: 51px;

  background: rgba(71, 71, 71, 0.4);

  border-radius: 50%;

  padding-top: 4px;

}



.company-cul-box .sep-container .cul-ul li .icon i {

  font-size: 28px;

  color: #fff;

}



.company-cul-box .sep-container .cul-ul li .icon-title {

  font-size: 18px;

  color: #fff;

  line-height: 36px;

  margin-top: 6px;

}



.company-cul-box .sep-container .cul-ul li .icon-des {

  font-size: 16px;

  color: #fff;

  line-height: 32px;

  opacity: 0.6;

  min-height: 192px;

}



.company-cul-box .sep-container .cul-ul li .icon-des p {

  font-size: 16px;

  color: #fff;

  line-height: 32px;

}



.padding-120 {

  padding: 100px 0;

}



.video-list {

  justify-content: space-between;

}



.video-list li {

  width: 48%;

  margin-bottom: 30px;

}



.video-list .pro-thumb {

  position: relative;

}



.video-list .pro-thumb .thumb {

  display: block;

  overflow: hidden;

  text-align: center;

  min-height: 385px;

  position: relative;

}



.video-list .pro-thumb .thumb img {

  max-width: 100%;

  transition: all 0.3s;

}



.video-list .pro-thumb .thumb .play-icon {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.06);

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 50px;

  color: #fff;

  transition: all 0.3s;

}



.video-list .pro-thumb .thumb .play-icon:hover {

  color: #042E7E;

}



.video-list .pro-info {

  position: relative;

  border-top: 1px solid #e6e6e6;

}



.video-list .pro-info:hover .thumb-ul {

  opacity: 1;

}



.video-list .pro-info .pro-show {

  height: 100%;

  text-align: center;

}



.video-list .pro-info .pro-title {

  font-size: 24px;

  color: #292a2a;

  line-height: 34px;

  transition: all 0.3s;

  text-align: center;

  display: block;

  padding: 20px 14px;

}



.video-list .pro-info .pro-title:hover {

  color: #042E7E;

}



.form-group {

  position: relative;

}



.sep-pagination .pagination li a {

  color: #042E7E;

}



.sep-pagination .pagination li span {

  color: #042E7E;

}



.pagination > .active > a,

.pagination > .active > a:focus,

.pagination > .active > a:hover,

.pagination > .active > span,

.pagination > .active > span:focus,

.pagination > .active > span:hover {

  background-color: #042E7E;

  border-color: #042E7E;

  color: #fff !important;

}



.operation {

  margin-top: 30px;

  margin-bottom: 40px;

}



.operation ul {

  display: flex;

  flex-wrap: wrap;

  justify-content: flex-start;

}



.operation ul li {

  margin-right: 50px;

  width: auto;

  text-align: left;

}



.operation ul li .btn-primary {

  background: #042E7E;

  padding: 10px 30px;

  color: #fff;

  border: 1px solid #042E7E;

  transition: all 0.3s;

  font-size: 18px;

}



.operation ul li .btn-primary:hover {

  background: #fff;

  color: #042E7E;

}



.form-group {

  position: relative;

}



.form-group.has-error p {

  color: red;

  text-align: left;

  display: none;

  display: none !important;

}



.form-group.has-error .form-control1 {

  border-color: red !important;

}



.form-group.has-success.nums:after {

  right: 130px;

}



.form-group.has-success:after {

  content: '✔';

  display: block;

  width: 16px;

  height: 16px;

  text-align: center;

  font-size: 12px;

  color: #fff;

  border-radius: 100%;

  background: green !important;

  line-height: 16px;

  position: absolute;

  right: 30px;

  bottom: 12px;

}



.table-over {

  overflow-x: auto;

}



.search-btns {

  display: flex;

  margin-bottom: 30px;

  margin-top: 30px;

  flex-wrap: wrap;

  justify-content: flex-start !important;

}



.search-btns a {

  font-size: 20px;

  display: inline-block;

  width: 220px;

  margin-right: 20px;

  background: #f0f0f0;

  color: #323232;

  padding: 10px 0;

  font-weight: bold;

  text-align: center;

  border: none;

  transition: all 0.3s;

  outline: none;

  margin-bottom: 10px;

}



.search-btns a.active {

  background: #042E7E;

  color: #fff;

}



.search-btns a:hover {

  background: #042E7E;

  color: #fff;

}



.sep-resource-list2 {

  text-align: left;

  margin-top: 30px;

}



.sep-resource-list2 li {

  padding-left: 160px;

  position: relative;

  padding-bottom: 30px;

  border-bottom: 1px solid #afafaf;

  padding-top: 5px;

  min-height: 152px;

  margin-bottom: 30px;

  overflow: hidden;

}



.sep-resource-list2 li .thumb {

  display: block;

  position: absolute;

  width: 140px;

  overflow: hidden;

  left: 0;

  top: 0;

  text-align: center;

  font-size: 40px;

}



.sep-resource-list2 li .thumb img {

  width: 100%;

  height: 100%;

  transition: all 0.3s;

}



.sep-resource-list2 li .thumb img:hover {

  transform: scale(1.1);

}



.sep-resource-list2 li .thumb i {

  font-size: 40px;

}



.sep-resource-list2 li .title {

  display: block;

  color: #545454;

  font-weight: bold;

  margin-bottom: 10px;

  transition: all 0.3s;

  font-size: 20px;

}



.sep-resource-list2 li .title:hover {

  color: #042E7E;

}



.sep-resource-list2 li .summary {

  display: block;

  color: #545454;

  line-height: 1.6em;

  margin-bottom: 10px;

}



.sep-resource-list2 li .more {

  text-transform: uppercase;

  color: #042E7E;

  font-size: 16px;

  font-weight: bold;

  transition: all 0.3s;

}



.sep-resource-list2 li .more:hover {

  color: #3ba209;

}



.sep-resource-list2 .nothumb {

  padding-left: 0;

}



.sep-resource-list2 .nothumb .title {

  display: block;

  color: #545454;

  font-weight: bold;

  margin-bottom: 10px;

  font-size: 20px;

}



.sep-resource-list2 .nothumb .summary {

  display: block;

  color: #545454;

  line-height: 1.6em;

  margin-bottom: 10px;

}



.sep-resource-list2 .nothumb .more {

  text-transform: uppercase;

  color: #042E7E;

  font-size: 16px;

  font-weight: bold;

}



.com-team-top ul {

  flex-wrap: wrap;

  margin-top: 40px;

  justify-content: space-between;

  align-items: inherit;

}



.com-team-top ul li {

  width: 24%;

  transition: all 0.3s;

}



.com-team-top ul li .icon {

  font-size: 50px;

  color: #042E7E;

}



.com-team-top ul li .icon-title {

  font-size: 20px;

  line-height: 30px;

  color: #323232;

  margin-top: 20px;

}



.com-team-top ul li .icon-des {

  font-size: 16px;

  line-height: 30px;

  color: #323232;

  margin-top: 10px;

}



.com-team-top ul li .icon-des p {

  font-size: 16px;

  line-height: 30px;

  color: #323232;

}



.com-team-top ul li .icon-more {

  display: block;

  width: 150px;

  line-height: 40px;

  background: #042E7E;

  color: #fff;

  text-align: center;

  border-radius: 10px;

  margin-top: 20px;

}



.com-team-top ul li .icon-more:hover {

  background: #fff;

}



.inner-padding {

  padding: 100px 0;

}



.bg-f9 {

  background: #f9f9f9;

}



.mult-img-item1 {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  column-gap: 20px;

  row-gap: 20px;

  display: none;

  margin-top: 60px;

}



.mult-img-item1.active {

  display: grid;

}



.mult-img-item1 li {

  overflow: hidden;

  position: relative;

  background: #f9f9f9;

  border-top: 1px solid #042E7E;

  padding: 20px 20px 30px 20px;

}



.mult-img-item1 li .text-bold {

  text-align: center;

  color: #042E7E;

  padding: 12px 0;

  width: 100%;

  font-size: 16px;

}



.mult-img-item1 li a {

  display: block;

  overflow: hidden;

}



.mult-img-item1 li img {

  width: 100%;

  transition: all 0.3s;

}



.mult-img-item1 li:hover img {

  transform: scale(1.1);

}



.mult-img-item1 li:nth-child(3n) {

  margin-right: 0;

}



.myjb-solutions-boxs {

  display: block;

  width: 100%;

}



.myjb-solutions-boxs.ons {

  margin-top: 42px;

}



.myjb-solutions-boxs ul li {

  width: 100%;

  background: #fff;

  position: relative;

  margin-bottom: 29px;

  padding-bottom: 20px;

  border-bottom: 1px solid #efefef;

}



.myjb-solutions-boxs ul li:nth-child(even) .boxs {

  flex-direction: row-reverse;

}



.myjb-solutions-boxs ul li .boxs {

  position: relative;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}



.myjb-solutions-boxs ul li .boxs-bottoms {

  margin-top: 24px;

}



.myjb-solutions-boxs ul li .boxs-bottoms .lists {

  display: block;

  padding: 5px 16px;

  line-height: 24px;

  position: relative;

}



.myjb-solutions-boxs ul li .boxs-bottoms .lists:before {

  content: '';

  display: block;

  width: 6px;

  height: 6px;

  border-radius: 100%;

  position: absolute;

  left: 0;

  top: 14px;

  background: #042E7E;

}



.myjb-solutions-boxs ul li .boxs-bottoms .lists:hover {

  color: #042E7E;

}



.myjb-solutions-boxs ul li .boxs-bottoms .lists.ons {

  font-weight: bold;

}



.myjb-solutions-boxs ul li .boxs-bottoms .lists.ons:before {

  left: 3px;

  border-radius: 0;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}



.myjb-solutions-boxs ul li .bg-colors {

  background: #efefef;

}



.myjb-solutions-boxs ul li .thumbs {

  display: block;

  width: 40%;

  overflow: hidden;

  display: flex;

  align-items: center;

}



.myjb-solutions-boxs ul li .thumbs img {

  max-width: 100%;

}



.myjb-solutions-boxs ul li .lis-boxs {

  width: 60%;

  display: block;

  padding: 2% 5%;

}



.myjb-solutions-boxs ul li .titles-a {

  display: block;

  width: 100%;

  font-size: 24px;

  color: #090504;

  line-height: 32px;

  transition: all 0.3s;

}



.myjb-solutions-boxs ul li .titles-a:hover {

  color: #042E7E;

}



.myjb-solutions-boxs ul li .spans {

  display: block;

  width: 100%;

  font-size: 15px;

  color: #090504;

  line-height: 32px;

  margin-top: 14px;

}



.myjb-solutions-boxs ul li .spans * {

  font-size: 15px;

  color: #090504;

  line-height: 32px;

}



.myjb-solutions-boxs ul li .links-boxs {

  display: block;

  width: 100%;

  margin-top: 12px;

  text-align: left;

}



.myjb-solutions-boxs ul li .links-boxs .links-a {

  display: inline-block;

  vertical-align: top;

  font-size: 15px;

  color: #042E7E;

  line-height: 24px;

}



.myjb-solutions-boxs ul li .links-boxs .links-a:after {

  content: ',';

}



.myjb-solutions-boxs ul li .links-boxs .links-a:last-child:after {

  display: none;

}



.myjb-solutions-boxs ul li .links-boxs .links-a:hover {

  text-decoration: underline;

}



.myjb-solutions-boxs ul li .know-mores {

  margin-top: 24px;

}



.myjb-solutions-boxs ul li:hover .thumbs img {

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -ms-transform: scale(1.2);

  -o-transform: scale(1.2);

  transform: scale(1.2);

}



.know-mores {

  display: block;

  padding: 0 50px 0 20px;

  position: relative;

  font-size: 15px;

  color: #fff;

  line-height: 37px;

  background: #042E7E;

  float: left;

}



.know-mores i {

  display: block;

  width: 37px;

  height: 37px;

  background: rgba(255, 255, 255, 0.3);

  position: absolute;

  right: 0;

  top: 0;

  text-align: center;

  line-height: 37px;

  color: #fff;

  font-size: 20px;

}



.trans1 {

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}



.display-list ul li {

  padding: 30px 0;

  display: block;

  border-bottom: 1px solid #e6e6e6;

  transition: all 0.3s;

}



.display-list ul li:nth-child(1) {

  padding-top: 0;

}



.display-list ul li:nth-child(odd) .thumb {

  float: left;

  margin-left: 0;

  margin-right: 30px;

}



.display-list ul li .thumb {

  width: 45%;

  overflow: hidden;

  float: right;

  transition: all 0.3s;

  margin-left: 30px;

  margin-bottom: 20px;

}



.display-list ul li .thumb img {

  width: 100%;

  transition: all 0.3s;

}



.display-list ul li .thumb img:hover {

  transform: scale(1.1);

}



.display-list ul li .thumb-info {

  transition: all 0.3s;

  position: relative;

}



.display-list ul li .thumb-info .pro-title {

  margin: 0 0 10px;

  font-size: 28px;

  line-height: 36px;

  color: #121212;

  display: block;

  margin-bottom: 6px;

}



.display-list ul li .thumb-info .pro-title:hover {

  color: #042E7E;

}



.display-list ul li .thumb-info .pro-des {

  font-size: 16px;

  color: #121212;

  line-height: 32px;

  opacity: 0.8;

  position: relative;

  margin-top: 16px;

}



.display-list ul li .thumb-info .pro-des p {

  font-size: 16px;

  color: #121212;

  line-height: 32px;

}



.sep-faq-list2 {

  margin-top: 6px;

}



.sep-faq-list2 li {

  margin-top: 10px;

}



.sep-faq-list2 li .faq-answer {

  padding: 13px 61px;

  padding-right: 0;

  color: #5a5a5a;

  font-size: 18px;

  line-height: 1.8em;

  position: relative;

}



.sep-faq-list2 li .faq-answer p {

  font-size: 18px;

}



.sep-faq-list2 li .faq-question {

  min-height: 48px;

  padding-left: 58px;

  color: #000;

  font-weight: bold;

  font-size: 19px;

  line-height: 38px;

}



.sep-faq-list2 li .faq-question span {

  color: #000;

  font-weight: bold;

  font-size: 19px;

}



.sep-faq-list2 li .faq-question:hover {

  color: #042E7E;

}



.v-list {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  margin-top: 20px;

}



.v-list .i-box {

  width: 49%;

  margin-bottom: 20px;

}



.v-list .i-box:hover a img {

  transform: scale(1.1);

}



.v-list .i-box a {

  display: block;

  overflow: hidden;

  position: relative;

}



.v-list .i-box a img {

  width: 100%;

  transition: all 0.3s;

}



.v-list .i-box a .play-icon {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #042E7E;

  font-size: 40px;

}



.v-list .i-box .iframe-title {

  padding: 10px;

}



.v-list .i-box .iframe-title a {

  color: #323232;

  font-size: 18px;

}



.ifa {

  position: relative;

  margin-bottom: 50px;

}



.ifa iframe {

  border: none;

  width: 100%;

  min-height: 500px;

}



.pdfs-boxs .pdfs-lists {

  padding: 16px;

  width: 49%;

  line-height: 20px;

  border: 1px solid #e0e0e0;

  margin-bottom: 20px;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}



.pdfs-boxs .pdf-ul {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}



.pdfs-boxs .pdfs-lists a {

  font-size: 16px;

  color: #323232;

  line-height: 24px;

  display: inline-block;

}



.pdfs-boxs .pdfs-lists img {

  margin-right: 10px;

}



.pdfs-boxs .pdfs-lists:hover {

  border-color: #042E7E;

}



.pdfs-boxs .pdfs-lists a:hover {

  color: #042E7E;

}



.pdfs-boxs .pdfs-lists i {

  font-size: 16px;

  color: #042E7E;

  margin-right: 6px;

  font: normal normal normal 14px/1 FontAwesome;

}



.pdf-download {

  margin-right: 10px;

  margin-left: 20px;

}



.ytgd-inner-news-boxs {

  display: block;

  width: 100%;

}



.ytgd-inner-news-boxs.ons {

  margin-top: 30px;

}



.ytgd-inner-news-boxs ul li {

  background-color: #f3f5f5;

  margin-bottom: 30px;

  position: relative;

}



.ytgd-inner-news-boxs ul li .lis-boxs {

  padding: 40px;

}



.ytgd-inner-news-boxs ul li .titles-a {

  width: 100%;

  display: block;

  font-size: 22px;

  line-height: 37px;

  color: #042E7E;

  padding: 0 80px 0 0;

}



.ytgd-inner-news-boxs ul li .times {

  width: 100%;

  display: block;

  font-size: 13px;

  font-weight: 400;

  line-height: 18px;

  color: #959595;

  padding: 5px 0;

  display: none;

}



.ytgd-inner-news-boxs ul li .spans {

  display: block;

  width: 100%;

  font-size: 16px;

  font-weight: 400;

  line-height: 24px;

  color: #363636;

  padding: 8px 0;

}



.ytgd-inner-news-boxs ul li .mores {

  font-weight: 700;

  color: #042E7E;

  font-size: 16px;

  width: 100%;

  text-align: right;

  display: block;

}



.ytgd-inner-news-boxs ul li .mores:after {

  content: '>';

  margin-left: 4px;

}



.ytgd-inner-news-boxs ul li .times-boxs {

  width: 70px;

  height: 70px;

  background-color: #042E7E;

  position: absolute;

  top: -8px;

  right: 40px;

  font-size: 30px;

  font-weight: 900;

  line-height: 20px;

  color: #fff;

  text-transform: uppercase;

  text-align: center;

  padding-top: 18px;

}



.ytgd-inner-news-boxs ul li .times-boxs:before {

  content: '';

  width: 0;

  height: 0;

  position: absolute;

  top: -6px;

  left: -6px;

  border: 6px solid transparent;

  border-bottom-color: #042E7E;

  display: block;

}



.ytgd-inner-news-boxs ul li .times-boxs .span {

  display: block;

  font-size: 16px;

  color: #fff;

}



.ytgd-inner-news-boxs ul li a:hover {

  text-decoration: underline;

}



.xk-contacts-boxs {

  display: block;

  width: 100%;

  padding: 80px 0;

}



.xk-contacts-boxs .sep-contener {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}



.xk-contacts-boxs .c-lefts {

  width: 45%;

}



.xk-contacts-boxs .c-lefts .title {

  font-size: 32px;

}



.xk-contacts-boxs .c-lefts .richtext {

  margin-top: 20px;

}



.xk-contacts-boxs .c-rights {

  width: 50%;

}



.xk-contacts-ul-boxs {

  display: block;

  width: 100%;

}



.xk-contacts-ul-boxs ul li {

  width: 46%;

  float: left;

  border-bottom: 1px solid #d1dae3;

}



.xk-contacts-ul-boxs ul li:nth-child(even) {

  float: right;

}



.xk-contacts-ul-boxs .titles-a {

  display: block;

  width: 100%;

  font-size: 16px;

  line-height: 32px;

  color: #4d4d4d;

  padding: 8px 0;

  padding-left: 24px;

  position: relative;

}



.xk-contacts-ul-boxs .titles-a.ons {

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}



.xk-contacts-ul-boxs .titles-a i {

  display: block;

  width: 30px;

  height: 30px;

  position: absolute;

  left: -12px;

  top: 9px;

}



.xk-contacts-ul-boxs .titles-a i:after {

  content: '';

  display: block;

  width: 10px;

  height: 10px;

  border: 2px solid transparent;

  border-top-color: #042E7E;

  border-right-color: #042E7E;

  position: absolute;

  left: 50%;

  margin-left: -7px;

  top: 50%;

  margin-top: -5px;

}



.xk-contacts-ul-boxs .titles-a:hover {

  color: #042E7E;

}



.gtj-t-r-deg {

  transform: rotate(45deg);

}



.xk-contacts-forms-boxs {

  display: block;

  width: 100%;

  position: relative;

  overflow: hidden;

  padding: 84px 0 80px;

  background: url(../img/start-now.jpg) no-repeat;

  background-size: cover;

  background-position: center;

}



.xk-contacts-forms-boxs .sep-contener {

  position: relative;

  display: flex;

  justify-content: space-between;

}



.xk-contacts-forms-boxs .boxs1 {

  background: #fff;

  padding: 80px 64px 64px;

  width: 60%;

  display: flex;

  justify-content: space-between;

}



.xk-contacts-forms-boxs .c-lists {

  width: 70%;

  padding-right: 50px;

}



.xk-contacts-forms-boxs .c-lists:nth-child(2) {

  width: 40%;

  padding-right: 20px;

  background: #fff;

  padding: 70px 40px;

}



.xk-contacts-forms-boxs .c-lists:nth-child(3) {

  width: 34.2%;

  padding-right: 0;

}



.xk-contacts-forms-boxs .subtitles-a {

  display: block;

  width: 100%;

  font-size: 18px;

  line-height: 30px;

  color: #222;

  margin-top: 24px;

  margin-bottom: 40px;

}



.xk-contacts-forms-boxs .subtitles-a:after {

  content: '';

  display: block;

  width: 120px;

  height: 1px;

  background: #042E7E;

  margin-top: 40px;

}



.xk-contacts-forms-boxs .sep-form .form-group {

  margin-bottom: 10px;

  width: 100%;

}



.xk-contacts-forms-boxs .sep-form .form-group .form-control {

  border: 1px solid #e4e4e4;

  font-size: 16px;

  color: #4d4d4d;

  width: 100%;

  border-radius: 0;

  box-shadow: none;

  background: #fff;

  height: 42px;

  padding: 0 20px;

  outline: none;

}



.xk-contacts-forms-boxs .sep-form .form-group .form-control::-moz-placeholder {

  color: #4d4d4d;

}



.xk-contacts-forms-boxs

  .sep-form

  .form-group

  .form-control::-webkit-input-placeholder {

  color: #4d4d4d;

}



.xk-contacts-forms-boxs .sep-form .form-group .iconfont {

  display: none;

}



.xk-contacts-forms-boxs .sep-form .form-group span {

  display: none;

}



.xk-contacts-forms-boxs .sep-form .form-group textarea.form-control {

  height: 157px;

  padding: 12px 20px;

}



.xk-contacts-forms-boxs .sep-form .btn-box .btn.btn-primary {

  width: 100%;

  text-align: center;

  margin-top: 16px;

  font-size: 20px;

  height: 52px;

  cursor: pointer;

  background: #042E7E;

  outline: none;

  border-color: #042E7E;

  transition: all 0.3s;

}



.xk-contacts-forms-boxs .sep-form .btn-box .btn.btn-primary:hover {

  color: #042E7E;

  background: none;

}



.xk-contacts-forms-boxs .xk-pro-index-h1 {

  font-size: 32px;

  color: #222;

}



.xk-contacts-forms-ul-boxs {

  display: block;

  width: 100%;

  width: 30%;

}



.xk-contacts-forms-ul-boxs ul li {

  width: 100%;

  position: relative;

  margin-bottom: 34px;

}



.xk-contacts-forms-ul-boxs ul li:last-child {

  margin-bottom: 0;

}



.xk-contacts-forms-ul-boxs ul li:hover .i-boxs {

  background: #042E7E;

}



.xk-contacts-forms-ul-boxs ul li:hover .i-boxs i {

  color: #fff;

}



.xk-contacts-forms-ul-boxs .i-boxs {

  display: block;

  width: 35px;

  height: 35px;

  background: #ededed;

  border: 1px solid #f2f6f9;

  text-align: center;

  line-height: 33px;

  position: absolute;

  left: 0;

  top: 0;

  transition: all 0.3s;

}



.xk-contacts-forms-ul-boxs .i-boxs i {

  font-size: 20px;

  color: #042E7E;

}



.xk-contacts-forms-ul-boxs .lis-boxs {

  display: block;

  padding-left: 54px;

  font-size: 16px;

  line-height: 22px;

  color: #042E7E;

}



.xk-contacts-forms-ul-boxs .lis-boxs .span {

  display: block;

  width: 100%;

  font-size: 16px;

  line-height: 26px;

  color: #042E7E;

  text-transform: uppercase;

}



.xk-contacts-forms-ul-boxs a.lis-boxs:hover {

  color: #042E7E;

}



.xk-contacts-forms-ul-boxs a.lis-boxs:hover .i-boxs {

  background: #042E7E;

}



.xk-contacts-forms-ul-boxs a.lis-boxs:hover .i-boxs i {

  color: #fff;

}



.xk-contacts-forms-ul-boxs a.lis-boxs:hover .span {

  color: #042E7E;

}



.links-boxs {

  margin-top: 40px;

}



.links-boxs .link .sep-share {

  display: flex;

}



.links-boxs .link .sep-share li {

  margin-right: 20px;

}



.links-boxs .link .sep-share li a {

  color: #fff;

  width: 30px;

  height: 30px;

  background: #042E7E;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: all 0.3s;

}



.links-boxs .link .sep-share li a:hover {

  background: #fff !important;

}



.links-boxs .link .sep-share li a:hover i {

  color: #042E7E;

}



.links-boxs .link .sep-share li a i {

  color: #fff;

}



.links-boxs .link .sep-share li a:hover {

  opacity: 0.8;

}



.links-boxs .link .sep-share li + li {

  margin-left: 7px;

}



.map iframe {

  width: 100%;

  height: 500px;

  border: none;

}



.factory-box {

  margin-bottom: 50px;

  width: 100%;

}



.factory-box:last-child {

  margin-bottom: 0;

}



.factory-box img {

  width: 100%;

}



.factory-box p {

  padding: 12px;

  background: rgba(0, 0, 0, 0.7);

  color: #fff;

  font-size: 18px;

  text-align: center;

  position: absolute;

  width: 100%;

  left: 0;

  bottom: 0;

}



.factory-box .swiper-slide {

  position: relative;

}



.factory-box .small-factory {

  margin-top: 20px;

}



.factory-box .small-factory .lr-lists-boxs div {

  width: 30px;

  height: 30px;

  background: #042E7E;

  border-radius: 4px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  font-size: 20px;

  position: absolute;

  top: 50%;

  margin-top: -30px;

  z-index: 4;

  cursor: pointer;

  transition: all 0.3s;

}



.factory-box .small-factory .lr-lists-boxs div:hover {

  background: #042E7E;

  color: #fff;

}



.factory-box .small-factory .lr-lists-boxs div.swiper-button-prev {

  left: 0;

  transform: rotate(180deg);

}



.factory-box .small-factory .lr-lists-boxs div.swiper-button-next {

  right: 0;

}



.factory-box .swiper-pagination {

  display: none;

}



.you-swiper {

  outline: 0;

  width: 20px;

  height: 36px;

  line-height: 44px;

  z-index: 88;

  position: absolute;

  top: 50%;

  margin-top: -18px;

  background: rgba(0, 0, 0, 0.4);

  color: #fff !important;

  font-size: 20px !important;

  text-align: center;

  background-image: none !important;

  transition: all 0.3s;

}



.you-swiper:hover {

  background-color: #042E7E;

}



#certify {

  width: 80%;

  margin: 0 auto;

  margin-top: 40px;

}



#certify .swiper-slide {

  width: 33.33%;

  display: block;

}



#certify .swiper-slide img {

  max-width: 100%;

}



.soc-box .sep-container {

  margin-bottom: 70px;

}



.soc-box .sep-container:last-child {

  margin-bottom: 0;

}



.soc-box .sep-container:nth-child(even) .mkn-services-support-boxs ul li {

  flex-direction: row-reverse;

}



.factory-box {

  width: 100%;

  max-width: 60%;

  margin: 0 auto;

}



.factory-box:last-child {

  margin-bottom: 0;

}



.factory-box img {

  width: 100%;

}



.factory-box p {

  padding: 12px;

  background: rgba(0, 0, 0, 0.7);

  color: #fff;

  font-size: 18px;

  text-align: center;

  position: absolute;

  width: 100%;

  left: 0;

  bottom: 0;

}



.factory-box .swiper-slide {

  position: relative;

}



.factory-box .small-factory {

  margin-top: 20px;

}



.factory-box .small-factory .lr-lists-boxs div {

  width: 30px;

  height: 30px;

  background: #042E7E;

  border-radius: 4px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  font-size: 20px;

  position: absolute;

  top: 50%;

  margin-top: -30px;

  z-index: 4;

  cursor: pointer;

  transition: all 0.3s;

}



.factory-box .small-factory .lr-lists-boxs div:hover {

  background: #042E7E;

  color: #fff;

}



.factory-box .small-factory .lr-lists-boxs div.swiper-button-prev {

  left: 0;

  transform: rotate(180deg);

}



.factory-box .small-factory .lr-lists-boxs div.swiper-button-next {

  right: 0;

}



.factory-box .swiper-pagination {

  display: none;

}



.th-profile-boxs {

  width: 100%;

  overflow: hidden;

  display: flex;

  justify-content: space-between;

  border-bottom: 1px dashed #e6e6e6;

  padding: 30px 0;

  align-items: flex-end;

}



.th-profile-boxs:nth-child(even) {

  flex-direction: row-reverse;

}



.th-profile-boxs h2 {

  margin-top: 0;

}



.th-profile-boxs .thumbs {

  width: 48%;

  text-align: center;

  overflow: hidden;

}



.th-profile-boxs .thumbs img {

  max-width: 100%;

  transition: all 0.3s;

  width: 100%;

}



.th-profile-boxs .thumbs img:hover {

  transform: scale(1.1);

}



.th-profile-boxs .lis-boxs {

  width: 48%;

  display: flex;

  flex-direction: column;

  justify-content: center;

}



.th-profile-boxs .lis-boxs > div {

  font-size: 18px;

  line-height: 32px;

}



.h2x {

  display: block;

  width: 100%;

  font-size: 26px;

  line-height: normal;

  color: #3d3d3d;

  position: relative;

  margin-bottom: 8px;

  padding-bottom: 12px;

  transition: all 0.3s;

}



.title-more {

  display: inline-block;

  width: 146px;

  line-height: 38px;

  background: #042E7E;

  border-radius: 12px;

  color: #fff;

  font-size: 16px;

  margin-top: 22px;

  border: 1px solid #042E7E;

  transition: all 0.3s;

  text-align: center;

}



.title-more:hover {

  background: none;

  color: #042E7E;

  box-shadow: none;

}



.title-more:hover i {

  color: #042E7E;

}



.title-more i {

  color: #fff;

  margin-left: 4px;

  font-size: 20px;

  vertical-align: middle;

}



.mkn-services-support-boxs {

  display: block;

  width: 100%;

}



.mkn-services-support-boxs.ons {

  margin-top: 25px;

}



.mkn-services-support-boxs > ul > li {

  width: 100%;

  padding: 10px;

  margin-bottom: 24px;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}



.mkn-services-support-boxs > ul > li:nth-child(even) {

  flex-direction: row-reverse;

}



.mkn-services-support-boxs > ul > li .thumbs {

  display: block;

  width: 48%;

  position: relative;

  z-index: 33;

  text-align: center;

}



.mkn-services-support-boxs > ul > li .thumbs .img-boxs {

  overflow: hidden;

  display: block;

}



.mkn-services-support-boxs > ul > li .thumbs img {

  width: 100%;

  transition: all 0.3s;

}



.mkn-services-support-boxs > ul > li .il-boxs {

  display: block;

  width: 44px;

  height: 44px;

  background: #042E7E;

  border-radius: 100%;

  text-align: center;

  line-height: 44px;

  position: absolute;

  right: -22px;

  top: 50%;

  margin-top: -22px;

  border: 1px solid #fff;

}



.mkn-services-support-boxs > ul > li .il-boxs i {

  color: #fff;

  font-size: 18px;

}



.mkn-services-support-boxs > ul > li .lis-boxs {

  display: block;

  width: 48%;

  z-index: 44;

  position: relative;

  margin-top: 0;

  display: flex;

  justify-content: center;

  align-items: center;

}



.mkn-services-support-boxs > ul > li .titles-a {

  display: block;

  width: 100%;

  margin: 10px 0;

  font-size: 22px;

}



.mkn-services-support-boxs > ul > li .spans {

  display: block;

  width: 100%;

  font-size: 16px;

  color: #646464;

  line-height: 30px;

  margin-top: 5px;

}



.mkn-services-support-boxs > ul > li .spans * {

  font-size: 16px;

  color: #646464;

}



.mkn-services-support-boxs > ul > li .spans.ons {

  height: auto;

  overflow: hidden;

}



.mkn-services-support-boxs > ul > li .i-boxs {

  width: 100%;

  display: block;

  text-align: right;

  line-height: 24px;

}



.mkn-services-support-boxs > ul > li .i-boxs i {

  color: #9bcd41;

}



.mkn-services-support-boxs > ul > li:hover img {

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -ms-transform: scale(1.2);

  -o-transform: scale(1.2);

  transform: scale(1.2);

}



.mkn-services-support-boxs > ul li:nth-child(even) .thumbs {

  float: right;

}



.mkn-services-support-boxs > ul li:nth-child(even) .thumbs .il-boxs {

  right: auto;

  left: -22px;

}



.mkn-services-support-boxs > ul li:nth-child(even) .lis-boxs {

  padding-left: 0;

  /* padding-right: 40px */

}



.test-box .datalist {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}



.test-box .datalist li {

  width: 32%;

  margin-right: 2%;

  background: #fff;

  border: 1px solid #c8c8c8;

  border-radius: 12px;

  padding: 26px 20px;

  padding-bottom: 10px;

  box-shadow: 1px 1px 2px #aaa;

  padding-bottom: 20px;

}



.test-box .datalist li:nth-child(3n) {

  margin-right: 0;

}



.test-box .datalist li .box .year {

  font-size: 20px;

  background: #323232;

  color: #fff;

  border-radius: 6px;

  padding: 7px 20px;

  display: table;

  position: relative;

  left: -20px;

  margin-bottom: 20px;

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

}



.test-box .datalist li .box .summary {

  color: #646464;

  font-size: 16px;

  line-height: 30px;

}



.inner-faq .list1-opcial-list {

  margin: 0 auto;

}



.inner-faq .list1-opcial-list > ul > li {

  margin-bottom: 18px;

  background: #fff;

  border-radius: 1px;

  padding: 0 28px;

  border-left: 8px solid #042E7E;

  box-shadow: 0 0 8px #eee;

}



.inner-faq .list1-opcial-list > ul > li:last-child {

  margin-bottom: 0;

}



.inner-faq .list1-opcial-list > ul > li.active .ques-title i::after {

  background: #fff;

  display: none;

}



.inner-faq .list1-opcial-list > ul > li.actives .ques-con {

  display: block;

}



.inner-faq .list1-opcial-list > ul > li .ques-title {

  padding: 14px 72px;

  padding-left: 30px;

  position: relative;

}



.inner-faq .list1-opcial-list > ul > li .ques-title .letter-box {

  height: 100%;

  position: absolute;

  left: 0;

  top: 15px;

  font-size: 20px;

  color: #042E7E;

  line-height: 24px;

}



.inner-faq .list1-opcial-list > ul > li .ques-title .title-con {

  font-size: 20px;

  color: #292a2a;

  line-height: 30px;

}



.inner-faq .list1-opcial-list > ul > li .ques-title i {

  position: absolute;

  right: 0;

  top: 11px;

  width: 33px;

  height: 33px;

  cursor: pointer;

}



.inner-faq .list1-opcial-list > ul > li .ques-title i:before {

  content: '';

  display: block;

  width: 19px;

  height: 2px;

  background: #042E7E;

  position: absolute;

  left: 50%;

  margin-left: -7px;

  top: 50%;

  margin-top: -2px;

}



.inner-faq .list1-opcial-list > ul > li .ques-title i:after {

  content: '';

  display: block;

  width: 2px;

  height: 19px;

  background: #042E7E;

  position: absolute;

  left: 50%;

  margin-left: 2px;

  top: 50%;

  margin-top: -10px;

}



.inner-faq .list1-opcial-list > ul > li .ques-con {

  padding: 12px 30px;

  display: none;

  position: relative;

  border-top: 1px solid rgba(0, 0, 0, 0.06);

  padding-right: 0;

}



.inner-faq .list1-opcial-list > ul > li .ques-con p {

  font-size: 16px;

  line-height: 28px;

  color: #666;

}



.inner-related {

  background: #fff;

}



.bq-kc-inner-news-ul-boxs {

  width: 100%;

}



.bq-kc-inner-news-ul-boxs.ons {

  margin-top: 30px;

}



.bq-kc-inner-news-ul-boxs ul li {

  width: 100%;

  margin-bottom: 36px;

  border-bottom: 1px solid #ddd;

  padding-bottom: 24px;

  min-height: 250px;

  position: relative;

}



.bq-kc-inner-news-ul-boxs ul li:last-child {

  margin-bottom: 0;

}



.bq-kc-inner-news-ul-boxs .times {

  width: 82px;

  text-align: center;

  margin-right: 12px;

}



.bq-kc-inner-news-ul-boxs .times .t-y {

  display: block;

  width: 100%;

  background: #042E7E;

  font-size: 16px;

  line-height: 1.2;

  padding: 8px 0 5px;

  color: #fff;

}



.bq-kc-inner-news-ul-boxs .times .t-y .y {

  display: block;

  line-height: 29px;

  font-size: 29px;

  font-weight: bold;

  color: inherit;

}



.bq-kc-inner-news-ul-boxs .times .i {

  margin-top: 4px;

  display: block;

  line-height: 55px;

  font-size: 30px;

  text-align: center;

  color: #333;

  background: #f5f5f5;

}



.bq-kc-inner-news-ul-boxs .thumbs {

  width: calc(40% - 94px);

  overflow: hidden;

}



.bq-kc-inner-news-ul-boxs .thumbs img {

  max-width: 100%;

  transition: all 0.3s;

}



.bq-kc-inner-news-ul-boxs .thumbs img:hover {

  transform: scale(1.1);

}



.bq-kc-inner-news-ul-boxs .lis-boxs {

  width: 60%;

  padding-left: 16px;

  position: relative;

  padding-bottom: 20px;

}



.bq-kc-inner-news-ul-boxs .titles-a {

  font-size: 22px;

  color: #042E7E;

  line-height: 1.32;

}



.bq-kc-inner-news-ul-boxs .titles-a:hover {

  color: #4d4d4d !important;

}



.bq-kc-inner-news-ul-boxs .spans {

  margin-top: 12px;

}



.bq-kc-inner-news-ul-boxs .spans.ons {

  height: 96px;

}



.bq-kc-inner-news-ul-boxs .mores {

  position: absolute;

  right: 0;

  font-size: 16px;

  color: #aaa;

}



.bq-kc-inner-news-ul-boxs .mores:hover {

  color: #042E7E;

}



.xk-contacts-boxs {

  display: block;

  width: 100%;

  padding: 80px 0;

}



.xk-contacts-boxs .sep-contener {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}



.xk-contacts-boxs .c-lefts {

  width: 45%;

}



.xk-contacts-boxs .c-lefts .title {

  font-size: 32px;

}



.xk-contacts-boxs .c-lefts .richtext {

  margin-top: 20px;

}



.xk-contacts-boxs .c-rights {

  width: 50%;

}



.xk-contacts-ul-boxs {

  display: block;

  width: 100%;

}



.xk-contacts-ul-boxs ul li {

  width: 46%;

  float: left;

  border-bottom: 1px solid #d1dae3;

}



.xk-contacts-ul-boxs ul li:nth-child(even) {

  float: right;

}



.xk-contacts-ul-boxs .titles-a {

  display: block;

  width: 100%;

  font-size: 16px;

  line-height: 32px;

  color: #4d4d4d;

  padding: 8px 0;

  padding-left: 24px;

  position: relative;

}



.xk-contacts-ul-boxs .titles-a.ons {

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}



.xk-contacts-ul-boxs .titles-a i {

  display: block;

  width: 30px;

  height: 30px;

  position: absolute;

  left: -12px;

  top: 9px;

}



.xk-contacts-ul-boxs .titles-a i:after {

  content: '';

  display: block;

  width: 10px;

  height: 10px;

  border: 2px solid transparent;

  border-top-color: #042E7E;

  border-right-color: #042E7E;

  position: absolute;

  left: 50%;

  margin-left: -7px;

  top: 50%;

  margin-top: -5px;

}



.xk-contacts-ul-boxs .titles-a:hover {

  color: #042E7E;

}



.nothumb .pdfs-lists {

  width: 100%;

  line-height: 59px;

  border: 1px solid #e0e0e0;

  padding: 0 14px;

  margin-bottom: 20px;

  display: flex;

  justify-content: space-between;

}



.nothumb .pdfs-lists a {

  font-size: 16px;

  color: #323232;

  line-height: 59px;

}



.nothumb .pdfs-lists .img-pdf {

  color: #042E7E;

  font-size: 24px !important;

  margin-right: 8px;

}



.nothumb .pdfs-lists a:hover {

  color: #042E7E;

}



.nothumb .pdfs-lists i {

  font-size: 14px;

  color: #042E7E;

  font: normal normal normal 14px/1 FontAwesome;

  margin-right: 8px;

}



.sep-datalist-history1 {

  padding: 0 9px;

}



.sep-datalist-history1 li {

  width: 611px;

  float: left;

  position: relative;

  padding-right: 90px;

  min-height: 180px;

}



.sep-datalist-history1 li:after {

  content: '';

  display: block;

  position: absolute;

  width: 5px;

  height: 100%;

  top: 40px;

  right: 118px;

  background: url(../img/line_dot.png) top center;

}



.sep-datalist-history1 li .date {

  position: absolute;

  right: -345px;

  top: 48px;

}



.sep-datalist-history1 li .date .m {

  color: #343436;

  font-weight: bold;

  display: table;

  margin-bottom: 5px;

}



.sep-datalist-history1 li .date .y {

  color: #343436;

  font-weight: bold;

  font-size: 30px;

  display: table;

}



.sep-datalist-history1 li .clock {

  position: absolute;

  right: -118px;

  top: 37px;

  z-index: 6;

}



.sep-datalist-history1 li .text {

  background: #f7f7f7;

  padding: 16px 20px;

  border-radius: 18px;

  color: #343436;

  line-height: 1.6em;

  width: 405px;

  float: left;

  left: 0;

  position: relative;

}



.sep-datalist-history1 li .text p {

  line-height: 1.8em;

  margin-bottom: 0;

}



.sep-datalist-history1 li .text:before {

  content: '';

  display: block;

  border: 10px solid transparent;

  border-left: 10px solid #f7f7f7;

  position: absolute;

  left: 100%;

  top: 50%;

}



.sep-datalist-history1 li:nth-child(even) {

  float: right;

  padding-left: 90px;

  padding-right: 0;

  padding-bottom: 50px;

}



.sep-datalist-history1 li:nth-child(even):after {

  left: 155px;

  right: auto;

  top: 26px;

}



.sep-datalist-history1 li:nth-child(even) .date {

  left: -296px;

  bottom: 15px;

}



.sep-datalist-history1 li:nth-child(even) .clock {

  bottom: 12px;

  left: -76px;

  right: auto;

}



.sep-datalist-history1 li:nth-child(even) .text {

  float: right;

}



.sep-datalist-history1 li:nth-child(even) .text:before {

  border-left: 10px solid transparent;

  border-right: 10px solid #f7f7f7;

  left: auto;

  right: 100%;

  top: auto;

  bottom: 50%;

}



.sep-video-grid .item {

  margin-bottom: 40px;

}



.sep-video-grid .item:hover .thumb img {

  transform: scale(1.1);

}



.sep-video-grid .item .box {

  height: 100%;

  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.06);

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}



.sep-video-grid .item .box .thumb img {

  transition: all 0.3s;

}



.sep-video-grid .item .box .thumb .play {

  width: 70px;

  height: 70px;

  border-radius: 50%;

  background: #fff;

  z-index: 100;

  bottom: -35px;

}



.sep-video-grid .item .box .thumb .play:hover i {

  background: #3ba209;

}



.sep-video-grid .item .box .thumb .play i {

  width: 60px;

  height: 60px;

  background: #042E7E;

  color: #fff;

  border-radius: 50%;

}



.sep-video-grid .item .box .info {

  background: #fff;

  padding-left: 20px;

  padding-right: 20px;

  padding-top: 54px;

  padding-bottom: 20px;

  text-align: center;

  flex: 1;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}



.sep-video-grid .item .box .info .title {

  font-size: 18px;

  margin-bottom: 20px;

  flex: 1;

  display: block;

  transition: all 0.3s;

}



.sep-video-grid .item .box .info .more {

  font-size: 16px;

  color: #042E7E;

}



.sep-video-grid .item .box .info .more:hover {

  color: #3ba209;

}



.top-title h1.title {

  font-size: 44px;

}



.width100 {

  width: 100%;

}



.flex-center {

  display: flex;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  align-items: center;

  justify-content: center;

}



.horizontal-center {

  position: absolute;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

}



.relative {

  position: relative;

}



.block {

  display: block;

}



.overflow {

  overflow: hidden;

}



.article-richtext h2 {

  font-size: 24px;

  line-height: 32px;

  margin-bottom: 18px;

  margin-top: 15px;

}



.article-richtext h2::after {

  display: none;

}



.lt-page {

  margin-top: 50px;

}



.lt-page .prev-page {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  margin-bottom: 8px;

}



.lt-page .prev-title {

  font-size: 18px;

  margin-right: 6px;

}



.lt-page .prev-con {

  font-size: 18px;

}



.lt-page .prev-con .pro_detail_prev {

  color: #042E7E;

}



.lt-page a:hover {

  color: #042E7E;

}



.form_type06 {

  margin-top: 120px;

}



.form_type06 .form {

  display: flex;

  justify-content: space-between;

  align-items: center;

  position: relative;

}



.form_type06 .form .words_box {

  border: 6px solid #042E7E;

  /* width: 65%; */

  /* width: 45%; */

  margin-left: auto;

  max-width: 520px;

  min-height: 600px;

  display: flex;

  align-items: center;

  padding: 0 80px;

}



.form_type06 .form .words_box .contact_ways {

  max-width: 360px;

}



.form_type06 .form .words_box .contact_ways .way {

  margin-top: 32px;

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

}



.form_type06 .form .words_box .contact_ways .way:nth-child(1) {

  margin-top: 0;

}



.form_type06 .form .words_box .contact_ways .way i {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 69px;

  min-width: 69px;

  height: 60px;

  background-color: #f7f7f7;

  clip-path: polygon(

    0 50%,

    28.87% 0,

    71.14% 0,

    100% 50%,

    71.14% 100%,

    28.86% 100%

  );

  color: white;

  font-size: 24px;

  color: #042E7E;

}



.form_type06 .form .words_box .contact_ways .way .words {

  width: calc(100% - 100px);

  min-height: 64px;

  align-items: center;

}



.form_type06 .form .words_box .contact_ways .way .words .name {

  color: #042E7E;

  line-height: 32px;

  font-size: 20px;

}



.form_type06 .form .words_box .contact_ways .way .words a {

  color: #333;

  line-height: 32px;

  opacity: 0.8;

}



.form_type06 .form .words_box .contact_ways .way .words a:hover {

  text-decoration: underline;

  opacity: 1;

}



.form_type06 .form .words_box .contact_ways .way .words p {

  color: #333;

  line-height: 32px;

  opacity: 0.8;

}



.form_type06 .form .form_box {

  position: absolute;

  height: 100%;

  background-color: #fafafa;

  /* width: 55%; */

  width: 50%;

  left: 0;

  bottom: 20%;

  padding: 2% 5%;

}



.form_type06 .form .form_box > .title {

  font-size: 32px;

  color: #333;

  line-height: 60px;

  width: 100%;

  max-width: 400px;

}



@media screen and (max-width: 1440px) {

  .form_type06 .form .form_box > .title {

    font-size: 28px;

    line-height: 52px;

  }

}



@media screen and (max-width: 1280px) {

  .form_type06 .form .form_box > .title {

    font-size: 24px;

    line-height: 44px;

  }

}



@media screen and (max-width: 768px) {

  .form_type06 .form .form_box > .title {

    font-size: 20px;

    line-height: 32px;

  }

}



.form_type06 .form .form_box .summary {

  margin: 0;

  font-size: 16px;

  color: #666;

  line-height: 32px;

  max-width: 550px;

  margin-top: 10px;

}



@media screen and (max-width: 768px) {

  .form_type06 .form .form_box .summary {

    font-size: 16px;

    line-height: 30px;

  }

}



.form_type06 .form .form_box form {

  margin-top: 50px;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}



.form_type06 .form .form_box .form-group {

  border: none !important;

  width: 49%;

}



.form_type06 .form .form_box .form-group label {

  color: #333;

  font-size: 16px;

  margin-bottom: 5px;

  display: block;

}



.form_type06 .form .form_box .form-group .iconfont {

  display: none;

}



.form_type06 .form .form_box .form-group span {

  display: none;

}



.form_type06 .form .form_box .form-group span.wpcf7-form-control-wrap {

  display: block;

}



.form_type06 .form .form_box .form-group .form-control {

  background: none;

  border: none;

  height: 60px;

  padding-left: 20px;

  font-size: 16px;

  color: #333;

  border-radius: 0;

  border: none !important;

  box-shadow: none !important;

  border-bottom: 1px solid #e6e6e6 !important;

}



.form_type06

  .form

  .form_box

  .form-group

  .form-control::-webkit-input-placeholder {

  color: #333;

  font-size: 16px;

}



.form_type06 .form .form_box .form-group .form-control::-moz-placeholder {

  color: #333;

  font-size: 16px;

}



.form_type06 .form .form_box .form-group .form-control:-ms-input-placeholder {

  color: #333;

  font-size: 16px;

}



.form_type06 .form .form_box .form-group.text-box {

  width: 100%;

}



.form_type06 .form .form_box .form-group textarea.form-control {

  height: 120px;

}



.form_type06 .form .form_box .form-group .btn {

  height: 50px;

  padding: 0 35px;

  background: #042E7E;

  color: #fff;

  font-size: 18px;

  border: none;

  padding-top: 0;

  margin-top: 20px;

  box-shadow: 0 14px 51px 0 rgba(8, 79, 93, 0.25);

  border-radius: 25px;

}



.form_type06 .form .form_box .form-group .btn i {

  font-size: 20px;

  margin-left: 10px;

}



.form_type06 .form .form_box .form-group .btn:hover {

  background: #fff;

  color: #042E7E !important;

  opacity: 1;

}



.sep-lx-header-mb {

  display: block;

}



.sep-lx-header-mb .rt {

  float: right;

}



.sep-lx-header-mb .lf {

  float: left;

}



.sep-lx-header-mb .sep-bjj-pro-list {

  display: flex;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  position: relative;

}



.sep-lx-header-mb .sep-bjj-pro-list > li {

  flex: 1;

}



.sep-lx-header-mb .sep-bjj-pro-list > li:nth-child(1) a {

  background: #11a4a7;

}



.sep-lx-header-mb .sep-bjj-pro-list > li > a {

  display: block;

  background: #11b4b7;

  color: #fff;

  font-size: 16px;

  text-align: center;

  padding: 10px 0;

}



.sep-lx-header-mb .sep-bjj-pro-list > li > a i {

  padding-left: 5px;

}



.sep-lx-header-mb .sep-bjj-pro-list > li > ul {

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  z-index: 100000;

  display: none;

}



.sep-lx-header-mb .sep-bjj-pro-list > li > ul > li {

  display: block;

  background: #11a4a7;

  color: #fff;

  font-size: 16px;

  padding: 10px 30px;

  border-top: 1px solid #4ab3b5;

}



.sep-lx-header-mb .sep-bjj-pro-list > li > ul > li a {

  color: #fff;

}



.sep-lx-header-mb .sep-bjj-pro-list > li > ul > li i {

  float: right;

  position: relative;

  top: 3px;

}



.sep-lx-header-mb .box-wrap {

  padding: 0 7px;

  padding-right: 0;

  box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);

  position: relative;

  z-index: 1000;

  display: flex;

  justify-content: space-between;

}



.sep-lx-header-mb .box-wrap .logo {

  float: none;

  margin: 0 auto;

}



.sep-lx-header-mb .box-wrap .logo img {

  width: 100px;

}



.sep-lx-header-mb .box-wrap > ul {

  position: relative;

  top: 1px;

  display: flex;

}



.sep-lx-header-mb .box-wrap > ul > li {

  margin-left: 20px;

  line-height: 29px;

  text-align: center;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

}



.sep-lx-header-mb .box-wrap > ul > li#global {

  position: relative;

}



.sep-lx-header-mb .box-wrap > ul > li#global i {

  font-style: inherit;

  color: #042E7E;

  font-size: 21px;

}



.sep-lx-header-mb .box-wrap > ul > li#email {

  position: relative;

}



.sep-lx-header-mb .box-wrap > ul > li#email::after {

  content: '';

  display: block;

  width: 1px;

  height: 18px;

  position: absolute;

  right: -9px;

  top: 26px;

  background: #e6e6e6;

}



.sep-lx-header-mb .box-wrap > ul > li#email i {

  font-size: 18px;

}



.sep-lx-header-mb .box-wrap > ul > li#menu {

  background: #042E7E;

  width: 58px;

  height: 50px;

}



.sep-lx-header-mb .box-wrap > ul > li#menu i {

  color: #fff;

  font-size: 18px;

}



.sep-lx-header-mb .box-wrap > ul > li#headerSearch i {

  color: #333;

  font-size: 18px;

}



.sep-lx-header-mb .box-wrap > ul > li#logo {

  border: none;

  float: none;

  margin: 0 auto;

  position: absolute;

  left: 50%;

  width: auto;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

}



.sep-lx-header-mb .box-wrap > ul > li .multi-language {

  position: absolute;

  background: #042E7E;

  width: 157px;

  text-align: center;

  padding: 10px 20px;

  z-index: 100000;

  top: 40px;

  left: -67px;

  display: none;

  border: 1px solid #fff;

}



.sep-lx-header-mb .box-wrap > ul > li .multi-language li {

  padding-bottom: 5px;

  margin-bottom: 5px;

  border-bottom: 1px solid #fff;

}



.sep-lx-header-mb .box-wrap > ul > li .multi-language li:last-child {

  border-bottom: none;

  margin-bottom: 0;

}



.sep-lx-header-mb .box-wrap > ul > li .multi-language li a {

  color: #fff;

  font-size: 14px;

}



.sep-lx-header-mb .box-wrap > ul > li.active {

  border: 1px solid #1f2256;

  background: #1f2256;

}



.sep-lx-header-mb .box-wrap > ul > li.active i {

  color: #fff;

}



.sep-lx-header-mb .box-wrap > ul > li i {

  color: #042E7E;

  font-size: 20px;

  line-height: normal;

}



.sep-lx-header-mb .stock {

  color: #3a3a3a;

  font-size: 14px;

  background: #f4f4f4;

  text-align: center;

  padding: 8px 0;

}



.sep-lx-header-mb .stock .red {

  color: #da2337;

  position: relative;

  padding: 0 7px;

}



.sep-lx-header-mb .stock .red:before {

  content: '';

  display: block;

  width: 2px;

  height: 10px;

  background: #da2337;

  position: absolute;

  left: 0;

  top: 3px;

}



.sep-lx-header-mb .stock .red:after {

  content: '';

  display: block;

  width: 2px;

  height: 10px;

  background: #da2337;

  position: absolute;

  right: 0;

  top: 3px;

}



.sep-lx-header-mb .stock .green {

  color: #13ba07;

}



.sep-lx-header-mb .stock span {

  padding: 0 5px;

  margin: 0 3px;

}



.sep-shadow {

  background: rgba(0, 0, 0, 0.5);

  position: fixed;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  z-index: 1000000;

  display: none;

}



.sep-lx-header-mb .box-wrap > ul > li#menu {

  height: 56px;

}



i.i-searchs {

  display: inline-block;

  width: 20px;

  height: 20px;

  border-radius: 100%;

  border: 3px solid #000;

  position: relative;

}



i.i-searchs:after {

  content: '';

  display: block;

  width: 3px;

  height: 8px;

  background: #000;

  position: absolute;

  left: 100%;

  top: 100%;

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}



i.i-closes {

  display: inline-block;

  width: 25px;

  height: 25px;

  position: relative;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}



i.i-closes:before {

  content: '';

  display: block;

  width: 17px;

  height: 3px;

  background: #000;

  position: absolute;

  left: 4px;

  top: 11px;

}



i.i-closes:after {

  content: '';

  display: block;

  width: 3px;

  height: 17px;

  background: #000;

  position: absolute;

  left: 11px;

  top: 4px;

}



i.i-closes.ons {

  position: absolute;

  right: 31px;

  top: 24px;

  cursor: pointer;

}



i.i-globals {

  display: inline-block;

  width: 22px;

  height: 22px;

  border-radius: 100%;

  border: 1px solid #000;

  position: relative;

}



i.i-globals:after {

  content: '';

  display: block;

  width: 10px;

  height: 20px;

  border: 1px solid #000;

  border-radius: 50%;

  position: absolute;

  left: 5px;

  top: 0;

}



i.i-globals:before {

  content: '';

  display: block;

  width: 1px;

  height: 100%;

  position: absolute;

  left: 50%;

  top: 0;

  background: #000;

}



i.i-menus {

  display: inline-block;

  width: 18px;

  height: 2px;

  position: relative;

  background: #000;

}



i.i-menus:before {

  content: '';

  display: block;

  width: 100%;

  height: 2px;

  background: #000;

  position: absolute;

  left: 0;

  top: -5px;

}



i.i-menus:after {

  content: '';

  display: block;

  width: 100%;

  height: 2px;

  background: #000;

  position: absolute;

  left: 0;

  top: 5px;

}



.sep-search-box {

  position: fixed;

  width: 100%;

  background: #fff;

  top: 66px;

  z-index: 10000000;

  padding: 44px 31px;

  box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);

  display: none;

}



.sep-search-box .fa-times {

  color: #000;

  font-size: 20px;

  position: absolute;

  right: 31px;

  top: 24px;

  cursor: pointer;

}



.sep-search-box .hd {

  color: #282828;

  font-size: 18px;

  font-family: 'LATO-BOLD';

}



.sep-search-box form {

  margin-top: 10px;

  margin-bottom: 25px;

}



.sep-search-box form .form-control {

  height: 47px;

  border-radius: 0;

}



.sep-search-box form .btn {

  background: #042E7E;

  color: #fff;

  display: table;

  margin: 0 auto;

  margin-top: 17px;

  padding: 10px 40px;

  font-size: 16px;

  width: 100%;

}



.sep-search-box form .btn i {

  margin-right: 5px;

  border-color: #fff;

}



.sep-search-box form .btn i:after {

  background: #fff;

}



.sep-search-box .more {

  background: #042E7E;

  color: #fff;

  display: table;

  margin: 0 auto;

  margin-top: 17px;

  padding: 10px 40px;

  font-size: 16px;

  width: 100%;

  border: none;

}



.sep-search-box .more i {

  padding-right: 5px;

}



.sep-search-box ul li {

  margin-top: 8px;

}



.sep-search-box ul li a {

  color: #8c8c8c;

  font-size: 14px;

  display: block;

}



.logos {

  display: block;

  display: flex;

  align-items: center;

}



.logos img {

  max-width: 120px;

}



#search {

  color: #042E7E;

}



#search i {

  color: #042E7E !important;

}



.sep-menu-box {

  width: 100%;

  position: fixed;

  background: #fff;

  left: 0;

  top: 0;

  z-index: 10000000;

  max-width: 310px;

  box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);

  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;

  -webkit-transform: translateX(-105%);

  -moz-transform: translateX(-105%);

  -ms-transform: translateX(-105%);

  -o-transform: translateX(-105%);

  transform: translateX(-105%);

}



.sep-menu-box.active {

  -webkit-transform: translateX(0);

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

  transform: translateX(0);

}



.sep-menu-box .top {

  padding: 20px 30px;

  text-align: center;

  box-shadow: 0 0 12px rgba(145, 145, 145, 0.7);

  position: relative;

  z-index: 10000;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.sep-menu-box .top i {

  color: #000;

  font-size: 22px;

  position: relative;

  top: 3px;

  cursor: pointer;

}



.sep-menu-box .bottom {

  visibility: visible;

}



.sep-menu-box .bottom.no {

  visibility: hidden;

}



.sep-menu-box .bottom .menu-item {

  margin-bottom: 20px;

}



.sep-menu-box .bottom .menu-item > li {

  border-bottom: 1px solid #ddd;

}



.sep-menu-box .bottom .menu-item > li:last-child {

  border-bottom: none;

}



.sep-menu-box .bottom .menu-item > li.active {

  background: #042E7E;

}



.sep-menu-box .bottom .menu-item > li.active .box {

  border-bottom: 1px solid #fff;

}



.sep-menu-box .bottom .menu-item > li.active .box a {

  color: #fff;

}



.sep-menu-box .bottom .menu-item > li.active .box i {

  color: #fff;

  transform: rotate(90deg);

  -webkit-transform: rotate(90deg);

  -moz-transform: rotate(90deg);

  -o-transform: rotate(90deg);

  -ms-transform: rotate(90deg);

  background: #fff;

}



.sep-menu-box .bottom .menu-item > li.active .box i:after {

  border-top-color: #042E7E;

  border-right-color: #042E7E;

}



.sep-menu-box .bottom .menu-item > li .box {

  position: relative;

  padding: 22px 30px;

  border-bottom: 1px solid transparent;

}



.sep-menu-box .bottom .menu-item > li .box a {

  color: #282828;

  font-size: 18px;

}



.sep-menu-box .bottom .menu-item > li .box i {

  display: block;

  width: 24px;

  height: 24px;

  font-size: 20px;

  border-radius: 100%;

  background: #042E7E;

  color: #282828;

  position: absolute;

  right: 30px;

  top: 26px;

  cursor: pointer;

  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;

}



.sep-menu-box .bottom .menu-item > li .box i:after {

  content: '';

  display: block;

  width: 8px;

  height: 8px;

  border: 2px solid transparent;

  border-top-color: #fff;

  border-right-color: #fff;

  position: absolute;

  left: 50%;

  margin-left: -6px;

  top: 50%;

  margin-top: -4px;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}



.sep-menu-box .bottom .menu-item > li > ul {

  padding: 5px 0;

  display: none;

}



.sep-menu-box .bottom .menu-item > li > ul > li {

  padding: 4px 20px;

}



.sep-menu-box .bottom .menu-item > li > ul > li a {

  color: #fff;

  font-size: 14px;

}



.sep-menu-box .bottom-toggle {

  position: absolute;

  width: 100%;

  z-index: 1000;

  top: 64px;

  background: #fff;

  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;

  -webkit-transform: translateX(100%);

  -moz-transform: translateX(100%);

  -ms-transform: translateX(100%);

  -o-transform: translateX(100%);

  transform: translateX(100%);

}



.sep-menu-box .bottom-toggle.active {

  -webkit-transform: translateX(0);

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

  transform: translateX(0);

}



.sep-menu-box .bottom-toggle .toggle {

  display: none;

}



.sep-menu-box .bottom-toggle .toggle > ul {

  background: #fff;

}



.sep-menu-box .bottom-toggle .toggle > ul > li {

  padding: 0 0;

  border-bottom: 1px solid #ccc;

  position: relative;

  line-height: 60px;

}



.sep-menu-box .bottom-toggle .toggle > ul > li:nth-child(1) span {

  width: 60;

  min-width: 60px;

  height: 59px;

  line-height: 60px;

  text-align: center;

  display: inline-block;

  border-right: 1px solid #ccc;

}



.sep-menu-box .bottom-toggle .toggle > ul > li:nth-child(1) a {

  font-family: 'LATO-BOLD';

}



.sep-menu-box .bottom-toggle .toggle > ul > li > ul {

  display: none;

}



.sep-menu-box .bottom-toggle .toggle > ul > li > ul > li {

  line-height: 40px;

}



.sep-menu-box .bottom-toggle .toggle > ul > li > ul > li a {

  font-size: 14px;

}



.sep-menu-box .bottom-toggle .toggle > ul > li a {

  color: #282828;

  font-size: 16px;

  padding-left: 30px;

}



.sep-menu-box .bottom-toggle .toggle > ul > li a i {

  font-size: 20px;

  color: #282828;

  position: absolute;

  right: 30px;

  top: 21px;

  cursor: pointer;

}



.sep-menu-box .contact {

  background: #042E7E;

  color: #fff;

  display: table;

  margin: 0 auto 20px;

  margin-top: 0;

  padding: 4px 40px;

  font-size: 22px;

  border: none;

  border-radius: 0;

}



.sep-menu-box .contact i {

  padding-right: 5px;

}



.sep-menu-box .logo img {

  width: 59px;

}



.gdw-mb-c {

  display: none;

}



.sep-banner-mb {

  display: none;

}



.sep-banner-mb img {

  width: 100%;

}



.mb-bottom-wrap {

  padding-bottom: 24px;

  background: #131d26;

}



.mb-bottom-wrap ul.info {

  padding: 28px 37px;

}



.mb-bottom-wrap ul.info li {

  margin-bottom: 4px;

  position: relative;

  padding-left: 36px;

  color: #fff;

  font-size: 14px;

}



.mb-bottom-wrap ul.info li:last-child {

  margin-bottom: 0;

}



.mb-bottom-wrap ul.info li i {

  color: #fff;

}



.mb-bottom-wrap ul.info li a {

  color: #fff;

}



.mb-bottom-wrap ul.info li img {

  position: absolute;

  left: 0;

  top: 10px;

}



.mb-bottom-wrap .bottom-menu > li:last-child {

  border-bottom: 1px solid #343e46;

}



.mb-bottom-wrap .bottom-menu > li > ul {

  padding: 5px 0;

  padding-left: 60px;

  border-top: 1px solid #343e46;

  display: none;

}



.mb-bottom-wrap .bottom-menu > li > ul li {

  padding: 5px 0;

  list-style: disc;

  color: #fff;

}



.mb-bottom-wrap .bottom-menu > li > ul li a {

  font-size: 14px;

  color: #fff;

}



.mb-bottom-wrap .bottom-menu > li .box {

  padding: 13px 37px;

  border-top: 1px solid #343e46;

  position: relative;

}



.mb-bottom-wrap .bottom-menu > li .box a {

  color: #fff;

  font-size: 14px;

}



.mb-bottom-wrap .bottom-menu > li .box i {

  position: absolute;

  right: 37px;

  top: 17px;

  color: #fff;

  cursor: pointer;

  font-size: 14px;

}



.mb-bottom-wrap .sep-share {

  display: table;

  margin: 0 auto;

  margin-top: 24px;

}



.mb-bottom-wrap .sep-share li {

  width: 28px;

  height: 28px;

  line-height: 28px;

  text-align: center;

  margin-right: 6px;

  background: #1e2c39;

}



.mb-bottom-wrap .sep-share li:hover {

  background: #042E7E;

  border: 1px solid #042E7E;

}



.mb-bottom-wrap .sep-share li:hover a i {

  color: #fff;

}



.mb-bottom-wrap .sep-share li a i {

  color: #fff;

  font-size: 14px;

}

@media screen and (min-width: 1280px) {
  .sep-shadow,
  .sep-menu-box {

    display: none !important;

  }
}

@media screen and (min-width: 813px) {

  .sep-banner-mb {

    display: none;

  }
  .sep-search-box,
  .sep-lx-header-mb{
    display: none !important;
  }

}




@media screen and (max-width: 813px) {

  .sep-banner-pc {

    display: none;

  }



  .sep-banner-mb {

    display: block;

  }

}



@media screen and (max-width: 1680px) {

  .sep-banner .sep-container .banner-des {

    margin-top: 16px;

  }



  .sep-banner .sep-container .banner-more {

    margin-top: 30px;

    margin-bottom: 20px;

  }



  .rese-box .rese-main-box {

    position: relative;

    z-index: 3;

  }



  .swiper-pc .sep-container {

    max-width: 92%;

  }

}



@media screen and (max-width: 1460px) {

  .sep-container {

    max-width: 92%;

  }



  .sep-banner .sep-container .banner-title {

    font-size: 46px;

  }

}



@media screen and (max-width: 1366px) {

  .rese-box .back {

    z-index: 1;

  }



  .sep-banner .sep-container .banner-title {

    font-size: 44px;

  }



  .sep-banner .sep-container .banner-div {

    max-width: 55%;

  }

}

.sep-header .sep-mainnav .sep-container .nav-list .menu{
  display: none;
}

@media screen and (max-width: 1400px) {

  .sep-header .sep-mainnav .sep-container .nav-list .nav-ul > li {

    margin: 0 10px;

  }



  .top-title .title {

    font-size: 36px;

    line-height: 48px;

  }



  .top-title .title a {

    font-size: 36px;

    line-height: 48px;

  }



  .padding-120 {

    padding: 100px 0;

  }



  .com-box .com-ul li .icon-num {

    display: none;

  }

  .sep-header .sep-mainnav .sep-container .nav-list .nav-ul{
    display: none;
  }
  .sep-header .sep-mainnav .sep-container .nav-list .menu{
    margin-left: 32px;
    display: block;
  }
  .sep-header .sep-mainnav .sep-container .nav-list .menu i{
    font-size: 28px;
  }
  .sep-header .sep-mainnav {
    padding: 10px 0;
  }

}



@media screen and (max-width: 1200px) {

  .com-box .com-ul li .icon-title {

    font-size: 20px;

  }



  .com-box .com-ul li .icon-des {

    min-height: 240px;

  }



  .rese-box .back {

    font-size: 160px;

    line-height: 140px;

  }



  .sep-banner .sep-container .banner-title {

    font-size: 40px;

  }



  .foot-top-contact {

    display: none;

  }



  .sep-footer {

    padding-top: 1px;

  }

}



@media screen and (max-width: 1024px) {

  .sep-header .sep-mainnav .search {

    margin-left: 8px;

  }


  .sep-header .sep-mainnav .sep-container .nav-list .nav-ul > li > a {

    font-size: 16px;

  }



  .sep-banner .sep-container .banner-cover-div .cover-item {

    margin-bottom: 8px;

  }



  .sep-banner .sep-container .banner-more span,

  .sep-banner .sep-container .banner-more a {

    font-size: 17px;

  }



  .pro-box .pro-list li {

    width: 48%;

  }



  .com-box .com-ul {

    display: none;

  }



  .com-box .com-ul-mb {

    display: block;

    padding: 0 30px;

    position: relative;

  }



  .com-box .com-ul-mb .com-ul {

    display: flex;

    justify-content: flex-start;

  }



  .com-box .com-ul-mb .com-page div {

    width: 26px;

    height: 26px;

    background: #e6e6e6;

    border-radius: 50%;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    font-size: 18px;

    color: #042E7E;

    transition: all 0.3s;

    cursor: pointer;

    position: absolute;

    top: 50%;

    margin-top: -13px;

  }



  .com-box .com-ul-mb .com-page div:hover {

    background: #042E7E;

  }



  .com-box .com-ul-mb .com-page div:last-child {

    margin-left: 20px;

  }



  .com-box .com-ul-mb .com-page div.prev {

    transform: rotate(180deg);

    left: -14px;

  }



  .com-box .com-ul-mb .com-page div.next {

    right: -14px;

  }



  .rese-box .rese-main-box .thumb::after {

    height: 450px;

  }



  .news-box .news-ul {

    justify-content: space-between;

  }



  .news-box .news-ul li {

    width: 49%;

  }



  /* .news-box .news-ul li:last-child {

    display: none;

  } */



  .sep-footer .sep-container .foot-top .foot-ul {

    max-width: 100%;

  }



  .sep-footer .sep-container .foot-top .foot-ul > li .list-title::after {

    display: none;

  }



  .sep-footer .copyRight .main span {

    width: 100%;

    margin: 10px 0;

  }



  .sep-footer .sep-container .foot-top {

    flex-wrap: wrap;

  }



  .sep-footer .sep-container .foot-top .foot-ul {

    width: 100% !important;

  }



  .sep-footer .sep-container .foot-top .foot-ul .foot-logo {

    display: none;

  }



  .sep-footer .sep-container .foot-top .foot-ul:last-child li {

    width: 100% !important;

  }



  .sep-footer .sep-container .foot-top .foot-ul > li {

    margin-bottom: 20px !important;

  }



  .sep-footer .sep-container .foot-top .foot-ul > li.ons .list-title i::after {

    display: none;

  }



  .sep-footer .sep-container .foot-top .foot-ul > li .li-list {

    display: none;

  }



  .sep-footer .sep-container .foot-top .foot-ul {

    padding-top: 0;

  }



  .sep-footer .sep-container .foot-top .foot-ul:last-child .foot-contact {

    margin-top: 0;

  }



  .sep-footer

    .sep-container

    .foot-top

    .foot-ul:last-child

    .foot-contact

    .li-list {

    display: block;

  }



  .sep-footer .sep-container .foot-top .foot-ul::after {

    display: none;

  }



  .sep-footer .sep-container .foot-top .foot-ul > li .list-title {

    padding: 20px 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

  }



  .sep-footer .sep-container .foot-top .foot-ul > li {

    margin-bottom: 0 !important;

  }



  .sep-footer .sep-container .foot-top .foot-ul > li .list-title::after {

    top: 27px;

  }



  .sep-footer .sep-container .foot-top .foot-ul > li .list-title {

    position: relative;

  }



  .sep-footer .sep-container .foot-top .foot-ul > li .list-title i {

    display: block;

    width: 24px;

    height: 24px;

    position: absolute;

    right: 0;

    top: 24px;

  }



  .sep-footer .sep-container .foot-top .foot-ul > li .list-title i:before {

    content: '';

    display: block;

    width: 12px;

    height: 2px;

    background: #fff;

    position: absolute;

    left: 50%;

    margin-left: -6px;

    top: 50%;

    margin-top: 1px;

  }



  .sep-footer .sep-container .foot-top .foot-ul > li .list-title i:after {

    content: '';

    display: block;

    width: 2px;

    height: 12px;

    background: #fff;

    position: absolute;

    left: 50%;

    margin-left: -1px;

    top: 50%;

    margin-top: -4px;

  }



  .offside p {

    display: none;

  }



  .offside .tel {

    width: 50%;

    transform: translateX(0);

  }



  .offside a,

  .offside div {

    line-height: 44px;

  }



  #onlineService {

    left: 0;

    bottom: 0;

  }



  #onlineService .offside {

    width: 100%;

    display: flex;

  }



  #onlineService .offside li {

    flex: 1;

    height: 50px;

    background: #042E7E;

    border-radius: 0;

    border: 1px solid rgba(255, 255, 255, 0.2);

  }



  #onlineService .offside li a {

    width: 100%;

    top: 4px;

  }



  #onlineService .offside li a i {

    color: #fff;

    font-size: 20px;

    line-height: 40px;

  }



  #onlineService .offside li.fold {

    display: none;

  }



  .sep-footer .copyRight {

    background: #1b1b1b;

  }



  .foot-cover {

    height: 44px;

  }



  .sep-footer .sep-container .foot-top .foot-ul > li .li-list {

    padding-left: 20px;

  }



  .sep-footer .sep-container .foot-top .foot-ul > li .li-list {

    margin-top: 20px;

  }



  .sep-footer .sep-container .foot-top {

    margin-top: 40px;

    margin-bottom: 0;

  }



  .sep-footer .copyRight {

    border-top: none;

  }



  .sep-footer .sep-container .foot-top::after {

    display: none;

  }



  .sep-banner .sep-container .banner-cover-div {

    display: none;

  }



  .sep-header .sep-mainnav .sep-container .nav-list .nav-ul > li .head-pro-ul {

    display: none !important;

    opacity: 0 !important;

  }



  .sep-header .sep-mainnav .sep-container .nav-list .nav-ul > li .ul {

    display: none !important;

    opacity: 0 !important;

  }



  .pro-box .pro-list li .img .thumb-cover {

    display: none;

  }



  .pro-box .pro-list li:hover .img .thumb-cover {

    opacity: 0;

    display: none;

  }



  .sep-header .sep-mainnav .sep-container .nav-list .nav-ul > li {

    margin: 0 4px;

  }



  .pro-box .pro-list li {

    margin-bottom: 20px;

  }



  .list-pro-ul li .thumb .thumb-cover {

    display: none;

  }



  .list-pro-ul li:hover .thumb .thumb-cover {

    opacity: 0;

    display: none;

  }



  .list-min-box .list-min-ul li .thumb .thumb-cover {

    padding: 20px;

  }



  .sep-banner .swiper-slide2 .sep-container .banner-cover-div {

    display: none;

  }



  .sep-banner .swiper-slide3 .sep-container .banner-cover-div {

    display: none;

  }



  .sep-banner .sep-container .logo {

    display: none;

  }



  .rese-box .rese-main-box .thumb::after {

    display: none;

  }



  .rese-box .rese-main-box .thumb {

    padding: 0;

  }



  .rese-box .rese-main-box .thumb-info .icon {

    display: none;

  }



  .contact-box {

    padding: 70px 0;

  }



  .news-box .news-ul li {

    width: 48%;

  }



  #onlineService .offside li.wechat {

    display: none;

  }

}



@media screen and (max-width: 812px) {

  .sep-header {

    display: none;

  }



  .head-cover {

    display: none;

  }



  .top-title .title {

    font-size: 28px;

    line-height: 32px;

  }



  .top-title .title a {

    font-size: 28px;

    line-height: 32px;

  }



  .swiper-pc {

    display: none;

  }



  .swiper-mb {

    display: block !important;

  }



  .swiper-mb.swiper-mb2 {

    display: none !important;

  }



  .sep-banner .banner-main .sep-container .banner-div {

    max-width: 100%;

    padding-left: 0;

    border-left: none;

  }



  .sep-banner .sep-container {

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    flex-direction: column;

  }



  .sep-banner .sep-container .banner-cover-div {

    position: static;

    margin-top: 30px;

  }



  .sep-banner .banner-main .sep-container .banner-div {

    text-align: center;

  }



  .padding-120 {

    padding: 70px 0;

  }



  .rese-box .rese-main-box .thumb {

    width: 100%;

  }



  .rese-box .rese-main-box .thumb-info {

    width: 100%;

  }



  .contact-box {

    padding: 70px 0;

  }



  .foot-top-contact .contact-item {

    width: 100%;

    margin-bottom: 10px;

  }



  .foot-top-contact .contact-item .icon-des {

    max-width: 100%;

  }



  .foot-top-contact .contact-item .icon {

    width: 50px;

    height: 50px;

    font-size: 24px;

  }



  .sep-footer .copyRight .main .right a {

    font-size: 22px;

  }



  .sep-banner .sep-container .banner-cover-div {

    display: block;

  }



  .sep-menu-box .bottom .menu-item > li > ul > li a {

    font-size: 16px;

  }



  .sep-banner .sep-container .logo {

    display: block;

  }



  .sep-banner .swiper-mb .sep-container {

    align-items: flex-start;

    justify-content: flex-start;

    padding-top: 10%;

  }



  .sep-banner .swiper-mb .sep-container .banner-div {

    text-align: left;

  }

}



@media screen and (max-width: 480px) {

  .sep-banner .sep-container .banner-title {

    font-size: 30px;

    line-height: 36px;

    font-style: normal;

  }



  .sep-banner .sep-container .banner-des {

    font-size: 16px;

    line-height: 26px;

  }



  .sep-banner .sep-container .banner-more {

    display: none;

  }



  .sep-banner .sep-container .banner-cover-div {

    min-width: 200px;

  }



  .sep-banner .sep-container .banner-cover-div .cover-item {

    font-size: 16px;

    line-height: 26px;

    margin-bottom: 6px;

  }



  .sep-banner .sep-container .banner-cover-div {

    padding: 10px 30px;

  }



  .sep-banner .sep-container {

    padding-bottom: 0;

  }



  .padding-120 {

    padding: 50px 0;

  }



  .top-title .title {

    font-size: 24px;

    line-height: 30px;

  }



  .top-title .title a {

    font-size: 24px;

    line-height: 30px;

  }



  .top-title {

    margin-bottom: 30px;

  }



  .pro-box .pro-list li {

    width: 100%;

    margin-top: 0 !important;

    margin-bottom: 30px;

  }



  .pro-box .pro-list li:last-child {

    margin-bottom: 0;

  }



  .pro-box .pro-list li .thumb-title i {

    width: 28px;

    height: 28px;

    font-size: 14px;

  }



  .pro-box .pro-list li .thumb-title {

    padding: 12px 0;

    font-size: 20px;

  }



  .com-box .com-ul-mb .com-page div.prev {

    left: -4px;

  }



  .com-box .com-ul-mb .com-page div.next {

    right: -4px;

  }



  .top-title .title::after {

    width: 30px;

    height: 3px;

  }



  .rese-box .rese-main-box .thumb::after {

    height: 100%;

  }



  .rese-box .rese-main-box .thumb {

    padding: 36px;

    padding-right: 0;

  }



  .rese-box .rese-main-box .thumb .rese-page div {

    width: 30px;

    height: 30px;

    font-size: 14px;

  }



  .rese-box .rese-main-box .thumb-info {

    margin-top: 30px;

  }



  .rese-box .rese-main-box .thumb-info .icon {

    font-size: 30px;

    line-height: 40px;

  }



  .rese-box .rese-main-box .thumb-info .icon-des {

    margin-top: 12px;

    font-size: 16px;

    line-height: 30px;

  }



  .rese-box .back {

    display: none;

  }



  .rese-box .rese-main-box .thumb-info .icon-more {

    line-height: 46px;

    font-size: 16px;

    margin-top: 20px;

  }



  .contact-box {

    padding: 50px 0;

  }



  .contact-box .title-des p {

    font-size: 16px;

    line-height: 30px;

  }



  .contact-box .contact-more {

    line-height: 46px;

    font-size: 16px;

    padding: 0 50px;

    margin-top: 20px;

  }



  .news-box .news-ul li {

    width: 100%;

  }



  .news-box .news-ul li:nth-child(2) {

    display: none;

  }



  .news-box .news-ul li .thumb-info .thumb-title {

    font-size: 20px;

    min-height: 1px;

  }



  .foot-top-contact .contact-item .icon-des {

    max-width: calc(100% - 70px);

    font-size: 16px;

  }



  .sep-footer .sep-container .foot-top .foot-ul > li .list-title {

    padding: 14px 0;

    padding-right: 20px;

  }



  .sep-footer .sep-container .foot-top .foot-ul > li .list-title i {

    top: 15px;

  }



  .com-box .com-ul li .icon-title {

    min-height: 1px;

  }



  .com-box .com-ul li .icon {

    width: 60px;

    height: 60px;

    font-size: 30px;

  }



  .rese-box .rese-main-box .thumb {

    padding: 0;

  }



  .news-box .news-ul li:nth-child(2) {

    display: block;

    margin-top: 20px;

  }



  .news-box .news-ul li .thumb-info .thumb-des {

    display: none;

  }



  .sep-banner .sep-container .banner-more {

    display: block;

    margin-top: 16px;

    margin-bottom: 0;

  }



  .sep-banner .sep-container .banner-more span,

  .sep-banner .sep-container .banner-more a {

    line-height: 46px;

  }



  .sep-banner .sep-container .banner-title {

    line-height: 42px;

  }

}



@media screen and (max-width: 375px) {

  .pro-box .pro-list li .thumb-title i {

    display: none;

  }

}



@media screen and (max-width: 320px) {

  .sep-banner .sep-container .banner-cover-div {

    margin-top: 10px;

  }

}



@media screen and (max-width: 1920px) {

  .sep-inner-banner .sep-container {

    padding-top: 0;

  }

}



@media screen and (max-width: 1680px) {

  .list-form-box .form-box-right {

    width: 58%;

  }



  .index-news-box .sep-container .word {

    right: -100px;

  }

}



@media screen and (max-width: 1460px) {

  .index-news-box .sep-container .word {

    right: 0;

  }



  .sep-inner-banner .sep-container .banner-div .banner-title::before {

    display: none;

  }



  .sep-inner-banner .sep-container .banner-div .banner-title::after {

    display: none;

  }

}



@media screen and (max-width: 1366px) {

  .index-news-box .sep-container .word {

    display: none;

  }



  .list-form-box .form-box-right .fom-box {

    width: 90%;

  }



  .detail-img-main .detail-img-box {

    padding: 70px 0;

  }



  .sep-datalist-history1 li {

    width: 576px;

  }



  .sep-datalist-history1 li .text {

    width: 367px;

  }



  .list1-pro-box .sep-contener .sep-siderbar .sider-search .forms {

    width: 88%;

  }



  .list-min-box .list-min-ul li .thumb-cover {

    padding: 30px;

  }



  .sep-inner-banner .sep-container .banner-div {

    max-width: 100%;

  }

}



@media screen and (max-width: 1280px) {

  .sep-inner-banner .sep-container .banner-div .banner-title::after {

    display: none;

  }



  .sep-inner-banner .sep-container .banner-div .banner-title::before {

    display: none;

  }



  .sep-datalist-history1 li {

    width: 548px;

  }



  .sep-datalist-history1 li .text {

    width: 338px;

  }



  .sep-inner-banner .sep-container .banner-div {

    max-width: 100%;

  }

}



@media screen and (max-width: 1200px) {

  .sep-datalist-history1 li .text {

    width: 314px;

  }



  .sep-datalist-history1 li {

    width: 521px;

  }



  .inner-his-box .inner-his-list {

    width: 100%;

  }

}



@media screen and (max-width: 1024px) {

  .index-pro-box .index-pro-item .item-a-box {

    grid-template-columns: repeat(2, 1fr);

    column-gap: 20px;

  }



  .index-news-box .index-news-ul li {

    width: 49%;

  }



  .index-news-box .index-news-ul li:last-child {

    display: none;

  }



  .sep-inner-banner .sep-container .banner-more {

    display: none;

  }



  .list-pro-ul li .thumb-title i {

    display: none;

  }



  .list1-pro-box .sep-contener .sep-left {

    width: 100%;

  }



  .list1-pro-box .sep-contener .sep-siderbar {

    display: none;

  }



  .detail-relate-box .relate-ul li {

    width: 49%;

    margin-bottom: 20px;

  }



  .factory-box:last-child {

    max-width: 100%;

  }



  .ab-part-one .insbox .words-boxs .titles {

    font-size: 36px;

    line-height: 46px;

  }



  .ab-part-one .insbox .words-boxs {

    width: 100%;

    margin-top: 20px;

  }



  .sep-datalist-history1 li {

    width: 600px;

  }



  .sep-datalist-history1 li .text {

    width: 395px;

  }



  .sep-inner-banner .sep-container .banner-div .banner-des {

    display: none;

  }



  .index-pro-richtext {

    display: block;

    margin-top: 50px;

  }



  .detail-relate-box .relate-ul li {

    width: 32%;

  }



  .index-pro-richtext1 {

    background: #f9f9f9;

    margin-top: 0;

    padding-top: 50px;

  }



  .index-pro-richtext1 p {

    margin-bottom: 0;

  }



  .list-min-box .list-min-ul li .thumb .thumb-cover {

    position: static;

    opacity: 1;

    background: #fff;

    display: none;

  }



  .list-min-box .list-min-ul li .thumb-cover1 {

    display: block;

    position: static;

    opacity: 1;

    background: #fff;

    height: auto;

    padding: 20px;

  }



  .list-min-box .list-min-ul li .thumb-title {

    text-align: left;

  }



  .list-min-box .list-min-ul {

    padding-bottom: 0;

  }



  .list-min-box .list-min-ul li {

    background: #fff;

  }



  .richtext img {

    width: auto !important;

    height: auto !important;

  }



  .form_type06 .form .words_box {

    display: none;

  }



  .form_type06 .form .form_box {

    position: static;

    width: 100%;

    padding: 0;

    background: none;

  }



  .form_type06 {

    margin-top: 20px;

  }



  .form_type06 {

    padding: 20px 0;

  }

}



@media screen and (max-width: 812px) {

  .xk-contacts-forms-boxs .boxs1 {

    width: 100%;

  }



  .xk-contacts-forms-boxs .c-lists:nth-child(2) {

    width: 100%;

  }



  .xk-contacts-forms-ul-boxs {

    display: none;

  }



  .xk-contacts-forms-boxs .c-lists {

    width: 100%;

    padding-right: 0;

  }



  .xk-contacts-forms-boxs .sep-contener {

    flex-wrap: wrap;

  }



  .xk-contacts-forms-boxs .boxs1 {

    padding: 40px 30px;

  }



  .xk-contacts-boxs .c-lefts {

    width: 100%;

  }



  .xk-contacts-boxs .c-rights {

    width: 100%;

  }



  .xklt-map-titles-ul-boxs ul li {

    width: 100%;

    margin-bottom: 20px;

  }



  .xk-contacts-boxs .c-rights {

    margin-top: 20px;

  }



  .index-pro-box .index-pro-item .item-img-box .thumb-cover {

    position: static;

  }



  .index-pro-box .index-pro-item {

    margin-bottom: 20px;

  }



  .list-form-box .form-left {

    width: 100%;

  }



  .list-form-box .form-main .sep-container {

    display: block;

  }



  .list-form-box .form-box-right {

    width: 100%;

    position: static;

    margin-bottom: 0;

  }



  .index-adv-box .index-adv-main .adv-swiper {

    width: 100%;

  }



  .index-adv-box .index-adv-main .adv-swiper .adv-item {

    height: auto;

  }



  .index-adv-box .index-adv-main .thumb {

    width: 60%;

  }



  .index-care-box .index-care-main .thumb-info {

    width: 100%;

    margin-top: 20px;

  }



  .index-care-box .index-care-main .thumb {

    width: 60%;

  }



  .list-pro-ul {

    justify-content: space-between;

  }



  .list-pro-ul li {

    width: 49%;

    margin-right: 0;

    margin-bottom: 30px;

  }



  .list-min-box .list-min-ul li .thumb .thumb-cover {

    padding: 20px 10px;

  }



  .list-faq-box .list1-opcial-list > ul > li {

    width: 100%;

    padding: 20px;

    margin-bottom: 20px;

  }



  .detail-img-main .detail-img-box .left {

    width: 100%;

  }



  .detail-img-main .detail-img-box .right {

    width: 100%;

    margin-top: 20px;

  }



  .detail-img-main .detail-img-box .right .top-title {

    margin-bottom: 0;

  }



  .detail-img-main .detail-img-box .right .title-more {

    margin-top: 20px;

  }



  .richtext h2 {

    font-size: 22px;

    line-height: 30px;

  }



  .richtext-detail-box .detail-item .item-title {

    font-size: 20px;

  }



  .richtext table tr td:nth-child(1) {

    font-size: 18px;

  }



  .richtext table tr td {

    padding: 10px 16px;

  }



  .richtext-detail-box {

    margin-top: 60px;

  }



  .ab-part-one .insbox .left-boxs {

    width: 60%;

  }



  .com-team-top ul li {

    width: 49%;

  }



  .com-team-top ul li .icon-title {

    font-size: 22px;

  }



  .inner-padding {

    padding: 70px 0;

  }



  .sep-datalist-history1 li .text {

    width: 275px;

  }



  .sep-datalist-history1 li {

    width: 483px;

  }



  .xk-contacts-boxs .c-rights .list-paddingleft-2 {

    padding-left: 24px;

  }



  .detail-relate-box .relate-ul li {

    width: 49%;

  }



  .main-padding {

    padding: 70px 0;

  }



  .abouts_five .boxs_wiper .swiper_btm .swiper_btn {

    display: none;

  }



  .abouts_five .boxs_wiper .swiper_btm .swiper-pagination {

    margin: 0 auto;

  }



  .mkn-services-support-boxs > ul > li .thumbs {

    width: 100%;

  }



  .mkn-services-support-boxs > ul > li .lis-boxs {

    width: 100%;

    margin-top: 20px;

  }



  .detail-relate-box .relate-ul li {

    margin-right: 0;

  }



  .detail-relate-box .relate-ul {

    justify-content: space-between;

  }



  .detail-relate-box .sep-video-grid .item:nth-child(2) {

    display: none;

  }



  .bq-kc-inner-news-ul-boxs .mores {

    position: static;

    display: block;

    margin-top: 16px;

  }



  .search-btns a {

    width: 190px;

    font-size: 18px;

  }

}



@media screen and (max-width: 480px) {

  .operation ul li .btn-primary {

    min-width: 270px;

    text-align: center;

  }



  .operation ul li {

    margin-right: 0;

    margin-bottom: 20px;

  }



  .v-list .i-box {

    width: 100%;

  }



  .v-list .i-box a img {

    width: 100%;

    height: auto;

  }



  .pdfs-boxs .pdfs-lists span a:first-child {

    display: none;

  }



  .xk-contacts-boxs {

    padding: 40px 0;

  }



  .xk-contacts-boxs .c-lefts .title {

    font-size: 24px;

    line-height: 32px;

  }



  .xk-contacts-ul-boxs ul li {

    width: 100%;

  }



  .xk-contacts-forms-boxs {

    padding: 40px 0;

  }



  .xk-contacts-forms-boxs .xk-pro-index-h1 {

    font-size: 24px;

    line-height: 32px;

  }



  .xk-contacts-forms-boxs .subtitles-a {

    font-size: 16px;

    line-height: 28px;

    margin-bottom: 20px;

  }



  .xk-contacts-forms-boxs .subtitles-a:after {

    margin-top: 10px;

  }



  .xk-contacts-forms-boxs .c-lists:nth-child(2) {

    padding: 0 20px;

  }



  .xklt-map-titles-ul-boxs .lis-boxs {

    height: auto;

  }



  .sep-resource-list2 li .thumb {

    width: 100%;

    height: auto;

    position: static;

    margin-bottom: 20px;

  }



  .sep-resource-list2 li {

    padding: 20px 0;

  }



  .pdfs-boxs .pdfs-lists span {

    width: 100%;

    text-align: right;

  }



  .sep-inner-banner .sep-container .banner-div .banner-title {

    font-size: 26px;

    line-height: 32px;

  }



  .bread {

    margin-top: 0;

  }



  .index-pro-box .index-pro-item .item-title a {

    line-height: 48px;

    padding: 6px 20px;

    font-size: 20px;

    line-height: 32px;

  }



  .index-pro-box .index-pro-item .item-a-box a {

    font-size: 16px;

  }



  .index-pro-box .index-pro-item .item-img-box {

    margin-top: 20px;

  }



  .index-pro-box .index-pro-item .item-img-box .thumb-cover {

    padding: 20px 0;

  }



  .index-pro-box .index-pro-item .item-img-box .thumb-cover .thumb-title {

    font-size: 20px;

    line-height: 30px;

  }



  .index-pro-box .index-pro-item .item-img-box .thumb-cover .thumb-des {

    max-width: none;

    font-size: 16px;

    line-height: 30px;

  }



  .index-pro-box .index-pro-item .item-a-box a {

    padding: 0 6px;

  }



  .list-form-box .form-box-right {

    padding: 30px 20px;

  }



  .list-form-box .form-box-right img {

    display: none;

  }



  .list-form-box .form-box-right .fom-box .btn-box {

    margin-top: 15px;

  }



  .list-form-box .form-box-right {

    height: auto;

  }



  .list-form-box .form-box-right .fom-box .btn-box .btn-primary {

    width: 200px;

    line-height: 48px;

    font-size: 16px;

  }



  .index-adv-box .index-adv-main .adv-swiper .adv-item {

    padding: 30px 20px;

  }



  .index-adv-box .index-adv-main .adv-swiper .adv-item .icon {

    width: 36px;

    height: 36px;

    font-size: 20px;

  }



  .index-adv-box .index-adv-main .adv-swiper .adv-item .icon-title {

    font-size: 20px;

    margin-bottom: 8px;

  }



  .index-adv-box .index-adv-main .adv-swiper .adv-item .icon-des p {

    font-size: 16px;

    line-height: 30px;

  }



  .index-adv-box .index-adv-main .adv-swiper .adv-page {

    position: static;

    margin-top: 16px;

  }



  .index-adv-box .index-adv-main .thumb {

    width: 100%;

    margin-bottom: 20px;

  }



  .index-adv-box .index-adv-main {

    flex-direction: column-reverse;

  }



  .index-care-box .index-care-main .thumb {

    width: 100%;

  }



  .index-care-box .index-care-main .thumb-info .list-paddingleft-2 li p {

    font-size: 16px;

    line-height: 28px;

    margin-bottom: 0;

  }



  .index-care-box .index-care-main .thumb-info .list-paddingleft-2 li::after {

    top: 4px;

  }



  .index-news-box .index-news-ul li {

    width: 100%;

    margin-bottom: 20px;

  }



  .index-news-box .index-news-ul li .thumb .time {

    width: 200px;

    height: 48px;

    line-height: 48px;

  }



  .index-news-box .index-news-ul li .thumb .time .day {

    font-size: 20px;

  }



  .index-news-box .index-news-ul li .thumb .time {

    padding: 0 30px;

  }



  .index-news-box .index-news-ul li .thumb-title {

    padding: 0;

    font-size: 18px;

  }



  .index-news-box .index-news-ul li .thumb .time i {

    font-size: 24px;

  }



  .list-form-box .form-box-right .fom-box {

    width: 100%;

  }



  .list-pro-ul li .thumb-title {

    font-size: 20px;

    line-height: 28px;

    padding: 10px 0;

  }



  .list-pro-ul li .thumb .thumb-cover {

    display: none;

  }



  .list-pro-ul li:hover .thumb .thumb-cover {

    opacity: 0;

    display: none;

  }



  .list-min-box .list-min-ul li {

    width: 100%;

    margin-bottom: 20px;

  }



  .list-min-box .list-min-ul li .thumb-title {

    position: static;

  }



  .list-min-box .list-min-ul li .thumb-title {

    line-height: 48px;

    font-size: 20px;

  }



  .list-min-box .list-min-ul {

    padding-bottom: 0;

  }



  .list-faq-box .list1-opcial-list > ul > li .ques-title .title-con {

    font-size: 20px;

  }



  .list-faq-box .list1-opcial-list > ul > li.actives .ques-con {

    margin-top: 10px;

  }



  .list-faq-box .list1-opcial-list > ul > li .ques-con p {

    font-size: 16px;

    line-height: 28px;

  }



  .detail-img-main .detail-img-box .left .detail-small-swiper {

    display: none;

  }



  .detail-img-main .detail-img-box .left .swiper-pagination {

    display: block;

  }



  .detail-img-main .detail-img-box .right .title-des > p {

    font-size: 16px;

    line-height: 28px;

  }



  .detail-img-main .detail-img-box .right .title-more {

    width: 200px;

    font-size: 16px;

    line-height: 48px;

  }



  .list1-pro-box .sep-contener .sep-left {

    padding-top: 40px;

  }



  .list1-pro-box .sep-contener .sep-left .richtext-btn {

    margin-bottom: 30px;

  }



  .richtext h2 {

    margin-bottom: 20px;

  }



  .richtext-detail-box .detail-item:nth-child(2) .richtext p {

    width: 100%;

  }



  .richtext-detail-box .detail-item {

    padding-top: 10px;

    padding-bottom: 10px;

  }



  .richtext-detail-box .detail-item::after {

    top: 20px;

  }



  .richtext-detail-box .detail-item p {

    margin-bottom: 4px;

  }



  .list1-pro-box {

    padding-bottom: 40px;

  }



  .detail-relate-box .relate-ul li {

    width: 100%;

  }



  .richtext-detail-box .detail-item .item-title {

    margin-bottom: 10px;

  }



  .detail-img-main .detail-img-box {

    padding-top: 40px;

  }



  .ab-part-one .insbox .left-boxs {

    width: 100%;

  }



  .ab-part-one .insbox .words-boxs .titles {

    font-size: 24px;

    line-height: 32px;

  }



  .ab-part-one .let-ul li {

    width: 100%;

    margin-bottom: 16px;

  }



  .ab-part-one .let-ul li .part .title {

    font-size: 20px;

    line-height: 30px;

  }



  .ab-part-one .let-ul li .part .summary p {

    font-size: 16px;

  }



  .com-team-top ul li {

    width: 100%;

  }



  .com-team-top ul li .icon {

    margin: 0 auto;

    text-align: center;

  }



  .com-team-top ul li .icon-title {

    text-align: center;

    margin-top: 0;

  }



  #certify .swiper-slide {

    width: 100%;

  }



  .factory-box .small-factory {

    display: none;

  }



  .factory-box .swiper-pagination {

    display: block;

  }



  .factory-box {

    margin-bottom: -50px !important;

  }



  .factory-box .swiper-container {

    padding-bottom: 50px;

  }



  .sep-datalist-history1 li {

    width: 100%;

  }



  .sep-datalist-history1 li .text {

    width: 100%;

    float: none;

  }



  .sep-datalist-history1 li .clock {

    display: none;

  }



  .sep-datalist-history1 li .date {

    position: static;

  }



  .sep-datalist-history1 li:after {

    display: none;

  }



  .sep-datalist-history1 li:nth-child(even) {

    padding: 0;

  }



  .sep-datalist-history1 li {

    padding: 0;

  }



  .sep-datalist-history1 li .text:before {

    display: none;

  }



  .sep-datalist-history1 li {

    min-height: 1px;

    margin-bottom: 20px;

  }



  .sep-datalist-history1 li:last-child {

    margin-bottom: 0;

  }



  .sep-datalist-history1 li .date .y {

    font-size: 18px;

    margin-bottom: 8px;

  }



  .mkn-services-support-boxs > ul > li .thumbs {

    width: 100%;

  }



  .mkn-services-support-boxs > ul > li .lis-boxs {

    width: 100%;

    padding: 0;

    margin-top: 30px;

  }



  .mkn-services-support-boxs > ul > li .il-boxs {

    display: none;

  }



  .mkn-services-support-boxs > ul > li .titles-a {

    font-size: 20px;

  }



  .mkn-services-support-boxs > ul > li {

    padding-top: 0;

  }



  .h2x {

    font-size: 22px;

  }



  .th-profile-boxs .thumbs {

    width: 100%;

  }



  .th-profile-boxs .lis-boxs {

    width: 100%;

    margin-top: 20px;

  }



  .th-profile-boxs {

    flex-wrap: wrap;

  }



  .th-profile-boxs {

    padding: 16px 0;

  }



  .mult-img-item1 {

    grid-template-columns: repeat(2, 1fr);

    column-gap: 10px;

    row-gap: 10px;

  }



  .mult-img-item1 li {

    padding: 10px;

  }



  .pdfs-boxs .pdfs-lists {

    width: 100%;

  }



  .inner-faq .list1-opcial-list > ul > li .ques-con {

    padding-left: 0;

  }



  .inner-faq .list1-opcial-list > ul > li {

    padding: 0 16px;

  }



  .ytgd-inner-news-boxs ul li .lis-boxs {

    padding: 10px;

  }



  .ytgd-inner-news-boxs ul li .times-boxs {

    display: none;

  }



  .ytgd-inner-news-boxs ul li .spans {

    display: none;

  }



  .ytgd-inner-news-boxs ul li .times {

    display: block;

    font-size: 16px;

  }



  .ytgd-inner-news-boxs ul li .titles-a {

    font-size: 20px;

    line-height: 30px;

    padding: 0;

  }



  .ytgd-inner-news-boxs ul li {

    margin-bottom: 15px;

  }



  .bq-kc-inner-news-ul-boxs .spans {

    display: none;

  }



  .bq-kc-inner-news-ul-boxs .lis-boxs {

    width: 100%;

    margin-top: 20px;

  }



  .bq-kc-inner-news-ul-boxs ul li {

    flex-wrap: wrap;

  }



  .bq-kc-inner-news-ul-boxs .thumbs {

    width: 60%;

  }



  .links-boxs .link .sep-share li {

    margin-right: 10px;

  }



  .operation {

    margin-bottom: -30px;

  }



  .top-title h1.title {

    font-size: 26px;

  }



  .search-btns {

    justify-content: center;

  }



  .nothumb .pdfs-lists {

    flex-wrap: wrap;

  }



  .nothumb .pdfs-lists span {

    width: 100%;

    text-align: right;

  }



  .nothumb .pdfs-lists span a:nth-child(1) {

    display: none;

  }



  .nothumb .pdfs-lists a {

    line-height: 28px;

  }



  .nothumb .pdfs-lists {

    padding: 10px;

  }



  .nothumb .pdfs-lists {

    line-height: 28px;

  }



  .index-news-box .index-news-ul li:last-child {

    display: block;

  }



  .list-min-box .list-min-ul li .thumb .thumb-cover {

    position: static;

    opacity: 1;

  }



  .list-min-box .list-min-ul li .thumb-title {

    width: 100%;

  }



  .list-pro-ul li .thumb-title {

    padding-left: 10px;

    padding-right: 10px;

  }



  .index-pro-box .index-pro-item .item-img-box .thumb-cover {

    box-shadow: none;

  }



  .list-min-box .list-min-ul li:nth-child(even) .thumb-title {

    line-height: 30px;

  }



  .index-pro-box .index-pro-item .item-a-box {

    grid-template-columns: repeat(1, 1fr);

    column-gap: 0;

    row-gap: 10px;

  }



  .list-pro-ul li {

    width: 100%;

  }



  .list-pro-ul li .thumb-title {

    padding: 20px 0;

  }



  .com-team-top ul li .icon-des p {

    text-align: center;

  }



  .com-team-top ul li .icon-title {

    font-size: 18px;

  }



  .inner-his-box .inner-his-list .his-title {

    font-size: 20px;

  }



  .inner-his-box .inner-his-list li .his-con {

    width: 92%;

  }



  .inner-his-box .inner-his-list::after {

    left: 8px;

  }



  .inner-his-box .inner-his-list li::after {

    left: 8px;

  }



  .inner-his-box .inner-his-list li::before {

    left: 8px;

  }



  .inner-his-box .inner-his-list li:nth-child(even) {

    justify-content: flex-end;

  }



  .inner-his-box .inner-his-list li:nth-child(even) .his-con {

    text-align: left;

  }



  .inner-his-box .inner-his-list li {

    padding-bottom: 10px;

  }



  .inner-his-box .inner-his-list::before {

    left: 8px;

  }



  .main-padding {

    padding: 50px 0;

  }



  .soc-box .sep-container {

    margin-bottom: 50px;

  }



  .inner-faq .list1-opcial-list > ul > li .ques-title {

    padding-right: 36px;

  }



  .ifa iframe {

    min-height: 350px;

  }



  .sep-video-grid .item {

    margin-bottom: 20px;

  }



  .form_type06 .form .form_box .form-group {

    width: 100%;

  }



  .form_type06 .form .form_box .form-group .btn {

    height: 42px;

    font-size: 17px;

  }



  .map iframe {

    height: 350px;

  }

}



.index-care-box1 {

  background: none;

}



.thumb-des1 {

  margin-top: 10px;

  margin-bottom: 10px;

  font-size: 16px;

  line-height: 28px;

  display: none;

}



@media screen and (max-width: 1024px) {

  .thumb-des1 {

    display: block;

  }

}



.detail-img-main .detail-img-box .right .title-more {

  width: auto;

}



.list-faq-box .list-paddingleft-2 {

  padding-left: 20px;

}



.sep-header .head-top .head-top-left .head-con .con span a {

  font-family: 'Formular-Regular';

}



.certify-swiper-item {

  aspect-ratio: 3 / 4;

}

.certify-swiper-item img {

  width: 100%;

  height: 100%;

}



.search-new {

  position: relative;

  display: flex;

  margin-left: 32px;

}



.search-new__input {

  padding: 10px 16px;

  border-radius: 9999px;

  border: 1px solid #ccc;

}



.search-new__input:active {

  border-color: #042E7E;

}



.search-new__btn {

  position: absolute;

  right: 8px;

  top: 50%;

  transform: translateY(-50%);

  border-radius: 9999px;

  background-color: #042E7E;

  padding: 8px;

  line-height: 1;

  color: #fff;

  border: 0;

}
.footGrid{
    display: grid;
    grid-template-columns: auto auto;
    gap: 20px;
}
.partOne{
  gap:60px;
}
.partOne .text{
  flex:1;
}
.partOne .text button{
  width: 100px;
    height: 44px;
    background: #042E7E;
    color: white;
    border: none;
    border-radius: 20px;
    margin-top: 20px;
}
.partOne .video{
  flex:1;
  display: flex;
  align-items: center;
}
.partOne .video video{
  width:100%;
}
.partOne h1{
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 24px;
}
.partOne p{
  line-height:1.5
}
.partOne .contact-more {
    display: inline-block;
    line-height: 50px;
    border-radius: 100px;
    padding: 0 40px;
    color: #fff;
    font-size: 17px;
    margin-top: 36px;
    background: #042E7E;
    transition: all 0.3s;
}
.partOne .contact-more:hover {
  background: #fff;
  color: #042E7E;
}
.partOne .partTitle:hover{
  color:#3ba209;
}
.partOne .partTitle::after {
    content: '';
    display: block;
    width: 58px;
    height: 5px;
    background: #3ba209;
    margin-top: 20px;
}
@media screen and (max-width: 1460px) {

  .partOne {

    flex-direction: column;

  }
}