/* ------------------------------------------以下为固定样式------------------------------------------ */
* {
	padding: 0px;
	margin: 0px;
}

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	font-size: 16px;
	font-family: Microsoft YaHei;
	border-radius: 0;
	-webkit-appearance: none;
	/* 让文字不被选中 */
	-moz-user-select: none; /* 火狐 */
	-webkit-user-select: none; /* webkit浏览器 */
	-ms-user-select: none; /* IE10 */
	-khtml-user-select: none; /* 早期浏览器 */
	user-select: none;
	/* 让文字不被选中 */
}

a { /* 去除所有a标签的下划线 */
	cursor: pointer;
	text-decoration: none;
}

img {
	vertical-align: middle;
	border: none;
}

ul, ol, li {
	list-style-type: none;
}

div, input, textarea, select, button, a { /*点击去掉边框*/
	outline: none;
}

/* ------------------------------------------以下为自定义样式(请写注释)------------------------------------------ */
[v-cloak] { /* 变量编译完毕后显示 */
	display: none !important;
}

.banner { /* 横幅 */
	/* background: linear-gradient(to right, #E315FE, #3A69FF); */
	height: 100%;
	background-image: url('../images/bg.jpg'); /* 设置图片路径 */
  	background-size: cover; /* 背景图片覆盖整个元素 */
  	background-repeat: no-repeat; /* 背景图片不重复 */
  	background-position: center; /* 背景图片居中 */
}

.banner_content { /* 横幅内容 */
	display: flex;
    align-items: center;
    margin: 0 auto;
    padding: 80px;
}

.banner_content_left { /* 横幅内容(左边) */
	display: flex;
	flex-flow: column;
	width: 40%;
}

.banner_content_left_icon { /* 横幅内容(左边图标) */
	width: 100px;
	height: 100px;
	border-radius: 30px;
}

.banner_content_left_title { /* 横幅内容(左边标题) */
	color: #ffffff;
	font-weight: bold;
	margin-top: 40px;
}

.banner_content_left_desc { /* 横幅内容(左边描述) */
	color: #ffffff;
	line-height: 30px;
	margin-top: 40px;
	padding: 0 30px 0 0;
}

.banner_content_left_download { /* 横幅内容(左边下载) */
	margin-top: 40px;
}

.banner_content_left_download>div:not(:first-child) { /* 横幅内容(左边下载) */
	margin-left: 20px;
}

.banner_content_hover_1:hover .banner_content_hover_content_1 {
	/* 横幅内容(左边下载显示隐藏) */
	display: block;
}

.banner_content_hover_2:hover .banner_content_hover_content_2 {
	/* 横幅内容(左边下载显示隐藏) */
	display: block;
}

.banner_content_hover_3:hover .banner_content_hover_content_3 {
	/* 横幅内容(左边下载显示隐藏) */
	display: block;
}

.banner_content_left_download_app { /* 横幅内容(左边下载) */
	position: relative;
	float: left;
	text-align: center;
	width: 30%;
	line-height: 20px;
	border-radius: 200px;
	color: rgba(35, 166, 100, 100);
	font-size: 18px;
	font-weight: 800;
}

.banner_content_left_download_app_button_1 { /* 横幅内容(左边下载) */
	width: 100%;
	padding: 8%;
	line-height: 20px;
	border-radius: 200px;
	font-size: 18px;
	color: #caac77;
	background-color: #fff;
	text-align: center;
	border: 3px solid #ffffff;
	font-weight: 800;
}

.banner_content_left_download_app_button_2 { /* 横幅内容(左边下载) */
	width: 100%;
	padding: 8%;
	line-height: 20px;
	border-radius: 200px;
	font-size: 18px;
	color: #caac77;
	background-color: #fff;
	text-align: center;
	border: 3px solid #ffffff;
	font-weight: 800;
}

.banner_content_left_download_app_button_3 { /* 横幅内容(左边下载) */
	width: 100%;
	padding: 8%;
	line-height: 20px;
	border-radius: 200px;
	font-size: 18px;
	color: #fff;
	background-color: #caac77;
	text-align: center;
	border: 3px solid #caac77;
	font-weight: 800;
}

.banner_content_left_download_app_pop { /* 横幅内容(左边下载) */
	display: none;
	position: absolute;
	margin-top: 10px;
	width: 100%;
	background-color: #fff;
	border-radius: 10px;
}

