.page-data .common-banner>.common-banner-pic {
  background: url(../image/data/banner_pic.png) no-repeat center;
  background-size: contain;
}

.page-data .customized-input {
  width: 200px;
  height: 38px;
  top: 350px;
  left: 160px;
}
.page-data .customized-input>.search-glass-icon {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 7px;
  left: 12px;
  background: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1027 1024' xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cpath d='M402.286 804.571C182.857 804.571 0 625.371 0 402.286S179.2 0 402.286 0 804.57 179.2 804.57 402.286 621.714 804.57 402.286 804.57zm0-731.428c-182.857 0-329.143 146.286-329.143 329.143s146.286 329.143 329.143 329.143 329.143-146.286 329.143-329.143S581.486 73.143 402.286 73.143z' fill='%232771D7'/%3E%3Cpath d='M950.857 1024c-18.286 0-32.914-7.314-47.543-18.286L629.03 760.686c-32.915-29.257-32.915-76.8-7.315-109.715 25.6-32.914 73.143-36.571 106.057-7.314l274.286 245.029c32.914 29.257 32.914 76.8 7.314 109.714-18.285 18.286-40.228 25.6-58.514 25.6z' fill='%232771D7'/%3E%3C/svg%3E") no-repeat center;
  background-size: 20px;
  opacity: .7;
  transition: opacity .4s ease;
  cursor: pointer;
}
.page-data .customized-input>.search-glass-icon:hover {
  opacity: 1;
}
.page-data .customized-input>.inner-input {
  width: 100%;
  height: 100%;
  border-radius: 19px;
  border: none;
  outline: none;
  padding: 0 8px 0 48px;
}
.page-data .customized-input>.inner-input:focus {
  box-shadow: 1px 1px 2px 2px #3669ad;
}
.page-data .data-tab-list {
  width: calc(100% - 36px);
  max-width: 1080px;
  margin: 0 auto;
  height: 68px;
  display: flex;
  justify-content: flex-start;
}
.page-data .data-tab-list>.data-tab-item {
  min-width: 8px;
  height: 100%;
  box-sizing: border-box;
  border-bottom: 3px solid transparent;
  color: #444;
  font-size: 15px;
  text-align: center;
  line-height: 68px;
  padding: 0 2px;
  transition-property: color, border;
  transition-duration: .6s;
  transition-timing-function: ease;
  cursor: pointer;
}
.page-data .data-tab-list>.data-tab-item+.data-tab-item {
  margin-left: 20px;
}
.page-data .data-tab-list>.data-tab-item:not(.active):hover {
  color: #5d93eb;
}
.page-data .data-tab-list>.data-tab-item.active {
  color: #498aef;
  border-bottom: 3px solid #498aef;
}

.page-data .data-product-list {
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0;
}
.page-data .data-product-list>.data-product-item {
  list-style: none;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 40px 0;
}
.page-data .data-product-list>.data-product-item:nth-child(odd) {
  background-color: #f1f6fe;
}
.page-data .data-product-list .no-data {
  height: 48px;
  line-height: 48px;
  font-size: 24px;
}
.page-data .data-product-list .product-sample-image {
  width: 415px;
  height: 264px;
  box-shadow: 0 0 0 2px #4b95f1;
  background: no-repeat center;
  background-size: cover;
  margin-right: 210px;
}
.page-data .data-product-list .product-item-info {
  width: 424px;
  height: 264px;
}
.page-data .data-product-list .product-info-title {
  height: 68px;
  line-height: 68px;
  font-size: 24px;
  color: #444;
  margin: 0;
  padding: 0;
}
.page-data .data-product-list .product-info-desc {
  height: 76px;
  line-height: 26px;
  font-size: 14px;
  color: #868686;
  margin: 0;
  padding: 0;
  overflow-y: auto;
}
.page-data .data-product-list .product-button-container {
  height: 108px;
  margin: 0;
  padding: 32px 0;
}
.page-data .pagination-container {
  width: calc(100% - 36px);
  max-width: 1080px;
  padding: 12px 0;
  margin: 0 auto;
}
.page-data .product-button-container .product-button {
  width: 142px;
  height: 43px;
  line-height: 43px;
  font-size: 16px;
  color: #4edd9f;
  background-color: #FFF;
  border: 1px solid #4edd9f;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
  transition-property: color, background-color;
  transition-duration: .6s;
  transition-timing-function: ease;
}
.page-data .product-button-container .product-button:hover {
  color: #FFF;
  background-color: #4edd9f;
}
.page-data .product-button-container .product-button+.product-button {
  margin-left: 28px;
}

