@media (width: 1920px) {
  html {
    font-size: 16px;
  }
}

@media (width: 1680px) {
  html {
    font-size: 14px;
  }
}

@media (width: 1600px) {
  html {
    font-size: 13.2px;
  }
}

@media (width: 1440px) {
  html {
    font-size: 12px;
  }
}

@media (width: 1400px) {
  html {
    font-size: 11.6px;
  }
}

@media (width: 1280px) {
  html {
    font-size: 10.6px;
  }
}

@media (width: 1152px) {
  html {
    font-size: 9.5px;
  }
}

@media (width: 1024px) {
  html {
    font-size: 9px;
  }
}

@media (width: 1000px) {
  html {
    font-size: 7.2px;
  }
}

.hello1 {
  font-family: 'myFont';
}

.hello2 {
  font-family: 'myFont2';
}

.hello3 {
  font-family: 'myFont3';
}

/* 去掉滚动条 */

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

* {
  -ms-overflow-style: none;
}

* {
  overflow: -moz-scrollbars-none;
}


* {
  margin: 0;
  padding: 0;
}

/* html,body{ */
/* overflow:hidden; */
/* overflow-y:auto; */
/* } */
.entirety {
  /* margin-right: calc(100% - 100vw) */
  width: 100%;
  /* 	height: 1000px;
	background-color: #0012EF; */
}

/* 导航栏 */
.header {
  /* margin-right: calc(100% - 100vw) */
  height: 5.125rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  cursor: pointer;
}

.header_item {
  width: 60rem;
  color: #0F0F0F;
  font-weight: 600;
  font-size: 1.25rem;
  font-family: myFont2;
}

.header_item p {
  margin-left: 22.5625rem;
}

.header_span {
  color: #0012EF;
}

.header_left {
  display: flex;
}

.header ul {
  display: flex;
  list-style-type: none
}

.header ul li {
  color: #3D3D3D;
  font-size: 1rem;
  font-weight: 400;
  font-family: OPPOSans;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.header_fooder {
  /* margin-left: 4.875rem; */
  width: 10.25rem;
  height: 5.125rem;
  border-left: 1px solid #D8D8D8;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header_img {
  margin-top: 0.625rem;
  width: 1.25rem;
  height: 1.25rem;
}

.header ul li:hover {
  color: #f60;
}


/* 联系我们 */
@keyframes contact3d {
  0% {
    opacity: 0;
    transform: translate3d(-600px, 0, 0);
  }

  75% {
    transform: translate3d(30px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    transform: none;
  }
}

.contact {
  position: relative;
  /* height: 43.75rem; */
  background-image: url('../image/commerce/7-b1.jpg');
  background-size: cover;
}

.contact_item {
  position: absolute;
  top: 7.125rem;
  left: 67.0625rem;
  width: 30.5rem;
  height: 29.5rem;
  background-color: #fff;
  border-radius: 0.625rem;
}

.contact_content {
  padding: 2.5rem 2.3125rem 0 2.3125rem;
}

.contact_content_text_1 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #303030;
}

.contact_from {
  display: flex;
  flex-direction: column;
  margin-top: 1.5625rem;
}

input,
select {
  outline: none;
}

.contact_input {
  width: 25.0625rem;
  height: 2.3125rem;
  border: 1px solid #D5D5D5;
  padding-left: 0.75rem;
  border-radius: 0.3125rem;
}

.left_inputs {
  width: 25.8125rem;
  display: flex;
  justify-content: space-between;
}

.contact_input_left {
  width: 11.25rem;
  height: 2.3125rem;
  border: 1px solid #D5D5D5;
  padding-left: 0.75rem;
  border-radius: 0.3125rem;
}

/* .contact_input_left:first-child{
      margin-right: 1.8125rem;
  } */
.contact_select {
  margin-top: 1.125rem;
  padding-left: 0.75rem;
  width: 25.8125rem;
  height: 2.3125rem;
  border: 1px solid #D5D5D5;
  color: #767676;
  border-radius: 0.3125rem;
}

/* .contact_select option{
      width: 120rem;
      height: 37px;
  } */
.contact_button {
  margin-top: 1.125rem;
  width: 25.8125rem;
  height: 2.3125rem;
  background-color: #000BFF;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.3125rem;
  font-size: 0.9375rem;
}