html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu,
a {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
header,
footer,
section,
article,
aside,
nav,
hgroup,
address,
figure,
figcaption,
menu,
details {
  display: block;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th {
  text-align: left;
  font-weight: normal;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
i,
cite,
em,
var,
address,
dfn {
  font-style: normal;
}
[hidefocus],
summary {
  outline: 0;
}
li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
small {
  font-size: 100%;
}
sup,
sub {
  font-size: 83%;
}
pre,
code,
kbd,
samp {
  font-family: inherit;
}
q:before,
q:after {
  content: none;
}
textarea {
  overflow: auto;
}
label,
summary {
  cursor: default;
}
a,
button {
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
  text-decoration: none;
  outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
  font-weight: bold;
}
del,
ins,
u,
a,
a:hover {
  text-decoration: none;
}
input {
  outline: none;
  border: none;
}
body {
  width: 100%;
  height: 100%;
  position: absolute;
}
.ms-controller {
  visibility: hidden;
}
/*常用功能样式*/
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
/*清除浮动*/
.hide {
  display: none;
}
/*隐藏*/
.show {
  display: block !important;
}
/*显示*/
.fl {
  float: left;
}
/*左浮动*/
.fr {
  float: right;
}
/*右浮动*/
.pr {
  position: relative;
}
/*相对定位*/
.pa {
  position: absolute !important;
}
/*绝对定位*/
.pf {
  position: fixed;
}
/*固定定位*/
.fwn {
  font-weight: normal;
}
/*文字-标准*/
.fwb {
  font-weight: bold;
}
/*文字-变粗*/
.tal {
  text-align: left;
}
/*文字居左*/
.tac {
  text-align: center;
}
/*文字居中*/
.tar {
  text-align: right;
}
/*文字居右*/
.vam {
  vertical-align: middle;
}
/*垂直居中*/
.vat {
  vertical-align: top;
}
/*垂直居上*/
.vab {
  vertical-align: bottom;
}
/*垂直居下*/
.csp {
  cursor: pointer;
}
/*光标-手*/
.csd {
  cursor: default;
}
/*光标-箭头*/
.csh {
  cursor: help;
}
/*光标-问号*/
.csm {
  cursor: move;
}
/*光标-四个箭头*/
.ma {
  margin: 0 auto;
}
/*水平自动居中*/
.onetxt {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/*文字只显示一行*/
/*文字只显示2行*/
.moretxt {
  text-overflow: clip;
  white-space: normal;
  overflow: hidden;
}
.inlinetxt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*table内文字显示一行*/
.img-block {
  display: block;
  width: 100%;
}
.img100 {
  width: 100%;
  height: 100%;
  display: block;
}
.opzero {
  opacity: 0;
}
.shadow {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.arrow {
  position: absolute;
  font-size: 12px;
  border: 4px solid transparent;
  border-left-color: #000;
  transform: rotate(90deg);
  right: 8px;
  top: 50%;
  margin-top: -2px;
}
.em-6 {
  max-width: 6em;
  display: inline-block;
}
.lh-12 {
  line-height: 12px;
}
.lh-14 {
  line-height: 14px;
}
.lh-20 {
  line-height: 20px;
}
.lh-24 {
  line-height: 24px !important;
}
.lh-25 {
  line-height: 25px;
}
.lh-28 {
  line-height: 28px;
}
.lh-30 {
  line-height: 30px;
}
.lh-32 {
  line-height: 32px;
}
.lh-34 {
  line-height: 34px;
}
.lh-35 {
  line-height: 35px !important;
}
.lh-36 {
  line-height: 36px;
}
.lh-46 {
  line-height: 46px;
}
.lh-50 {
  line-height: 50px;
}
.lh-55 {
  line-height: 55px;
}
.lh-60 {
  line-height: 60px;
}
.lh-70 {
  line-height: 70px;
}
.lh-80 {
  line-height: 80px;
}
.lh-90 {
  line-height: 90px;
}
.lh-100 {
  line-height: 100px;
}
.lh-160 {
  line-height: 160px;
}
.h-12 {
  height: 12px;
}
.h-20 {
  height: 20px;
}
.h-30 {
  height: 30px;
}
.m-r-none {
  margin-right: 0 !important;
}
.m-r-5 {
  margin-right: 5px;
}
.m-r-10 {
  margin-right: 10px;
}
.m-r-8 {
  margin-right: 8px;
}
.m-r-15 {
  margin-right: 15px;
}
.m-r-24 {
  margin-right: 24px;
}
.m-r-40 {
  margin-right: 40px;
}
.m-r-60 {
  margin-right: 60px;
}
.m-r-125 {
  margin-right: 125px;
}
.m-t-none {
  margin-top: 0 !important;
}
.m-t-15 {
  margin-top: 15px;
}
.m-t-10 {
  margin-top: 10px;
}
.m-t-20 {
  margin-top: 20px;
}
.m-t-35 {
  margin-top: 35px;
}
.m-t-40 {
  margin-top: 40px;
}
.m-b-none {
  margin-bottom: 0;
}
.m-b-5 {
  margin-bottom: 5px;
}
.m-b-10 {
  margin-bottom: 10px;
}
.m-b-16 {
  margin-bottom: 16px;
}
.m-b-20 {
  margin-bottom: 20px;
}
.m-b-30 {
  margin-bottom: 30px;
}
.m-b-40 {
  margin-bottom: 40px;
}
.m-l-5 {
  margin-left: 5px;
}
.m-l-10 {
  margin-left: 10px;
}
.m-l-15 {
  margin-left: 15px;
}
.m-l-20 {
  margin-left: 20px;
}
.m-l-50 {
  margin-left: 50px;
}
.p-lr-10 {
  padding-left: 10px;
  padding-right: 10px;
}
.p-lr-26 {
  padding-left: 26px;
  padding-right: 26px;
}
.p-tb-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.p-t-15 {
  padding-top: 15px;
}
.p-t-18 {
  padding-top: 18px;
}
.p-t-24 {
  padding-top: 24px;
}
.p-t-42 {
  padding-top: 42px;
}
.p-t-60 {
  padding-top: 60px;
}
.p-t-70 {
  padding-top: 70px;
}
.p-b-26 {
  padding-bottom: 26px;
}
.p-b-30 {
  padding-bottom: 30px;
}
.p-b-40 {
  padding-bottom: 40px;
}
.p-b-60 {
  padding-bottom: 60px;
}
.p-b-80 {
  padding-bottom: 80px;
}
.p-l-16 {
  padding-left: 16px;
}
.p-l-20 {
  padding-left: 20px;
}
.p-l-30 {
  padding-left: 30px;
}
.balk-10 {
  height: 10px;
}
.balk-12 {
  height: 12px;
}
.balk-20 {
  height: 20px;
}
.balk-30 {
  height: 30px;
}
.balk-35 {
  height: 35px;
}
.balk-40 {
  height: 40px;
}
.balk-50 {
  height: 50px;
}
.balk-60 {
  height: 60px;
}
.balk-80 {
  height: 80px;
}
.balk-90 {
  height: 90px;
}
.balk-100 {
  height: 100px;
}
.balk-125 {
  height: 125px;
}
.fs-0 {
  font-size: 0;
}
.fs-10 {
  font-size: 10px;
}
.fs-12 {
  font-size: 12px;
}
.fs-13 {
  font-size: 13px;
}
.fs-14 {
  font-size: 14px !important;
}
.fs-16 {
  font-size: 16px !important;
}
.fs-18 {
  font-size: 18px !important;
}
.fs-20 {
  font-size: 20px;
}
.fs-21 {
  font-size: 21px;
}
.fs-22 {
  font-size: 22px;
}
.fs-24 {
  font-size: 24px;
}
.fs-26 {
  font-size: 26px;
}
.fs-28 {
  font-size: 28px;
}
.fs-30 {
  font-size: 28px;
}
.fs-32 {
  font-size: 32px;
}
.fs-36 {
  font-size: 36px;
}
.fs-48 {
  font-size: 48px;
}
.fs-big {
  font-weight: bold;
}
.color-body {
  color: #040404;
}
.color-blue {
  color: #3388ff;
}
.color-black {
  color: #333;
}
.color-gray {
  color: #666 !important;
}
.color-gray-dark {
  color: #999;
}
.color-green {
  color: #44af35;
}
.color-pink {
  color: #ff7757;
}
.color-white {
  color: #fff !important;
}
.color-red {
  color: red;
}
.color-violet {
  color: #a117e6;
}
.bg-white {
  background-color: #fff;
}
.bg-bule-dark {
  background-color: #768592;
}
.bg-brown {
  background-color: #d8d2c4;
}
.bg-light-gray {
  background-color: #f8f8f8;
}
.bg-blue {
  background-color: #3388ff;
}
.bg-green {
  background-color: #44af35;
}
.bg-gray {
  background-color: #f2f2f2;
}
.border-all-gray {
  border: solid 1px #e1e1e1;
}
.border-t-gray {
  border-top: solid 1px #e6ecf1;
}
.border-b-gray {
  border-bottom: solid 1px #eeeeee;
}
.border-r-gray {
  border-right: solid 1px #eeeeee;
}
.border-l-gray {
  border-left: solid 1px #eeeeee;
}
.btn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  padding: 0 14px;
  line-height: 28px;
  color: white;
  border-radius: 3px;
  -webkit-transition: all .3s;
  transition: all .3s;
  font-size: 12px;
}
.btn-small {
  padding: 0 10px;
}
.btn-big {
  padding: 0 19px;
}
.btn-sobig {
  padding: 0 30px;
}
.btn-xlarge {
  padding: 0 48px;
}
.btn-high {
  line-height: 36px;
}
.btn-high-large {
  line-height: 30px;
}
.btn-high-big {
  line-height: 40px;
}
.btn.btn-blue {
  background-color: #3388ff;
}
.btn.btn-greent {
  background-color: #33c16f;
}
.btn.btn-pink {
  background-color: #ff7757;
}
.btn.btn-white {
  background-color: #fff !important;
}
.btn.btn-red {
  background-color: #ff3a3a;
}
.btn.btn-border {
  background-color: transparent;
  color: #666666;
  border: 1px solid #e1e1e1;
}
.btn.btn-border.btn-blue {
  border: 1px solid #3a76e7;
  color: #3a76e7;
}
.btn.btn-border.btn-orange {
  border: 1px solid #ff7757;
  color: #ff7757;
}
.btn.btn-border.btn-gold {
  border: solid 1px #cfa86f;
  color: #cfa86f;
}
.btn-border-blue {
  box-sizing: border-box;
  border: solid 1px #108ee9;
  color: #108ee9;
}
.btn-bg-blue {
  color: #fff !important;
  background-color: #108ee9;
}
.bg-cyan {
  background-color: #f8fbff;
}
.bg-white {
  background-color: #fff;
}
.rad-3 {
  border-radius: 3px;
}
.common {
  width: 1200px;
  margin: 0 auto;
}
.s-banner {
  min-width: 1200px;
  position: relative;
}
.s-banner img {
  width: 100%;
}
.s-banner .swiper-container {
  width: 100%;
  height: 536px;
}
.s-banner .swiper-container .swiper-wrapper .swiper-slide a {
  float: left;
  width: 100%;
  position: relative;
}
.s-banner .swiper-container .swiper-wrapper .swiper-slide a div {
  width: 100%;
  height: 536px;
}
.title {
  line-height: 180px;
  font-size: 28px;
  color: #333;
  text-align: center;
}
.s-tabs {
  height: 536px;
  background: url('../../images/web_oem/index-tabs-bg.png') no-repeat center;
}
.s-tabs .s-tabs--box {
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: #0084ff26 0px 4px 7px 0px;
}
.s-tabs .s-tabs--box .tabs {
  line-height: 70px;
  height: 71px;
  border-bottom: solid #e5e5e3 1px;
  font-size: 0;
}
.s-tabs .s-tabs--box .tabs a {
  color: #333333;
  font-size: 14px;
  width: 25%;
  display: inline-block;
  text-align: center;
}
.s-tabs .s-tabs--box .tabs a.active {
  border-bottom: solid #2589ff 2px;
  color: #3a75e8;
}
.s-tabs .s-tabs--box #tabs-container {
  height: 360px;
}
.s-tabs .s-tabs--box #tabs-container .left {
  float: left;
  width: 690px;
  padding-left: 76px;
}
.s-tabs .s-tabs--box #tabs-container .left-title {
  line-height: 100px;
  color: #333;
  font-size: 16px;
}
.s-tabs .s-tabs--box #tabs-container .left-p {
  line-height: 26px;
  color: #999999;
  font-size: 12px;
  padding-bottom: 10px;
  border-bottom: solid 1px #e5e5e5;
  margin-bottom: 35px;
}
.s-tabs .s-tabs--box #tabs-container .right {
  width: 510px;
  float: right;
  text-align: center;
  padding-top: 50px;
}
.s-about .left {
  float: left;
}
.s-about .right {
  float: right;
  background-color: #f8fbff;
  width: 856px;
  padding: 30px;
}
.s-about .right p {
  font-size: 12px;
  color: #999;
  line-height: 22px;
}
.s-list .s-list--ul li {
  margin-right: 28px;
  margin-bottom: 28px;
  float: left;
  width: 274px;
  height: 295px;
  border: solid 1px #e5e5e5;
}
.s-list .s-list--ul li:hover {
  border: solid 1px #5693f8;
}
.s-list .s-list--ul li:nth-child(4n) {
  margin-right: 0;
}
.s-list .s-list--ul li .s-list--ul_title {
  text-align: center;
  font-size: 16px;
  color: #333333;
  line-height: 60px;
}
.s-list .s-list--ul li .s-list--ul_p {
  padding: 0 50px;
  color: #666;
  font-size: 12px;
  line-height: 26px;
  text-align: center;
}
.join-common {
  margin-left: -600px;
  width: 1200px;
  position: absolute;
  top: 0;
  left: 50%;
}
.join-common .join-from {
  position: absolute;
  right: 0;
  top: 30px;
  width: 400px;
  height: 360px;
  background-color: #fff;
  padding: 0 37px;
}
.join-common .join-from input {
  margin-top: 25px;
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 40px;
  height: 40px;
  border-bottom: solid 1px #bfbfbf;
}
.join-common .join-from input:focus {
  border-bottom: solid 1px #108ee9;
}
.join-common .join-from .select {
  padding-top: 30px;
  *zoom: 1;
}
.join-common .join-from .select:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.join-common .join-from .select select {
  float: left;
  width: 90px;
  height: 40px;
  line-height: 40px;
  border: solid 1px transparent;
  border-bottom: solid 1px #bfbfbf;
  font-size: 12px;
  color: #333333;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.join-common .join-from .join-from-btn {
  margin-top: 30px;
  display: block;
  width: 100%;
  height: 46px;
  line-height: 46px;
  background-color: #108ee9;
  color: #fff;
  text-align: center;
  font-size: 14px;
}
#sw3 {
  height: 330px;
}
#sw3 .swiper-slide {
  height: 260px;
  width: 180px;
  padding: 0 15px;
}
#sw3 .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
}
#sw3 .swiper-pagination {
  position: absolute;
  z-index: 20;
  bottom: 10px;
  width: 100%;
  text-align: center;
}
#sw3 .swiper-pagination .swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #555;
  margin: 0 5px;
  opacity: 0.8;
  border: 1px solid #999;
  cursor: pointer;
}
#sw3 .swiper-pagination .swiper-active-switch {
  background: #000;
}
.join-tabs {
  height: 432px;
  background: url('../../images/web_oem/join-bg.png') no-repeat center;
}
.join-tabs .join-tabs--box {
  *zoom: 1;
  width: 100%;
  border-radius: 5px;
}
.join-tabs .join-tabs--box:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.join-tabs .join-tabs--box .tabs {
  float: left;
  width: 130px;
  height: 376px;
  border-bottom: solid #e5e5e3 1px;
  font-size: 0;
  background-color: #f5f5f5;
}
.join-tabs .join-tabs--box .tabs a {
  display: block;
  color: #404040;
  font-size: 14px;
  line-height: 72px;
  text-align: center;
}
.join-tabs .join-tabs--box .tabs a.active {
  background-color: #fff;
}
.join-tabs .join-tabs--box #tabs-container {
  float: left;
  width: 1070px;
  height: 376px;
  background-color: #fff;
}
.join-tabs .join-tabs--box #tabs-container .left {
  float: left;
  width: 760px;
  padding-left: 76px;
}
.join-tabs .join-tabs--box #tabs-container .left-title {
  line-height: 100px;
  color: #333;
  font-size: 16px;
}
.join-tabs .join-tabs--box #tabs-container .left-p {
  line-height: 26px;
  color: #999999;
  font-size: 12px;
  padding-bottom: 50px;
  border-bottom: solid 1px #e5e5e5;
  margin-bottom: 35px;
}
.join-tabs .join-tabs--box #tabs-container .right {
  width: 310px;
  float: right;
  text-align: center;
  padding-top: 50px;
}
.join-goods {
  margin-bottom: 36px;
}
.join-goods .join-goods--img {
  width: 404px;
  height: 260px;
}
.join-goods .join-goods--img.join-goods--right {
  float: left;
}
.join-goods .join-goods--box {
  height: 260px;
  width: 796px;
  background-color: #f8fbff;
  padding: 30px 100px 0 50px;
}
.join-goods .join-goods--box .join-goods--box_title {
  color: #333333;
  font-size: 20px;
  line-height: 60px;
}
.join-goods .join-goods--box .join-goods--box_p {
  color: #808080;
  font-size: 12px;
  line-height: 26px;
}
.join-list_4 ul {
  *zoom: 1;
}
.join-list_4 ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.join-list_4 ul li {
  width: 274px;
  height: 412px;
  background-color: #f8fbff;
  float: left;
  margin-right: 34px;
}
.join-list_4 ul li:last-child {
  margin-right: 0;
}
.join-list_4 ul li img {
  width: 274px;
  height: 207px;
}
.join-list_4 ul li .join-list--title {
  padding-left: 23px;
  line-height: 60px;
  font-size: 16px;
  color: #333333;
}
.join-list_4 ul li .join-list--p {
  padding: 0 23px;
  color: #808080;
  font-size: 12px;
  line-height: 24px;
}
.join-list_4 ul li:hover {
  background-color: #3388ff;
}
.join-list_4 ul li:hover .join-list--title {
  padding-left: 23px;
  line-height: 60px;
  font-size: 16px;
  color: #fff;
}
.join-list_4 ul li:hover .join-list--p {
  padding: 0 23px;
  color: #fff;
  font-size: 12px;
  line-height: 26px;
}
.about-box {
  padding: 82px 0 54px;
  *zoom: 1;
}
.about-box:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.about-box .about-box--left {
  float: left;
  padding-top: 60px;
  width: 640px;
}
.about-box .about-box--left .about-box--left_title {
  position: relative;
  font-weight: bold;
  font-size: 16px;
  color: #333333;
  margin-bottom: 36px;
}
.about-box .about-box--left .about-box--left_title::before {
  content: '';
  display: block;
  position: absolute;
  width: 64px;
  height: 1px;
  background-color: #3a76e7;
  bottom: -18px;
  left: 0;
}
.about-box .about-box--left .about-box--left_p {
  font-size: 12px;
  color: #999;
  line-height: 26px;
}
.about-box .about-box--right {
  float: right;
}
.about-info {
  background-color: #f8fbff;
}
.about-info ul {
  height: 225px;
  *zoom: 1;
}
.about-info ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.about-info ul li {
  padding-top: 35px;
  padding-left: 50px;
  width: 33.33333333%;
  float: left;
}
.about-info ul li img {
  width: 100px;
  height: 100px;
}
.app-lsit {
  padding: 60px 0 50px;
}
.app-lsit .app-list--info {
  width: 590px;
  padding: 0 80px 0 40px;
}
.app-lsit .app-list--info .app-list--info_title {
  font-size: 24px;
  color: #444444;
}
.app-lsit .app-list--info .app-list--info_icon {
  padding: 26px 0 ;
  margin-bottom: 20px;
  border-bottom: dashed 1px #dcdcdc;
}
.app-lsit .app-list--info .app-list--info_p {
  color: #808080;
  font-size: 12px;
  line-height: 25px;
}
.app-lsit .app-list--info.white .app-list--info_title {
  color: #fff;
}
.app-lsit .app-list--info.white .app-list--info_icon {
  border-bottom: dashed 1px #fff;
}
.app-lsit .app-list--info.white .app-list--info_p {
  color: #fff;
}
.pc-lsit {
  padding: 60px 0 50px;
}
.pc-lsit .pc-list--info {
  width: 590px;
  padding: 0 80px 0 40px;
}
.pc-lsit .pc-list--info .pc-list--info_title {
  font-size: 24px;
  color: #444444;
  margin-bottom: 24px;
}
.pc-lsit .pc-list--info .pc-list--info_p {
  color: #808080;
  font-size: 12px;
  line-height: 25px;
  margin-bottom: 34px;
}
.pc-lsit .pc-list--info.white .pc-list--info_title {
  color: #fff;
}
.pc-lsit .pc-list--info.white .pc-list--info_p {
  color: #fff;
}
.pos-box ul {
  width: 680px;
  padding-top: 180px;
}
.pos-box ul li {
  padding-left: 40px;
  color: #fff;
  position: relative;
  margin-bottom: 55px;
}
.pos-box ul li .pos-box--pic {
  position: absolute;
  left: 0;
  top: 0;
}
.pos-box ul li .pos-box--title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 26px;
}
.pos-box ul li .pos-box--p {
  font-size: 12px;
  line-height: 26px;
}
.pos-list {
  background-color: #f8fbff;
}
.pos-list ul {
  padding-bottom: 80px;
  *zoom: 1;
}
.pos-list ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.pos-list ul li {
  background-color: #fff;
  width: 284px;
  margin: 0 0 16px 16px;
  float: left;
}
.pos-list ul li:hover {
  background-color: #84b0fa;
}
.pos-list ul li img {
  display: block;
}
.code-list .pic {
  display: block;
}
.logon {
  width: 520px;
  background: #fff;
  position: absolute;
  right: 400px;
  top: 240px;
  overflow: hidden;
  border-radius: 5px;
}
.logon-top {
  height: 92px;
  background-color: #fafafa;
  border-bottom: solid 1px #e5e5e5;
  padding-left: 62px;
  padding-top: 26px;
}
.logon-top em {
  color: #333333;
  font-size: 25px;
}
.logon-text {
  margin-top: 15px;
  *zoom: 1;
  border: solid 1px #e5e5e5;
  width: 400px;
  height: 46px;
  margin: 25px auto 0;
  overflow: hidden;
  border-radius: 5px;
  background-color: #fafafa;
}
.logon-text:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.logon-text.img {
  padding-left: 50px;
}
.logon-text.img .logon-input {
  width: 350px;
}
.logon-text.img-ren {
  background: url(../../images/web_oem/logon-ren.png) no-repeat center left 20px #fafafa;
}
.logon-text.img-suo {
  background: url(../../images/web_oem/logon-suo.png) no-repeat center left 20px #fafafa;
}
.logon-input {
  width: 398px;
  height: 44px;
  font-size: 14px;
  line-height: 18px;
  padding-left: 10px;
  background-color: #fafafa;
}
.logon-input::-webkit-input-placeholder {
  color: #999;
  font-size: 14px;
}
.logon-a {
  height: 42px;
  border: 0;
  display: block;
  overflow: hidden;
  line-height: 42px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background: #108ee9;
  border-radius: 3px;
  cursor: pointer;
  zoom: 1;
  text-align: center;
}
.enroll .logon {
  top: 160px;
  left: 50%;
  margin-left: -200px;
  box-shadow: #3b77e7 0 0 40px -25px;
}
.enroll-code {
  color: #989494;
  height: 46px;
  width: 128px;
  float: right;
  background: #efefef;
  line-height: 46px;
  font-size: 14px;
  text-align: center;
}
.enroll-code.enroll-code-jh {
  background-color: #3b77e7;
  color: #fff;
}
.enroll .logon-a {
  background-color: #3b77e7;
}