.page-data .modal-curtain {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  background-color: rgba(51, 51, 51, .5);
  display: none;
}
.page-data .modal-curtain.active {
  display: block;
}
.page-data .modal-curtain>.modal-dialog {
  width: 435px;
  border-radius: 10px;
  background-color: #FFF;
  box-shadow: 2px 2px 7px 1px rgba(27, 34, 51, 0.33);
  padding: 32px 64px 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page-data .modal-dialog>.close-dialog-button {
  width: 24px;
  height: 24px;
  text-decoration: none;
  text-align: center;
  line-height: 24px;
  font-size: 24px;
  color: #c1c8da;
  position: absolute;
  top: 20px;
  right: 24px;
  transition-property: color, text-shadow;
  transition-duration: .4s;
  transition-timing-function: ease;
  cursor: pointer;
}
.page-data .modal-dialog>.close-dialog-button:hover {
  color: #f0406d;
  text-shadow: 0 0 2px #ec597e;
}
.page-data .modal-dialog>.dialog-title {
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 24px;
  font-weight: normal;
  color: #3e4857;
  margin: 0;
}
.page-data .modal-dialog>.product-title {
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  color: #9dabbf;
  margin: 3px 0 22px;
}
.page-data .modal-dialog>.thanks-text {
  height: 64px;
  line-height: 32px;
  text-align: center;
  font-size: 18px;
  color: #3e4857;
  margin: 52px 0 63px;
}
.page-data .form-dialog>.form-item {
  width: 344px;
  height: 42px;
  margin: 0 auto 14px;
  position: relative;
}
.page-data .form-dialog>.form-item.higher-item {
  height: 80px;
}
.page-data .form-item>.form-icon {
  position: absolute;
  left: 11px;
  top: 14px;
  width: 14px;
  height: 14px;
  background: no-repeat center;
  background-size: 14px;
  opacity: .5;
}
.page-data .form-dialog>.form-item:focus-within .form-icon {
  opacity: 1;
}
.page-data .form-item>.input-item {
  width: calc(100% - 38px);
  height: 100%;
  border: 1px solid #c1c8da;
  padding: 0 8px 0 30px;
  border-radius: 5px;
  outline: none;
}
.page-data .form-item>.input-item::placeholder {
  color: #b8c4d4;
}
.page-data .form-item>textarea.input-item {
  line-height: 36px;
  resize: none;
}
.page-data .form-item>.input-item:focus {
  border-color: #4676ee;
}
.page-data .form-item>.input-item.error {
  border-color: #f0406d;
}
.page-data .form-dialog>.form-error {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #f0406d;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  margin: 0 0 8px;
}
.page-data .modal-dialog>.bottom-button {
  width: 100%;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  color: #FFF;
  background-color: #4676ee;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.page-data .modal-dialog>.bottom-button:hover {
  box-shadow: 0 2px 4px 1px rgba(27, 34, 51, 0.33);
  outline: none;
}
.page-data .modal-dialog>.bottom-button:active {
  box-shadow: 0 0 1px 1px rgba(27, 34, 51, 0.4);
  outline: none;
  transform: translateY(1px);
}

.page-data .form-dialog .icon-name {
  background-image: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cpath d='M867.328 790.592c-61.12-41.664-191.68-77.824-211.136-88.96s-38.848-19.456-38.848-55.488c0-36.096 19.776-55.232 47.232-80.64 51.52-47.488 41.6-101.376 74.944-126.4 27.328-20.416 40.96-36.16 45.248-66.752.704-4.544 1.152-9.728 1.344-15.488.064-2.368.576-3.968.576-6.656 0-47.232-38.848-47.232-38.848-47.232s0 1.344-13.888-76.352C720.576 151.488 644.8 71.36 539.584 65.984v-.512c-2.112 0-3.968.192-6.016.256-1.728-.064-3.456-.256-5.248-.256v.448c-.512 0-.96.128-1.472.192-.512-.064-.96-.192-1.472-.192v-.448c-1.792 0-3.52.192-5.248.256-1.984-.064-3.904-.256-6.016-.256v.512c-105.28 5.376-180.992 85.504-194.368 160.64-13.888 77.76-13.888 76.352-13.888 76.352s-38.848 0-38.848 47.232c0 2.624.512 4.224.576 6.656.256 5.76.704 10.944 1.344 15.488 4.288 30.592 17.92 46.336 45.248 66.752 33.344 25.024 23.424 78.912 74.944 126.4 27.52 25.344 47.232 44.48 47.232 80.64 0 36.032-19.456 44.352-38.848 55.488s-150.016 47.232-211.136 88.96S128 854.464 128 890.496c0 61.12 77.824 69.504 77.824 69.504h642.048s77.824-8.384 77.824-69.504c0-36.032 2.752-58.24-58.368-99.904z' fill='%234676ee' /%3E%3C/svg%3E");
}
.page-data .form-dialog .icon-company {
  background-image: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M936 960h-40V48c0-26.51-21.49-48-48-48H176c-26.51 0-48 21.49-48 48v912H88c-13.254 0-24 10.746-24 24v40h896v-40c0-13.254-10.746-24-24-24zM320 152c0-13.254 10.746-24 24-24h80c13.254 0 24 10.746 24 24v80c0 13.254-10.746 24-24 24h-80c-13.254 0-24-10.746-24-24v-80zm0 192c0-13.254 10.746-24 24-24h80c13.254 0 24 10.746 24 24v80c0 13.254-10.746 24-24 24h-80c-13.254 0-24-10.746-24-24v-80zm104 296h-80c-13.254 0-24-10.746-24-24v-80c0-13.254 10.746-24 24-24h80c13.254 0 24 10.746 24 24v80c0 13.254-10.746 24-24 24zm152 320H448V792c0-13.254 10.746-24 24-24h80c13.254 0 24 10.746 24 24v168zm128-344c0 13.254-10.746 24-24 24h-80c-13.254 0-24-10.746-24-24v-80c0-13.254 10.746-24 24-24h80c13.254 0 24 10.746 24 24v80zm0-192c0 13.254-10.746 24-24 24h-80c-13.254 0-24-10.746-24-24v-80c0-13.254 10.746-24 24-24h80c13.254 0 24 10.746 24 24v80zm0-192c0 13.254-10.746 24-24 24h-80c-13.254 0-24-10.746-24-24v-80c0-13.254 10.746-24 24-24h80c13.254 0 24 10.746 24 24v80z' fill='%234676ee' /%3E%3C/svg%3E");
}
.page-data .form-dialog .icon-phone {
  background-image: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cpath d='M1024 808.727c0 13.091-2.424 30.182-7.273 51.273-4.848 21.09-9.94 37.697-15.272 49.818-10.182 24.243-39.758 49.94-88.728 77.091-45.575 24.727-90.666 37.091-135.272 37.091-13.091 0-25.819-.848-38.182-2.545-12.364-1.697-26.303-4.728-41.818-9.091-15.516-4.364-27.03-7.88-34.546-10.546-7.515-2.666-20.97-7.636-40.364-14.909-19.393-7.273-31.272-11.636-35.636-13.09-47.515-16.97-89.94-37.092-127.273-60.364-62.06-38.303-126.181-90.546-192.363-156.728S148.848 626.424 110.545 564.364C87.273 527.03 67.152 484.606 50.182 437.09c-1.455-4.364-5.818-16.243-13.091-35.636-7.273-19.394-12.243-32.849-14.91-40.364-2.666-7.515-6.181-19.03-10.545-34.546-4.363-15.515-7.394-29.454-9.09-41.818C.847 272.364 0 259.637 0 246.545c0-44.606 12.364-89.697 37.09-135.272 27.152-48.97 52.85-78.546 77.092-88.728C126.303 17.212 142.909 12.121 164 7.273 185.09 2.424 202.182 0 215.273 0c6.788 0 11.879.727 15.272 2.182 8.728 2.909 21.576 21.333 38.546 55.273 5.333 9.212 12.606 22.303 21.818 39.272 9.212 16.97 17.697 32.364 25.455 46.182 7.757 13.818 15.272 26.788 22.545 38.91 1.455 1.939 5.697 8 12.727 18.181 7.03 10.182 12.243 18.788 15.637 25.818 3.394 7.03 5.09 13.94 5.09 20.727 0 9.697-6.908 21.819-20.727 36.364-13.818 14.546-28.848 27.879-45.09 40-16.243 12.121-31.273 24.97-45.091 38.546-13.819 13.575-20.728 24.727-20.728 33.454 0 4.364 1.212 9.818 3.637 16.364 2.424 6.545 4.484 11.515 6.181 14.909s5.091 9.212 10.182 17.454c5.091 8.243 7.88 12.849 8.364 13.819 36.848 66.424 79.03 123.393 126.545 170.909 47.516 47.515 104.485 89.697 170.91 126.545.97.485 5.575 3.273 13.818 8.364 8.242 5.09 14.06 8.485 17.454 10.182 3.394 1.697 8.364 3.757 14.91 6.181 6.545 2.425 12 3.637 16.363 3.637 8.727 0 19.879-6.91 33.454-20.728 13.576-13.818 26.425-28.848 38.546-45.09 12.121-16.243 25.454-31.273 40-45.091 14.545-13.819 26.667-20.728 36.364-20.728 6.787 0 13.697 1.697 20.727 5.091 7.03 3.394 15.636 8.606 25.818 15.637 10.182 7.03 16.242 11.272 18.182 12.727 12.121 7.273 25.09 14.788 38.909 22.545 13.818 7.758 29.212 16.243 46.182 25.455 16.97 9.212 30.06 16.485 39.272 21.818 33.94 16.97 52.364 29.818 55.273 38.546 1.455 3.393 2.182 8.484 2.182 15.272zm0 0' fill='%234676ee' /%3E%3C/svg%3E");
}
.page-data .form-dialog .icon-email {
  background-image: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cpath d='M853.333 170.667H170.667c-46.934 0-85.334 38.4-85.334 85.333v512c0 46.933 38.4 85.333 85.334 85.333h682.666c46.934 0 85.334-38.4 85.334-85.333V256c0-46.933-38.4-85.333-85.334-85.333zm0 170.666L512 554.667 170.667 341.333V256L512 469.333 853.333 256v85.333z' fill='%234676ee' /%3E%3C/svg%3E");
}
.page-data .form-dialog .icon-demand {
  top: 11px;
  background-image: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cpath d='M164.571 91.429H859.43a73.143 73.143 0 0 1 73.142 73.142V859.43a73.143 73.143 0 0 1-73.142 73.142H164.57A73.143 73.143 0 0 1 91.43 859.43V164.57A73.143 73.143 0 0 1 164.57 91.43zm128 676.571a36.571 36.571 0 1 0 0-73.143 36.571 36.571 0 0 0 0 73.143zm0-219.429a36.571 36.571 0 1 0 0-73.142 36.571 36.571 0 0 0 0 73.142zm0-219.428a36.571 36.571 0 1 0 0-73.143 36.571 36.571 0 0 0 0 73.143zM453.815 256c-18.359 0-33.244 16.366-33.244 36.571s14.885 36.572 33.244 36.572h299.227c18.36 0 33.244-16.366 33.244-36.572S771.4 256 753.042 256H453.815zm0 219.429c-18.359 0-33.244 16.365-33.244 36.571s14.885 36.571 33.244 36.571h299.227c18.36 0 33.244-16.365 33.244-36.571s-14.885-36.571-33.244-36.571H453.815zm0 219.428c-18.359 0-33.244 16.366-33.244 36.572S435.456 768 453.815 768h299.227c18.36 0 33.244-16.366 33.244-36.571s-14.885-36.572-33.244-36.572H453.815z' fill='%234676ee' /%3E%3C/svg%3E");
}

/* 平板适配 */
@media (min-width: 768px) and (max-width: 1024px) {
}

/* 手机适配 */
@media screen and (max-width: 480px) {
}