/* 苹方-简 常规体 */
@font-face {
  font-family: 'PingFangSC-Regular-ttf';
  src: url('./PingFangSC-Regular.woff2') format('truetype');
}

/* 苹方-简 中黑体 */
@font-face {
  font-family: 'PingFangSC-Medium-ttf';
  src: url('./PingFangSC-Medium.woff2') format('truetype');
}

/* 苹方-简 中粗体 */
@font-face {
  font-family: 'PingFangSC-Semibold-ttf';
  src: url('./PingFangSC-Semibold.woff2') format('truetype');
}

@font-face {
  font-family: 'DIN-Alternate-Bold';
  src: url('./DIN-Alternate-Bold.woff2') format('truetype');
}

*{
  margin: 0;
  padding: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  font-family: 'PingFangSC-Regular-ttf';
	background: #F9FAFB;
}
.box{
	max-width: 1920rem;
	margin: 0 auto;
}
.mid{
	max-width: 1246rem;
	margin: 0 auto;
}
.banner{
	width: 100%;
	height: 859rem;
}
.banner1{
	background: url(../images/banner1.png) no-repeat center top;
	height: 1083rem;
}
.banner2{
	background: url(../images/banner2.png) no-repeat center top;
}
.banner3{
	background: url(../images/banner3.png) no-repeat center top;
}
.banner4{
	background: url(../images/banner4.png) no-repeat center top;
}
.banner5{
	background: url(../images/banner5.png) no-repeat center top;
}

.head{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30rem 0;
}
.head .logo img{
	width: 167rem;
	height: 46rem;
}
.head .nav a{
	font-weight: 500;
	font-size: 16rem;
	color: #FFFFFF;
	text-decoration: none;
  font-family: 'PingFangSC-Medium-ttf';
	margin: 0 20rem;
	position: relative;
}
.head .nav .active::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: -10rem;
	width: 100%;
	height: 2rem;
	background: #FFFFFF;
	border-radius: 2rem;
}
.banner .title{
	margin-top: 250rem;
	text-align: center;
}
.banner .title p{
	font-weight: bold;
	font-size: 35rem;
	color: #FFFFFF;
	margin-top: 20rem;
}

.intro{
	background: url(../images/introbg.png) no-repeat right top;
	background-size: 100% 790rem;
	max-width: 1350rem;
	margin: 0 auto;
	padding-bottom: 60rem;
}
.h4{
	text-align: center;
	font-weight: 500;
	font-size: 32rem;
	color: #000000;
	padding: 80rem 0 10rem;
  font-family: 'PingFangSC-Semibold-ttf';
	background: url(../images/textdecrate.png) no-repeat center bottom;
	background-size: 54rem 6rem;
}
.intro .info{
	margin: 50rem 0 0;
	position: relative;
}
.intro .info .img{
	width: 798rem;
	height: 518rem;
}
.intro .info .desc{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 650rem;
	padding: 50rem 37rem;
	background: #FFFFFF;
	box-shadow: 0 4rem 4rem 0 rgba(204,204,204,0.25);
}
.intro .info .desc h6{
	font-weight: 500;
	font-size: 30rem;
	color: #3477FF;
  font-family: 'PingFangSC-Medium-ttf';
	margin-bottom: 22rem;
}
.intro .info .desc p{
	font-size: 18rem;
	color: #000000;
	line-height: 40rem;
}
.intro .info .desc a{
	display: inline-block;
	background: url(../images/arrowright.png) no-repeat 80rem center #0074FF;
	background-size: 35rem 15rem;
	line-height: 45rem;
	font-weight: 500;
	font-size: 16rem;
  font-family: 'PingFangSC-Medium-ttf';
	color: #FFFFFF;
	padding: 0 50rem 0 10rem;
	text-decoration: none;
	border-radius: 12rem;
	margin-top: 10rem;
}
.pbg{
	background: #F9FAFB;
	padding-bottom: 40rem;
}
.product,.technology,.partner{
	max-width: 1350rem;
	margin: 0 auto;
}
.product .service{
	margin: 50rem 0 20rem;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 16rem;
}
.product .service .spart{
	background: #FFFFFF;
	box-shadow: 0rem 4rem 4rem 0rem rgba(181,181,181,0.25);
	border-radius: 0rem 0rem 10rem 10rem;
	border-bottom: 6rem solid transparent;
}
.product .service .spart a{
	text-decoration: none;
}
.product .service .spart:hover{
	border-bottom: 6rem solid #0074FF;
}
.product .service .spart img{
	
}
.product .service .spart h6{
	font-weight: 500;
	font-size: 22rem;
	color: #000000;
  font-family: 'PingFangSC-Medium-ttf';
	margin: 23rem 21rem 10rem;
}
.product .service .spart p{
	font-size: 18rem;
	color: #5D6776;
	margin: 0 21rem 15rem;
}
.technology{
	display: flex;
	background: #FFFFFF;
	border-radius: 10rem;
	padding: 56rem;
	justify-content: space-between;
}
.technology .tright img{
	width: 402px;
	height: 446px;
}
.technology .tleft{
	display: flex;
	padding-left: 60rem;
	align-items: center;
}
.technology .tleft h5{
	font-weight: 500;
	font-size: 24rem;
	color: #000000;
	margin-bottom: 10rem;
  font-family: 'PingFangSC-Semibold-ttf';
}
.technology .tleft img{
	width: 41rem;
	height: 32rem;
	vertical-align: middle;
	margin-right: 9rem;
}
.technology .tleft p{
	font-weight: 400;
	font-size: 18rem;
	color: #828282;
	margin-bottom: 22rem;
}
.partner{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 37rem 24rem;
	padding: 70rem 0 100rem;
}
.partner img{
		width: 100%;
}