/*数字化经营*/
.number-main{
	
}

.number-a-main{}

.number-list {
  overflow: hidden;
  padding: 50px 0 50px;
}
.number-list .item {
  box-shadow: #000 0px 2px 15px -13px;
  border-radius: 6px;
  width: 275px;
  height: 240px;
  float: left;
  margin-right: 33px;
}
.number-list .item:nth-child(4) {
  margin-right: 0;
}
.number-list .title-text {
  font-size: 16px;
  color: #333333;
  padding-left: 20px;
  padding-top: 20px;
}
.number-list .text-a {
  color: #666;
  font-size: 12px;
  line-height: 24px;
  margin-top: 10px;
  padding-left: 10px;
   padding-right: 10px;
}


.number-background{
	 background-color: #f7f7f7;
	  width: 100%;
}
.submain {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    margin-top: 43px;
   padding:2.00rem 0rem;
   padding-bottom: 4.00rem;
   
   
     
}

.grid {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    margin-top: 50px;
    height: 214px;
}

.col {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    margin-right: 63px;
    border-radius: 10px;
    background-color: #000000;
    width: 361px;
    height: 214px;
    overflow: hidden;
     
}
.col:hover .layer_1 {
    transform: scale(1.2);
    transition: all 1.2s;
}
.layer_1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 361px;
    height: 214px;
}

