* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
@font-face {
  font-family: Regular;
  src: url('https://website-ishutime.oss-cn-chengdu.aliyuncs.com/font/PingFang.otf');
}
html,
body {
  color: #333333;
  font-family: Regular;
}
input,
textarea {
  font-family: 'SourceHanSans', "思源黑体", "Microsoft YaHei", '微软雅黑', "Arial";
}
.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
@keyframes fadeIniup {
  0% {
    opacity: 0;
    transform: translateY(6vw);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.he_fadeup1 {
  -webkit-animation: fadeIniup 1s ease both;
  animation: fadeIniup 1s ease both;
  -ms-animation: fadeInUp 1s ease both;
  animation-delay: 0.3s;
}
footer {
  width: 100%;
  text-align: center;
  padding: 5vw 0;
  font-size: 12px;
  color: #999999;
}
.index {
  width: 100%;
  position: relative;
  background: #F2F4F7;
  overflow: hidden;
}
.index .bannerBox {
  width: 100%;
  height: 60vw;
  background: url('../images/bg.jpg') center no-repeat;
  background-size: cover !important;
  border-radius: 0 0 10vw 10vw;
  padding: 10vw 5vw 0 5vw;
  color: white;
  box-shadow: 0 1.752px 5.257px 0 rgba(0, 0, 0, 0.1), 0 1.752px 3.505px -1.752px rgba(0, 0, 0, 0.1);
}
.index .bannerBox .logo {
  width: 30vw;
}
.index .bannerBox .tit {
  font-size: 32px;
  margin-top: 5vw;
}
.index .bannerBox .des {
  font-size: 18px;
  margin-top: 1vw;
  position: relative;
}
.index .bannerBox .des::before {
  content: '';
  position: absolute;
  width: 40vw;
  height: 1px;
  background: linear-gradient(90deg, rgba(142, 197, 255, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  border-radius: 1vw;
  right: 5vw;
  top: 3.5vw;
}
.index .bannerBox .its {
  display: flex;
  margin-top: 6vw;
}
.index .bannerBox .its .it {
  font-size: 14px;
  margin-right: 4vw;
  position: relative;
}
.index .bannerBox .its .it::before {
  content: '';
  position: absolute;
  width: 7vw;
  height: 3px;
  background: white;
  border-radius: 1vw;
  top: -1.5vw;
}
.index .itemBox {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 5vw;
}
.index .itemBox .item {
  width: 48%;
  height: auto;
  display: block;
  background-size: cover !important;
  border-radius: 3vw;
  box-shadow: 0 1.752px 5.257px 0 rgba(0, 0, 0, 0.1), 0 1.752px 3.505px -1.752px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
  padding: 3vw;
  margin-top: 3vw;
}
.index .itemBox .item .icon {
  width: 10vw;
}
.index .itemBox .item .num {
  position: absolute;
  right: 3vw;
  top: 3vw;
  font-size: 12px;
}
.index .itemBox .item .text {
  height: 20vw;
  margin: 1vw 0;
}
.index .itemBox .item .text .t {
  font-size: 15px;
  font-weight: bold;
}
.index .itemBox .item .text .d {
  font-size: 13px;
  color: #666666;
  margin-top: 3px;
}
.index .itemBox .item .tabBox {
  width: 90%;
  position: relative;
  bottom: 2vw;
  display: flex;
  flex-wrap: wrap;
  color: #666666;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.index .itemBox .item .tabBox .tab {
  font-size: 12px;
  margin-right: 3vw;
  margin-top: 2vw;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 1vw;
  padding: 1vw 1.5vw;
  box-shadow: 0 1.752px 5.257px 0 rgba(0, 0, 0, 0.1), 0 1.752px 3.505px -1.752px rgba(0, 0, 0, 0.1);
}
.index .itemBox .item:nth-child(1) .num {
  color: #FF6900;
}
.index .itemBox .item:nth-child(2) .num {
  color: #FB2C36;
}
.index .itemBox .item:nth-child(3) .num {
  color: #00BC7D;
}
.index .itemBox .item:nth-child(4) .num {
  color: #AD46FF;
}
.index .itemBox .item:nth-child(5) .num {
  color: #FF2056;
}
.index .itemBox .item:nth-child(6) .num {
  color: #00BBA7;
}
.index .itemBox .item:nth-child(7) .num {
  color: #FE9A00;
}
.index .itemBox .item:nth-child(8) .num {
  color: #00B8DB;
}
.index .itemBox .item:nth-child(9) .num {
  color: #2B7FFF;
}
.detail {
  width: 100%;
  position: relative;
  background: #F2F4F7;
  overflow: hidden;
}
.detail .bannerBox {
  width: 100%;
  height: 70vw;
  background: url('../images/bg.jpg') center no-repeat;
  background-size: cover !important;
  border-radius: 0 0 10vw 10vw;
  padding: 5vw 5vw 0 5vw;
  color: white;
  box-shadow: 0 1.752px 5.257px 0 rgba(0, 0, 0, 0.1), 0 1.752px 3.505px -1.752px rgba(0, 0, 0, 0.1);
}
.detail .bannerBox .back {
  width: 10vw;
}
.detail .bannerBox .tit {
  font-size: 24px;
  margin-top: 5vw;
}
.detail .bannerBox .des {
  font-size: 18px;
  margin-top: 5vw;
  position: relative;
}
.detail .f1 {
  width: 100%;
  position: relative;
  padding: 0 5vw;
  margin-top: -10vw;
}
.detail .f1 .videoBoxs {
  width: 100%;
  height: 50vw;
  border-radius: 5vw;
  border: 1.752px solid #F1F5F9;
  box-shadow: 0 28.037px 56.075px 0 rgba(0, 0, 0, 0.06);
  position: relative;
  overflow: hidden;
  padding: 1.5vw;
  background: white;
}
.detail .f1 .videoBoxs .play {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 55%;
  left: 50%;
  width: 20vw;
  z-index: 2;
}
.detail .f1 .videoBoxs video {
  width: 100%;
  height: 100%;
  border-radius: 5vw;
  object-fit: cover;
  position: relative;
}
.detail .f2 {
  width: 100%;
  position: relative;
  padding: 10vw 5vw;
}
.detail .f2 .tit {
  font-weight: bold;
  padding-left: 2.5vw;
  font-size: 16px;
  position: relative;
}
.detail .f2 .tit::before {
  content: '';
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  width: 3px;
  height: 4vw;
  border-radius: 5px;
  background: #1B6EF0;
}
.detail .f2 .des {
  width: 100%;
  height: 70vh;
  overflow-y: scroll;
  border: 1px solid #DBEAFE;
  margin-top: 5vw;
  padding: 3vw;
  border-radius: 5vw;
}
.detail .f3 {
  width: 100%;
  position: relative;
  padding: 0 5vw 10vw 5vw;
}
.detail .f3 .tit {
  font-weight: bold;
  padding-left: 2.5vw;
  font-size: 16px;
  position: relative;
}
.detail .f3 .tit::before {
  content: '';
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  width: 3px;
  height: 4vw;
  border-radius: 5px;
  background: #1B6EF0;
}
.detail .f3 .f3TabBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 5vw 0 3vw 0;
  background: rgba(226, 232, 240, 0.6);
  border-radius: 5vw;
  padding: 2vw;
  overflow: hidden;
}
.detail .f3 .f3TabBox .tab {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666666;
  font-weight: bold;
  font-size: 14px;
}
.detail .f3 .f3TabBox .tab .icon {
  width: 5vw;
  margin-right: 1vw;
  filter: invert(0.5);
}
.detail .f3 .f3TabBox .active {
  background: white;
  color: #1B6EF0;
  border-radius: 3vw;
  padding: 3vw 0;
  box-shadow: 0 1.752px 5.257px 0 rgba(0, 0, 0, 0.1), 0 1.752px 3.505px -1.752px rgba(0, 0, 0, 0.1);
}
.detail .f3 .f3TabBox .active .icon {
  filter: invert(0);
}
.detail .f3 .f3Box {
  width: 100%;
  position: relative;
}
.detail .f3 .f3Box .itemBox {
  display: none;
  flex-wrap: wrap;
  justify-content: space-between;
}
.detail .f3 .f3Box .itemBox .item {
  width: 48%;
  height: auto;
  display: block;
  background-size: cover !important;
  border-radius: 3vw;
  box-shadow: 0 7.009px 28.037px 0 rgba(0, 0, 0, 0.04);
  overflow: hidden;
  position: relative;
  background: white;
  padding: 3vw;
  margin-top: 3vw;
}
.detail .f3 .f3Box .itemBox .item .img {
  width: 100%;
  height: 30vw;
  border-radius: 3vw;
  background-size: cover !important;
}
.detail .f3 .f3Box .itemBox .item .t {
  font-size: 14px;
  font-weight: bold;
  margin-top: 2vw;
}
.detail .f3 .f3Box .itemBox.active {
  display: flex;
}
.detail .f4 {
  width: 90%;
  position: relative;
  background: white;
  border-radius: 5vw;
  padding: 5vw;
  margin: 0 auto;
  display: none;
}
.detail .f4 .tit {
  font-weight: bold;
  font-size: 16px;
  position: relative;
}
.detail .f4 .des {
  margin-top: 2vw;
  font-size: 14px;
  color: #666;
}
.detail .f4 #form {
  margin-top: 5vw;
}
.detail .f4 #form .inpBox {
  display: flex;
  align-items: center;
  background: #F8FAFC;
  border-radius: 3vw;
  padding: 0 5vw;
  margin-bottom: 4vw;
  height: 14vw;
  border: 1px solid #E2E8F0;
}
.detail .f4 #form .inpBox .icon {
  width: 5vw;
  margin-right: 3vw;
}
.detail .f4 #form .inpBox input,
.detail .f4 #form .inpBox select {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 14px;
  outline: none;
  color: #333;
}
.detail .f4 #form .inpBox input::placeholder,
.detail .f4 #form .inpBox select::placeholder {
  color: #999;
}
.detail .f4 #form .inpBox select {
  width: 30%;
  /*-webkit-appearance: none;*/
  /*-moz-appearance: none;*/
  /*appearance: none;*/
}
#city-select {
  margin-left: 3vw;
}
.detail .f4 #form #distpicker {
  justify-content: space-between;
  padding: 0 2.5vw 0 5vw;
}
.detail .f4 #form #distpicker select {
  width: 48%;
  padding: 0 2vw;
}
.detail .f4 #form .privacy-policy {
  display: flex;
  margin-top: 4vw;
  font-size: 12px;
  color: #666;
}
.detail .f4 #form .privacy-policy input[type="checkbox"] {
  display: none;
}
.detail .f4 #form .privacy-policy label {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #333;
  line-height: 1.4;
  text-align: left;
}
.detail .f4 #form .privacy-policy label a {
  display: contents;
  color: #1B6EF0;
}
.detail .f4 #form .privacy-policy label::before {
  content: '';
  display: block;
  width: 4vw;
  height: 4vw;
  border: 1px solid #D1D5DB;
  border-radius: 1vw;
  margin-right: 2vw;
  flex-shrink: 0;
}
.detail .f4 #form .privacy-policy input[type="checkbox"]:checked + label::before {
  background-color: #1B6EF0;
  border-color: #1B6EF0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd' /%3E%3C/svg%3E");
  background-size: 100% 100%;
}
.detail .f4 #form .submit-btn {
  width: 100%;
  height: 14vw;
  background: #1B6EF0;
  color: white;
  border: none;
  border-radius: 3vw;
  font-size: 16px;
  margin-top: 6vw;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(27, 110, 240, 0.3);
  display: flex;
}
.detail .f4 #form .submit-btn img {
  width: 4.5vw;
  margin-left: 3vw;
}
.detail.share .f4 {
  display: block;
}
.product {
  width: 100%;
  position: relative;
  background: #F2F4F7;
  overflow: hidden;
}
.product .bannerBox {
  width: 100%;
  height: 70vw;
  background: url('../images/bg.jpg') center no-repeat;
  background-size: cover !important;
  border-radius: 0 0 10vw 10vw;
  padding: 5vw 5vw 0 5vw;
  color: white;
  box-shadow: 0 1.752px 5.257px 0 rgba(0, 0, 0, 0.1), 0 1.752px 3.505px -1.752px rgba(0, 0, 0, 0.1);
}
.product .bannerBox .back {
  width: 10vw;
}
.product .bannerBox .tit {
  font-size: 24px;
  margin-top: 5vw;
}
.product .bannerBox .des {
  font-size: 16px;
  margin-top: 5vw;
  position: relative;
}
.product .f1 {
  width: 90%;
  position: relative;
  padding: 0 5vw;
  background: white;
  margin: -10vw auto 0 auto;
  border-radius: 5vw;
  overflow: hidden;
  padding: 3vw;
  box-shadow: 0 1.752px 5.257px 0 rgba(0, 0, 0, 0.1), 0 1.752px 3.505px -1.752px rgba(0, 0, 0, 0.1);
}
.product .f1 .f1Swiper {
  width: 100%;
}
.product .f1 .f1Swiper .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 3vw;
}
.product .f1 .f1Swiper .swiper-pagination {
  width: auto;
  bottom: inherit;
  top: 10px;
  left: inherit;
  right: 18vw;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2vw;
  font-size: 12px;
  padding: 1vw 2vw;
}
.product .f1 .info {
  text-align: center;
  color: #999999;
  font-size: 12px;
  margin-top: 3vw;
  position: relative;
}
.product .f1 .info::before {
  content: '';
  width: 8vw;
  height: 1px;
  background: #E2E8F0;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 15vw;
}
.product .f1 .info::after {
  content: '';
  width: 8vw;
  height: 1px;
  background: #E2E8F0;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 15vw;
}
.product .f2 {
  width: 100%;
  position: relative;
  padding: 10vw 5vw;
}
.product .f2 .tit {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
}
.product .f2 .tit img {
  width: 5.5vw;
  margin-right: 2vw;
  position: relative;
  top: 0.5vw;
}
.product .f2 .videoBoxs {
  width: 100%;
  height: 50vw;
  border-radius: 3vw;
  border: 1.752px solid #F1F5F9;
  box-shadow: 0 28.037px 56.075px 0 rgba(0, 0, 0, 0.06);
  position: relative;
  overflow: hidden;
  margin-top: 5vw;
}
.product .f2 .videoBoxs .play {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 55%;
  left: 50%;
  width: 20vw;
  z-index: 2;
}
.product .f2 .videoBoxs video {
  width: 100%;
  height: 100%;
  border-radius: 3vw;
  object-fit: cover;
  position: relative;
}
.product .f3 {
  width: 100%;
  position: relative;
  margin-top: 10vw;
  padding: 0 5vw;
}
.product .f3 .tit {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
}
.product .f3 .tit img {
  width: 5.5vw;
  margin-right: 2vw;
  position: relative;
  top: 0.5vw;
}
.product .f3 .des {
  width: 100%;
  height: 70vh;
  overflow-y: scroll;
  border: 1px solid #DBEAFE;
  margin-top: 5vw;
  border-radius: 5vw;
}
.product .f4 {
  width: 100%;
  position: relative;
  padding: 10vw 5vw;
}
.product .f4 .tit {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
}
.product .f4 .tit img {
  width: 5.5vw;
  margin-right: 2vw;
  position: relative;
}
.product .f4 .itemBox {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 3vw;
  justify-content: space-between;
}
.product .f4 .itemBox .item {
  width: 48%;
  display: block;
  background-size: cover !important;
  border-radius: 3vw;
  border: 1.752px solid #E2E8F0;
  box-shadow: 0 1.752px 5.257px 0 rgba(0, 0, 0, 0.1), 0 1.752px 3.505px -1.752px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
  background: white;
  padding: 3vw;
  margin-top: 3vw;
}
.product .f4 .itemBox .item .icon {
  width: 10vw;
}
.product .f4 .itemBox .item .text {
  margin: 3vw 0 0 0;
}
.product .f4 .itemBox .item .text .t {
  font-size: 15px;
  font-weight: bold;
}
.product .f4 .itemBox .item .text .d {
  font-size: 13px;
  color: #666666;
  margin-top: 3px;
}
.product .f5 {
  width: 100%;
  position: relative;
  padding: 8vw 5vw 0 5vw;
}
.product .f5 .tit {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 4vw;
}
.product .f5 .tit img {
  width: 5.5vw;
  margin-right: 2vw;
}
.product .f5 .content {
  background: white;
  border-radius: 5vw;
  padding: 5vw;
  box-shadow: 0 1.752px 5.257px 0 rgba(0, 0, 0, 0.05);
}
.product .f5 .content strong {
  font-size: 15px;
  font-weight: bold;
  color: #333;
  margin-bottom: 3vw;
}
.product .f5 .content .subtitle:not(:first-child) {
  margin-top: 5vw;
}
.product .f5 .content table {
  background: #F8FAFC;
  border-radius: 3vw;
  padding: 1vw 4vw;
  margin-top: 2vw;
  font-size: 14px;
}
.product .f5 .content table tbody tr td{
  padding: 1vw 0;
  border-bottom: 1px solid #E2E8F0;
}
.product .f5 .content .param-box .param-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3vw 0;
  font-size: 14px;
}
.product .f5 .content .param-box .param-item:not(:last-child) {
  border-bottom: 1px solid #E2E8F0;
}
.product .f5 .content .param-box .param-item .label {
  color: #999;
}
.product .f5 .content .param-box .param-item .val {
  color: #333;
  font-weight: 500;
}
.product .f5 .content p {
  font-size: 14px;
  color: #666;
  line-height: 1.8;
  text-align: justify;
}
.product .f6 {
  width: 90%;
  margin: 10vw auto 0 auto;
  background: linear-gradient(135deg, rgba(27, 110, 240, 0.05) 0%, rgba(219, 234, 254, 0.3) 100%);
  border-radius: 8vw;
  padding: 8vw 5vw;
  text-align: center;
  display: none;
}
.product .f6 .tit {
  color: #1B6EF0;
  font-size: 20px;
  font-weight: bold;
}
.product .f6 .des {
  color: #666;
  font-size: 14px;
  margin-top: 2vw;
}
.product .f6 #form {
  margin-top: 6vw;
}
.product .f6 #form .inpBox {
  display: flex;
  align-items: center;
  background: white;
  border-radius: 3vw;
  height: 14vw;
  padding: 0 4vw;
  margin-bottom: 3vw;
}
.product .f6 #form .inpBox .icon {
  width: 5vw;
  margin-right: 3vw;
}
.product .f6 #form .inpBox input,
.product .f6 #form .inpBox select {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 14px;
  outline: none;
}
.product .f6 #form #distpicker {
  justify-content: space-between;
}
.product .f6 #form #distpicker select {
  width: 48%;
}
.product .f6 #form .project-tit {
  text-align: left;
  font-weight: bold;
  font-size: 15px;
  margin-top: 6vw;
}
.product .f6 #form .project-tit span {
  font-weight: normal;
  color: #999;
  font-size: 13px;
}
.product .f6 #form .project-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 4vw;
}
.product .f6 #form .project-grid .project-item {
  width: 49%;
  background: white;
  border-radius: 3vw;
  padding: 3vw 2vw;
  margin-bottom: 2vw;
  display: flex;
  align-items: center;
}
.product .f6 #form .project-grid .project-item input[type="checkbox"] {
  display: none;
}
.product .f6 #form .project-grid .project-item label {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #333;
  line-height: 1.4;
  text-align: left;
}
.product .f6 #form .project-grid .project-item label::before {
  content: '';
  display: block;
  width: 3.5vw;
  height: 3.5vw;
  border: 1px solid #D1D5DB;
  border-radius: 1vw;
  margin-right: 2vw;
  flex-shrink: 0;
}
.product .f6 #form .project-grid .project-item input[type="checkbox"]:checked + label::before {
  background-color: #1B6EF0;
  border-color: #1B6EF0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd' /%3E%3C/svg%3E");
  background-size: 100% 100%;
}
.product .f6 #form .privacy-policy {
  display: flex;
  margin-top: 4vw;
  font-size: 12px;
  color: #666;
}
.product .f6 #form .privacy-policy input[type="checkbox"] {
  display: none;
}
.product .f6 #form .privacy-policy label {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #333;
  line-height: 1.4;
  text-align: left;
}
.product .f6 #form .privacy-policy label a {
  display: contents;
  color: #1B6EF0;
}
.product .f6 #form .privacy-policy label::before {
  content: '';
  display: block;
  width: 4vw;
  height: 4vw;
  border: 1px solid #D1D5DB;
  border-radius: 1vw;
  margin-right: 2vw;
  flex-shrink: 0;
}
.product .f6 #form .privacy-policy input[type="checkbox"]:checked + label::before {
  background-color: #1B6EF0;
  border-color: #1B6EF0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd' /%3E%3C/svg%3E");
  background-size: 100% 100%;
}
.product .f6 #form .submit-btn {
  width: 100%;
  height: 14vw;
  background: #1B6EF0;
  color: white;
  border: none;
  border-radius: 4vw;
  font-size: 16px;
  margin-top: 8vw;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(27, 110, 240, 0.4);
}
.product .f6 #form .submit-btn img {
  width: 4.5vw;
  margin-left: 3vw;
}
.product.share .f6 {
  display: block;
}
.contactUs {
  width: 100%;
  position: relative;
  background: #F2F4F7;
  overflow: hidden;
}
.contactUs .bannerBox {
  width: 100%;
  height: 70vw;
  background: url('../images/bg.jpg') center no-repeat;
  background-size: cover !important;
  border-radius: 0 0 10vw 10vw;
  padding: 5vw 5vw 0 5vw;
  color: white;
  text-align: center;
  box-shadow: 0 1.752px 5.257px 0 rgba(0, 0, 0, 0.1), 0 1.752px 3.505px -1.752px rgba(0, 0, 0, 0.1);
}
.contactUs .bannerBox .back {
  width: 10vw;
}
.contactUs .bannerBox .tit {
  font-size: 24px;
  margin-top: 5vw;
}
.contactUs .bannerBox .des {
  font-size: 16px;
  margin-top: 5vw;
  position: relative;
}
.contactUs .f1 {
  width: 90%;
  position: relative;
  margin: -10vw auto 0 auto;
}
.contactUs .f1 .contact-item {
  background: white;
  border-radius: 5vw;
  margin-bottom: 4vw;
  overflow: hidden;
  box-shadow: 0 1.752px 5.257px 0 rgba(0, 0, 0, 0.05);
}
.contactUs .f1 .contact-item .contact-header {
  padding: 5vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contactUs .f1 .contact-item .contact-header .left {
  display: flex;
  align-items: center;
}
.contactUs .f1 .contact-item .contact-header .left .icon {
  width: 10vw;
  margin-right: 3vw;
}
.contactUs .f1 .contact-item .contact-header .left .icon img:last-child {
  display: none;
}
.contactUs .f1 .contact-item .contact-header .left .text .t {
  font-size: 16px;
  font-weight: bold;
  color: #1B6EF0;
}
.contactUs .f1 .contact-item .contact-header .left .text .d {
  font-size: 13px;
  color: #999;
  margin-top: 1vw;
}
.contactUs .f1 .contact-item .contact-header .arrow {
  width: 3vw;
  height: 3vw;
  border-right: 2px solid #CCC;
  border-bottom: 2px solid #CCC;
  transform: rotate(45deg);
  transition: 0.3s;
  margin-right: 2vw;
}
.contactUs .f1 .contact-item .contact-content {
  display: none;
  padding: 0 4vw 5vw 4vw;
}
.contactUs .f1 .contact-item .contact-content .product-cat {
  background: #F8FAFC;
  border-radius: 4vw;
  padding: 2vw 4vw 4vw 4vw;
  margin-bottom: 4vw;
}
.contactUs .f1 .contact-item .contact-content .product-cat:last-child {
  margin-bottom: 0;
}
.contactUs .f1 .contact-item .contact-content .product-cat .cat-header {
  display: flex;
  align-items: flex-start;
  margin-top: 2vw;
}
.contactUs .f1 .contact-item .contact-content .product-cat .cat-header img {
  width: 5vw;
  margin-right: 2vw;
  margin-top: 1vw;
}
.contactUs .f1 .contact-item .contact-content .product-cat .cat-header .text .t {
  font-size: 15px;
  font-weight: bold;
  color: #333;
}
.contactUs .f1 .contact-item .contact-content .product-cat .cat-header .text .d {
  font-size: 12px;
  color: #999;
  margin-top: 1vw;
}
.contactUs .f1 .contact-item .contact-content .product-cat .product-list {
  background: white;
  border-radius: 3vw;
  padding: 3vw;
  margin-top: 3vw;
  font-size: 13px;
  color: #666;
  line-height: 1.6;
}
.contactUs .f1 .contact-item .contact-content .product-cat .person-info {
  margin-top: 4vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 4vw;
  padding-left: 7vw;
  border-top: 1px solid #E2E8F0;
}
.contactUs .f1 .contact-item .contact-content .product-cat .person-info .p-left {
  display: flex;
  align-items: center;
}
.contactUs .f1 .contact-item .contact-content .product-cat .person-info .p-left .p-icon {
  width: 10vw;
  margin-right: 2vw;
}
.contactUs .f1 .contact-item .contact-content .product-cat .person-info .p-left .p-text .name {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.contactUs .f1 .contact-item .contact-content .product-cat .person-info .p-left .p-text .phone {
  font-size: 12px;
  color: #999;
  margin-top: 0.5vw;
}
.contactUs .f1 .contact-item .contact-content .product-cat .person-info .p-right {
  display: flex;
  align-items: center;
}
.contactUs .f1 .contact-item .contact-content .product-cat .person-info .p-right .btn-copy {
  width: 9vw;
  margin-right: 3vw;
}
.contactUs .f1 .contact-item .contact-content .product-cat .person-info .p-right .btn-call {
  width: 8vw;
}
.contactUs .f1 .contact-item.active .contact-header .left .icon img:nth-child(1) {
  display: none;
}
.contactUs .f1 .contact-item.active .contact-header .left .icon img:nth-child(2) {
  display: block;
}
.contactUs .f1 .contact-item.active .contact-header .arrow {
  transform: rotate(-135deg);
  margin-top: 1.5vw;
}
.contactUs .f1 .contact-item.active .contact-content {
  display: block;
}
.privacy {
  width: 100%;
  position: relative;
}
.privacy .titBox {
  padding: 5vw;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.privacy .titBox .tit {
  display: flex;
  align-items: center;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
}
.privacy .titBox .tit img {
  width: 7vw;
  margin-right: 1vw;
}
.privacy .titBox .time {
  color: #999999;
  font-size: 14px;
  margin-top: 20px;
}
.privacy .privacyBox {
  width: 100%;
  position: relative;
  padding: 5vw;
}
.privacy .privacyBox .des {
  font-size: 14px;
  line-height: 1.7;
  text-align: justify;
}
.privacy .privacyBox .address {
  margin-top: 30px;
  background: #F8FAFC;
  padding: 5vw;
  font-weight: bold;
  font-size: 14px;
  line-height: 2;
  border-radius: 5px;
}
.privacy .privacyBox .address span {
  font-weight: normal;
}