a:link {
	text-decoration: none;
	color: #fff;
}

a:visited {
	text-decoration: none;
	color:#fff;
}

a:hover {
	color:#2774c4;
}

a:active {
	text-decoration:underline;
	color:#2774c4;
}

body, html, h1, h2, h3, h4, li, span, ul, p, div, dd, dt, form {
	margin:0;
	padding:0;
}

html {
	font-size: 16px;
	background:#1b171f;;
	text-align: center;
}

@media (min-width: 1024px){
	html {
		font-size: 18px;
		width: 100%;
	}
}

@media (max-width: 960px){
	html {
		font-size: 16px;
		width:960px;
   }
}

@media (max-width: 800px){
	html {
		font-size: 14px;
		width:800px;
   }
}


body {
	margin:auto;
 	background-repeat:repeat-y;
	background-size:contain;
	background-position:top;
	background-attachment:fixed;
	font: 0.875rem/1.5 arial, "Microsoft Yahei", "Hiragino Sans GB", sans-serif;
	color: #444444;
	text-align:center;
}

h1 {
	font-weight:normal;
	margin-top:0.625rem;
	margin-bottom:0.625rem;
}


.header {
	width:100%;
	height:5rem;
	margin:0;
	border-bottom:0rem solid #ededed;
	color:#fff;
	text-align:center;
}

.header_nav {
	height:100%;
	margin:auto;
	text-align:center;
	margin:0 auto;
	text-align:center;
	padding-left:10%;
	padding-right:10%;
}

.header_nav .logo {
	float:left;
	height:6.25rem;
}

.header_nav .logo img {
	float:left;
	margin-left:0.635rem;
	margin-top:1.25rem;
	width:6rem;
	height:4rem;
}

.header_nav .logo p {
	float:left;
	margin-left:1.25rem;
	margin-top:1.875rem;
	font-size:1.875rem;
	display:block;
	text-align:left;
}

.header_nav .nav_menu {
	float:right;
	height:6.25rem;
	margin-right:0rem;
	margin-top:1.5rem;
	padding-right:0rem;
}

.header_nav .nav_menu ul {
	display:block;
	line-height:1.5rem;
	vertical-align:middle;
	width:auto;
	height:1.5rem;
	font-size:0.8rem;
}

.header_nav .nav_menu ul li {
	float:left;
	display:inline;
	text-align:center;
	margin:0 1.2rem 0 1.2rem;
	padding:0 0.6rem 0rem 0.6rem;
	border-radius:1rem;
}

.header_nav .nav_menu ul li:hover {
	background-color:#fff;
}

.header_nav .nav_menu ul li a:hover {
  color:#5B448C;
}

#nav_menu_job {
	background:#7fba00;
}

#nav_menu_job p {
	color:#fff;
}

.header_nav .nav_menu ul li a {
	color: #626262;
	font-weight: bold;
}




.float_nav {
	position:fixed;
	top:0rem;
	left:0rem;
	z-index:20;
	width:100%;
	height:3.125rem;
	line-height:3.125rem;
	margin:0;
	border-bottom: 0.0625 solid #ededed;
	background: rgba(255, 255, 255, 0.8);
	text-align:center;
	display:none;
}

.page {
	margin:0 auto;
	text-align:center;
}


.tar {
	/*background:#1b171f;*/
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-position:center;
	height: 31rem;
}

.tar_content {
	width:100%;
	height:26.5rem;
	text-align:left;
}

.tar_title {
	margin-left:5%;
	width:90%;
	height:40%;
	text-align:left;
	position:relative;
}

.tar_title p {
	width:90%;
	font-size:3.225rem;
	position:absolute;
  bottom:0rem;
  margin-left:6%;
  font-weight:bold;
}

.tar_title img {
	width:50%;
	position:absolute;
	bottom:0rem;
	left:25%;
	margin:auto;
}

.tar_text {
	width:90%;
	height:28%;
	text-align:center;
	padding-top:1.25rem;
	line-height:3.125rem;
	margin:auto;
}

.tar_text img {
	width:5rem;
	margin-top:0.625rem;
	line-height:3.125rem;
	display:block;
}

.tar_subtext {
	width:100%;
	height:100%;
	font-size:1rem;
	line-height:1.825rem;
	text-align:left;
	margin:auto;
}

.tar_subtext p {
  width:90%;
	margin-left:6%;
	color: #999999;
}



