.index_center {}



.hide {

	/* display: none; */

	transition: 1s;

	overflow: hidden;

	width: 267.6px;

	height: 240px;

	margin-left: -268px;

}



.index_title {

	font-size: 40px;

	font-weight: bold;

	color: #ffffff;

	letter-spacing: 10px;

	margin-top: 100px;

}



.index_title_text {

	text-align: center;

	width: 100%;

	font-size: 24px;

	letter-spacing: 4px;

	color: #FFFFFF;

	margin-top: 20px;

}



.index_title_img {

	width: auto;

	text-align: center;

	margin-top: 60px;

}



.index_title_img>img {

	height: 60%;

}



.index_topbar {

	width: 50px;

	height: auto;

	background-color: #00aaff;

	position: fixed;

	left: 30px;

	top: 10%;

	z-index: 9999;

	padding-top: 20px;

	border-radius: 10px;



}



.index_topbar_img {

	width: 100%;

	height: auto;

	cursor: pointer;

	/* background-color: #FFFFFF; */

}



.index_topbar_img>img {

	width: 100%;

	height: auto;

}



.index_topbar_img2 {

	width: 40%;

	height: 40px;

	margin: 0 auto;

	margin-top: 20px;

	cursor: pointer;

}



.index_topbar_img2>img {

	width: 100%;

	height: auto;

}



.index_topbar_img2>img:hover {

	width: 120%;

	height: auto;

}



.index_topbar_dg {

	color: #FFFFFF;

	padding-top: 20px;

	padding-bottom: 20px;

	font-size: 16px;

	cursor: pointer;

	height: 90px;





}



.index_topbar_dg>div {

	width: 100%;

	text-align: center;

}



.index_topbar_dg:hover {

	/* font-size: 17px; */

	font-weight: bold;



}



.index2 {

	height: 556px;

	width: 100%;

	background-color: #000;

	position: absolute;

	top: 0;

}



.index2_img {

	width: 100%;

	height: 600px;

	position: absolute;

	top: 0;



	min-width: 1920px;

	max-width: 1920px;

	z-index: 9;

}



.index2_img2 {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0px;

	overflow: hidden;

	min-width: 1920px;

	max-width: 1920px;

	background-color: #FFFFFF;

}



.index2_img>img {

	width: 110%;

	height: auto;

	margin-top: -22%;

	margin-left: -7%;

}



.index2_img_div {

	width: 400px;

	height: auto;

	position: absolute;

	top: 40%;

	left: 28%;

	color: #FFFFFF;



}



.index2_img_div_title {

	font-size: 16px;

	font-weight: bold;

	text-align: left;

	width: 100%;

	margin-bottom: 20px;

	letter-spacing: 2px

}



.index2_img_div_title>text {

	margin-right: 10px;

}



.index2_img_div_text {

	font-size: 14px;

	text-align: left;

	line-height: 24px;

	letter-spacing: 4px

}



.index2_video {

	width: 100%;

	height: 100%;



	top: 560px;

	position: absolute;

	box-sizing: 999;

	min-width: 1920px;

	max-width: 1920px;





}



.index2_video_div {

	width: 1200px;

	height: 300px;

	/* background-color: #000066; */

	margin-left: 30%;

	display: flex;

	text-align: left;

}



.index2_video_div_left {

	width: 300px;

	height: auto;

	margin-top: 200px;

}



.index2_video_div_right {

	width: 500px;

	height: 300px;

	background-color: #F2F2F2;

	margin-left: 200px;

	border-radius: 6px;

	overflow: hidden;

}



.index2_video_div_right>img {

	width: 100%;

	height: 100%;

}



.index2_video_div_right_icon {

	width: 60px;

	height: 60px;

	position: absolute;

	margin: 0 auto;

	/* background-color: #0000FF; */

	z-index: 9999;

	margin-top: -170px;

	margin-left: 220px;

	cursor: pointer;

}



.index2_video_div_right_icon>img {

	width: 100%;

	height: 100%;

}



