@charset "UTF-8";
::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  min-height: 28px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

/** 字体 */
@font-face {
  font-family: OPPOSans;
  src: url("../font/OPPOSans-R.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/** 通用样式 */
* {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  box-sizing: border-box;
}
*::after, *::before {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  box-sizing: border-box;
}

a {
  color: inherit;
}
a:hover {
  color: inherit;
}

input,
textarea {
  border: none;
  outline: none;
  background-color: transparent;
}

body {
  font-family: OPPOSans, Poppins, 微软雅黑;
  font-size: 16px;
  line-height: 16px;
  background-color: #fff;
  padding: 0;
  margin: 0;
  scroll-behavior: smooth;
}

.swiper-pagination-bullets {
  line-height: 0;
}
.swiper-pagination-bullets .swiper-pagination-bullet {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  opacity: 1;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100%;
}

video {
  max-width: 100%;
  height: auto;
}

hr {
  border: none !important;
  border-bottom: 1px solid #eee !important;
}

/** 字体 */
@font-face {
  font-family: "Zen Dots";
  src: url("../font/ZenDots-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Alimama FangYuanTi VF";
  src: url("../font/AlimamaFangYuanTiVF-Thin.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/** 通用组件 */
.title1 {
  position: relative;
  border-bottom: 1px solid #f0f0f0;
}
.title1 h2 {
  position: relative;
  display: inline-block;
  color: #333;
  font-family: OPPOSans;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  z-index: 10;
}
.title1 h3 {
  position: absolute;
  top: 20px;
  left: 0;
  color: #f0f0f0;
  font-family: "Zen Dots";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 100% */
  text-transform: uppercase;
  z-index: 5;
  user-select: none;
}
.title1 h2 {
  padding-bottom: 40px;
}
.title1 h2::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: -2px;
  background: #084ea1;
  border-right: 10px solid #fff;
}

.title2 {
  position: relative;
}
.title2 h2 {
  position: relative;
  display: inline-block;
  color: #333;
  font-family: OPPOSans;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  z-index: 10;
}
.title2 h3 {
  position: absolute;
  top: 20px;
  left: 0;
  color: #f0f0f0;
  font-family: "Zen Dots";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 100% */
  text-transform: uppercase;
  z-index: 5;
  user-select: none;
}

.title3 {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background: #f2f6fa;
  padding-bottom: 6px;
}
.title3 h2 {
  position: relative;
  width: 248px;
  height: 46px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background: #084ea1;
  color: #fff;
  font-family: OPPOSans;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.title3 h2::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  bottom: -6px;
  background-color: #084ea1;
}

.product-list {
  margin-top: 30px;
}
.product-list .imglist {
  display: flex;
  flex-wrap: wrap;
  margin-right: -30px;
  min-height: 500px;
}
.product-list .imglist li {
  width: 286px;
  height: 383px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border: 1px solid #f0f0f0;
  background: #fff;
  margin-right: 30px;
  margin-bottom: 30px;
  padding: 10px;
}
.product-list .imglist li .top .pic {
  width: 100%;
  height: 266px;
  overflow: hidden;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}
.product-list .imglist li .top .pic:hover img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.product-list .imglist li .top .pic img {
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
}
.product-list .imglist li .top .txt {
  margin-top: 15px;
}
.product-list .imglist li .top .txt h3 {
  color: #000;
  text-align: center;
  font-family: OPPOSans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}
.product-list .imglist li .top .txt h3:hover {
  color: #084ea1;
}
.product-list .imglist li hr {
  margin: 16px -10px 10px;
  border-bottom: 1px solid #f0f0f0 !important;
}
.product-list .imglist li .bottom {
  height: 34px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-list .imglist li .bottom .query-tel {
  width: 128px;
  height: 34px;
  padding: 8px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  background: linear-gradient(90deg, #37acfe 0%, #2090f3 100%);
}
.product-list .imglist li .bottom .query-tel a {
  font-family: OPPOSans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.product-list .imglist li .bottom .query-tel a {
  color: #fff;
}
.product-list .imglist li .bottom .query-message {
  width: 128px;
  height: 34px;
  padding: 8px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border: 1px solid #f0f0f0;
  background: rgba(255, 255, 255, 0.9);
}
.product-list .imglist li .bottom .query-message a {
  font-family: OPPOSans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.product-list .imglist li .bottom .query-message a {
  color: #2292f4;
}
.product-list hr {
  border-bottom: 1px solid #f0f0f0 !important;
}

.wrapper {
  width: 1280px;
  margin: 0 auto;
}

.header {
  height: 108px;
  background-image: url(../img/bgheader.png);
  z-index: 100;
}
.header > .wrapper {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .logo {
  height: 43px;
  width: auto;
}
.header .right {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav {
  display: flex;
}
.nav .nav-item {
  position: relative;
}
.nav .nav-item:not(:last-of-type) {
  margin-right: 42px;
}
.nav .nav-item.active .nav-tit::before {
  opacity: 1;
}
.nav .nav-item.active .nav-tit a {
  opacity: 1;
}
.nav .nav-item:hover .nav-tit a {
  opacity: 1;
}
.nav .nav-item:hover .nav-cont {
  visibility: visible;
  opacity: 1;
}
.nav .nav-item .nav-tit {
  position: relative;
}
.nav .nav-item .nav-tit::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  top: calc(100% + 12px + 6px);
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transition: opacity 0.3s 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s 0.3s ease-in-out;
  -moz-transition: opacity 0.3s 0.3s ease-in-out;
  -ms-transition: opacity 0.3s 0.3s ease-in-out;
  -o-transition: opacity 0.3s 0.3s ease-in-out;
  opacity: 0;
  background: #f8e250;
}
.nav .nav-item .nav-tit a {
  color: #fff;
  font-family: OPPOSans;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.8;
  transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
}
.nav .nav-item .nav-cont {
  width: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 5px);
  -webkit-transform: translate(-50%, 5px);
  -moz-transform: translate(-50%, 5px);
  -ms-transform: translate(-50%, 5px);
  -o-transform: translate(-50%, 5px);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  background: #fff;
  z-index: 30;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.nav .nav-item .nav-cont ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 40px;
}
.nav .nav-item .nav-cont ul li:hover {
  background: #f2f6fa;
}
.nav .nav-item .nav-cont ul li:hover a {
  color: #084ea1;
}
.nav .nav-item .nav-cont ul li:not(:last-of-type) {
  margin-bottom: 10px;
}
.nav .nav-item .nav-cont ul li a {
  color: #333;
  text-align: center;
  font-family: OPPOSans;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.search {
  margin-left: 80px;
  width: 182px;
  padding: 10px 12px;
  background: #fff;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.search .search-form {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search .search-form input[type=text] {
  max-width: 125px;
}
.search .search-form input[type=submit] {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  position: static;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M8.625 15.75C12.56 15.75 15.75 12.56 15.75 8.625C15.75 4.68997 12.56 1.5 8.625 1.5C4.68997 1.5 1.5 4.68997 1.5 8.625C1.5 12.56 4.68997 15.75 8.625 15.75Z' stroke='%23084EA1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.5 16.5L15 15' stroke='%23084EA1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.footer {
  height: 210px;
  padding: 46px 0 49px;
  background: #111c33;
}
.footer .wrapper {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer .left {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: flex-start;
  flex-direction: column;
}
.footer .left .bottom-nav ul {
  display: flex;
}
.footer .left .bottom-nav li a {
  color: #fff;
  font-family: OPPOSans;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
}
.footer .left .bottom-nav li a:hover {
  opacity: 0.66;
}
.footer .left .bottom-nav .devider {
  width: 1px;
  height: 26px;
  opacity: 0.2;
  background: #d9d9d9;
  margin: 0 20px;
}
.footer .left .bottom-nav .devider:last-of-type {
  display: none;
}
.footer .left .copyright {
  display: flex;
  align-items: center;
}
.footer .left .copyright > * {
  margin-right: 15px;
}
.footer .left .copyright a,
.footer .left .copyright p {
  color: #fff;
  font-family: OPPOSans;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 27.2px */
  opacity: 0.66;
}
.footer .left .copyright a {
  transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
}
.footer .left .copyright a:hover {
  opacity: 1;
}
.footer .left .copyright .badge {
  width: 18px;
  height: 20px;
}
.footer .right .bottom-contact h2 {
  color: #fff;
  font-family: OPPOSans;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.footer .right .bottom-contact .devider {
  margin: 14px 0;
  width: 32px;
  height: 2px;
  background: #f8e250;
}
.footer .right .bottom-contact p {
  transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  color: #fff;
  font-family: OPPOSans;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 28.9px */
  opacity: 0.66;
}
.footer .right .bottom-contact p:hover {
  opacity: 1;
}

.home-banner {
  height: 540px;
  margin-bottom: -140px;
}
.home-banner .swiper-container {
  height: 100%;
}
.home-banner .swiper-container .swiper-slide {
  background-size: cover;
}
.home-banner .swiper-container .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.home-banner .swiper-container .swiper-slide .txt {
  position: absolute;
  top: 140px;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  right: -5%;
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.home-banner .swiper-container .swiper-slide .txt h2 {
  color: #fff;
  font-family: "Alimama FangYuanTi VF";
  font-size: 44px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 44px */
  letter-spacing: 4.4px;
}
.home-banner .swiper-container .swiper-slide .txt .devider {
  width: 56px;
  height: 2px;
  margin: 20px 0;
  background: #fff;
}
.home-banner .swiper-container .swiper-slide .txt h3 {
  color: #fff;
  font-family: OPPOSans;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 22px */
  letter-spacing: 2.2px;
  text-transform: uppercase;
}
.home-banner .swiper-container .swiper-pagination {
  top: auto;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  width: auto;
  bottom: 164px;
  padding: 6px 10px;
  border-radius: 37px;
  -webkit-border-radius: 37px;
  -moz-border-radius: 37px;
  background: rgba(0, 0, 0, 0.2);
}
.home-banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  opacity: 0.46;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  background: #fff;
}
.home-banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 20px;
  height: 6px;
  opacity: 1;
}

.inner-banner {
  height: 300px;
}
.inner-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.container {
  position: relative;
  z-index: 50;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  box-shadow: 0px 10px 10px rgba(10, 41, 82, 0.08);
  padding: 40px 50px;
  background-color: #fff;
}

.home-container {
  padding-bottom: 80px;
  background: #f5f7fa;
}
.home-container .container {
  min-height: 850px;
}

.inner-container {
  padding-bottom: 80px;
  background: #f5f7fa;
  margin-top: -88px;
}
.inner-container .column-info {
  position: relative;
  z-index: 45;
  height: 88px;
  display: flex;
}
.inner-container .column-info .column-name {
  position: relative;
  width: 667px;
  height: 101%;
  padding: 0 50px;
  padding-top: 40px;
  background-image: url(../img/bg1.png);
  z-index: 55;
}
.inner-container .column-info .location {
  position: absolute;
  right: 0;
  bottom: -5px;
  width: 680px;
  height: 70px;
  background-image: url(../img/bg2.png);
  z-index: 50;
  padding: 0 50px;
  padding-top: 23px;
}
.inner-container .column-info .location .location-path {
  position: relative;
  float: right;
  text-align: right;
  padding-left: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inner-container .column-info .location .location-path::after {
  content: "";
  display: table;
  clear: both;
}
.inner-container .column-info .location .location-path::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.9999 11.1916C11.4358 11.1916 12.5999 10.0276 12.5999 8.59164C12.5999 7.1557 11.4358 5.99164 9.9999 5.99164C8.56396 5.99164 7.3999 7.1557 7.3999 8.59164C7.3999 10.0276 8.56396 11.1916 9.9999 11.1916Z' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M3.01675 7.07502C4.65842 -0.141644 15.3501 -0.133311 16.9834 7.08336C17.9418 11.3167 15.3084 14.9 13.0001 17.1167C11.3251 18.7334 8.67508 18.7334 6.99175 17.1167C4.69175 14.9 2.05842 11.3084 3.01675 7.07502Z' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
  opacity: 0.6;
  cursor: pointer;
}
.inner-container .column-info .location .devider {
  width: 5px;
  height: 16px;
  margin: 0 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='16' viewBox='0 0 5 16' fill='none'%3E%3Cpath opacity='0.24' d='M4 0.5L1 15.5' stroke='white'/%3E%3C/svg%3E");
}
.inner-container .column-info .location a {
  overflow: hidden;
  color: #fff;
  text-overflow: ellipsis;
  font-family: OPPOSans;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  opacity: 0.6;
}
.inner-container .column-info .location a:hover {
  opacity: 1;
}
.inner-container .container {
  min-height: 850px;
  border-top-left-radius: 0;
  display: flex;
  justify-content: space-between;
}
.inner-container .container .aside {
  width: 222px;
}
.inner-container .container .main {
  width: 918px;
}
.inner-container .container .main .detail {
  margin-top: 30px;
  min-height: 500px;
  color: #333;
  font-family: OPPOSans;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 27.2px */
}
.inner-container .container .main .detail p {
  margin-bottom: 15px;
}
.inner-container .container .main .detail img {
  margin: 30px 0;
  max-width: 100%;
}

.nav-list-item {
  height: 100%;
}
.nav-list-item .nav-list-tit h2 {
  color: #333;
  font-family: OPPOSans;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.nav-list-item .nav-list-cont {
  height: 70%;
  border-left: 1px solid #f0f0f0;
  margin-top: 30px;
}
.nav-list-item .nav-list-cont ul {
  display: flex;
  flex-direction: column;
}
.nav-list-item .nav-list-cont li:hover a, .nav-list-item .nav-list-cont li.active a {
  color: #084ea1;
  border-radius: 0px 10px 10px 0px;
  background: rgba(8, 78, 161, 0.05);
}
.nav-list-item .nav-list-cont li:hover a::before, .nav-list-item .nav-list-cont li.active a::before {
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}
.nav-list-item .nav-list-cont li a {
  position: relative;
  display: flex;
  padding: 15px 24px;
  color: #333;
  font-family: OPPOSans;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.nav-list-item .nav-list-cont li a::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  top: 50%;
  left: 0;
  transform: translate(0, -50%) scaleY(0);
  -webkit-transform: translate(0, -50%) scaleY(0);
  -moz-transform: translate(0, -50%) scaleY(0);
  -ms-transform: translate(0, -50%) scaleY(0);
  -o-transform: translate(0, -50%) scaleY(0);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  background-color: #084ea1;
}

.sub-nav-bar-item .sub-nav-bar-tit h2 {
  padding-left: 12px;
  border-left: 3px solid #084ea1;
  color: #333;
  font-family: OPPOSans;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.sub-nav-bar-item .sub-nav-bar-cont {
  margin-top: 30px;
}
.sub-nav-bar-item .sub-nav-bar-cont ul {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
}
.sub-nav-bar-item .sub-nav-bar-cont ul li {
  width: 175px;
  min-height: 36px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e3ecfc;
  margin-right: 10px;
  margin-bottom: 10px;
  transition: background-color 0.3s ease-in-out;
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -ms-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
}
.sub-nav-bar-item .sub-nav-bar-cont ul li:hover, .sub-nav-bar-item .sub-nav-bar-cont ul li.active {
  background-color: #084ea1;
}
.sub-nav-bar-item .sub-nav-bar-cont ul li:hover a, .sub-nav-bar-item .sub-nav-bar-cont ul li.active a {
  color: #fff;
}
.sub-nav-bar-item .sub-nav-bar-cont ul li a {
  text-align: center;
  color: #4b5b76;
  font-family: OPPOSans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 8px;
  width: 100%;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}

.category {
  padding-top: 30px;
}
.category .category-item:not(:last-of-type) {
  margin-bottom: 40px;
}
.category .category-item .category-tit {
  position: relative;
  padding-left: 27px;
}
.category .category-item .category-tit::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Ccircle cx='6' cy='6' r='5.5' fill='white' stroke='%23084EA1'/%3E%3C/svg%3E");
}
.category .category-item .category-tit h2 {
  color: #084ea1;
  font-family: OPPOSans;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.category .category-item .category-cont {
  padding-left: 27px;
  margin-top: 15px;
}
.category .category-item .category-cont ul {
  display: flex;
  flex-wrap: wrap;
  margin-right: -20px;
  margin-bottom: -20px;
}
.category .category-item .category-cont li {
  width: 214px;
  min-height: 45px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  background: #f2f6fa;
  margin-right: 20px;
  margin-bottom: 20px;
}
.category .category-item .category-cont li:hover a {
  color: #084ea1;
}
.category .category-item .category-cont li a {
  height: 100%;
  padding: 12px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #4b5b76;
  font-family: OPPOSans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
}

/** 产品详情 */
.product {
  margin-top: 20px;
}
.product .product-brief {
  height: 360px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product .product-brief .exhibition-window {
  display: flex;
  height: 100%;
}
.product .product-brief .exhibition-window #thumbs {
  width: 60px;
}
.product .product-brief .exhibition-window #thumbs .swiper-slide {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border: 3px solid transparent;
  cursor: pointer;
}
.product .product-brief .exhibition-window #thumbs .swiper-slide:not(:last-of-type) {
  margin-bottom: 15px;
}
.product .product-brief .exhibition-window #thumbs .swiper-slide.swiper-slide-thumb-active {
  border: 3px solid #084ea1;
}
.product .product-brief .exhibition-window #thumbs .swiper-slide.swiper-slide-thumb-active img {
  border: none;
}
.product .product-brief .exhibition-window #thumbs .swiper-slide img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: 1px solid #0d99ff;
}
.product .product-brief .exhibition-window #gallery {
  margin-left: 30px;
  width: 360px;
  cursor: pointer;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border: 1px solid #109aff;
}
.product .product-brief .exhibition-window #gallery .swiper-slide img {
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.product .product-brief .exhibition-window #gallery .btns {
  display: flex;
  position: absolute;
  bottom: 20px;
  right: 20px;
  height: 34px;
  z-index: 50;
}
.product .product-brief .exhibition-window #gallery .btns .btn {
  width: 34px;
  height: 34px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border: 1px solid #2090f3;
}
.product .product-brief .exhibition-window #gallery .btns .btn:not(:last-of-type) {
  margin-right: 10px;
}
.product .product-brief .exhibition-window #gallery .btns .btn a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.product .product-brief .exhibition-window #gallery .btns .btn a::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.product .product-brief .exhibition-window #gallery .btns .btn.query-tel-btn {
  background: linear-gradient(90deg, #37acfe 0%, #2090f3 100%);
}
.product .product-brief .exhibition-window #gallery .btns .btn.query-tel-btn a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M16.4775 13.7475C16.4775 14.0175 16.4175 14.295 16.29 14.565C16.1625 14.835 15.9975 15.09 15.78 15.33C15.4125 15.735 15.0075 16.0275 14.55 16.215C14.1 16.4025 13.6125 16.5 13.0875 16.5C12.3225 16.5 11.505 16.32 10.6425 15.9525C9.78 15.585 8.9175 15.09 8.0625 14.4675C7.2 13.8375 6.3825 13.14 5.6025 12.3675C4.83 11.5875 4.1325 10.77 3.51 9.915C2.895 9.06 2.4 8.205 2.04 7.3575C1.68 6.5025 1.5 5.685 1.5 4.905C1.5 4.395 1.59 3.9075 1.77 3.4575C1.95 3 2.235 2.58 2.6325 2.205C3.1125 1.7325 3.6375 1.5 4.1925 1.5C4.4025 1.5 4.6125 1.545 4.8 1.635C4.995 1.725 5.1675 1.86 5.3025 2.055L7.0425 4.5075C7.1775 4.695 7.275 4.8675 7.3425 5.0325C7.41 5.19 7.4475 5.3475 7.4475 5.49C7.4475 5.67 7.395 5.85 7.29 6.0225C7.1925 6.195 7.05 6.375 6.87 6.555L6.3 7.1475C6.2175 7.23 6.18 7.3275 6.18 7.4475C6.18 7.5075 6.1875 7.56 6.2025 7.62C6.225 7.68 6.2475 7.725 6.2625 7.77C6.3975 8.0175 6.63 8.34 6.96 8.73C7.2975 9.12 7.6575 9.5175 8.0475 9.915C8.4525 10.3125 8.8425 10.68 9.24 11.0175C9.63 11.3475 9.9525 11.5725 10.2075 11.7075C10.245 11.7225 10.29 11.745 10.3425 11.7675C10.4025 11.79 10.4625 11.7975 10.53 11.7975C10.6575 11.7975 10.755 11.7525 10.8375 11.67L11.4075 11.1075C11.595 10.92 11.775 10.7775 11.9475 10.6875C12.12 10.5825 12.2925 10.53 12.48 10.53C12.6225 10.53 12.7725 10.56 12.9375 10.6275C13.1025 10.695 13.275 10.7925 13.4625 10.92L15.945 12.6825C16.14 12.8175 16.275 12.975 16.3575 13.1625C16.4325 13.35 16.4775 13.5375 16.4775 13.7475Z' stroke='white' stroke-width='1.5' stroke-miterlimit='10'/%3E%3Cpath d='M13.875 6.75C13.875 6.3 13.5225 5.61 12.9975 5.0475C12.5175 4.53 11.88 4.125 11.25 4.125' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.5 6.75C16.5 3.8475 14.1525 1.5 11.25 1.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.product .product-brief .exhibition-window #gallery .btns .btn.view-btn {
  background: #fff;
}
.product .product-brief .exhibition-window #gallery .btns .btn.view-btn a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M6.90039 8.7749H10.6504' stroke='%234B5B76' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.77539 10.65V6.90002' stroke='%234B5B76' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.62451 15.7499C12.5595 15.7499 15.7495 12.5599 15.7495 8.62488C15.7495 4.68985 12.5595 1.49988 8.62451 1.49988C4.68948 1.49988 1.49951 4.68985 1.49951 8.62488C1.49951 12.5599 4.68948 15.7499 8.62451 15.7499Z' stroke='%234B5B76' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.4995 16.4999L14.9995 14.9999' stroke='%234B5B76' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.product .product-brief .description {
  width: 428px;
  height: 100%;
}
.product .product-brief .description .description-tit {
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 20px;
}
.product .product-brief .description .description-tit h3 {
  position: relative;
  color: #333;
  font-family: OPPOSans;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 32px */
  padding-bottom: 20px;
}
.product .product-brief .description .description-tit h3::before {
  content: "";
  position: absolute;
  width: 60px;
  height: 3px;
  bottom: -2px;
  background: #084ea1;
  border-right: 10px solid #fff;
}
.product .product-brief .description .description-cont {
  overflow-y: auto;
  height: 100%;
}
.product .product-brief .description .description-cont p {
  color: #333;
  font-family: OPPOSans;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 27.2px */
  margin-bottom: 20px;
}
.product .product-detail .product-detail-tit {
  margin-top: 50px;
}
.product .product-detail .product-detail-cont {
  margin-top: 25px;
}
.product .product-detail .product-detail-cont table {
  width: 100%;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #f0f0f0;
  background: #fff;
}
.product .product-detail .product-detail-cont table tr:nth-of-type(2n + 1) {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background: #f2f6fa;
}
.product .product-detail .product-detail-cont table th,
.product .product-detail .product-detail-cont table td {
  border: 1px solid #f0f0f0;
  border-top: none;
  border-bottom: none;
  width: 33.3333333333%;
  text-align: center;
}

/** 联系我们 */
.contact .card {
  display: flex;
  margin: 10px 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  overflow: hidden;
}
.contact .card .txt {
  width: 620px;
  padding: 30px 50px 50px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  background: linear-gradient(90deg, #0074c0 0%, #1052ac 100%);
}
.contact .card .txt .card-tit {
  opacity: 0.2;
}
.contact .card .txt .card-tit h2 {
  color: #f0f0f0;
  font-family: "Alimama Agile VF";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.contact .card .txt .devider {
  width: 3px;
  height: 36px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background: #f8e250;
}
.contact .card .txt .card-cont p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-family: OPPOSans;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.contact .card .txt .card-cont p:not(:last-of-type) {
  margin-bottom: 15px;
}
.contact .card .pic img {
  width: 100%;
  height: 100%;
}
.contact .contact-item {
  margin-top: 50px;
}
.contact .contact-item .contact-cont {
  margin-top: 25px;
}
.contact .contact-item .contact-cont p {
  text-indent: 2em;
  color: #333;
  font-family: OPPOSans;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 27.2px */
}
.contact .contact-item .contact-cont p:not(:last-of-type) {
  margin-bottom: 15px;
}
.contact .reservation-form .submit-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact .reservation-form .submit-item .submit-btn {
  margin-top: 15px;
  width: 240px;
}

/** 自定义layui弹窗样式 */
.layui-layer.layer-query {
  width: 260px;
  background-color: transparent;
}
.layui-layer.layer-query .layui-layer-title {
  height: 45px;
  padding: 12px 20px;
  border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  background: linear-gradient(90deg, #37acfe 0%, #2090f3 100%), #084ea1;
  border-bottom: none;
  color: #fff;
  font-family: OPPOSans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.layui-layer.layer-query .layui-layer-content {
  padding: 15px 20px;
  border-radius: 0px 0px 6px 6px;
  -webkit-border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  background: #fff;
}
.layui-layer.layer-query .layui-layer-setwin {
  top: 17px;
  right: 20px;
}
.layui-layer.layer-query .layui-layer-setwin .layui-layer-close {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'%3E%3Cpath d='M10.5 3.125L9.375 2L6 5.375L2.625 2L1.5 3.125L4.875 6.5L1.5 9.875L2.625 11L6 7.625L9.375 11L10.5 9.875L7.125 6.5L10.5 3.125Z' fill='white'/%3E%3C/svg%3E") no-repeat center;
  width: 12px;
  height: 12px;
}
.layui-layer.layer-message-form {
  width: 560px;
}
.layui-layer.layer-message-form .layui-layer-content {
  padding: 20px;
}

/** 自定义layui表单组件 */
.form-item {
  display: flex;
  flex-direction: column;
}
.form-item:last-of-type {
  margin-bottom: 0;
}
.form-item label {
  margin-bottom: 10px;
  color: #4b5b76;
  font-family: OPPOSans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.form-item label span {
  color: #e31b1b;
}
.form-item .layui-form-select.layui-form-selected .layui-select-title .layui-edge {
  transform: translateY(-50%) rotate(180deg);
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
}
.form-item .layui-form-select .layui-select-title .layui-edge {
  width: 14px;
  height: 14px;
  border: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9624 5.50024L11.1374 4.67529L7.01266 8.80008L2.88787 4.67529L2.06291 5.50024L6.60014 10.0375C6.60014 10.0375 6.60018 10.0375 7.01266 9.62503L6.60014 10.0375L7.01266 10.45L11.9624 5.50024Z' fill='%234E5969'/%3E%3C/svg%3E");
  margin: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform-origin: center;
}
.form-item .layui-form-select dl dd.layui-this {
  background-color: #084ea1;
}
.form-item .layui-input {
  height: 44px;
  color: #333;
  font-family: OPPOSans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.form-item .layui-textarea {
  min-height: 88px;
}
.form-item .layui-input,
.form-item .layui-textarea {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background-color: #f2f6fa;
}
.form-item .layui-btn.submit-btn {
  margin-top: 9px;
  height: 46px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  background-color: #084ea1;
  color: #fff;
  font-family: "PingFang SC";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 137.5% */
}
.form-item #CheckCode {
  display: inline-block;
  width: 380px;
}
.form-item #CheckCode + img {
  display: inline-block;
  margin: 0 15px;
  width: 100px;
  height: 44px;
}

.form-group {
  display: flex;
}
.form-group .form-item {
  width: calc((100% - 30px) / 2);
}
.form-group .form-item:not(:last-of-type) {
  margin-right: 30px;
}

.pages {
  margin: 30px 0;
  height: 36px;
  display: flex;
  justify-content: center;
}
.pages .page-info {
  display: none;
}
.pages .page-first,
.pages .page-last {
  display: none;
}
.pages a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  background-color: #e3ecfc;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.pages a.page-num {
  width: 40px;
  color: #4b5b76;
  font-family: OPPOSans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 15px */
}
.pages a:hover, .pages a.page-num-current {
  background-color: #084ea1;
  color: #fff;
}
.pages .page-prev,
.pages .page-next {
  position: relative;
  width: 78px;
}
.pages .page-prev::before,
.pages .page-next::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transition: background-image 0.3s ease-in-out;
  -webkit-transition: background-image 0.3s ease-in-out;
  -moz-transition: background-image 0.3s ease-in-out;
  -ms-transition: background-image 0.3s ease-in-out;
  -o-transition: background-image 0.3s ease-in-out;
}
.pages .page-prev::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg opacity='0.6'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.6405 9.74988L8.13236 13.2417L7.07171 14.3024L1.76841 8.9991L7.07171 3.6958L8.13237 4.75646L4.63895 8.24988L16.125 8.24988L16.125 9.74988L4.6405 9.74988Z' fill='%234B5B76'/%3E%3C/g%3E%3C/svg%3E");
}
.pages .page-prev:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg opacity='0.6'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.6405 9.74988L8.13236 13.2417L7.07171 14.3024L1.76841 8.9991L7.07171 3.6958L8.13237 4.75646L4.63895 8.24988L16.125 8.24988L16.125 9.74988L4.6405 9.74988Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
}
.pages .page-next::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg opacity='0.6'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.3595 9.74988L9.86764 13.2417L10.9283 14.3024L16.2316 8.9991L10.9283 3.6958L9.86763 4.75646L13.3611 8.24988L1.875 8.24988L1.875 9.74988L13.3595 9.74988Z' fill='%234B5B76'/%3E%3C/g%3E%3C/svg%3E");
}
.pages .page-next:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg opacity='0.6'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.3595 9.74988L9.86764 13.2417L10.9283 14.3024L16.2316 8.9991L10.9283 3.6958L9.86763 4.75646L13.3611 8.24988L1.875 8.24988L1.875 9.74988L13.3595 9.74988Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
}

@media (max-width: 1360px) {
  body {
    width: 1360px;
  }
}