body {
	margin:0;
	padding:0;
	font-family:"Microsoft YaHei", Arial;
	line-height:1.5;
	color:#000;
	margin:0px auto;
	height:100%;
	width:100%;
	font-size:14px;
}
div,ul,li,dl,dd,span,h1,h2,p,h4,h3 { margin:0; padding:0; list-style:none;}
* {
	box-sizing:border-box;
}


.about_video {
	height: 50vh;
	width: 100%;
	position: relative;
	overflow: hidden;
	background-color: #1a1a1a;
}
.about_video:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 20;
	background: rgba(0, 0, 0, 0.3);
}
.about_video video {
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: center center;
}
.about_video .ab_content {
	position:absolute;
	top:50%;
	left:50%;
	color:#fff;
	transform: translate(-50%, -50%);
	z-index:100;
	color:#fff;
	text-align:center;
	width:90%;
}
.about_video .ab_content .title {
	font-size:36px;
	letter-spacing: 2.5px;
	line-height:1;
}
.about_video .ab_content .desc {
	font-size:25px;
	padding:10px 0px 30px; font-style:italic;
}
.about_video .ab_content .pic {
	text-align:center;
}
.about_video .ab_content .pic img {
	width:120px;
	height:auto;
}
.about_video .ab_content .more {
	margin-top:40px;
}
.about_video .ab_content .more a {
	padding: 5px 20px;
	text-align: center;
    transition: all .3s;
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	color:#fff;
	border:1px #fff solid;
	border-radius:50px; line-height:1;
}
.about_video .ab_content .more a svg{ width:35px; height:35px; margin-left:60px;fill:rgb(255,255,255);}
.about_video .ab_content .more a:hover{
	 background:#fff; color: #333;
	}
.about_video .ab_content .more a:hover svg{fill:rgb(51,51,51);}

.about_js{ max-width:1200px; width:92%; padding:100px 0px; margin:0px auto;}
.about_js .content{ width:90%; margin:0px auto; color:#666; font-size:18px; line-height:2;}
.about_one{ padding-bottom:30px; background:#eee; padding:30px 0px;}
.about_one .ab_midd{width:90%; max-width:1200px; margin:0px auto; color:#666;display: flex;
    align-items: center;
    justify-content: space-between;}
.about_one .ab_midd .content{ line-height:2;}
.about_one .ab_midd .weix{ }
.about_one .ab_midd .weix img{ width:150px; height:auto;}

@media (max-width: 768px) {
	 .about_video .ab_content .title{ font-size:24px;}
	 .about_video .ab_content .desc{font-size:18px;}
	 .about_video .ab_content .pic img{ width:100px;}
	 .about_video .ab_content .more a{ font-size:14px;}
	 .about_video .ab_content .more a svg{ margin-left:30px;}
	 .about_video .ab_content .more a svg{ width:30px; height:30px;}
	 .about_js .content{ width:100%; font-size:14px;}
	 .about_js{ padding:50px 0px;}
}
@media (max-width: 550px) {
	.about_one .ab_midd{flex-direction: column;justify-content: flex-start;align-items:flex-start; }
	.about_one .ab_midd .content{ width:100%;}
	.about_one .ab_midd .weix {  margin-top:20px; text-align:center;}
	.about_one .ab_midd .weix img{ width:100px;} 
}