@charset "UTF-8";
/*header start*/
#menuWap {
  display: none;
}

.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}
.header .header-box .bar {
  background: #242424;
  color: #fff;
}
.header .header-box .bar .flex {
  height: 46px;
}
.header .header-box .bar .flex .group {
  height: 100%;
}
.header .header-box .bar .flex .group dl {
  position: relative;
  height: 100%;
}
.header .header-box .bar .flex .group dl dt {
  font-size: clamp(13.33333px, 1.04167vw, 20px);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .header-box .bar .flex .group dl dt i {
  margin-left: 10px;
  font-size: clamp(6.66667px, 0.52083vw, 10px);
}
.header .header-box .bar .flex .group dl dd {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 3;
  width: 100%;
  background: #242424;
}
.header .header-box .bar .flex .group dl dd a {
  display: block;
  color: #fff;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px 10px;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.header .header-box .bar .flex .group dl dd a:hover {
  background: #005aaa;
}
.header .header-box .bar .flex .group dl:hover dd {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.header .header-box .bar .flex .link-lan {
  height: 100%;
}
.header .header-box .bar .flex .link-lan .link a {
  color: #fff;
  display: inline-block;
  margin-right: clamp(20px, 1.5625vw, 30px);
  font-size: clamp(13.33333px, 1.04167vw, 20px);
  position: relative;
}
.header .header-box .bar .flex .link-lan .link a h1 {
  font-weight: 400;
}
.header .header-box .bar .flex .link-lan .link a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 1px;
  background: #fff;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}
.header .header-box .bar .flex .link-lan .link a:hover::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.header .header-box .bar .flex .link-lan .link a:nth-child(2){
  padding: 0 clamp(6.66667px, 0.52083vw, 10px);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.header .header-box .bar .flex .link-lan .link a:nth-child(2)::after {
  height: 0;
}
.header .header-box .bar .flex .link-lan .link a:nth-child(2):hover{
  background:#005aaa;
  color:#FFFFFF;
  border-radius:3px;
}

.header .header-box .bar .flex .link-lan .lan {
  height: 100%;
}
.header .header-box .bar .flex .link-lan .lan dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 100%;
}
.header .header-box .bar .flex .link-lan .lan dl dt {
  font-size: clamp(13.33333px, 1.04167vw, 20px);
  padding: 0 13px;
  height: clamp(26.66667px, 2.08333vw, 40px);
  border-radius: clamp(5.33333px, 0.41667vw, 8px);
  border: 2px solid #B2B2B2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .header-box .bar .flex .link-lan .lan dl dt i {
  margin-left: 10px;
  font-size: clamp(6.66667px, 0.52083vw, 10px);
}
.header .header-box .bar .flex .link-lan .lan dl dd {
  opacity: 0;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 3;
  width: 100%;
  background: #242424;
}
.header .header-box .bar .flex .link-lan .lan dl dd a {
  display: block;
  color: #fff;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px 10px;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.header .header-box .bar .flex .link-lan .lan dl dd a:hover {
  background: #005aaa;
}
.header .header-box .bar .flex .link-lan .lan dl:hover dd {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  visibility: visible;
}
.header .header-box .logo-nav {
  background: rgba(48, 48, 48, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.header .header-box .logo-nav .logo {
  max-width: clamp(57.33333px, 4.47917vw, 86px);
}
.header .header-box .logo-nav .logo a {
  display: block;
  position: relative;
}
.header .header-box .logo-nav .logo a img {
  width: 100%;
  height: auto;
  position: relative;
}
.header .header-box .logo-nav .logo a img.blue {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
}
.header .header-box .logo-nav .nav-search .nav-box #menuPc ul li {
  padding: 20px clamp(13.33333px, 1.04167vw, 20px);
  position: relative;
}
.header .header-box .logo-nav .nav-search .nav-box #menuPc ul li a {
  font-size: clamp(17.33333px, 1.35417vw, 26px);
  color: #fff;
  padding: 0 clamp(13.33333px, 1.04167vw, 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.header .header-box .logo-nav .nav-search .nav-box #menuPc ul li a h1 {
  font-weight: 400;
}
.header .header-box .logo-nav .nav-search .nav-box #menuPc ul li::after {
  content: "";
  position: absolute;
  left: 5%;
  bottom: 0;
  width: 90%;
  height: 6px;
  background: -webkit-gradient(linear, left top, right top, from(#051C55), to(#214195));
  background: linear-gradient(90deg, #051C55 0%, #214195 100%);
  border-radius: 3px;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.header .header-box .logo-nav .nav-search .nav-box #menuPc ul li.active::after, .header .header-box .logo-nav .nav-search .nav-box #menuPc ul li:hover::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.header .header-box .logo-nav .nav-search .search {
  margin-left: clamp(26.66667px, 2.08333vw, 40px);
  padding: 20px 0 20px clamp(26.66667px, 2.08333vw, 40px);
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.header .header-box .logo-nav .nav-search .search a {
  color: #fff;
  text-transform: capitalize;
  font-size: clamp(17.33333px, 1.35417vw, 26px);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.header .header-box .logo-nav .nav-search .search a i {
  margin-left: 15px;
  font-size: clamp(13.33333px, 1.04167vw, 20px);
}
.header .header-box .nav-slide {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
}
.header .header-box .nav-slide > div:not(#products) {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.header .header-box .nav-slide > div:not(#products) ul li {
  padding: 0 1.5%;
}
.header .header-box .nav-slide > div:not(#products) ul li a {
  padding: 25px 0;
  display: block;
  color: #0C0F4D;
  font-size: clamp(14.66667px, 1.14583vw, 22px);
}
.header .header-box .nav-slide #products {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: none;
  background: #fff;
}
.header .header-box .nav-slide #products .m-width-content {
  height: 100%;
}
.header .header-box .nav-slide #products .pro-nav-inner {
  height: calc(100vh - clamp(66.66667px, 5.20833vw, 100px) - 110px);
  -webkit-transition: height 0.6s ease;
  transition: height 0.6s ease;
}
.header .header-box .nav-slide #products.topics-active .pro-nav-inner {
  height: calc(100vh - clamp(200px, 15.625vw, 300px) - 110px);
}
.header .header-box .nav-slide #products.topics-active .pro-nav-flex .menu {
  width: 22.5%;
}
.header .header-box .nav-slide #products.topics-active .pro-nav-flex .menu .level-3 {
  display: none;
}
.header .header-box .nav-slide #products.topics-active .pro-nav-flex .menu .level-1-2 {
  width: 100%;
  border-right: 1px solid #EDEDED;
}
.header .header-box .nav-slide #products.topics-active .pro-nav-flex .content {
  display: none;
}
.header .header-box .nav-slide #products.topics-active .pro-nav-flex .content-topics {
  display: block;
  width: 77.5%;
  height: 100%;
  border-right: 1px solid #EDEDED;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: clamp(33.33333px, 2.60417vw, 50px) clamp(26.66667px, 2.08333vw, 40px) 0;
}
.header .header-box .nav-slide #products.topics-active .pro-nav-flex .content-topics .tp-2.active {
  display: block;
}
.header .header-box .nav-slide #products.topics-active .pro-nav-flex .content-topics .tp-2 .topics-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.header .header-box .nav-slide #products.topics-active .pro-nav-flex .content-topics .tp-2 .topics-list .btn{
    margin-top:30px;
    justify-content: center;
}
.header .header-box .nav-slide #products.topics-active .pro-nav-flex .content-topics .tp-2 .topics-list .btn a{
    border-color:#0C0F4D;
    color:#0C0F4D;
}
.header .header-box .nav-slide #products.topics-active .pro-nav-flex .content-topics .tp-2 .topics-list .btn a i{
    background:#0C0F4D;
    color:#fff;
}
.header .header-box .nav-slide #products.topics-active .pro-nav-flex .content-topics .tp-2 .topics-list .btn a:hover{
    background:#0C0F4D;
    color:#fff;
}
.header .header-box .nav-slide #products.topics-active .pro-nav-flex .content-topics .tp-2 .topics-list .btn a:hover i{
    background: #fff;
    color:#0C0F4D;
}
.header .header-box .nav-slide #products.topics-active .pro-nav-flex .content-topics .tp-2 .topics-list ul li {
  width: calc(33.3333333333% - clamp(53.33333px, 4.16667vw, 80px) / 3);
  margin-left: calc(clamp(53.33333px, 4.16667vw, 80px) / 2);
  margin-bottom: clamp(13.33333px, 1.04167vw, 20px);
}
.header .header-box .nav-slide #products.topics-active .pro-nav-flex .content-topics .tp-2 .topics-list ul li:nth-child(3n+1) {
  margin-left: 0;
}
.header .header-box .nav-slide #products.topics-active .pro-nav-flex .content-topics .tp-2 .topics-list ul li a {
  display: block;
}
.header .header-box .nav-slide #products.topics-active .pro-nav-flex .content-topics .tp-2 .topics-list ul li a .meidia-box {
  padding-bottom: 60%;
  overflow: hidden;
  position: relative;
}
.header .header-box .nav-slide #products.topics-active .pro-nav-flex .content-topics .tp-2 .topics-list ul li a .meidia-box .lazyload-loaded {
  padding-bottom: 60%;
  overflow: hidden;
  position: relative;
}
.header .header-box .nav-slide #products.topics-active .pro-nav-flex .content-topics .tp-2 .topics-list ul li a .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.header .header-box .nav-slide #products.topics-active .pro-nav-flex .content-topics .tp-2 .topics-list ul li a .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.header .header-box .nav-slide #products.topics-active .pro-nav-flex .content-topics .tp-2 .topics-list ul li a img {
  border-radius: clamp(13.33333px, 1.04167vw, 20px);
}
.header .header-box .nav-slide #products.topics-active .pro-nav-flex .content-topics .tp-2 .topics-list ul li a .tit {
  margin-top: clamp(9.33333px, 0.72917vw, 14px);
  font-size: clamp(13.33333px, 1.04167vw, 20px);
  color: #0C0F4D;
  text-align: center;
}
.header .header-box .nav-slide #products.active {
  z-index: 3;
}
.header .header-box .nav-slide #products .pro-nav-flex {
  height: 100%;
}
.header .header-box .nav-slide #products .pro-nav-flex ::-webkit-scrollbar {
  width: 3px;
}
.header .header-box .nav-slide #products .pro-nav-flex ::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
.header .header-box .nav-slide #products .pro-nav-flex ::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 2px;
}
.header .header-box .nav-slide #products .pro-nav-flex ::-webkit-scrollbar-thumb:hover {
  background-color: #999;
}
.header .header-box .nav-slide #products .pro-nav-flex .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 100%;
  width: 45%;
}
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 {
  width: 50%;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: clamp(13.33333px, 1.04167vw, 20px) clamp(33.33333px, 2.60417vw, 50px) 0 0;
  height: 100%;
}
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-1,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-1 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-1 a,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-1 a {
  padding: 10px clamp(28px, 2.1875vw, 42px) 10px clamp(13.33333px, 1.04167vw, 20px);
  display: block;
  font-weight: 600;
  font-size: clamp(16px, 1.25vw, 24px);
  color: #0C0F4D;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-1 i,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-1 i {
  position: absolute;
  right: clamp(10px, 0.78125vw, 15px);
  width: 20px;
  top: 50%;
  height: 20px;
  margin-top: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: clamp(10.66667px, 0.83333vw, 16px);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics.item-1-2-topics.active .level-1 i,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2.item-1-2-topics.active .level-1 i {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics.active .level-1 i,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2.active .level-1 i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics.active .level-2-topics,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2.active .level-2-topics {
  display: block;
}
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics.active .level-2,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2.active .level-2 {
  display: block;
}
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2-topics,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2-topics,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2 {
  display: none;
}
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2-topics .item-2-topics,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2-topics .item-2,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2 .item-2-topics,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2 .item-2,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2-topics .item-2-topics,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2-topics .item-2,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2 .item-2-topics,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2 .item-2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2-topics .item-2-topics a,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2-topics .item-2 a,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2 .item-2-topics a,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2 .item-2 a,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2-topics .item-2-topics a,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2-topics .item-2 a,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2 .item-2-topics a,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2 .item-2 a {
  padding: 10px clamp(28px, 2.1875vw, 42px) 10px clamp(13.33333px, 1.04167vw, 20px);
  display: block;
  font-size: clamp(13.33333px, 1.04167vw, 20px);
  color: #0C0F4D;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2-topics .item-2-topics i,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2-topics .item-2 i,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2 .item-2-topics i,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2 .item-2 i,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2-topics .item-2-topics i,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2-topics .item-2 i,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2 .item-2-topics i,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2 .item-2 i {
  position: absolute;
  right: clamp(10px, 0.78125vw, 15px);
  width: 20px;
  top: 50%;
  height: 20px;
  margin-top: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: clamp(10.66667px, 0.83333vw, 16px);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  opacity: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2-topics .item-2-topics.active a, .header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2-topics .item-2-topics:hover a,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2-topics .item-2.active a,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2-topics .item-2:hover a,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2 .item-2-topics.active a,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2 .item-2-topics:hover a,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2 .item-2.active a,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2 .item-2:hover a,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2-topics .item-2-topics.active a,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2-topics .item-2-topics:hover a,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2-topics .item-2.active a,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2-topics .item-2:hover a,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2 .item-2-topics.active a,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2 .item-2-topics:hover a,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2 .item-2.active a,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2 .item-2:hover a {
  background: #ECF3FF;
  font-weight: 700;
  border-radius: clamp(5.33333px, 0.41667vw, 8px);
}
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2-topics .item-2-topics.active i, .header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2-topics .item-2-topics:hover i,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2-topics .item-2.active i,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2-topics .item-2:hover i,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2 .item-2-topics.active i,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2 .item-2-topics:hover i,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2 .item-2.active i,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2-topics .level-2 .item-2:hover i,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2-topics .item-2-topics.active i,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2-topics .item-2-topics:hover i,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2-topics .item-2.active i,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2-topics .item-2:hover i,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2 .item-2-topics.active i,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2 .item-2-topics:hover i,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2 .item-2.active i,
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-1-2 .item-1-2 .level-2 .item-2:hover i {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-3 {
  width: 50%;
  overflow-y: auto;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-left: 1px solid #EDEDED;
  border-right: 1px solid #EDEDED;
  padding: clamp(13.33333px, 1.04167vw, 20px) clamp(20px, 1.5625vw, 30px) 0;
}
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-3 .lv-01 {
  display: none;
}
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-3 .lv-01.active {
  display: block;
}
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-3 .lv-01 .lv-01-02 {
  display: none;
}
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-3 .lv-01 .lv-01-02.active {
  display: block;
}
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-3 .lv-01 .lv-01-02 .i-l-3 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-3 .lv-01 .lv-01-02 .i-l-3 a {
  padding: 10px clamp(28px, 2.1875vw, 42px) 10px clamp(13.33333px, 1.04167vw, 20px);
  display: block;
  font-size: clamp(13.33333px, 1.04167vw, 20px);
  color: #0C0F4D;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-3 .lv-01 .lv-01-02 .i-l-3 i {
  position: absolute;
  right: clamp(13.33333px, 1.04167vw, 20px);
  width: 20px;
  top: 50%;
  height: 20px;
  margin-top: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: clamp(10.66667px, 0.83333vw, 16px);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  opacity: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-3 .lv-01 .lv-01-02 .i-l-3.active a, .header .header-box .nav-slide #products .pro-nav-flex .menu .level-3 .lv-01 .lv-01-02 .i-l-3:hover a {
  background: #ECF3FF;
  font-weight: 700;
  border-radius: clamp(5.33333px, 0.41667vw, 8px);
}
.header .header-box .nav-slide #products .pro-nav-flex .menu .level-3 .lv-01 .lv-01-02 .i-l-3.active i, .header .header-box .nav-slide #products .pro-nav-flex .menu .level-3 .lv-01 .lv-01-02 .i-l-3:hover i {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.header .header-box .nav-slide #products .pro-nav-flex .content {
  width: 55%;
  height: 100%;
  border-right: 1px solid #EDEDED;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: clamp(33.33333px, 2.60417vw, 50px) clamp(26.66667px, 2.08333vw, 40px) 0;
}
.header .header-box .nav-slide #products .pro-nav-flex .content .content-box .c-1 {
  display: none;
}
.header .header-box .nav-slide #products .pro-nav-flex .content .content-box .c-1.active {
  display: block;
}
.header .header-box .nav-slide #products .pro-nav-flex .content .content-box .c-1 .c-1-2 {
  display: none;
}
.header .header-box .nav-slide #products .pro-nav-flex .content .content-box .c-1 .c-1-2.active {
  display: block;
}
.header .header-box .nav-slide #products .pro-nav-flex .content .content-box .c-1 .c-1-2 .c-1-2-3 {
  display: none;
}
.header .header-box .nav-slide #products .pro-nav-flex .content .content-box .c-1 .c-1-2 .c-1-2-3.active {
  display: block;
}
.header .header-box .nav-slide #products .pro-nav-flex .content .content-box .c-1 .c-1-2 .c-1-2-3 .list-box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.header .header-box .nav-slide #products .pro-nav-flex .content .content-box .c-1 .c-1-2 .c-1-2-3 .list-box ul li {
  width: calc(33.3333333333% - clamp(53.33333px, 4.16667vw, 80px) / 3);
  margin-left: calc(clamp(53.33333px, 4.16667vw, 80px) / 2);
  margin-bottom: clamp(13.33333px, 1.04167vw, 20px);
}
.header .header-box .nav-slide #products .pro-nav-flex .content .content-box .c-1 .c-1-2 .c-1-2-3 .list-box ul li:nth-child(3n+1) {
  margin-left: 0;
}
.header .header-box .nav-slide #products .pro-nav-flex .content .content-box .c-1 .c-1-2 .c-1-2-3 .list-box ul li a {
  display: block;
}
.header .header-box .nav-slide #products .pro-nav-flex .content .content-box .c-1 .c-1-2 .c-1-2-3 .list-box ul li a .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}
.header .header-box .nav-slide #products .pro-nav-flex .content .content-box .c-1 .c-1-2 .c-1-2-3 .list-box ul li a .meidia-box .lazyload-loaded {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}
.header .header-box .nav-slide #products .pro-nav-flex .content .content-box .c-1 .c-1-2 .c-1-2-3 .list-box ul li a .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.header .header-box .nav-slide #products .pro-nav-flex .content .content-box .c-1 .c-1-2 .c-1-2-3 .list-box ul li a .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.header .header-box .nav-slide #products .pro-nav-flex .content .content-box .c-1 .c-1-2 .c-1-2-3 .list-box ul li a img {
  border-radius: clamp(13.33333px, 1.04167vw, 20px);
}
.header .header-box .nav-slide #products .pro-nav-flex .content .content-box .c-1 .c-1-2 .c-1-2-3 .list-box ul li a .tit {
  margin-top: clamp(9.33333px, 0.72917vw, 14px);
  font-size: clamp(13.33333px, 1.04167vw, 20px);
  color: #0C0F4D;
  text-align: center;
}
.header .header-box .nav-slide #products .pro-nav-flex .content-topics {
  display: none;
}
.header.innerPage.innerPage .header-box .logo-nav, .header.fixed.innerPage .header-box .logo-nav {
  background: #f9f9f9;
}
.header.innerPage .header-box .logo-nav, .header.fixed .header-box .logo-nav {
  background: rgba(255, 255, 255, 0.9);
}
.header.innerPage .header-box .logo-nav .logo a img.white, .header.fixed .header-box .logo-nav .logo a img.white {
  opacity: 0;
}
.header.innerPage .header-box .logo-nav .logo a img.blue, .header.fixed .header-box .logo-nav .logo a img.blue {
  opacity: 1;
  visibility: visible;
}
.header.innerPage .header-box .logo-nav .nav-search .nav-box #menuPc ul li a, .header.fixed .header-box .logo-nav .nav-search .nav-box #menuPc ul li a {
  color: #0C0F4D;
}
.header.innerPage .header-box .logo-nav .nav-search .search, .header.fixed .header-box .logo-nav .nav-search .search {
  border-left-color: #fff;
}
.header.innerPage .header-box .logo-nav .nav-search .search a, .header.fixed .header-box .logo-nav .nav-search .search a {
  color: #0C0F4D;
}

