/*通用样式*/

* {
	margin: 0;
	padding: 0
}

img {
	border: none;
}

li {
	padding: 0px;
	list-style: none;
}

.mgq0 span {
	margin-right: 0px !important
}

p {
	margin: 0px;
}

.wbarea {
	width: 90%;
	margin: 0 auto;
	height: 100%;
}

.wbal {
	float: left;
	width: 100%;
}

.icon-welcto {
	height: 215px;
}

.wbar {
	float: right;
}

.clear {
	clear: both
}

/*头部样式*/

.header {
	width: 100%;
	height: 106px;
	background: white;
}

.logo-box {
	float: left;
}

.logo img {
	height: 33px;
	margin-top: 36px;
}

.header a {
	color: #363636;
	text-decoration: none;
}

.header span {
	margin-right: 35px
}

.header a:hover {
	color: #6C7EF0;
}

.navmenu {
	margin-right: 50px;
	height: 100%;
}

.navmenu ul {
	float: left;
	height: 100%;
}

.navmenu ul li {
	width: 100px;
	text-align: center;
	float: left;
	height: 100%;
	line-height: 106px;
}

/*搜索样式*/

.search {
	width: 270px;
	height: 40px;
	margin-top: 33px
}

.search td {
	height: 38px
}

.txtbar {
	height: 38px;
	width: 200px;
	border-style: solid;
	border-width: thin;
	border-color: #363636;
}

.txtbar input {
	width: 160px;
	height: 38px;
	line-height: 38px;
	border: 0
}

.gobar button {
	width: 70px;
	height: 40px;
	background-color: #363636;
	border: 0;
	vertical-align: middle;
}

/*part1*/

.part1 {
	width: 100%;
	height: 908px;
	position: relative;
}

.part1ct {
	width: 100%;
	height: 908px;
	background: url("../img/bg_part1.png") no-repeat center center;
	background-size: cover;
}

.part1bg {
	width: 100%;
	height: 908px;
}

