html {
  font-family: "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  background: #f7f7f7;
  min-width: 960px;
  margin: 0 auto;
  /* overflow-x: hidden; */
}

body{
  /* overflow-x: hidden; */
}

html,
body,
div,
object,
iframe,
applet,
object,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
address,
dl,
dt,
dd,
ol,
ul,
li,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
progress {
  margin: 0;
  padding: 0;
  border: 0;
}

li {
  list-style: none
}

a {
  background-color: transparent;
  text-decoration: none
}

a:active, a:visited, a:hover{
  color: #fff;
}

b,
strong {
  font-weight: bold
}

img {
  border: 0;
  vertical-align: middle;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block
}

audio,
canvas,
progress,
video {
  display: inline-block
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

td,
th {
  padding: 0
}

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

.clearfix {
  zoom: 1;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.wrap {
  width: 1200px;
  margin: 0 auto;
}


.banner-wrap{
  margin-bottom: 90px;
  width: 100%;
  height: 600px;
  background: url('../img/banner.png?v=202403261627') no-repeat center center / cover;
}

.product-list{
  margin-bottom: 90px;
}

.product-item{
  display: flex;
  box-sizing: border-box;
  padding: 25px 18px;
  margin-bottom: 20px;
  width: 100%;
  background: #fff;
}

.product-item-img{
  margin-right: 27px;
  width: 325px;
	height: 180px;
}

.product-item-right{
  flex: 1;
  margin-top: 5px;
}

.product-item-title{
  margin-bottom: 13px;
  font-family: SourceHanSansCN-Bold;
	font-size: 26px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 0px;
	color: #000000;
}

.product-item-content{
  margin-bottom: 20px;
  font-family: SourceHanSansCN-Light;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #333333;
  text-align: justify;
}

.product-item-content span{
  font-family: SourceHanSansCN-Bold;
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #333333;
}

.product-item-download{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 143px;
	background-image: linear-gradient(0deg, 
		#de0000 0%, 
		#ff6600 100%);
	border-radius: 14.188px;
  font-family: SourceHanSansCN-Medium;
	font-size: 15.82px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 29px;
	letter-spacing: 3.2px;
	color: #ffffff;
}

.product-item-download img{
  width: 13px;
	height: 15px;
  margin-left: 5px;
}

.introduce{
  padding-top: 81px;
  padding-bottom: 84px;
  width: 100%;
  background: #000;
}

.introduce-title{
  margin-bottom: 33px;
  font-family: SourceHanSansCN-Bold;
	font-size: 36px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 3.6px;
	color: #ffffff;
}

.introduce-box{
  display: flex;
}

.introduce-content{
  margin-right: 81px;
  font-family: SourceHanSansCN-Light;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
  text-indent: 35px;
  text-align: justify;
}

.introduce-content a{
  color: #fff;
}

.qrcode-wrap{
}

.qrcode-box{
  width: 320px;
  margin-bottom: 21px;
  display: flex;
  justify-content: space-around;
}

.qrcode-item img{
  margin-bottom: 8px;
  width: 115px;
	height: 115px;
}

.qrcode-item p{
  font-family: SourceHanSansCN-Light;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
  line-height: 1;
	letter-spacing: 2.8px;
	color: #ffffff;
  text-align: center;
}

.qrcode-tip{
  font-family: SourceHanSansCN-Regular;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 0px;
	color: #ffffff;
  text-align: center;
}