/*header end*/
/*footer start*/
.footer {
  background: -webkit-gradient(linear, left top, left bottom, from(#1B2841), to(#0D0F17));
  background: linear-gradient(180deg, #1B2841 0%, #0D0F17 100%);
}
.footer .footer-logo-nav {
  padding: clamp(46.66667px, 3.64583vw, 70px) 0 clamp(43.33333px, 3.38542vw, 65px);
}
.footer .footer-logo-nav .logo-input-follow {
  width: 27.25%;
}
.footer .footer-logo-nav .logo-input-follow .logo {
  max-width: 150px;
}
.footer .footer-logo-nav .logo-input-follow .logo a {
  display: block;
}
.footer .footer-logo-nav .logo-input-follow .logo a img {
  width: 100%;
  height: auto;
}
.footer .footer-logo-nav .logo-input-follow .copy-mail {
  margin-top: clamp(28.66667px, 2.23958vw, 43px);
  width: 248px;
  height: clamp(29.33333px, 2.29167vw, 44px);
  border-radius: clamp(46.66667px, 3.64583vw, 70px);
  border: 1px solid rgba(255, 255, 255, 0.6);
  padding-right: 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}
.footer .footer-logo-nav .logo-input-follow .copy-mail input {
  background: none;
  border: none;
  padding: 0 10px;
  width: calc(100% - 70px);
  font-size: clamp(13.33333px, 1.04167vw, 20px);
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.footer .footer-logo-nav .logo-input-follow .copy-mail .copy {
  text-decoration: none;
  display: inline-block;
  width: 70px;
  height: clamp(26.66667px, 2.08333vw, 40px);
  position: relative;
}
.footer .footer-logo-nav .logo-input-follow .copy-mail .copy .flipper {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.footer .footer-logo-nav .logo-input-follow .copy-mail .copy .flipper .front, .footer .footer-logo-nav .logo-input-follow .copy-mail .copy .flipper .back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: clamp(46.66667px, 3.64583vw, 70px);
}
.footer .footer-logo-nav .logo-input-follow .copy-mail .copy .flipper .front.front, .footer .footer-logo-nav .logo-input-follow .copy-mail .copy .flipper .back.front {
  background: #fff;
  color: #000;
}
.footer .footer-logo-nav .logo-input-follow .copy-mail .copy .flipper .front.front i, .footer .footer-logo-nav .logo-input-follow .copy-mail .copy .flipper .back.front i {
  font-size: clamp(16.66667px, 1.30208vw, 25px);
}
.footer .footer-logo-nav .logo-input-follow .copy-mail .copy .flipper .front.back, .footer .footer-logo-nav .logo-input-follow .copy-mail .copy .flipper .back.back {
  background: linear-gradient(307deg, #051C55 0%, #214195 100%);
  color: #fff;
  font-size: clamp(10.66667px, 0.83333vw, 16px);
}
.footer .footer-logo-nav .logo-input-follow .copy-mail .copy .flipper .front {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.footer .footer-logo-nav .logo-input-follow .copy-mail .copy .flipper .back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.footer .footer-logo-nav .logo-input-follow .copy-mail .copy:hover .flipper {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.footer .footer-logo-nav .logo-input-follow .follow .text {
  font-size: clamp(13.33333px, 1.04167vw, 20px);
  color: rgba(255, 255, 255, 0.8);
  padding: clamp(13.33333px, 1.04167vw, 20px) 0 clamp(10px, 0.78125vw, 15px);
}
.footer .footer-logo-nav .logo-input-follow .follow .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.footer .footer-logo-nav .logo-input-follow .follow .list a {
  width: clamp(33.33333px, 2.60417vw, 50px);
  height: clamp(33.33333px, 2.60417vw, 50px);
  background: #0C0F18;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  margin-right: clamp(13.33333px, 1.04167vw, 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.footer .footer-logo-nav .logo-input-follow .follow .list a img {
  width: clamp(20px, 1.5625vw, 30px);
  height: clamp(20px, 1.5625vw, 30px);
}
.footer .footer-logo-nav .logo-input-follow .follow .list a:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.footer .footer-logo-nav .nav {
  width: 72.75%;
}
.footer .footer-logo-nav .nav dl {
  -webkit-box-flex: 1;
      -ms-flex: 1 25%;
          flex: 1 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: clamp(13.33333px, 1.04167vw, 20px);
}
.footer .footer-logo-nav .nav dl:last-child {
  padding-right: 0;
}
.footer .footer-logo-nav .nav dl dt {
  margin-bottom: clamp(13.33333px, 1.04167vw, 20px);
}
.footer .footer-logo-nav .nav dl dt a {
  font-weight: 600;
  font-size: clamp(20px, 1.5625vw, 30px);
  color: #FFFFFF;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.footer .footer-logo-nav .nav dl dt a:hover {
  color: #7F7F7F;
}
.footer .footer-logo-nav .nav dl dd a {
  display: block;
  margin-bottom: clamp(6.66667px, 0.52083vw, 10px);
  color: #fff;
  font-size: clamp(13.33333px, 1.04167vw, 20px);
  position: relative;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.footer .footer-logo-nav .nav dl dd a:hover {
  color: #7F7F7F;
}
.footer .footer-copy .flex {
  border-top: 1px solid #666;
  padding: clamp(13.33333px, 1.04167vw, 20px) 0 clamp(20px, 1.5625vw, 30px);
  color: #fff;
  font-size: clamp(13.33333px, 1.04167vw, 20px);
}
.footer .footer-copy .flex .copy a {
  display: inline-block;
  margin-left: clamp(33.33333px, 2.60417vw, 50px);
}
.footer .footer-copy .flex .link a {
  display: inline-block;
  margin-left: clamp(13.33333px, 1.04167vw, 20px);
  color: #7F7F7F;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.footer .footer-copy .flex .link a:hover {
  color: #fff;
}
.footer .footer-copy .flex a {
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  color: #fff;
}
.footer .footer-copy .flex a:hover {
  color: #7F7F7F;
}

/*footer end*/
.crumb {
  padding: 15px 0;
  font-size: clamp(13.33333px, 1.04167vw, 20px);
}
.crumb a {
  color: #fff;
  display: inline-block;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.crumb a:hover {
  color: #0C0F4D;
}
.crumb a.home i {
  color: #EEEEEE;
}
.crumb i {
  display: inline-block;
  padding: 0 5px;
  color: #fff;
}
.crumb h1,
.crumb span {
  font-weight: 600;
  color: #fff;
  display: inline-block;
}

/*公共样式定义 start*/
/* 内容区域宽度+40px */
.m-width-content {
  max-width: clamp(1093.33333px, 85.41667vw, 1640px);
  padding: 0 clamp(13.33333px, 1.04167vw, 20px);
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.border-hover {
  position: relative;
}
.border-hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: clamp(13.33333px, 1.04167vw, 20px);
  z-index: 4;
  padding: 2px;
  /*background: -webkit-gradient(linear, left top, right top, from(#0155FF), color-stop(#2DDDFF), color-stop(#3938FF), color-stop(#5305FF), to(#5305FF));*/
  /*background: linear-gradient(90deg, #0155FF, #2DDDFF, #3938FF, #5305FF, #5305FF);*/
  /*background-size: 800% 800%;*/
  background:#437df3;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-animation: rainbowFlow 8s linear infinite;
          animation: rainbowFlow 8s linear infinite;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 157, 255, 0.6);
          box-shadow: 0px 0px 10px 0px rgba(0, 157, 255, 0.6);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.border-hover:hover::after {
  opacity: 1;
  visibility: visible;
}
@-webkit-keyframes rainbowFlow {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 800% 0%;
  }
}
@keyframes rainbowFlow {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 800% 0%;
  }
}

.btns,
.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.btns a,
.btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: clamp(25.33333px, 1.97917vw, 38px);
  /*padding: 0 clamp(6.66667px, 0.52083vw, 10px) 0 clamp(13.33333px, 1.04167vw, 20px);*/
  padding: 0 clamp(26.66667px, 2.08333vw, 40px);
  border-radius: clamp(13.33333px, 1.04167vw, 20px);
  border: 1px solid #FFFFFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.btns a span,
.btn a span {
  font-size: clamp(13.33333px, 1.04167vw, 20px);
}
.btns a i,
.btn a i {
  margin-left: clamp(13.33333px, 1.04167vw, 20px);
  width: clamp(17.33333px, 1.35417vw, 26px);
  height: clamp(17.33333px, 1.35417vw, 26px);
  background: #FFFFFF;
  border-radius: 50%;
  color: #0C0F4D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  font-size: clamp(10.66667px, 0.83333vw, 16px);
  display: none;
}
.btns a:hover,
.btn a:hover {
  background: #fff;
  color: #0C0F4D;
}
.btns a:hover i,
.btn a:hover i {
  background: #0C0F4D;
  color: #fff;
}

/*右侧悬浮 start*/
.fixed-right {
  position: fixed;
  right: clamp(20px, 1.5625vw, 30px);
  bottom: 20%;
  background: #fff;
  padding: clamp(20px, 1.5625vw, 30px) clamp(13.33333px, 1.04167vw, 20px);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: clamp(26.66667px, 2.08333vw, 40px);
  z-index: 99999;
}
.fixed-right a {
  display: block;
  margin-bottom: clamp(10px, 0.78125vw, 15px);
}
.fixed-right a:last-child {
  margin-bottom: 0;
}
.fixed-right a img {
  width: clamp(26.66667px, 2.08333vw, 40px);
  height: clamp(26.66667px, 2.08333vw, 40px);
}
.fixed-right a.return-top {
  padding-top: clamp(13.33333px, 1.04167vw, 20px);
  border-top: 1px solid #ccc;
}

/*右侧悬浮 end*/
.sharethis-inline-share-buttons .st-btn {
  display: inline-block !important;
}

/*分页 start*/
.page-box {
  padding: 0 0;
  text-align: center;
}
.page-box .wp-pagenavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-box .wp-pagenavi a,
.page-box .wp-pagenavi span {
  border: 1px solid transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #000;
  margin: 0 8px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: transparent;
  border-radius: clamp(4px, 0.3125vw, 6px);
}
.page-box .wp-pagenavi a.nextpostslink,
.page-box .wp-pagenavi a.previouspostslink {
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-box .wp-pagenavi a.nextpostslink::after,
.page-box .wp-pagenavi a.previouspostslink::after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
  font-size: clamp(8px, 0.625vw, 12px);
  font-weight: 700;
}
.page-box .wp-pagenavi a.nextpostslink.previouspostslink::after,
.page-box .wp-pagenavi a.previouspostslink.previouspostslink::after {
  content: "prev";
}
.page-box .wp-pagenavi a.nextpostslink.nextpostslink::after,
.page-box .wp-pagenavi a.previouspostslink.nextpostslink::after {
  content: "next";
}
.page-box .wp-pagenavi .current {
  font-weight: 700;
  color: #182E64;
  border: 1px solid #182E64;
}

/*分页 end*/
.intco-con-box .intco-con {
  display: none;
}
.intco-con-box .intco-con.active {
  display: block;
}

.contact-form {
  background: url("../images/gloves-pic-32.png");
  background-size: cover;
  padding-top: clamp(23.33333px, 1.82292vw, 35px);
}
.contact-form .pic-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.contact-form .pic-form .pic {
  width: 32.8125%;
}
.contact-form .pic-form .pic img {
  width: 100%;
  height: auto;
}
.contact-form .pic-form .form {
  padding: clamp(26.66667px, 2.08333vw, 40px) 0 clamp(26.66667px, 2.08333vw, 40px);
  width: 52.525%;
}


.faq-box {
  padding: clamp(66.66667px, 5.20833vw, 100px) 0;
}
.faq-box .faq-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.faq-box .faq-inner .tit-pic {
  width: 50%;
}
.faq-box .faq-inner .tit-pic .tit {
  font-weight: 600;
  font-size: clamp(80px, 6.25vw, 120px);
  text-transform: none;
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, from(#224EFF), to(rgb(255, 255, 255)));
  background: linear-gradient(180deg, #224EFF 0%, rgb(255, 255, 255) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  position: relative;
  line-height: 1;
}
.faq-box .faq-inner .tit-pic .tit::after {
  content: "";
  position: absolute;
  left: 100%;
  top: -15%;
  width: clamp(56px, 4.375vw, 84px);
  height: clamp(56px, 4.375vw, 84px);
  background: url("../images/elect-pic-23.png") no-repeat center;
}
.faq-box .faq-inner .tit-pic .pic {
  max-width: clamp(398.66667px, 31.14583vw, 598px);
  margin-top: clamp(33.33333px, 2.60417vw, 50px);
}
.faq-box .faq-inner .tit-pic .pic .meidia-box {
  padding-bottom: 65%;
  overflow: hidden;
  position: relative;
}
.faq-box .faq-inner .tit-pic .pic .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.faq-box .faq-inner .tit-pic .pic .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.faq-box .faq-inner .faq-list {
  width: 50%;
  background: #EDF0F5;
  border-radius: clamp(13.33333px, 1.04167vw, 20px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: clamp(13.33333px, 1.04167vw, 20px) clamp(26.66667px, 2.08333vw, 40px);
}
.faq-box .faq-inner .faq-list dl {
  border-top: 1px solid #DCDCDC;
}
.faq-box .faq-inner .faq-list dl:first-child {
  border-top: none;
}
.faq-box .faq-inner .faq-list dl dt {
  padding: clamp(13.33333px, 1.04167vw, 20px) 0;
  font-weight: 600;
  font-size: clamp(14.66667px, 1.14583vw, 22px);
  color: #0C0F4D;
  cursor: pointer;
  position: relative;
  padding-right: clamp(26.66667px, 2.08333vw, 40px);
}
.faq-box .faq-inner .faq-list dl dt i {
  position: absolute;
  right: 0;
  top: clamp(20px, 1.5625vw, 30px);
  width: clamp(14.66667px, 1.14583vw, 22px);
  height: clamp(14.66667px, 1.14583vw, 22px);
  line-height: clamp(14.66667px, 1.14583vw, 22px);
  border-radius: 50%;
  background: #C4C4C4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: clamp(8px, 0.625vw, 12px);
  font-weight: 300;
  color: #fff;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.faq-box .faq-inner .faq-list dl dd {
  font-size: clamp(13.33333px, 1.04167vw, 20px);
  color: rgba(12, 15, 77, 0.8);
  padding-bottom: clamp(13.33333px, 1.04167vw, 20px);
  display: none;
}
.faq-box .faq-inner .faq-list dl.active dt i {
  background: #0C0F4D;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.faq-box .faq-inner .faq-list dl.active dd {
  display: block;
}


@media screen and (max-width: 1023px) {
  .m-width-content {
    padding: 0 20px;
  }
  .header .header-box .bar .flex .link-lan .link {
      display: none;
    padding-right: 10px;
  }
  .header .header-box .bar .flex .link-lan .link a {
    margin-right: 10px;
  }
  .header-box .nav-search {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .header.innerPage .header-box .logo-nav .nav-search .search,
  .header .header-box .logo-nav .nav-search .search {
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  /* 手机菜单 start */
  html.mm-blocking body {
    overflow: initial;
  }
  #menuPc {
    display: none;
  }
  .mm-opened #menuWap {
    display: block;
  }
  #page {
    background: #FFFFFF;
  }
  .btn-nav {
    position: relative;
    top: 0;
    right: 0;
    background: transparent;
    border: none;
    padding: 6px 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 99999;
    display: block;
    width: 30px;
    float: right;
  }
  .btn-nav .icon-bar {
    display: block;
    margin: 6px 0;
    width: 30px;
    height: 3px;
    background-color: #fff;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    z-index: 999999;
  }
  .innerPage .btn-nav .icon-bar,
  .fixed .btn-nav .icon-bar {
    background-color: #0C0F4D;
  }
  .mm-opening .top {
    -webkit-transform: translateY(8px) rotateZ(45deg);
    transform: translateY(8px) rotateZ(45deg);
  }
  .mm-opening .bottom {
    -webkit-transform: translateY(-10px) rotateZ(-45deg);
    transform: translateY(-10px) rotateZ(-45deg);
  }
  .mm-opening .middle {
    width: 0;
  }
  /* 手机菜单 end */
  .footer .footer-logo-nav .logo-input-follow {
    width: 100%;
    padding-bottom: 20px;
  }
  .footer .footer-logo-nav .logo-input-follow .logo {
    margin: 0 auto;
  }
  .footer .footer-logo-nav .logo-input-follow .copy-mail {
    margin: 20px auto 0;
    width: 200px;
  }
  .footer .footer-logo-nav .logo-input-follow .copy-mail input{
      width: calc(100% - 50px);
  }
  .footer .footer-logo-nav .logo-input-follow .copy-mail .copy{
      width: 50px;
  }
  .footer .footer-logo-nav .logo-input-follow .follow {
    text-align: center;
  }
  .footer .footer-logo-nav .logo-input-follow .follow .list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer .footer-logo-nav .nav {
    width: 100%;
  }
  .footer .footer-logo-nav .nav dl {
    width: 50%;
    padding-right: 20px;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
  .footer .footer-copy .flex {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}