.tar_app {
	margin-left:10%;
	margin-bottom:0rem;
	width:80%;
	height:20%;
	text-align:left;
	position:relative;
}

.app_intro {
	position:absolute;
	left:0rem;
	width:500rem;
	text-align:center;
	bottom:0rem;
}

.app_intro p {
	margin:auto;
	height:40rem;
	font-size:1rem;
	text-align:left;
	display:block;
}

.app_link {
	position:absolute;
	right:0rem;
	width:16.2rem;
	height:3.125rem;
	text-align:center;
	bottom:0rem;
}

.app_link img {
	float:left;
	text-align:center;
	width:6rem;
	height:2rem;
	margin:0 0.625rem 0 0.625rem;
}
.product {
	/*background:#FFF;*/
	width:100%;
	height:auto;
	margin:auto;
}

.product_list {
	width:100%;
	height:auto;
	padding: 0 0 0 0;
	display:block;
}

.bg-jianbian {
	/*background: linear-gradient(to right, #1B1C55, #134972 , #068FA0);*/
}

.product_list li {
	float:left;
	width:100%;
	height:41.5rem;
	margin:0;
	list-style: none outside none;
	overflow:hidden;
	display:block;
}

.intro_left {
	float:left;
	width:40%;
	height:100%;
	text-align:right;
	border:solid 0rem #000;
	padding:0 0 0 8%;
}

.intro_right {
	float:right;
	width:40%;
	height:100%;
	text-align:left;
	border:solid 0rem #000;

	padding:0 8% 0 0;
}

/*********** 两种组合 **********/
/**** 左图右文 *****/
.intro_left .intro_pic {
	margin:1rem 0.5rem auto 1.5rem;
}

.intro_right .intro_content {
	margin:3rem 0.5rem 3rem 0rem;
}

/**** 左文右图 *****/
.intro_left .intro_content {
	margin:3rem 0rem 3rem 2rem;
}

.intro_right .intro_pic {
	position: relative;
	top: 25%;
	margin:1rem 0.5rem auto 1.5rem;
}

.intro_pic {
	width:21rem;
	height:24rem;
}

.intro_pic img {
	width:100%;
	height:100%;
}

.intro_icon {
	width:90%;
	text-align:left;
	height:38%;
	position:relative;
}

.intro_icon img {
	position:absolute;
	bottom: 0.8rem;
	width: 1.4rem;
	height: 1.4rem;
}

.intro_content {
	width:22.5rem;
	height:16.5rem;
}

.intro_title {
	width:100%;
	height:22%;
	text-align:left;
	color:#1d1d1d;
	font-size: 1.3rem;
	position:relative;
}

.intro_title p {
	position:absolute;
	width:90%;
	bottom:1rem;
}

.intro_text {
	width:90%;
	height:45%;
	text-align:left;
	color:#999999;
	font-size:0.7rem;
	position:relative;
}

.intro_text p {
	line-height: 1.4rem;
}

.feature {
	/*background-image: url(/images/feature_bg.png);*/
	width:100%;
	height:25.5rem;
	margin:0;
}

.sec_title {
	width:100%;
	height:5.375rem;
	text-align:center;
	font-size:1.875rem;
	line-height: 9.125rem;
	color:#fff;
	font-weight: bold;
}

.sec_title p {

}

.feature_left {
	float:left;
	width:50%;
	height:16.125rem;
	text-align:center;
	border:solid 0rem #000;
	/*margin-left:15%;*/
	padding:0rem 0rem 0rem 0;
}

.feature_list {
	display: flex;
	justify-content: flex-start;
	list-style-type: none;
	padding: 0;
}

.feature_list li {
	flex: 1;
	margin-left: 10%;
}


.feature_right {
	float:right;
	width:50%;
	height:16.125rem;
	text-align:left;
	border:solid 0rem #000;
	/*margin-right:15%;*/
	padding:0rem 0rem 0rem 0;
}

.feature ul {
	width:100%;
	height:auto;
	list-style: none;
}

.feature ul li {
	width:100%;
	height:6rem;
	border:solid 0rem ;
	display:inline-block;
}

.feature_icon {
	/*float:left;*/
	/*width:6rem;*/
	text-align:center;
	height:6.25rem;
	line-height:6.25rem;
}

.feature_icon img {
	width:5rem;
	height:5rem;
	margin:1.2rem 0 1.6rem 0;
}

.feature_content {
	/*float:left;*/
	/*width:90%;*/
	height:100%;
	color:#fff;
}


