* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

img {
	vertical-align: middle;
}

li {
	list-style: none;
}

html,
body {
	width: 100%;
	height: 100%;
	min-width: 1200px;
}

.headerContainer {
	background-color: #0EC595;
	height: 876px;
	background: url(../img/bigBg.png) center center no-repeat, linear-gradient(45deg, #04cb7a, #06d984);
}

.headerMain {
	width: 1200px;
	margin: 0 auto;
	height: 100%;
}

.headerTitle {
	width: 100%;
	height: 140px;
	line-height: 140px;
}

.headerLogo {
	width: 144px;
	height: 100%;
	line-height: 140px;
	text-align: center;
	font-size: 24px;
	color: #fff;
	float: left;
}

.logo {
	margin-right: 15px;
	display: inline-block;
	width: 46px;
	height: 46px;
	vertical-align: middle;
	background-position: 0 46px;
}

.logoText {
	line-height: 140px;
}

.icon {
	background: url(../img/icon.png) no-repeat;
}

.headerBtnContainer {
	float: right;
	height: 100%;
}

.headerBtnContainer .headerBtn {
	padding: 0 30px;
	float: left;
}

.headerBtnContainer .headerBtn .headerLink {
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	transition: 0.5s;
	padding: 10px;
	position: relative;
	outline: none;
	border: none;
}

.headerBtnContainer .headerBtn .headerLink.active::after {
	width: 100%;
	left: 0;
}

.headerBtnContainer .headerBtn .headerLink::after {
	content: "";
	width: 0;
	position: absolute;
	left: 50%;
	bottom: 0;
	background-color: #fff;
	height: 3px;
	transition: all 0.2s;
}

.headerBtnContainer .headerBtn .headerLink:hover::after {
	width: 100%;
	left: 0;
}

.headerContent {
	width: 100%;
	position: relative;
}

.headerContent .bigText {
	color: #fff;
	font-weight: 900;
	margin: 86px 0 35px 0;
	font-size: 84px;
	line-height: 84px;
	text-align: left;
}

.headerContent .smText {
	color: #fff;
	margin-bottom: 53px;
	font-size: 46px;
	line-height: 46px;
	text-align: left;
}

.headerContent .downloadApp {
	width: 162px;
	height: 195px;
	padding: 12px 12px 0 12px;
	border-radius: 12px;
	background: #fff;
}

.headerContent .downloadApp img {
	width: 138px;
	height: 138px;
	margin: 0;
}

.headerContent .downloadApp .downloadAppText {
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #000;
	font-size: 20px;
}

.headerContent .airImg {
	padding: 15px;
	border-radius: 43px;
	overflow: hidden;
	background-color: #fff;
	position: absolute;
}

.headerContent .airImg img {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.headerContent .airImgInfo {
	position: relative;
	width: 100%;
}

.headerContent .airImgBig img {
	border-radius: 35px;
}

.headerContent .airImgsm img {
	border-radius: 24px;
}

.headerContent .airImgBig {
	right: 40px;
	top: 50px;
	z-index: 1;
	width: 380px;
	-webkit-animation: start 3s infinite ease-in-out;
}

.headerContent .airImgsm {
	right: 353px;
	top: 215px;
	z-index: 2;
	width: 281px;
	-webkit-animation: startSm 3s infinite ease-in-out;
}

.aboutContainer {
	width: 100%;
	/* height: 530px; */
	margin-bottom: 200px;
}

.aboutMainContainer {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}

.aboutContainer .aboutMain {
	width: 100%;
	position: absolute;
	top: -120px;
	padding: 35px 63px;
	background-color: #fff;
	z-index: 10;
	border-radius: 25px;
	box-shadow: 1px 1px 6px 1px #ccc;
}

.containerTitle {
	width: 100%;
	height: 85px;
	position: relative;

}

.containerTitle::after {
	content: "";
	position: absolute;
	width: 36px;
	height: 6px;
	left: 3px;
	bottom: 0;
	background-color: #FADEAF;
}

.containerTitle .downText {
	color: #00C279;
	font-weight: 900;
	text-align: left;
	font-size: 22px;
	line-height: 44px;
	opacity: 0.15;
}

.containerTitle .containerTitleText {
	position: absolute;
	z-index: 5;
	height: 85px;
	line-height: 85px;
	font-size: 38px;
	color: #000;
	top: 0;
	left: 0;
	text-shadow: 0px -9px 8px #fff
}

.aboutText {
	padding: 45px 0 10px 0;
	position: relative;
}

.aboutText::after {
	content: "";
	width: 68px;
	height: 40px;
	position: absolute;
	background: url(../img/icon.png) no-repeat;
	background-position: 0 -55px;
	left: -100px;
	top: 40px;
}

.aboutText p {
	color: #4D4D4D;
	line-height: 38px;
	font-size: 18px;
	text-indent: 2em;
	margin-bottom: 10px;
}

.businessCoopeContainer {
	background-color: #F9FDFC;
}

.businessCoopeMain {
	width: 1200px;
	margin: 0 auto;
	padding: 57px 0 0 0;
}

.businessCoopeBox {
	width: 100%;
	height: 442px;
	border-radius: 18px;
	margin: 65px auto 78px auto;
	overflow: hidden;
	box-shadow: 1px 1px 6px 1px #ccc;
}

.coopeleftTab {
	float: left;
	width: 212px;
	height: 100%;
	padding-top: 52px;
	padding-left: 50px;
	background-color: #04CE7C;
	background: url(../img/bannerBg.png) right bottom no-repeat, linear-gradient(45deg, #04cb7a, #06d984);
}

.coopeleftTab li {
	line-height: 74px;
	font-size: 22px;
	color: #CAF3E1;
	width: 100%;
	text-align: left;
}

.coopeleftTab .tabActive {
	line-height: 62px;
	font-size: 26px;
	font-weight: 500;
	position: relative;
	margin-bottom: 10px;
	color: #fff;
}

.coopeleftTab .tabActive::after {
	content: "";
	position: absolute;
	width: 54px;
	height: 3px;
	left: 3px;
	bottom: 0;
	background-color: #fff;
}

.coopeRightItem {
	float: left;
	width: 988px;
	height: 100%;
	background-color: #fff;
}

.coopeRightItem .itemTop {
	width: 100%;
	height: 300px;
	padding-left: 35px;
}

.coopeRightItem .itemTop li {
	width: 33.33%;
	height: 86px;
	float: left;
	padding-left: 86px;
	margin-top: 43px;
	position: relative;
}

.itemIcon {
	width: 50px;
	height: 50px;
	position: absolute;
	left: 18px;
	top: 18px;
	z-index: 5;
	background: url(../img/icon.png) no-repeat;
}

.itemBottemIcon {
	width: 35px;
	height: 38px;
	background: url(../img/icon.png) no-repeat;
	margin: 0 auto;
}

.item1 {
	background-position: -0px -108px;
}

.item2 {
	background-position: -66px -108px;
}

.item3 {
	background-position: -132px -108px;
}

.item4 {
	background-position: -202px -108px;
}

.item5 {
	background-position: -264px -108px;
}

.item6 {
	background-position: -328px -110px;
}

.item7 {
	background-position: -0 -172px;
}

.item8 {
	background-position: -46px -172px;
}

.item9 {
	background-position: -90px -172px;
}

.item10 {
	background-position: -139px -172px;
}

.item11 {
	background-position: -185px -172px;
}

.item12 {
	background-position: -228px -172px;
}

.coopeRightItem .itemTop li .itemTopListTitle {
	font-weight: 500;
	font-size: 18px;
	color: #000;
	line-height: 48px;
}

.coopeRightItem .itemTop li .itemTopListText {
	font-size: 15px;
	line-height: 15px;
	color: #333;
}

.itemBottem {
	width: 100%;
	height: 142px;
}

.itemBottem .itemBottemList {
	float: left;
	width: 16.66%;
	text-align: center;
	position: relative;
}

.itemBottem .itemBottemList .itemBottemText {
	line-height: 63px;
	color: #333;
	font-size: 15px;
}

.contactUsContainer {
	width: 100%;
	height: 633px;
	background-color: #fff;
	padding-top: 34px;
}

.contactUsMain {
	width: 1200px;
	margin: 0 auto;
	height: 495px;
}

.contactUsBox {
	width: 100%;
	height: 318px;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 1px 1px 6px 1px #ccc;
	margin-top: 65px;
}

.contactUsBox .contactUsRight {
	padding-left: 40px;
	padding-right: 40px;
	float: left;
	width: 926px;
	height: 100%;
}

.contactUsBox .contactUsLeft {
	width: 274px;
	height: 100%;
	padding: 38px 0;
	float: left;
}

.contactUsBox .contactUsLeft .towCodeScan {
	width: 100%;
	height: 100%;
	border-right: 1px solid #F5F5F5;
	padding-top: 30px;
	padding: 30px 70px 0 70px;
}

.contactUsBox .contactUsLeft .towCodeScan img {
	text-align: center;
	vertical-align: top;
	width: 100%;
	height: auto;
}

.contactUsBox .contactUsLeft .towCodeScan p {
	font-size: 18px;
	color: #333;
	text-align: center;
	line-height: 100px;
}

.contactUsRightList {
	width: 100%;
	height: 80px;
	border-bottom: 1px solid #F5F5F5;
}

.contactUsicon {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(../img/icon.png) no-repeat;
	margin-right: 12px;
	line-height: 80px;
	vertical-align: middle;
}

.contactUsRightList span {
	line-height: 80px;
	color: #333;
	font-size: 20px;
}

.item13 {
	background-position: -0px -219px;
}

.item14 {
	background-position: -33px -219px;
}

.item15 {
	background-position: -67px -219px;
}

.item16 {
	background-position: -101px -219px;
}

.footerContainer {
	width: 100%;
	height: 284px;
	background: #303030;
	padding-top: 53px;
}

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

.footerLeft {
	width: 600px;
	height: 100%;
}

.footerLogoBox {
	width: 100%;
	height: 50px;
}

.footerLogo {
	margin-right: 10px;
	display: inline-block;
	width: 46px;
	height: 46px;
	vertical-align: middle;
	background: url(../img/icon.png) no-repeat;
	background-position: 0 0;
	float: left;
}

.fooerTitle {
	float: left;
	color: #fff;
	font-weight: 900;
	line-height: 21px;
	font-size: 18px;
}

.fooerText {
	float: left;
	color: #fff;
	line-height: 20px;
	font-size: 16px;
}

.fooerLink {
	width: 100%;
	margin-top: 30px;
}

.fooerLink li {
	width: 100%;
	line-height: 36px;
	color: #fff;

}

.fooerLink li .linkLeft {
	float: left;
	font-size: 18px;
	margin-right: 90px;
	text-decoration: none;
	color: #fff;
}

.fooerLink li .linkRight {
	/* font-size: 18px; */
}

.footerRight {
	width: 211px;
	float: right;
}

.footerRightTitle {
	width: 100%;
	font-size: 26px;
	font-weight: 900;
	margin-bottom: 23px;
	color: #fff;
}

.footerDownloadApp {
	width: 92px;
	display: inline-block;
}

.footerDownloadApp .imgBox {
	width: 92px;
	height: 92px;
	padding: 5px;
	background-color: #fff;
}

.footerDownloadApp .imgBox img {
	width: 100%;
	height: 100%;
}

.footerDownloadApp p {
	font-size: 20px;
	line-height: 40px;
	color: #fff;
	text-align: center;
}

.aboutUsItem {
	position: absolute;
	top: -120px;
}

@keyframes start {
	0% {
		transform: translate(0, 0px);
	}

	50% {
		transform: translate(0px, 12px);
	}

	100% {
		transform: translate(0, 0px);
	}
}

@keyframes startSm {
	0% {
		transform: translate(0, 0px);
	}

	50% {
		transform: translate(0px, 8px);
	}

	100% {
		transform: translate(0, 0px);
	}
}

.updateOverTime {
	border-radius: 4px;
	height: 260px;
}

.bgs {
	width: 700px;
}

.productInfo {
	padding: 30px 0;
	height: 260px;
	border-top: 2px solid #ccc;
}

.commodity {
	margin: 20px 0 10px 0;
}


.productContainer {
	width: 100%;
	display: none;
}

.productContainer .productMain {
	width: 100%;
	position: relative;
	top: -120px;
	padding: 35px 63px;
	background-color: #fff;
	z-index: 10;
	border-radius: 25px;
	box-shadow: 1px 1px 6px 1px #ccc;
}

.record {
	font-size: 14px;
	color: rgb(147, 147, 147);
	line-height: 40px;
	background-color: #1a1b1d;
	text-align: center;
	min-width: 1200px;
}

.record a {
	color: rgb(147, 147, 147);
	-webkit-text-decoration: none;
	text-decoration: none;
	height: 20px;
	lineHeight: 20px;
}

.gridContentLeft {
	width: 300px;
	height: 100%;
	float: left;
}

.gridContentLeft img {
	width: 100%;
}

.productList {
	padding-top: 30px;
}