*{
	color: #333333;
}
body, html {
  scroll-behavior: smooth; /* 平滑滚动效果 */
}
.banner_area{
	width: 100%;
	/* height: 600rem; */
	/* height: 680rem; */
	height: 936rem;
	background-color: #121214;
	/* background-image: url(../img/banner_pic.jpg); */
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.banner_cn{
	width: 1280rem;
	height: 100%;
	margin: 0px auto;
	overflow: auto;
	position: relative;
}
.index_btn{
	width: 160rem;
	height: 50rem;
	font-size: 16rem;
	color: #f4b200;
	letter-spacing: 2rem;
	background-image: linear-gradient(to right, #676767, #2b2b2b);
	border-radius: 100rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1rem solid rgba(143, 143, 143, 0.2);
	box-shadow: 0px 8rem 12rem rgba(0, 0, 0, 0.4);
	cursor: pointer;
	transition: 0.2s;
	margin: 0px auto;
	margin-top: 50rem;
}
.index_btn:hover{
	width: 220rem;
}
.banner_title{
	/* font-size: 54rem; */
	/* font-size: 48rem; */
	/* font-size: 34rem; */
	font-size: 58rem;
	font-weight: bold;
	color: #fff;
	letter-spacing: 1rem;
	/* margin-top: 12%; */
	margin-top: 16.2%;
	margin-bottom: 36rem;
	text-transform: uppercase;
	text-align: center;
}
.banner_title_1{
	letter-spacing: 0rem;
}
.banner_title>span{
	color: #f4b200;
	margin-right: 6rem;
}
/* .banner_text{
	font-size:20rem;
	width:550rem;
	color: #fff;
	letter-spacing:1rem;
	line-height:34rem;
	margin-top: 14rem;
} */
.banner_text_ul>li{
	display: flex;
	align-items: self-start;
	font-size:18rem;
	/* width:530rem; */
	width: 830rem;
	color: #fff;
	letter-spacing:0.8rem;
	line-height:28rem;
	margin: 0px auto;
	margin-bottom: 26rem;
	text-align: center;
	justify-content: center;
}
.banner_text_ul>li>span{
	display: block;
	width: 5rem;
	height: 5rem;
	background-color: #f4b200;
	border-radius: 10rem;
	margin-left: 6rem;
	margin-right: 14rem;
	margin-top: 12rem;
	flex-shrink:0;
}
.feature_ul{
	width: 100%;
	display: flex;
	position: absolute;
	bottom: 50rem;
	justify-content: space-between;
}
.feature_ul>li{
	display: flex;
	align-items: center;
}
.feature_ul>li>img{
	display: block;
	/* margin-top: 6rem; */
	margin-right: 20rem;
}
.feature_text>p{
	font-size: 18rem;
	font-weight: bold;
	color: #fff;
	letter-spacing: 1rem;
	margin-bottom: 8rem;
}
.feature_text>span{
	display: block;
	font-size: 14rem;
	opacity: 0.5;
	color: #fff;
	line-height: 22rem;
	/* letter-spacing: 0.5rem; */
	/* width: 200rem; */
}


.section_part{
	width:1280rem;
	margin: 0px auto;
	overflow: visible;
	/* overflow: hidden; */
	/* margin-bottom: 10rem; */
}
.section_title{
	font-size: 36rem;
	font-weight: bolder;
	text-align: center;
	letter-spacing: 2rem;
	margin-top: 88rem;
	text-transform: uppercase;
}
.section_title>span{
	color: #f4b200;
}
.section_text{
	font-size: 16rem;
	text-align: center;
	letter-spacing: 1rem;
	margin-top: 10rem;
	margin-bottom: 52rem;
}
.programme{
	display: flex;
	width: 100%;
	justify-content: space-between;
	flex-wrap: wrap;
}
.programme>li{
	width: 400rem;
	height: 250rem;
	border-radius: 10rem;
	background-color: #f5f5f5;
	padding: 0rem 30rem;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 40rem;
	border: 2rem solid #f5f5f5;
	text-align: justify;
	transition: 0.5s;
}
.programme>li:hover{
	box-shadow: 0rem 8rem 22rem rgba(157, 65, 15, 0.2);
	border: 2rem solid #fff;
}
.programme>li:hover .section_icon{
	opacity: 1;
}
.programme>li:hover .section_partBg{
	opacity: 1;
	visibility: visible;
}
.programme>li:hover .programme_line{
	width: 150rem;
}
.programme_title{
	font-size: 24rem;
	font-weight: bold;
	letter-spacing: 1rem;
	margin-top: 38rem;
}
.programme_line{
	display: block;
	height: 4rem;
	width: 0rem;
	background-color: #f4b200;
	margin-top: 4rem;
	transition: 0.5s;
}
.programme_text{
	font-size: 16rem;
	/* letter-spacing: 1rem; */
	width: 99%;
	line-height: 28rem;
	margin-top: 10rem;
	position: relative;
	z-index: 100;
}
.section_icon{
	position: absolute;
	right: 16rem;
	bottom: 4rem;
	opacity: 0.5;
	z-index: 10;
	transition: 0.5s;
}
.section_partBg{
	position: absolute;
	left: 0rem;
	bottom: 0rem;
	opacity: 0;
	visibility: hidden;
}



.section_partBig{
	width: 100%;
	height: 500rem;
	background: url(../img/chooseUs_bg.png) no-repeat;
	background-size: cover;
	background-position: center;
	margin-top: 70rem;
	overflow: hidden;
	position: relative;
}
.section_title2{
	font-size: 40rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2rem;
	margin-top: 66rem;
	margin-bottom: 66rem;
	text-transform: uppercase;
}
.section_title2>span{
	color: #f4b200;
}
.text_center{
	font-size: 18rem;
	color: #ffffff;
	text-align: center;
	letter-spacing: 2rem;
	margin-bottom: 16rem;
	position: relative;
	    z-index: 10;
}
.text_arrow{
	position: absolute;
	left: 0px;
	right: 0px;
	margin: 0px auto;
	
	top: 156rem;
}
.learn_more{
	color: #f4b200;
	height: 60rem;
	width: 390rem;
	border-radius: 100rem;
	background-image: linear-gradient(to right, #5d5d5d, #2c2c2c);
	/* background-image: linear-gradient(270deg, #333333, #676767); */
	border:1rem solid rgba(143, 143, 143, 0.2);
	margin: 0px auto;
	box-shadow: 0px 12rem 16rem rgba(0, 0, 0, 0.3);
	margin-top: 74rem;
	color: #f4b200;
	font-size: 22rem;
	display: flex;
	align-items: center;
	justify-content: center;
	letter-spacing: 2rem;
	transition: 0.2s;
	cursor: pointer;
}
.learn_more:hover{
	box-shadow: 0px 16rem 30rem rgba(0, 0, 0, 0.6);
	/* border: 1rem solid #424242; */
	border:1rem solid rgba(143, 143, 143, 0.3);
}



.product_area{
	width: 100%;
	display: flex;
	justify-content: space-between;
	font-size: 16rem;
}
.product_item{
	width: 630rem;
	height: 400rem;
	border-radius: 10rem;
	background-color: #eeeeee;
	padding-left: 30rem;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}
.productApp_item{
	background: url(../img/product_areaBg1.png) no-repeat;
	background-size: cover;
}
.product_title{
	font-size: 28rem;
	font-weight: bold;
	margin-top: 26rem;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.product_item>span{
	display: block;
	font-size: 18rem;
	margin-top: 6rem;
	letter-spacing: 1rem;
	width: 97%;
}
.iphone_pic{
	position: absolute;
	bottom: 0rem;
	right: 24rem;
	box-shadow: 0rem 3rem 20rem rgba(0, 0, 0, 0.2);
	border-top-right-radius: 20rem;
	border-top-left-radius: 20rem;
}
.product_cn{
	/* display: flex; */
	margin-top: 54rem;
}
.product_btnArea{
	display: flex;
	margin-bottom: 20rem;
}
.product_btn{
	width: 142rem;
	height: 48rem;
	border-radius: 100rem;
	color: #f4b200;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16rem;
	position: relative;
	background-image: linear-gradient(to right, #676767, #333333);
	margin-right: 12rem;
	cursor: pointer;
	transition: 0.2s;
}
.product_btn>img{
	/* position: absolute; */
	margin-right: 10rem;
}
.product_btn:hover{
	box-shadow: 0rem 12rem 12rem -4rem rgba(51, 51, 51, 0.4);
}
.erweima_area{
	width: 294rem;
	height: 160rem;
	background-image: linear-gradient(to right, #676767, #333333);
	border-radius: 20rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.erweima_area img{
	margin:auto 9rem;
}
.web_btn{
	width: 262rem;
	height: 48rem;
	border-radius: 100rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: linear-gradient(to right, #676767, #333333);
	color: #f4b200;
	font-size: 16rem;
	position: relative;
	transition: 0.2s;
	cursor: pointer;
}
.web_btn img{
	position: absolute;
	left: 24rem;
}
.web_btn:hover{
	box-shadow: 0rem 12rem 12rem -4rem rgba(51, 51, 51, 0.4);
}
.web_pic{
	position: absolute;
	bottom: 0rem;
	right: 0rem;
	box-shadow: 0rem 3rem 20rem rgba(0, 0, 0, 0.2);
	border-top-left-radius: 20rem;
}
.productPc_item{
	background: url(../img/product_areaBg2.png) no-repeat;
	background-size: cover;
}