.container {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.60);
    width: 361px;
    height: 214px;
     
}

.outer {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    border-color: rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 0.12);
    width: 257px;
    height: 108px;
     
}

.largeIcon_1 {
    margin-top: -5px;
    margin-right: 16px;
    width: 50px;
    height: 50px;
}

.normal_div {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-top: -4px;
    height: 65px;
}

.benifit {
    position: relative;
    margin-left: 1px;
    max-width: 157px;
    height: 16px;
     
    text-decoration: none;
    text-overflow: ellipsis;
    line-height: 16px;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 16px;
}

.benifitNext {
    position: relative;
    margin-top: 12px;
    max-width: 158px;
    height: 12px;
     
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    line-height: 12px;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 12px;
}

.text {
    position: relative;
    margin-top: 13px;
    
    height: 12px;
     
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    line-height: 12px;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 12px;
}
.grid_1 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    margin-top: 49px;
    height: 214px;
}

.number-ul {
 
  display:flex;
	flex-direction: row;
	justify-content:space-between;
	align-items: center;
	padding-right:90px;
	margin-top: 5.00rem;
 
}
.number-ul .item {

 margin:0 auto;
  color: #fff;
  display:inline-block;
	flex-direction: column;
	justify-content:space-between;
	align-items: center;
	

}
.number-ul .item:nth-child(5) {
  margin-right: 0;
}
.number-ul img {
  display: block;
  margin:0 auto;
  margin-bottom: 0.8rem;
}
.number-ul .title {
  font-size: 14px;
  padding-left: 8px;
  line-height: 18px;
  padding-top: 23px;
}
.number-three {
  overflow: hidden;
}
.number-three .item {
  position: relative;
  background-color: #fff;
  border-radius: 6px;
  float: left;
  height: 290px;
  width: 380px;
  padding-top: 32px;
  margin: 0 18px 18px 0;
  text-align: center;
  
}
.number-three .item:nth-child(3n) {
  margin-right: 0;
}
.number-three .item > div {
  padding: 0 46px;
}
.number-three .item img {
  margin: 0 auto;
  display: block;
}
.number-three .item .number-b-titme{
  margin: 32px 0 15px;
  font-size: 18px;
  color: #fff;

}