.feature_title {
	font-size: larger;
	width:100%;
	height:3.125rem;
	text-align:center;
	position: relative;
}

.feature_title p {
	width:100%;
	display:block;
	position: absolute;
	line-height: 1.9rem;
	bottom: 0.1rem;
	text-align: center;
}

.feature_text {
	width:100%;
	height:3.125rem;
	text-align:center;
	font-size:0.75rem;
	color:rgba(255, 255, 255, 0.8);
}

.download {
	/*background-color: #f9f9f9;*/
	width:100%;
	height:28rem;
	margin:0;
	display:block;
}

.download_logo {
	width:100%;
	height:9rem;
	text-align:center;
	color:#fff;
}

.download_logo img {
	width:5rem;
	height:5rem;
	margin:3.75rem 0 0 0;
}

.download_title {
	width:100%;
	height:4rem;
	line-height: 5.5rem;
	font-size:1.4rem;
	text-align:center;
	color:#333;
}

.download_text {
	width:100%;
	height:2.5rem;
	line-height: 2.5rem;
	font-size:0.9rem;
	text-align:center;
	color:#aaaaaa;
}

.download_left {
  float:left;
	width:48%;
	height:11.375rem;
  color:#aaaaaa;
}

.download_right {
  float:right;
	width:48%;
	height:11.375rem;
  color:#aaaaaa;
}

.download_left .download_content {
  float:right;
  margin-top:1rem;
  margin-right: 0rem;
}

.download_right .download_content {
  float:left;
  margin-top:1rem;
  margin-left:0rem;
}

.download_content img {
	width:12rem;
	height:4.5rem;
	margin: 1.8rem 2.1rem 0rem 0.8rem;
}

.download_content p {
	width:100%;
	text-align: center;
	margin: 0.5rem 0rem 0rem 0rem;
}

.commercial {
	/*background:#fff;*/
	width:100%;
	height:auto;
	display:block;
	margin:0rem auto 0rem auto;
	padding:4rem 0 2rem 0;
	text-align:center;
}

.commercial_box {
	/*background-image:url(../img/commercial_bg.png);*/
	background-repeat:no-repeat;
	background-size: 100% 100%;
	width:61rem;
	height:23rem;
	margin:0rem auto 2rem auto;
	display: flex;
	flex-direction: column;
	justify-content: center; /* 垂直居中 */
	align-items: center; /* 水平居中 */
	/*color:#fff;*/
}

.commercial_title {
	/*float:left;*/
	text-align: center; /* 文字居中 */
	width:35%;
	height:40%;
	line-height: 10rem;
	font-size:2rem;
	font-weight:bold;
	/*text-align:right;*/
	display:block;
}

.commercial_title .icon {
	display: inline-block;
	vertical-align: middle;
	width: 2.7rem; /* 图标的宽度 */
	height: 2.5rem; /* 图标的高度 */
	margin-right: 5px; /* 图标与文本之间的间距 */
	/* 这里可以添加其他图标样式，比如背景图片、字体图标等 */
	background-size: cover; /* 调整图标尺寸以适应容器 */
}

.commercial_text {
	text-align: left;
	width: 100%;
	height: 100%;
	font-size: 0.9rem;
	display: block;
}

.commercial_text p {
	line-height: 2.5rem;
}

.commercial_text .label {
	display: inline-block;
	width: 220px;
	text-align: right;
	margin-right: 10px;
	font-weight: bold;
}

.commercial_text .label::after {
	content: "：";
}

hr {
	/* 自定义样式 */
	color: #FFFFFF; /* 颜色 */
	height: 1px; /* 高度 */
	border: none; /* 边框 */
	background-color: #FFFFFF; /* 背景颜色 */
	width: 80%;
}

.container {
	display: flex;
}

.box {
	width: 20rem; /* 框的宽度（可根据需要调整） */
	height: 15rem;
	padding: 10px;
	margin-right: 10px; /* 框之间的间距（可根据需要调整） */
	background-color: #ffffff; /* 框的背景色 */
	border: 1px solid #dddddd; /* 边框样式 */
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 阴影效果 */

}

.box img {
	width: 50px; /* 图片宽度（可根据需要调整） */
	height: 50px; /* 图片高度（可根据需要调整） */
}

.box h3 {
	color: #000000; /* 标题颜色 */
	font-weight: bold; /* 标题加粗 */
	margin-top: 10px; /* 文字间距 */
}

.box p {
	color: #666666; /* 文本颜色 */
}