/* CSS Document */
  body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td {
	margin:0;
	padding:0
}
body, button, input, select, textarea {
	font:12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif
}
h1 {
	font-size:18px
}
h2 {
	font-size:16px
}
h3 {
	font-size:14px
}
h4, h5, h6 {
	font-size:100%
}
address, cite, dfn, em, var {
	font-style:normal
}
code, kbd, pre, samp, tt {
	font-family:"Courier New", Courier, monospace
}
small {
	font-size:12px
}
ul, ol {
	list-style:none
}
a, img, button, input, textarea {
	outline:none;
	border:none;
	background:none;
	-webkit-appearance:none
}
a {
	color:#2f2f2f;
	text-decoration:none
}
a, img, button, input, textarea, div, p {
	-webkit-tap-highlight-color:rgba(255, 255, 255, 0)
}
abbr[title], acronym[title] {
	border-bottom:1px dotted;
	cursor:help
}
q:before, q:after {
	content:''
}
legend {
	color:#000
}
fieldset, img {
	border:none
}
button, input, select, textarea {
	font-size:100%
}
table {
	border-collapse:collapse;
	border-spacing:0
}
hr {
	border:none;
	height:1px
}
html {
	overflow-y:scroll;
	-ms-touch-action:manipulation;
	touch-action:manipulation
}
img {
	display:block;
	width:100%
}
html, body {
	font-family:'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif
}
* {
	-moz-user-select:none;
	-ms-user-select:none;
}
.container {
	max-width:1200px;
	margin:0 auto
}
.nav-bar {
	height:90px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.nav-bar .logo {
	width:197px;
	margin-left:56px
}
.banner {
	position:relative;
	overflow:hidden
}
.banner .container {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:8;
	color:#333;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.banner .title {
	position:relative;
	display:inline-block;
	padding-bottom:.5em;
	font-size:60px;
	font-weight:bold
}
.banner .title::before {
content:'';
position:absolute;
left:0;
bottom:0;
width:45%;
height:.33em;
background:#fff;
border-radius:.33em
}
.banner .desc {
	width:770px;
	line-height:48px;
	margin-top:42px;
	font-size:24px
}
.product-wrapper .title {
	margin-top:65px;
	font-size:60px;
	text-align:center
}
.product-wrapper .product-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.product-wrapper .product-item {
	width:32.46%;
	padding:27px 20px 15px;
	margin-top:30px;
	margin-right:1.3%;
	border-radius:10px;
	-webkit-box-shadow:0 0 10px #dce1ee;
	box-shadow:0 0 10px #dce1ee;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.product-wrapper .product-item:nth-child(3n) {
margin-right:0
}
.product-wrapper .pdct-head {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.product-wrapper .pdct-head .pdct-logo {
	width:100px;
	height:100px
}
.product-wrapper .pdct-head .other-info {
	padding-left:20px;
	font-weight:bold
}
.product-wrapper .pdct-head .pdct-title {
	padding-bottom:10px;
	font-size:28px
}
.product-wrapper .pdct-head .pdct-desc {
	font-size:20px
}
.product-wrapper .pdct-body {
	padding-top:15px;
	line-height:1.5;
	font-size:14px;
	color:#666
}
.product-wrapper .pdct-footer {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin-top:45px
}
.product-wrapper .pdct-footer .app-stores {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	width:127px
}
.product-wrapper .pdct-footer .store-item {
	width:24px;
	height:24px
}
.product-wrapper .pdct-footer .get-more {
	display:block;
	padding-right:26px;
	font-size:20px;
	color:#296BEF;
	text-align:right;
	background:url("../img/arrow_r.png") right center no-repeat;
	background-size:21px auto
}
.footer {
	margin-top:80px;
	background:#0B0B0B;
	text-align:center
}
.footer .contact-us {
	line-height:78px;
	border-bottom:1px solid #272727;
	color:#fff;
	font-size:18px
}
.footer .last-info, .footer .last-info a {
	font-size:14px;
	color:#999
}
.footer .last-info-box {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	height:76px
}
.footer .last-info {
	line-height:1.5;
	padding:0 5%;
	text-align:center
}
.footer .last-info a {
	display:inline-block
}
@media (max-width: 1280px) {
.container {
max-width:1000px
}
}
@media (max-width: 1024px) {
.nav-bar {
height:60px
}
.nav-bar .logo {
width:130px;
margin-left:10px
}
.banner {
height:auto;
padding:30px 0
}
.banner .container {
position:relative;
width:auto;
margin:0 2%
}
.banner .bg-img {
position:absolute;
left:50%;
top:0;
height:100%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}
.banner .title {
font-size:40px
}
.banner .desc {
width:auto;
line-height:1.5;
margin-top:20px;
font-size:16px
}
.product-wrapper .title {
margin-top:42px;
font-size:40px
}
.product-wrapper .product-item {
width:94%;
margin:30px auto 0
}
.product-wrapper .product-item:nth-child(3n) {
margin-right:auto
}
.product-wrapper .pdct-footer {
margin-top:30px
}
}