.number-bc-img{
	padding-top: 2.5rem;
}
.nmber-1200{
	width: 1200px;
	margin: auto;
}
.number-three {
  overflow: hidden;
}
.number-three .item {
  position: relative;
  background-color: #fff;
  border-radius: 6px;
  float: left;
  height: 290px;
  width: 380px;
  padding-top: 32px;
  margin: 0 18px 18px 0;
  text-align: center;
}
.number-three .item:nth-child(3n) {
  margin-right: 0;
}
.number-three .item > div {
  padding: 0 46px;
}
.number-three .item img {
  margin: 0 auto;
  display: block;
}
.number-three .item .title-a1 {
  margin: 32px 0 15px;
  font-size: 18px;
  colorr: #333;
}
.number-three .item .text-a1 {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
}

.number-num {
  overflow: hidden;
}
.number-num .item {
  float: left;
  width: 25%;
  color: #fff;
  text-align: center;
}
.number-num .item img {
  margin: 0 auto;
}
.number-num .item h1 {
  font-size: 72px;
}
.number-num .item h1 em {
  margin-left: -20px;
  font-size: 24px;
}
.number-num .item .p {
  font-size: 14px;
}

/*收钱码*/

.sweep-list {
  padding-top: 50px;
}
.sweep-list li {
  width: 540px;
  height: 126px;
  padding-top: 30px;
  padding-left: 30px;
}
.sweep-list li:hover {
  background-color: #fafafa;
}
.sweep-list li img {
  float: left;
  margin-right: 16px;
}
.sweep-list li .info {
  float: left;
  line-height: 36px;
}
.sweep-list li .info h1 {
  font-size: 24px;
  color: #333333;
}
.sweep-list li .info p {
  color: #666666;
  font-size: 16px;
}