.index2_video_div_left_title {

	font-weight: bold;

	font-size: 20px;

	margin-bottom: 10px;

}



.index2_video_div_left_text {

	margin-top: 4px;

	font-size: 16px;

}



.index4 {

	width: 1080px;

	height: auto;

	/* background-color: #000000; */

	display: flex;

	align-items: center;

	/*定义body的元素垂直居中*/

	justify-content: center;

	/*定义body的里的元素水平居中*/



}



.index4_left {

	width: 50%;

	height: auto;

	text-align: right;

}



.index4_left>img {

	width: 300px;

	margin-right: 100px;

}



.index4_right {

	width: 50%;

	height: auto;

	text-align: left;

	border-left: 4px solid #E7E8EA;

}



.index4_right_dg {

	height: auto;

	padding-top: 20px;

	padding-bottom: 20px;

	padding-left: 30px;

	margin-left: -4px;

}



.index4_right_dg_xz {

	border-left: 4px solid #000000;

}



.index4_right_dg_title {

	font-weight: bold;

	font-size: 22px;

}



.index4_right_dg_text {

	font-size: 16px;

	color: #8C8C8C;

	margin-top: 10px;

}



.index5 {}



.index5_title {

	font-size: 26px;

	font-weight: bold;

}



.index5_text {

	font-size: 16px;

	color: #7F7F7F;

	margin-top: 10px;

	font-weight: 200;

}



.index5_list {

	display: flex;

	margin-top: 80px;

}



.index5_list_dg {

	width: 160px;

	height: 200px;

	/* background-color: #007AFF; */

	margin: 20px;

}



.index5_list_dg_img {

	width: 160px;

	height: 160px;

	background-color: #FFFFFF;

	box-shadow: 0px 0px 10px 1px #e5eaf4;

	border-radius: 20px;

}



.index5_list_dg_img>img {

	width: 60px;

	height: 60px;

	margin: 50px;

}



.index5_list_dg_text {

	width: 100%;

	text-align: center;

	font-size: 18px;

	font-weight: bold;

	margin-top: 30px;

	color: #676767;

}



.index6 {

	background-color: #434450;

	width: 100%;

	height: 700px;

}



.index6_title {

	font-size: 28px;

	color: #FFFFFF;

	margin-top: 80px;

}



.index6_div {

	width: 1190px;

	height: 400px;

	background-color: #797982;

	margin: 0 auto;

	margin-top: 60px;

	display: flex;



}



.index6_div_dg_left_text {

	margin-left: 30px;

	font-size: 10px;

	display: flex;

}



.index6_div_big {

	width: 460px;

	height: 400px;

	border-left: 2px solid #434450;

	transition: 0.5s;

	cursor: pointer;

}



.index6_div_big:hover {

	opacity: 0.8;

	background-color: #434450;

}



.index6_div_small {

	width: 184px;

	height: 400px;

	border-left: 2px solid #434450;

	transition: 0.5s;

	cursor: pointer;

}



.index6_div_small:hover {

	opacity: 0.8;

	background-color: #434450;

}



.index6_div_dg_top {

	margin: 30px;



}



.index6_div_dg_title {

	font-size: 18px;

	color: #FFFFFF;

	text-align: left;

}



.index6_div_dg_text {

	font-size: 14px;

	color: #B0B0B1;

	margin-top: 10px;

	text-align: left;

}



.index6_div_dg_info {

	width: 100%;

	display: flex;



	overflow: hidden;

}



.index6_div_dg_left {

	transition: 0.5s;

	color: #B0B0B1;

	text-align: left;

	width: 267.6px;

	height: 240px;

	overflow: hidden;

}



.index6_div_dg_left>div {

	margin-top: 6px;



}



.index6_div_dg_right {}







.index8 {

	width: auto;

	height: auto;

	display: flex;

}



.index8_left {

	width: 500px;

	height: 300px;

}



