/*全局样式*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500
}

body {
	background: #f2f5f5;
}

ul {
	list-style: none
}

.cl {
	clear: both
}

.abs {
	position: absolute;
}

.rel {
	position: relative;
}

a {
	text-decoration: none
}

img {
	border: none;
}

.fl {
	float: left;
}

.fr {
	float: right
}

.fix {
	position: fixed;
}

.abs {
	position: absolute;
}

.rel {
	position: relative;
}

.din {
	display: none;
}

.dib {
	display: block;
}

.mt20 {
	margin-top: 0.533333rem
}

.mb20 {
	margin-bottom: 0.533333rem;
}

.ml20 {
	margin-left: 0.533333rem;
}

.mr20 {
	margin-right: 0.533333rem
}

.h100 {
	height: 2.666667rem;
}

.h20 {
	height: 0.533333rem;
}

.h88 {
	height: 2.346667rem
}

.h120 {
	height: 3.2rem;
}

.ovh {
	overflow: hidden;
}

.space20 {
	height: 0.533333rem;
}

/*表单类\输入框\radio\checkbox*/
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
input[type="number"],
select,
textarea,
input[type=checkbox],
input[type=radio] {
	border: none;
	background-color: transparent;
	border-radius: 0;
	box-shadow: none;
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 2.2rem;
	line-height: normal;
	color: #424242;
	font-size: 0.8rem;
	font-family: inherit;
	box-sizing: border-box;
	-webkit-user-select: text;
	user-select: text;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
}

*:focus {
	outline: none;
}

.header {
	width: 100%;
	height: 2.666667rem;
	margin: 0 auto;
	z-index: 11;
	transition: background .3s cubic-bezier(.51, .01, 0, 1), -webkit-transform .6s cubic-bezier(.51, .01, 0, 1);
	transition: transform .6s cubic-bezier(.51, .01, 0, 1), background .3s cubic-bezier(.51, .01, 0, 1);
	transition: transform .6s cubic-bezier(.51, .01, 0, 1), background .3s cubic-bezier(.51, .01, 0, 1), -webkit-transform .6s cubic-bezier(.51, .01, 0, 1);
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
}

.header.fixed {
	position: fixed;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.header .logo {
	margin: 0.533333rem 0;
	display: block;
}

.header .logo img {
	height: 1.6rem;
}

.header .slogn {
	display: none;
}

.header .logo1 {
	display: none;
}

.header.float-down {
	background: #fff;
	-webkit-transform: translate(-50%, -150%);
	-ms-transform: translate(-50%, -150%);
	transform: translate(-50%, -150%);
}

.header.float-up {
	background: #fff;
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .07);
}

.header.float-up .logo1 {
	display: block;
}

.header.float-up .logo2 {
	display: none;
}

.header .fr {
	display: none;
}