/*小闪盒*/
.sweep-bak-main{
	background:url(../../images/web_oem/small-3-hover.png) 
	no-repeat; 
	height:649px ;
	background-size:cover;
	padding-top: 10.00rem;
	
}
.sweep-left-main{
  text-align: center;
  display: flex;
  flex-direction: row; 
  justify-content: end;
  align-items: end;
  flex-wrap: wrap;
	margin-top: 3.00rem;

 
}
.sweep-left-main .sweep-top-a{
	margin-right:10px;
	display: inline-block;
}
.sweep-left-main .sweep-top-a img{
	display: inline-block;
}
.sweep-left-main .sweep-top-b{
	color:#fff;
	text-align: left;
	
}

/*智能扫码盒*/
.fs-40 {
  font-size: 40px;
}

/*直播*/
.live-list {
  overflow: hidden;
  padding-bottom: 10px;
}
.live-list .item {
  width: 370px;
  height: 290px;
  border-radius: 10px;
  float: left;
  margin-right: 40px;
  box-shadow: #000 0px 0px 15px -11px;
}
.live-list .item:nth-child(3) {
  margin-right: 0;
}
.live-list .item .title-b1{
  color: #333;
  font-size: 16px;
  line-height: 40px;
  padding-left: 10px;
  font-weight: ;
  padding-right: 10px;
}
.live-list .item .text-b1 {
  padding-left: 10px;

  font-size: 14px;
  color: #666666;
}