.index8_left>img {

	width: 500px;

	height: 300px;

}



.index8_right {

	width: 560px;

	margin-left: 30px;

	text-align: left;

}



.index8_right_title {

	font-size: 24px;

	font-weight: bold;

	margin-bottom: 30px;

	margin-top: 84px;

}



.index8_right_text {

	font-size: 16px;

	color: #B0B0B1;

	margin-top: 4px;

}





.index10 {

	width: 100%;

}



.index10_top {

	width: 100%;

	height: 260px;

	background-color: #5B5C68;

}



.index10_top_div {

	width: 1200px;

	height: 300px;

	margin: 0 auto;

}



.index10_top_div_title {

	font-size: 24px;

	font-weight: bold;



	margin-top: 84px;

	color: #FFFFFF;

	padding-top: 56px;

}



.index10_top_div_title_text {

	font-size: 12px;

	color: #FFFFFF;

	margin-top: 6px;

}



.index10_top_div_input {

	width: 600px;

	height: 50px;

	background-color: #FFFFFF;

	border-radius: 10px;

	margin: 0 auto;

	margin-top: 30px;

	display: flex;

	line-height: 50px;

}



.index10_top_div_input_dg {

	width: 230px;

	height: 50px;

	display: flex;

	padding-left: 10px;

}



.index10_top_div_input_dg input {

	height: 30px;

	margin-top: 5px;

	font-size: 16px;

	border: none;

	padding: 4px;

}



.index10_top_div_input_btn {

	width: 110px;

	height: 40px;

	margin: 5px;

	background-color: #DB9336;

	border-radius: 6px;

	text-align: center;

	line-height: 40px;

	font-size: 16px;

	font-weight: bold;

	color: #FFFFFF;

	cursor: pointer;

}



.index10_top_div_input_btn:hover {

	opacity: 0.8;

}



.index10_title {}



.index10_icon {

	width: 30px;

	height: 30px;

	margin: 0 auto;

	margin-top: 100px;

	margin-bottom: 4px;

}



.index10_icon>img {

	width: 100%;

	height: 100%;

}



.index10_list {

	width: 1200px;

	display: flex;

	margin: 0 auto;



	margin-top: 50px;

}



.index10_list_dg {

	width: 33.33%;

}



.index10_list_dg_title {

	font-size: 18px;

	font-weight: bold;

}



.index10_list_dg_text {

	width: 80%;

	margin: 0 auto;

	font-size: 14px;

	color: #646365;

	margin-top: 20px;

	text-align: left;

}




.index11_icon {

	width: 30px;

	height: 30px;

	margin: 0 auto;

	margin-top: 100px;

	margin-bottom: 4px;

}



.index11_icon>img {

	width: 100%;

	height: 100%;

}

.index11_title {

	font-size: 26px;

	font-weight: bold;

}



.index11_list {

	width: 1200px;

	display: flex;
	margin-top: 10px;

}



.index11_list_dg {

	width: 20%;

	height: auto;

}



.index11_list_dg_img {

	width: 60px;

	height: 60px;

	margin: 0 auto;
	border-radius: 10px;
	overflow: hidden;

}



.index11_list_dg_img>img {

	width: 80%;

	height: 80%;
	margin: 10%;

}
.index11_list_dg_text{
	width: 100%;
	text-align: center;
	font-size: 14px;
	margin-top: 10px;
}
.index_bottom{
	width: 100%;
	height: 200px;
	background-color: #000;
	position: absolute;
	bottom: 0;
}
.index_bottom_logo{
	width: 60px;
	height: 60px;
	margin: 0 auto;
	margin-top: 30px;
}
.index_bottom_logo>img{
	width: 100%;
	height: 100%;
}
.index_bottom_text{
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	margin-top: 10px;
}
.index_bottom_phone{
	font-size: 16px;
	border-radius: 4px;
	color: #FFFFFF;
	margin: 0 auto;
	width: 300px;
	height: 40px;

	margin-top: 10px;
}