.banner_content_left_download_app_pop_wrapper { /* 横幅内容(左边下载) */
	animation: fadeInLeftBig .3s ease-in-out;
	-webkit-animation: fadeInLeftBig .3s ease-in-out;
	padding: 10%;
}

.banner_content_left_download_app_pop_wrapper>p { /* 横幅内容(左边下载) */
	color: #333;
	font-size: 14px;
	text-align: center;
}

.banner_content_left_download_app_pop_wrapper>img { /* 横幅内容(左边下载) */
	width: 100%;
	padding: 0% 0 0 0;
}

.banner_content_right { /* 横幅内容(右边) */
	width: 60%;
}

.banner_content_right_image { /* 横幅内容(右边图片) */
	width: 100%;
}

.synopsis { /* 简介 */
	display: flex;
	flex-flow: wrap;
	padding: 0 100px 40px 100px;
}

.synopsisItem { /* 简介 */
	display: flex;
	flex-flow: column;
	align-items: center;
	width: 25%;
	margin-top: 40px;
}

.synopsisItem>img { /* 简介图 */
	width: 130px;
	height: 130px;
}

.synopsisItemP_1 { /* 简介标题 */
	color: #333;
	font-weight: 800;
	font-size: 23px;
	margin: 10px;
}

.synopsisItemP_2 { /* 简介描述 */
	color: #666;
	font-size: 16px;
}

.footer { /* 页脚 */
	width: 100%;
	background: #333;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}

.footer-con { /* 页脚内容 */
	display: flex;
	justify-content: space-around;
	padding: 45px 100px;
}

.footer-con-box { /* 页脚内容 */
	text-align: left;
}

.footer-con-box-list { /* 页脚内容列表 */
	text-align: left;
	color: #BBBBBB;
	font-size: 14px;
}

.footer-con-box-list>li { /* 页脚内容列表 */
	margin-top: 10px;
	cursor: pointer;
}

.footer-con-box-list>li>a { /* 页脚内容列表 */
	color: #BBBBBB;
}

.footer-copyright { /* 页脚ICP备案号和公司名 */
	padding: 20px 0;
	font-size: 14px;
	text-align: center;
	border-top: 1px solid #bb98711f;
	box-sizing: border-box;
	display: flex;
    flex-flow: column;
    align-items: center;
}

.footer-copyright-company {/* 公司名 */
	margin-bottom: 10px;
	font-size: 18px;
}

.footerIcp { /* 页脚ICP备案号 */
	text-decoration: underline;
	color: #777;
}

/* ------------------------------------------以下为响应式样式(可扩展)------------------------------------------ */
@media ( min-width : 979px) { /* 大于979px的样式 */

}

@media ( max-width : 979px) { /* 小于979px的样式 */
	.banner_content { /* 横幅内容 */
		width: auto;
		padding: 80px 20px;
	}
	.banner_content_left { /* 横幅内容(左边) */
		width: 100%;
		align-items: center;
	}
	.banner_content_left_desc { /* 横幅内容(左边描述) */
		padding: 0;
	}
	.banner_content_left_download>div:not(:first-child) { /* 横幅内容(左边下载) */
		margin-left: auto;
		margin-top: 20px;
	}
	.banner_content_hover_1:hover .banner_content_hover_content_1 {
		/* 横幅内容(左边下载显示隐藏) */
		display: none;
	}
	.banner_content_left_download_app_button_1 {
		padding: 5% 0;
	}
	.banner_content_hover_2:hover .banner_content_hover_content_2 {
		/* 横幅内容(左边下载显示隐藏) */
		display: none;
	}
	.banner_content_left_download_app_button_2 {
		padding: 5% 0;
	}
	.banner_content_hover_content_3 {
		position: fixed;
	    left: 0;
	    top: 0;
	    margin: 10%;
	    width: 80%;
	}
	.banner_content_left_download_app_button_3 {
		padding: 5% 0; 
	}
	
	.banner_content_left_download_app { /* 横幅内容(左边下载) */ 
		width: 100%;
	}
	.banner_content_right { /* 横幅内容(右边) */
		display: none;
	}
	.footer-con { /* 页脚 */
		display: none;
	}
	.footer-copyright-info {/* 页脚ICP备案号 */
		display: flex;
		align-items: center;
		flex-flow: column;
	}
	.footer-copyright-info-right {/* 版权所有 */
		margin-bottom: 10px;
	}
	.footer-copyright-info-division { /* 分割线 */
		display: none;
	}
}

@media ( max-width : 320px) { /* 小于320px的样式 */

}