.foot{
	background: #3A3A3A;
}
.footer{
	max-width: 1350rem;
	margin: 0 auto;
	padding: 44rem 0 10rem;
	display: flex;
	justify-content: space-between;
}
.foot .fleft{

}
.foot .fleft .entry,.foot .fright .entry{
	font-weight: 400;
	font-size: 30rem;
	color: #92939F;
	line-height: 36rem;
}
.foot .fleft .fast,.foot .fright .fast{
	font-weight: 500;
	font-size: 24rem;
	color: #D9D9D9;
	line-height: 29rem;
  font-family: 'PingFangSC-Medium-ttf';
	margin: 13rem 0 20rem;
}
.foot .fleft ul{
	list-style-type: none;
}
.foot .fleft ul li{

}
.foot .fleft ul a{
	text-decoration: none;
	font-weight: 500;
	font-size: 14rem;
	color: #B2B2B2;
	line-height: 32rem;
  font-family: 'PingFangSC-Medium-ttf';
}
.foot .fright{
	width: 338rem;
}
.foot .fright .label{
	font-weight: 400;
	font-size: 14rem;
	color: #92939F;
	line-height: 17rem;
	margin-bottom: 10rem;
}
.foot .fright .val{
	font-weight: 500;
	font-size: 14rem;
	color: #D9D9D9;
	line-height: 17rem;
}
.foot .fright .mtop{
	margin-top: 40rem;
}
.copyright{
	border-top: 1rem solid #E9EAEE;
	text-align: center;
	font-weight: 400;
	font-size: 14rem;
	color: #92939F;
	padding: 30rem 0 30rem;
	background: #3A3A3A;
}

.introduce{
	background: #ffffff;
	padding-bottom: 80rem;
}
.introduce .description{
	font-weight: 400;
	font-size: 18rem;
	color: #000000;
	line-height: 40rem;
	margin: 60rem 0 0;
}
.introduce .description p{
	text-indent: 38rem;
}
.cultrue{
	background: #F9FAFB;
	padding-bottom: 80rem;
}
.cultrue .cgrid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20rem;
	margin-top: 70rem;
}
.cultrue .cgrid .part{
	text-align: center;
	background: #FFFFFF;
	border-radius: 10rem;
	padding: 50rem 50rem 90rem;
}
.cultrue .cgrid .part:hover{
	box-shadow: 0 11rem 1rem 0 rgba(186,186,186,0.43);
}
.cultrue .cgrid .img img{
	width: 74rem;
	height: 74rem;
}
.cultrue .cgrid .tit{
	font-weight: 500;
	font-size: 18rem;
	color: #000000;
	margin: 13rem 0 15rem;
  font-family: 'PingFangSC-Semibold-ttf';
}
.cultrue .cgrid .desc{
	font-weight: 400;
	font-size: 18rem;
	color: #5D6776;
	line-height: 45rem;
	text-align: left;
}
.introproduct{
	background: #FFFFFF;
	padding-bottom: 50rem;
}
.introproduct .mid{
	display: flex;
	justify-content: space-between;
	vertical-align: middle;
	margin-top: 60rem;
}
.introproduct .tleft img{
	width: 627rem;
}
.introproduct .tright{
	display: flex;
  align-items: flex-end; 
}
.introproduct .tright img{
	width: 476rem;
}
.steps{
	padding-bottom: 80rem;
}
.steps .thumb{
	max-width: 100%;
	margin-top: 80rem;
}
.youshi{
	background: #FFFFFF;
}

.cooperate{
	background: #FFFFFF;
	padding-bottom: 100rem;
}
.cooperate .num{
	margin-top: 70rem;
	display: flex;
	justify-content: space-around;
	background: #F1F3FC;
	padding: 40rem;
	text-align: center;
}
.cooperate .cpart h6{
	font-weight: 500;
	font-size: 55rem;
	color: #000000;
  font-family: 'PingFangSC-Semibold-ttf';
}
.cooperate .cpart p{
	font-size: 24rem;
	color: #818181;
}
.cooperate .grid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 37rem 24rem;
	margin-top: 70rem;
}
.cooperate .grid img{
	max-width: 100%;
}

.qustion{
	background: #F8F9FB;
	padding-bottom: 100rem;
}
.qustion .mid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 16rem;
}
.qustion .qpart{
	background: #FFFFFF;
	border-radius: 10rem;
	padding: 30rem;
	margin-top: 70rem;
}
.qustion .qpart h6{
	font-size: 18rem;
	color: #000000;
	margin-bottom: 16rem;
}
.qustion .qpart p{
	font-size: 16rem;
	color: #5D6776;
}

.lianxi{
	padding-bottom: 100rem;
}
.lianxi .map{
	margin: 80rem 0 100rem;
	max-width: 100%;
}
.lianxi .caddress{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 119rem;
}
.lianxi .caddress .cleft h6{
	font-weight: 500;
	font-size: 40rem;
	color: #0F0F0F;
  font-family: 'PingFangSC-Semibold-ttf';
	border-bottom: 1rem solid #D4D4D4;
	padding-bottom: 20rem;
	margin-bottom: 28rem;
}
.lianxi .caddress .cleft p{
	font-weight: 500;
	font-size: 22rem;
	color: #92939F;
	line-height: 26px;
	margin-bottom: 25rem;
}
.lianxi .caddress .ewm{
	text-align: center;
	display: inline-block;
}
.lianxi .caddress .ewm img{
    width: 199px;
    height: 199px;
}