.header .btms {
	padding: 0 20px;
	display: inline-block;
	height: 28px;
	border-radius: 4px;
	line-height: 28px;
	color: #fff;
	background: linear-gradient(360deg, #f93700c9 0%, #f92800c7 100%);
	cursor: pointer;
	font-size: 14px;
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	margin: auto;
}

.joinus .btn {
	display: none;
}

.joinus .btns {
	padding: 0 0.8rem;
	display: inline-block;
	height: 1.6rem;
	font-size: 0.693333rem;
	background: #fff;
	border-radius: 4px;
	color: #0076F9;
	line-height: 1.6rem;
	margin: 0.8rem 0 0 0;
}

.index-banner {
	width: 100%;
	height: 100%;
}

.index-banner .m {
	width: 100%;
	height: 100%;
}

.index-banner .m img {
	width: 100%;
	height: auto;
}

.index-banner video {
	width: 100%;
	object-fit: fill;
	height: 100%;
}
.index-banner .video-container{
	position: absolute;
	top: 25%;
}
.index-banner video.pc {
	display: none;
}

.index-banner .index-banner-txt {
	margin: 12rem 1.0rem 0;
}

.index-banner .index-banner-txt p {
	color: #fff;
	font-size: 1.15rem;
	line-height: 1.6rem;
	font-weight: 500;
	margin-bottom: 0.533333rem;
}

.index-banner .index-banner-txt a {
	border: 1px solid #FFFFFF;
	height: 2rem;
	line-height: 2rem;
	color: #fff;
	font-size: 0.9rem;
	padding: 0 0.8rem 0 2.4rem;
	background: url(../images/ico-play.png) 0.8rem center no-repeat;
	background-size: 1.4rem;
	display: inline-block;
	margin: 2.666667rem 0 0 0;
}

.index-banner .videoModel {
	position: fixed;
	border-radius: 10px;
	width: 340px;
	height: 60px;
	margin: auto;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	/* background-color: #fff; */
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	z-index: 999999;
	display: none;
	word-wrap: break-word;
}

.index-banner .videoModel .head {
	/* background-color: #313131; */
	width: 100%;
	text-align: center;
	line-height: 60px;
}

.index-hd {
	text-align: center;
	margin: 0 0.8rem;
}

.index-hd h2 {
	font-size: 1.2rem;
	line-height: 1.566667rem;
	color: #232323;
	margin-bottom: 0.533333rem;
}

.index-hd p {
	font-size: 0.70rem;
	color: #555555;
	line-height: 1.0rem;
}

.index-hd.white h2,
.index-hd.white p {
	color: #fff;
}

.index-logistics .index-hd .ljrz {
	padding: 0 0.8rem;
	display: inline-block;
	height: 1.466667rem;
	background: linear-gradient(360deg, #006BF9 0%, #00ADFB 100%);
	border-radius: 4px;
	color: #fff;
	line-height: 1.466667rem;
	margin: 1.333333rem 0 0 0;
	font-size: 0.693333rem;
}

.index-logistics .index-hd .ljrzs {
	display: none;
}

.index-core-technologies {
	margin: 1.866667rem 0;
}

.index-core-technologies ul {
	margin: 1.0rem 0.8rem 0;
}

.index-core-technologies ul li {
	text-align: center;
	margin-bottom: 0.8rem;
}

.index-core-technologies ul li img {
	width: 10rem;
	height: 10rem;
	object-fit: contain;
	display: block;
	margin: 0 auto;
}

.index-core-technologies ul li h3 {
	font-size: 0.90rem;
	color: #333333;
	line-height: 1.4rem;
	margin: -1rem 0 0 0;
}

.index-core-technologies ul li p {
	font-size: 0.75rem;
	color: #888;
	line-height: 1.2rem;
	margin: 0 auto;
}

.index-pain-spot {
	background: url(../images/index-pain-spot-bg.png) 0 center no-repeat;
	background-size: cover;
	padding: 2.4rem 0;
	box-sizing: border-box;
}

.index-pain-spot ul {
	margin: 1.6rem 0 0 0;
}

.index-pain-spot ul li {
	position: relative;
	width: 18.4rem;
	height: 11rem;
	margin: 0.8rem;
	background: #fff;
}
.index-pain-spot ul li.h14rem{
	height: 14rem;
}
.index-pain-spot ul li img {
	width: 18rem;
	margin: 0.8rem 0 0 0;
}
.index-pain-spot ul li img.img{
	margin: 3.8rem 0 0 0;
}
.index-pain-spot ul li p {
	position: absolute;
	top: 1.333333rem;
	left: 0;
	margin: 0 1.333333rem;
	text-align: center;
	color: #333333;
	font-size: 0.8rem;
	line-height: 1.2rem;
}

.index-advantage {
	background: linear-gradient(90deg, #20C7E3 0%, #4CA4F6 100%);
	padding: 2.4rem 0;
	box-sizing: border-box;
	overflow: hidden;
}

.index-advantage ul {
	margin: 1.6rem 0 0 0;
}

.index-advantage ul li {
	float: left;
	width: 9.6rem;
	height: 7.6rem;
	background: #FFFFFF;
	margin: 0 0 0.266667rem 0.266667rem;
	text-align: center;
	padding: 0.4rem 0.533333rem;
	box-sizing: border-box;
}
.index-advantage ul li.lih245p{
	height: 8.8rem;
}
.index-advantage ul li img {
	width: 5.533333rem;
	object-fit: contain;
	margin: 0 auto;
	display: block;
}

.index-advantage ul li p {
	font-size: 0.64rem;
	color: #333;
	line-height: 0.88rem;
}

.index-settling {
	padding: 2.4rem 0;
	overflow: hidden;
}

.index-settling .con ul {
	margin: 1.866667rem 0 0 0;
}

.index-settling .con ul li {
	float: left;
	width: 4.0rem;
	margin: 0 0 0.8rem 2.0rem;
}

.index-settling .con ul li span {
	display: block;
	width: 4.0rem;
	height: 4.0rem;
	background: url(../images/index-settling-ico.png) 0 0 no-repeat;
	background-size: 36.0rem;
}

.index-settling .con ul li span.ico2 {
	background-position: -8.0rem 0;
}

.index-settling .con ul li span.ico3 {
	background-position: -16.0rem 0;
}

.index-settling .con ul li span.ico4 {
	background-position: -24.0rem 0;
}

.index-settling .con ul li span.ico5 {
	background-position: -32.0rem 0;
}

.index-settling .con ul li p {
	color: #333;
	font-size: 0.586667rem;
	line-height: 0.853333rem;
	text-align: center;
	width: 4.16rem;
	margin: 0.8rem 0 0 0;
}

.index-matching {
	background: #0076F9;
	padding: 1.6rem 0.8rem;
	overflow: hidden;
}

.index-matching-txt {
	position: inherit;
}

.index-matching-txt h2 {
	font-size: 1.2rem;
	color: #fff;
	line-height: 1.333333rem;
	margin-bottom: 1.333333rem;
	text-align: center;
}

.index-matching-txt p {
	font-size: 0.693333rem;
	color: #fff;
	line-height: 1.12rem;
	margin-bottom: 1.066667rem;
	font-weight: lighter;
}

.index-logistics {
	background: #fff;
	overflow: hidden;
}

.index-logistics .index-hd {
	margin: 2.4rem 0 0 0;
}

.index-logistics .index-hd p {
	width: auto;
	margin: 0;
}

.index-logistics .index-hd a {
	padding: 0 0.8rem;
	display: inline-block;
	height: 1.466667rem;
	background: linear-gradient(360deg, #006BF9 0%, #00ADFB 100%);
	border-radius: 4px;
	color: #fff;
	line-height: 1.466667rem;
	margin: 1.333333rem 0 0 0;
	font-size: 0.693333rem;
}

.index-logistics .earth {
	width: 20rem;
	margin: 1.6rem 0;
}

.index-culture {
	background: url(../images/index-cultural-bg.png) 0 center no-repeat;
	background-size: cover;
	padding: 2.4rem 0;
	box-sizing: border-box;
	overflow: hidden;
}

.index-culture .index-hd {
	text-align: left;
}

.index-culture .con {
	margin: 1.333333rem 0.8rem 0;
}

.index-culture .con dl {
	margin-bottom: 0.8rem;
}

.index-culture .con dt {
	font-size: 1rem;
	color: #0076F9;
	line-height: 1.333333rem;
}

.index-culture .con dd p {
	color: #555555;
	font-size: 0.7rem;
	line-height: 1.253333rem;
}
.index-culture .con dd p span{
	font-weight: 600;
}
.index-lightspot {
	background: url(../images/index-lightspot-bg.png) 0 center no-repeat;
	background-size: cover;
	overflow: hidden;
	padding: 2.6rem 0.8rem 6rem;
}

.index-lightspot h2 {
	color: #fff;
	font-size: 1.493333rem;
	line-height: 1.866667rem;
	margin-bottom: 0.8rem;
}

.index-lightspot p {
	color: #fff;
	font-size: 0.693333rem;
	line-height: 1.173333rem;
	font-weight: lighter;
}

.index-enterprise {
	background: #f3f5f8;
	padding: 2.4rem 0;
	overflow: hidden;
}

.index-enterprise ul li {
	width: 5.95rem;
	height: 2.4rem;
	box-shadow: 0px 7px 12px 1px rgba(0, 118, 249, 0.05);
	margin: 0.533333rem 0 0 0.533333rem;
	float: left;
	background: #fff;
}

.index-enterprise ul li img {
	width: 5.95rem;
	height: 2.4rem;
	object-fit: contain;
}

.joinus {
	background: url(../images/joinus-bg.png) center 0 no-repeat;
	background-size: cover;
	height: 7rem;
	text-align: center;
	padding: 1.666667rem 0;
	box-sizing: border-box;
}

.joinus h3 {
	color: #FFFFFF;
	font-size: 1.013333rem;
	line-height: 1.173333rem;
}

.joinus a {
	padding: 0 0.8rem;
	display: inline-block;
	height: 1.6rem;
	font-size: 0.693333rem;
	background: #fff;
	border-radius: 4px;
	color: #0076F9;
	line-height: 1.6rem;
	margin: 0.8rem 0 0 0;
}

.footer {
	background: #F4F7FB;
}

.footer .footercon {
	padding: 1.333333rem 0;
}

.footer .footercon .logo img {
	height: 1.6rem;
	display: none;
}

.footer .footercon dl dt {
	color: #333333;
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 10px;
	padding: 0.8rem;
	border-bottom: #f0f0f0 1px solid;
}

.footer .footercon dl dd a {
	display: block;
	color: #666666;
	font-size: 0.693333rem;
	line-height: 2.133333rem;
	border-bottom: #f0f0f0 1px solid;
	padding: 0 0.8rem;
}

.footer .footercon dl dd p {
	color: #666666;
	font-size: 0.693333rem;
	line-height: 0.746667rem;
	margin-top: 0.533333rem;
	padding: 0 0.8rem;
}

.footer .footercon .qrcode {
	/* background:#fff; */
	width: 130px;
	height: 130px;
	margin: 1.066667rem auto 0;
	font-size: 0.693333rem;
}

.footer .footercon .qrcode img {
	width: 120px;
	height: 120px;
	display: block;
}

.footer .footercon .qrcode .qrcode_code .code_title{
	text-align: center;
	margin-top: 5px;
}

.footer .footercon .qrcode .hidd{
	display: none;
}

.footer .footercon .dd {
	padding: 0 !important;
}

.client{
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.client .client_code{
	width: 120px;
	overflow: hidden;
}
.client .client_code img {
	width: 100%;
	display: block;
}
.client .client_code .code_title{
	text-align: center;
	font-size: 0.693333rem;
	padding-top: 5px;
}
.ddtop85p{
	top: 85px !important;
}
.ddtop95p{
	top: 95px !important;
}
.footer .copyright {
	overflow: hidden;
	text-align: center;
	color: #5A5A5A;
	font-size: 0.693333rem;
	line-height: 1.333333rem;
	padding: 0.266667rem 0;
}

.footer .copyright span {
	margin: 0 0.266667rem;
}

.footer .copyright a {
	color: #5A5A5A;
	margin: 0 0.266667rem;
}