.live-ul .item {
  float: left;
  margin-right: 22px;
}
.live-ul .item:last-child {
  margin-right: 0;
}
.live-bottom {
  overflow: hidden;

}
.live-bottom img {
  float: left;
  margin: 0 20px;
}

/*生鲜配送*/
.fresh-list {
  overflow: hidden;
  padding-bottom: 10px;
}
.fresh-list .item {
  width: 370px;
  height: 330px;
  border-radius: 10px;
  float: left;
  margin-right: 40px;
  box-shadow: #000 0px 0px 15px -11px;
}
.fresh-list .item:nth-child(3) {
  margin-right: 0;
}
.fresh-list .item .title {
  color: #333;
  font-size: 16px;
  line-height: 50px;
  padding-left: 10px;
}
.fresh-list .item .text {
  padding-left: 10px;
  line-height: 26px;
  font-size: 14px;
  color: #666666;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}

.fresh-item {
    float: left;
    margin: 0 25px 25px 0;
}

/*刷脸支付*/
.product-face-list {
 *zoom: 1;
 margin-top: 30px;
}
.product-face-list:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.product-face-list li {
  margin-right: 33.33333333px;
  width: 275px;
  text-align: left;
  float: left;
}
.product-face-list-img {
  width: 275px;
  height: 104px;
  background-color: red;
}
.product-face-list-img img {
  width: 275px;
  height: 104px;
}
.product-face-list-title {
  margin: 50px 0 30px;
  font-size: 16px;
  color: #108ee9;
}
.product-face-list-p {
  font-size: 14px;
  color: #999;
  line-height: 20px;
}

.section-face {
  padding-top: 100px;
  color: #fff;
  text-align: center;
}
.section-face .section-face-title {
  font-size: 30px;
}
.section-face .section-face-p {
  margin-top: 18px;
  font-size: 14px;
  margin-bottom: 60px;
}
.section-face .section-face-list {
  width: 100%;
  height: 318px;
}
.section-face .section-face-list li {
  width: 33.33333333%;
  float: left;
}
.section-face .section-face-list .section-face-list--title {
  font-size: 24px;
  margin: 35px 0 20px;
}
.section-face .section-face-list .section-face-list--p {
  line-height: 24px;
  font-size: 14px;
  width: 328px;
  margin: 0 auto;
}
.section-face .swiper-title {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background-color: #3a76e7;
  color: #fff;
  text-align: center;
  font-weight: normal;
}
.section-face .tabs {
  width: 230px;
  background-color: #fff;
  float: left;
  position: relative;
}
.section-face .tabs a {
  background-color: #f5f5f5;
  display: block;
  color: #666;
  line-height: 66.66666667px;
  padding-left: 30px;
  text-align: left;
  font-size: 14px;
  height: 57.14285714px;
}
.section-face .tabs a.active {
  background-color: #fff;
  color: #404040;
}
.section-face #tabs-container {
  background-color: #fff;
  width: 970px;
  height: 400px;
  float: left;
  color: #404040;
  text-align: left;
}
.section-face #tabs-container .swiper-slide {
  padding-left: 50px;
  padding-top: 50px;
  box-sizing: border-box;
}
.section-face #tabs-container .tabs-title {
  color: #404040;
  font-size: 24px;
}
.section-face #tabs-container .tabs-p {
  margin: 20px 0 60px;
  color: #666666;
  font-size: 14px;
}
.section-face #tabs-container .tabs-list li {
  padding-left: 44px;
  margin-bottom: 30px;
  position: relative;
}
.section-face #tabs-container .tabs-list li .tabs-list-yuan {
  text-align: center;
  position: absolute;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #3a76e7;
  color: #fff;
  left: 0;
  top: 0;
  line-height: 34px;
}
.section-face #tabs-container .tabs-list li .tabs-list-title {
  font-size: 14px;
  color: #3a76e7;
  margin-bottom: 8px;
  line-height: 12px;
}
.section-face #tabs-container .tabs-list li .tabs-list-p {
  font-size: 12px;
  color: #666666;
  line-height: 11px;
  height: 11px;
}

.section-facemac-list {
  text-align: left;
  *zoom: 1;
}
.section-facemac-list:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
.section-facemac-list li {
  margin-bottom: 30px;
  width: 220px;
  float: left;
  margin-right: 25px;
}
.section-facemac-list-img {
  width: 220px;
  height: 220px;
  background-color: #eff2f9;
  border-radius: 5px;
  text-align: center;
}
.section-facemac-list-img img {
  width: 100%;
  height: 100%;
}
.section-facemac-list-title {
  font-weight: bold;
  font-size: 18px;
  color: #333333;
  line-height: 56px;
}
.section-facemac-list-p {
  line-height: 24px;
  color: #666666;
  font-size: 12px;
}
.section-facemac-list-a {
  color: #fff;
  text-align: center;
  font-size: 16px;
  line-height: 38px;
  width: 130px;
  background-color: #3388ff;
  display: inline-block;
}