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:8rem;
	height:2rem;
}

.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;
	margin-top: 7rem;
}

.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:24.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_left1 {
	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_right1 {
	float:right;
	width:40%;
	height:100%;
	text-align:left;
	border:solid 0rem #000;

	padding:0 8% 0 0;
}

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

.intro_left1 .intro_pic1 {
	margin:35rem 0.5rem auto 1.5rem;
}

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

.intro_right1 .intro_content1 {
	margin:43rem 0.5rem 3rem 1.5rem;
}

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

.intro_left1 .intro_content1 {
	margin:25rem 0rem 3rem 2rem;
}

.intro_right .intro_pic {
	margin:23rem 0.5rem auto 1.5rem;
}

.intro_right1 .intro_pic {
	margin:43rem 0.5rem auto 1.5rem;
}

.intro_pic {
	width:31rem;
	height:22rem;
}

.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.8rem;
	position:relative;
}

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

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

.sec_title {
	width:100%;
	height:10.375rem;
	text-align:center;
	font-size:1.875rem;
	line-height: 1.125rem;
	color:#fff;
	font-weight: bold;
	padding-top: 66rem;
}

.sec_title p {
	margin-top: -5rem;
}

.feature_left {
	float:left;
	width:34%;
	height:16.125rem;
	text-align:center;
	border:solid 0rem #000;
	margin-left:15%;
	padding:0rem 0rem 0rem 0;
	margin-top: -5rem;
}
.feature_left ul {
	margin-top: -5rem;
}
.feature_right ul {
	margin-top: -5rem;
}
.feature_right {
	float:right;
	width:34%;
	height:16.125rem;
	text-align:left;
	border:solid 0rem #000;
	/*margin-right:15%;*/
	padding:0rem 0rem 0rem 0;
	margin-top: -5rem;
}

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

.feature ul li {
	width:100%;
	height:10rem;
	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:4.5rem;
	height:4.5rem;
	margin:1.2rem 0 1.6rem 0;
}

.feature_content {
	float:left;
	width:70%;
	height:100%;
	color:#fff;
}

.feature_title {
	width:100%;
	height:5.125rem;
	line-height:4.125rem;
	text-align:left;
	font-size:1.425rem;
	position: relative;
}

.feature_title p {
	width:90%;
	display:block;
	position: absolute;
	line-height: 2.9rem;
	bottom: 0.1rem;
}

.feature_text {
	width:100%;
	height:5.125rem;
	text-align:left;
	font-size:0.775rem;
	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;
	margin-top: 100px;
}

.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_wrapper {
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: space-between;
}

.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%;
}