@font-face {
   font-family: 'MatchFormsFont';
   src: url('../../assets/fonts/789-CAI978.ttf') format('truetype');
   font-weight: 700;
   font-style: normal;
 }

 @media (max-width: 1024px) {

   .line-box,
   .pc-left,
   .pc-right {
     display: none;
   }
 }

 @media (min-width: 1025px) {

   .phone-left,
   .phone-right {
     display: none;
   }
 }

 * {
   box-sizing: border-box;
   -moz-box-sizing: inherit;
   -webkit-box-sizing: inherit;
 }

 html,
 body,
 div,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 ul,
 ol,
 dl,
 li,
 dt,
 dd,
 p,
 blockquote,
 pre,
 form,
 fieldset,
 table,
 th,
 td,
 span,
 input,
 textarea {
   margin: 0;
   padding: 0;
 }

 body {
   width: 100%;
   height: 100%;
   font-size: 12px;
   overflow-x: hidden;
   color: #cfcfcf;
   font-family: Microsoft YaHei !important;
   position: relative;
   -ms-scroll-chaining: chained;
   -ms-overflow-style: none;
   -ms-content-zooming: zoom;
   -ms-scroll-rails: none;
   -ms-content-zoom-limit-min: 100%;
   -ms-content-zoom-limit-max: 500%;
   -ms-scroll-snap-type: proximity;
   -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
   -ms-overflow-style: none;
   letter-spacing: 1.05px;
 }

 html {
   width: 100%;
   height: 100%;
   min-width: 1200px;
   -ms-touch-action: none;
   touch-action: none;
 }

 li,
 ol {
   list-style: none;
 }

 ins {
   text-decoration: none;
 }

 i,
 em {
   font-style: normal;
 }

 a {
   text-decoration: none;
   color: #a1a1a1;
   cursor: pointer;
 }

 img {
   -webkit-user-drag: none !important;
 }

 /* 隐藏数字输入框的上下箭头 */
 input[type=number]::-webkit-inner-spin-button,
 input[type=number]::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }

 input[type=number] {
   -moz-appearance: textfield;
 }

 .active {
   color: #363636 !important;
 }

 .nav-active a {
   color: #363636 !important;
   font-weight: 600;
   width: 100% !important;
 }

 .nav-active.homepage a,
 .nav-active.shop a {
   color: #fff !important;
 }

 .contains {
   max-width: 1920px;
   margin: 0 auto;
   background: #fff;
 }

 .hide_nav {
   width: 1.98rem;
   height: 100%;
   float: left;
 }

 .toggle_nav {
   position: fixed;
   left: 2rem;
   top: 45%;
   width: 20px;
   height: 20px;
   transform: translateY(-50%);
   background: url("../../assets/images/arrow-l.png") no-repeat center center;
   background-size: contain;
   cursor: pointer;
   transition: all 0.3s ease-in-out;
 }

 .nav-box {
   width: 1.98rem;
   float: left;
   position: fixed;
   left: 0;
   top: 0;
   height: 100%;
   z-index: 999;
   background: whitesmoke;
 }

 .nav-box .logo {
   display: block;
   width: 1.25rem;
   height: 0.56rem;
   background: url("../../assets/images/logo.png") no-repeat;
   margin: 0.4rem auto 0.6rem;
   background-size: 100%;
 }

 .nav-box .logo.homepage {
   background: url("../../assets/images/logo-1.png") no-repeat;
   background-size: 100%;
 }

 .nav-box .nav-list li,
 .nav-box .nav-login,
 .nav-box .nav-logout {
   padding: 0.15rem 0 0.15rem 0.6rem;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   margin-bottom: 0.3rem;
 }

 .nav-box .nav-list li a {
   display: block;
   overflow: hidden;
   height: 18px;
   width: 0.13rem;
   font-size: 12px;
 }

 .nav-box .nav-list.homepage li a {
   color: #fff;
 }

 .nav-box .nav-login a,
 .nav-box .nav-logout a {
   display: block;
   height: 18px;
   font-size: 12px;
 }

 .nav-box .nav-login a:hover,
 .nav-box .nav-logout a:hover {
   color: #333;
   font-size: 0.14rem;
   font-weight: 700;
 }

 .nav-box .nav-login.homepage a,
 .nav-box .nav-logout.homepage a {
   color: #fff;
 }

 .nav-box .nav-login.homepage a:hover,
 .nav-box .nav-logout.homepage a:hover {
   color: #fff;
   font-size: 0.14rem;
   font-weight: 700;
 }

 .nav-box .nav-logout {
   display: none;
 }

 .nav-box .nav-list li:hover a {
   color: #363636;
   font-weight: 600;
 }

 .nav-box .nav-list.homepage li:hover a {
   color: #fff;

 }

 .nav-box .language {
   margin-top: 0.45rem;
   padding-left: 0.56rem;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }

 .nav-box .language a {
   display: block;
 }

 .nav-box .language img {
   display: block;
   margin: 0.14rem 0;
 }

 .nav-box .language .check {
   color: #363636;
   font-weight: bold;
 }

 .content {
   padding: 1.3rem 0 1.5rem 1.6rem;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   height: auto;
   overflow: hidden;
 }

 .banner {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   background-image: url("../../assets/images/home-bg.png");
   background-size: 100% 100%;
   background-repeat: no-repeat;
   background-position: center center;
 }

 .banner img {
   width: 19.2rem;
   height: 9.65rem;
 }

 .banner video {
   display: block;
   width: 100%;
   height: 100%;
 }

 .clearfix {
   zoom: 1;
 }

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

 body::-webkit-scrollbar {
   display: none;
 }

 /*o内核*/
 body .-o-scrollbar {
   -moz-appearance: none !important;
   background: rgba(0, 255, 0, 0) !important;
 }

 .animated {
   -webkit-animation-duration: 1.4s !important;
   animation-duration: 1.4s !important;
 }

 .qmsg.qmsg-wrapper {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: rgba(0, 0, 0, .55);
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 1;
   list-style: none;
   font-feature-settings: "tnum";
   position: fixed;
   top: 16px;
   left: 0;
   z-index: 1010;
   width: 100%;
   pointer-events: none;
 }

 .qmsg .qmsg-item {
   padding: 8px;
   text-align: center;
   -webkit-animation-duration: .3s;
   animation-duration: .3s;
   position: relative;
 }

 .qmsg .qmsg-item .qmsg-count {
   text-align: center;
   position: absolute;
   left: -4px;
   top: -4px;
   background-color: red;
   color: #fff;
   font-size: 12px;
   line-height: 16px;
   border-radius: 2px;
   display: inline-block;
   min-width: 16px;
   height: 16px;
   -webkit-animation-duration: .3s;
   animation-duration: .3s;
 }

 .qmsg .qmsg-item:first-child {
   margin-top: -8px;
 }

 .qmsg .qmsg-content {
   text-align: left;
   position: relative;
   display: inline-block;
   padding: 10px 16px;
   background: #fff;
   border-radius: 4px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
   pointer-events: all;
   /* min-width: 175px; */
   max-width: 80%;
   min-width: 80px;
 }

 .qmsg .qmsg-content [class^="qmsg-content-"] {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .qmsg .qmsg-content .qmsg-content-with-close {
   padding-right: 20px;
 }

 .qmsg .qmsg-icon {
   display: inline-block;
   color: inherit;
   font-style: normal;
   line-height: 0;
   text-align: center;
   text-transform: none;
   vertical-align: -.125em;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   position: relative;
   top: 1px;
   margin-right: 8px;
   font-size: 16px;
 }

 .qmsg .qmsg-icon svg {
   display: inline-block;
 }

 .qmsg .qmsg-content-info .qmsg-icon {
   color: #1890ff;
   user-select: none;
 }

 .qmsg .qmsg-icon-close {
   position: absolute;
   top: 11px;
   right: 5px;
   padding: 0;
   overflow: hidden;
   font-size: 12px;
   line-height: 22px;
   background-color: transparent;
   border: none;
   outline: none;
   cursor: pointer;
   color: rgba(0, 0, 0, .45);
   transition: color .3s
 }

 .qmsg .qmsg-icon-close:hover>svg path {
   stroke: #555;
 }

 .qmsg .animate-turn {
   animation: MessageTurn 1s linear infinite;
   -webkit-animation: MessageTurn 1s linear infinite;
 }

 @keyframes MessageTurn {
   0% {
     -webkit-transform: rotate(0deg);
   }

   25% {
     -webkit-transform: rotate(90deg);
   }

   50% {
     -webkit-transform: rotate(180deg);
   }

   75% {
     -webkit-transform: rotate(270deg);
   }

   100% {
     -webkit-transform: rotate(360deg);
   }
 }

 @-webkit-keyframes MessageTurn {
   0% {
     -webkit-transform: rotate(0deg);
   }

   25% {
     -webkit-transform: rotate(90deg);
   }

   50% {
     -webkit-transform: rotate(180deg);
   }

   75% {
     -webkit-transform: rotate(270deg);
   }

   100% {
     -webkit-transform: rotate(360deg);
   }
 }

 @-webkit-keyframes MessageMoveOut {
   0% {
     max-height: 150px;
     padding: 8px;
     opacity: 1
   }

   to {
     max-height: 0;
     padding: 0;
     opacity: 0
   }
 }

 @keyframes MessageMoveOut {
   0% {
     max-height: 150px;
     padding: 8px;
     opacity: 1
   }

   to {
     max-height: 0;
     padding: 0;
     opacity: 0
   }
 }


 @-webkit-keyframes MessageMoveIn {

   0% {
     transform: translateY(-100%);
     transform-origin: 0 0;
     opacity: 0
   }

   to {
     transform: translateY(0);
     transform-origin: 0 0;
     opacity: 1
   }
 }

 @keyframes MessageMoveIn {
   0% {
     transform: translateY(-100%);
     transform-origin: 0 0;
     opacity: 0
   }

   to {
     transform: translateY(0);
     transform-origin: 0 0;
     opacity: 1
   }
 }

 @-webkit-keyframes MessageShake {

   0%,
   100% {
     transform: translateX(0px);
     opacity: 1;
   }

   25%,
   75% {
     transform: translateX(-4px);
     opacity: 0.75;
   }

   50% {
     transform: translateX(4px);
     opacity: 0.25;
   }
 }

 @keyframes MessageShake {

   0%,
   100% {
     transform: translateX(0px);
     opacity: 1;
   }

   25%,
   75% {
     transform: translateX(-4px);
     opacity: 0.75;
   }

   50% {
     transform: translateX(4px);
     opacity: 0.25;
   }
 }

 footer {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 0.66rem;
   background: #c4b9a5;
   line-height: 0.66rem;
   color: #fff;
   text-align: center;
 }

 .content-full {
   height: 100vh;
 }

 .w-full {
   width: 100%;
 }

 .h-full {
   height: 100%;
 }

 .content-about {
   padding-top: 0;
   padding-bottom: 0;
 }

 .content-about .about-intro {
   width: 13rem;
   position: relative;
   transition: all 0.3s ease-in-out;
 }

 .content-about .about-section {
   padding-top: 0.8rem;
   overflow: hidden;
 }

 .section-left {
   width: 2rem;
   float: left;
 }

 .section-left h2 {
   font-size: 0.22rem;
   color: #000;
   user-select: none;
 }

 .section-left img {
   /* width: 0.85rem;
   height: 0.85rem; */
   margin: 5px 0 10px;
   -webkit-user-drag: none;
 }

 .section-left p {
   font-size: 14px;
   margin-bottom: 0.33rem;
   cursor: pointer;
 }

 .section-right {
   float: left;
   width: 11rem;
   overflow: hidden;
   /* transition: all 0.3s ease-in-out; */
 }

 .about-right .section-ul {
   width: 12rem;
   height: auto;
 }

 .about-right #chinaMap {
   width: 11rem;
 }

 .about-right .section-ul li {
   float: left;
   width: 1.4rem;
   height: 0.7rem;
   margin: 0 0.2rem 0.2rem 0;
   overflow: hidden;
   border: 1px solid #e5e5e5;
 }

 .about-right .section-ul li .hdPartner {
   display: none;
 }

 .about-right .section-ul li img {
   width: 1.4rem;
   height: 0.7rem;
 }

 .about-right .section-ul li:nth-child(7n) {
   margin-right: 0;
 }