.download-button {
	width: 360px;
	height: 56px;
	line-height: 24px;
	box-sizing: border-box;
	padding: 16px;
	border-radius: 4px;
	font-size: 22px;
	border: 0;
	background: #6c7eed;
	color: white;
	text-decoration: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 100px;
	bottom: 0;
	margin: auto;
	z-index: 999;
	box-shadow: 0 1px 1px -2px rgba(0, 0, 0, .2), 0 1px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.dld-text {
	margin-left: 22px;
}

.dld-icon {
	position: absolute;
	margin-left: 24px;
	width: 24px;
	height: 24px;
	background: url("../img/ic_get_app_black_24px.png");
}

.login-button {
	width: 360px;
	height: 56px;
	line-height: 24px;
	box-sizing: border-box;
	padding: 16px;
	border-radius: 4px;
	font-size: 22px;
	border: 0;
	color: #6c7eed;
	position: absolute;
	left: 0;
	right: 0;
	top: 240px;
	bottom: 0;
	margin: auto;
	z-index: 999;
}

.lgi-text {
	margin-left: 44px;
}

.lgi-icon {
	margin-left: 46px;
	position: absolute;
	width: 24px;
	height: 24px;
	background: url("../img/ic_arrow_forward_black_24px.png");
}

/*part2*/

.part2 {
	width: 100%;
	background: white
}

.p2tt {
	margin-top: 200px;
}

.p2inf {
	margin-top: 35px;
}

.tino {
	height: 70px;
	width: 840px;
	margin: 60px auto;
}

.tino .tion-box {
	float: left;
	margin-right: 25px;
}

.tino .tion-box-one {
	margin-left: 85px;
}

.tino .tion-box .YRG {
	float: left;
}

.tino .tion-box .YRG .YRG-span {
	font-size: 24px;
	line-height: 28px;
	float: left;
}

.YRG-span-p {
	width: 150px;
}

.YRG-span-img {
	margin-right: 8px;
}

.tino .tion-box .YRG .YRG-span p {
	display: block;
	float: left;
	width: 100%;
	height: 30px;
}

.tinotxt,
.blkbt {
	display: block;
	font-size: 14px;
}

.YRGino div,
.YBGino div,
.YDAino div {
	margin-bottom: 30px
}

.cainiao div {
	margin-bottom: 26px
}

.context {
	text-indent: 2em;
	line-height: 28px
}

/*part3*/

.part3 {
	width: 100%;
	background: white
}

/*底部样式*/

.footerbg {
	width: 100%;
	height: 608px;
	background: url("../img/bg_ftp.png");
}

.footer {
	width: 100%;
	height: 608px;
	background: url("../img/bg_fter.png")no-repeat;
	background-position: center center
}

.fttop {
	width: 100%;
	height: 528px;
	background: #1E2132;
	background: -moz-linear-gradient(21.02% 232.05% 45deg, rgba(43, 78, 118, 1) 0%, rgba(63, 39, 114, 1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(43, 78, 118, 1) 0%, rgba(63, 39, 114, 1) 100%);
	background: -webkit-gradient(linear, 21.02% 232.05%, 78.98% -132.05%, color-stop(0, rgba(43, 78, 118, 1)), color-stop(1, rgba(63, 39, 114, 1)));
	background: -o-linear-gradient(45deg, rgba(43, 78, 118, 1) 0%, rgba(63, 39, 114, 1) 100%);
	background: -ms-linear-gradient(45deg, rgba(43, 78, 118, 1) 0%, rgba(63, 39, 114, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2B4E76', endColorstr='#3F2772' ,GradientType=0)";
	background: linear-gradient(45deg, rgba(43, 78, 118, 1) 0%, rgba(63, 39, 114, 1) 100%);
	opacity: 0.9;
	filter: alpha(opacity=90) progid:DXImageTransform.Microsoft.Alpha(opacity=90) progid:DXImageTransform.Microsoft.gradient(startColorstr='#2B4E76', endColorstr='#3F2772', GradientType=1);
}

.about {
	width: 290px;
	position: absolute;
	margin-top: 160px
}

.abtwe {
	font-size: 18px;
	font-weight: bolder;
	color: #F3F5F5;
}

.abtweinf {
	font-size: 14px;
	line-height: 25px;
	margin-top: 30px;
	color: #C7C7E1
}

.line {
	height: 1px;
	background-color: #747591;
	border: none;
	margin-top: 30px
}

.soclink {
	margin-top: 30px;
}

.soclink span {
	width: 38px;
	height: 38px;
	float: left;
	margin-right: 20px;
}

.soclink span.mg_0 {
	margin: 0
}

.service {
	width: 226px;
	position: absolute;
	margin-top: 160px;
	margin-left: 330px;
}

.ulsty {
	margin-top: 30px;
}

.ulsty a {
	font-size: 14px;
	color: #C7C7E1;
	text-decoration: none;
}

.ulsty a:hover {
	color: #6C7EF0;
}

.ulsty hr {
	height: 1px;
	background-color: #747591;
	border: none;
}

.ulsty li {
	height: 33px;
	line-height: 33px;
}

.ulsty li img {
	margin-right: 30px;
}

.ftbottom {
	width: 100%;
	height: 80px;
	background: #1E2132
}

.ftbottom-left {
	float: left;
}

.ftbottom-right {
	float: right;
}

.contact {
	width: 226px;
	position: absolute;
	margin-top: 160px;
	margin-left: 596px;
}

/*part4*/

.part4 {
	width: 100%;
	height: 1070px;
	background: url("../img/bg_part4.png") no-repeat bottom;
	background-size: 100%;
	overflow: cover
}

.mgcont {
	margin-top: 35px !important;
	margin: 0px auto;
}

.mgtotal {
	margin-top: 80px !important;
	margin: 0px auto;
}

.mgtotal span {
	display: inline-block;
	float: left;
}

.mglist {
	width: 280px;
}

.mglist img {
	vertical-align: middle;
	padding-right: 20px
}

.mglist li {
	margin-left: 50px
}

.mglist div {
	margin-bottom: 35px
}

.mgpb {
	font-weight: bolder;
}

.mgpic {
	margin-left: 300px
}

.mgpic img {
	width: 500px;
}

/*part5*/

.part5 {
	width: 100%;
	height: 700px;
	background: url("../img/bg_part5.png") no-repeat;
	margin-top: 220px;
	overflow: cover
}

.p5txt {
	padding-top: 200px
}

.p5inf {
	margin-top: 35px;
}

.jmtxt {
	text-indent: 2em;
	line-height: 28px;
	color: white
}

.p5li {
	margin-top: 35px;
	float: left;
	width: 100%;
}

.p5li p {
	line-height: 40px;
	width: 146px;
	float: left;
}

.p5li img {
	vertical-align: middle;
	padding-right: 20px
}

.p5li span {
	float: left;
	margin-left: 28px;
}

.p5pb {
	color: white
}

/*part6*/

.part6 {
	width: 100%;
	height: 460px;
	background: #3c3658;
	background: url("../img/bg_part6.png") no-repeat center;
	overflow: cover
}

.p6txt {
	margin-top: 200px
}

.p6inf {
	margin-top: 35px;
	margin-bottom: 200px
}

.p6pic {
	height: 460px;
}

.p6pic img {
	margin-left: 530px
}

.mytxt {
	color: white;
	font-weight: bolder;
	text-align: center;
	padding-top: 230px
}

.p6mk {
	padding-top: 64px;
}

.p6mk span {
	float: left;
	width: 306px;
	height: 206px;
	margin-left: 204px;
	border-style: solid;
	border-width: 1px;
	border-color: white;
}

.p6mk-box {
	width: 100%;
	float: left;	
}

.mktt {
	margin-left: 24px;
	display: block;
	color: white;
}

.p6mktt {
	padding-top: 32px;
	padding-bottom: 32px;
	width: 100%;	
	text-align: center;
}

.p6mktxt {
	color: white;
	text-align: center;
	margin-top: 30px
}

.p6line {
	width: 30px;
	height: 2px;
	background-color: white;
	border: none;
	margin-top: 20px;
	margin-left: 137px;
}

.p6mk img {
	margin-top: 50px;
	margin-left: 130px;
}

.part7 {
	width: 100%;
	height: 460px;
	background: black
}

/*底部社交栏交互*/

.menu1 {
	width: 38px;
	height: 38px;
	display: block;
}

.menu1 a {
	width: 40px;
	height: 40px;
	display: block;
}

.menu1 a:link,
.menu1 a:visited {
	background: url("../img/ic_wc.png") no-repeat;
}

.menu1 a:hover {
	background: url("../img/ic_wch.png") no-repeat;
}

.menu2 {
	width: 38px;
	height: 38px;
	display: block;
}

.menu2 a {
	width: 40px;
	height: 40px;
	display: block;
}

.menu2 a:link,
.menu2 a:visited {
	background: url("../img/ic_wb.png") no-repeat;
}

.menu2 a:hover {
	background: url("../img/ic_wbh.png") no-repeat;
}

.menu3 {
	width: 38px;
	height: 38px;
	display: block;
}

.menu3 a {
	width: 40px;
	height: 40px;
	display: block;
}

.menu3 a:link,
.menu3 a:visited {
	background: url("../img/ic_qz.png") no-repeat;
}

.menu3 a:hover {
	background: url("../img/ic_qzh.png") no-repeat;
}

.menu4 {
	width: 38px;
	height: 38px;
	display: block;
}

.menu4 a {
	width: 40px;
	height: 40px;
	display: block;
}

.menu4 a:link,
.menu4 a:visited {
	background: url("../img/ic_fb.png") no-repeat;
}

.menu4 a:hover {
	background: url("../img/ic_fbh.png") no-repeat;
}

.menu5 {
	width: 38px;
	height: 38px;
	display: block;
}

.menu5 a {
	width: 40px;
	height: 40px;
	display: block;
}

.menu5 a:link,
.menu5 a:visited {
	background: url("../img/ic_tt.png") no-repeat;
}

.menu5 a:hover {
	background: url("../img/ic_tth.png") no-repeat;
}

/* ^底部社交栏交互^*/

.ctinf {
	margin-top: 30px;
}

.ctinf span {
	display: block;
	margin-bottom: 30px;
}

.cth {
	font-size: 14px;
	font-weight: bolder;
	color: white;
	margin-bottom: 10px
}

.ctp {
	font-size: 14px;
	color: #C7C7E1
}

.tcus {
	width: 328px;
	height: 528px;
	background: #272046;
}

.tcus,
.tcuscv {
	width: 328px;
	height: 528px;
}

.tcuscv {
	background-color: #272046;
	filter: alpha(opacity:90);
	opacity: 0.9;
	position: absolute;
}

.tittc {
	width: 298px;
	margin-top: 100px;
}

.thin {
	font-size: 34px;
	color: white;
	font-weight: lighter;
	margin-left: 40px
}

.bold {
	font-size: 28px;
	color: white;
	font-weight: bolder;
	margin-left: 40px;
}

/*赶快联系我们*/

.nainput input {
	font-size: 14px;
	color: #C7C7E1;
	height: 40px;
	width: 268px;
	border: 0;
	background: none;
	outline: none
}

.nainput {
	width: 268px;
	height: 40px;
	margin-left: 30px;
	margin-top: 20px;
	border-style: solid;
	border-width: thin;
	border-color: #747591;
	line-height: 38px;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
}

.nabutt button {
	width: 268px;
	height: 42px;
	background-color: #49436F;
	border: 0;
	margin-left: 30px;
	margin-top: 30px
}

.butttext {
	font-size: 14px;
	color: white
}

.botlogo img {
	height: 33px;
	margin-top: 24px;
}

.BRR {
	font-size: 14px;
	color: #7178A4;
	margin-top: 30px;
}

.ARR {
	font-size: 14px;
	color: #7178A4;
	margin-top: 30px;
	margin-right: 24px;
}

/*动画样式*/

.radius {
	width: 22px;
	height: 22px;
	margin: 0 auto;
	border-radius: 50%;
	background: white;
	-webkit-animation: float ease-in-out 2s infinite;
	animation: float ease-in-out 2s infinite;
}

@-webkit-keyframes float {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes float {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

/*banner滚动样式*/

.banner {
	width: 2560px;
	height: 480px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.long {
	width: 12800px;
	font-size: 0;
	position: absolute;
	left: 0;
	-webkit-animation: banner 10s infinite;
}

@-webkit-keyframes banner {
	0%,
	15% {
		left: 0;
	}
	25%,
	40% {
		left: -2560px;
	}
	50%,
	65% {
		left: -5120px;
	}
	75%,
	90% {
		left: -7680px;
	}
	100% {
		left: -10240px;
	}
}

@media only screen and (min-width: 321px) and (max-width: 1024px) {
	#search-box {
		display: none;
	}
	.mgpic {
		margin-left: 100px !important;
		margin-top: 20px;
	}
	.mgpic img {
		width: 400px;
	}
	.mgcont {
		margin-top: 35px !important;
		/* width: 80%; */
		margin: 0px auto;
	}
	.mgtotal {
		margin-top: 80px !important;
		/* width: 80%; */
		margin: 0px auto;
	}
	.touch {
		display: none;
	}
	.service {
		margin-left: 340px;
	}
	.contact {
		margin-left: 656px;
	}
	.ARR {
		display: inline-block;
		width: 450px !important;
		margin-right: 0px !important;
	}
	.p6mk span {
		width: 260px !important;
		height: 180px !important;
		margin-left: 25px !important;
	}
}