html,body{
	width: 100%;
	height: 100%;
	position: relative;
	position: absolute;
	background: url('../images/bg.png') no-repeat ;
	background-size: cover;
	overflow: hidden;
}
.aboutus{
	
	height: 100%;
	box-sizing: border-box;
	
}
.aboutus .row{
	height: 100%;
}
.aboutus .rgtImg{
	position: relative;
	height: 100%;
	/* width: 100%; */
	/* background-color: antiquewhite; */
}
.aboutus .company-introduct{
	padding-top: 18vh;
}
.about-video{
	width: 80%;
	box-sizing: border-box;
	height: 100%;
	background: linear-gradient(180deg, #3EBCF1 0%, #A7DEF5 49%, rgba(246,252,255,0.99) 100%);
	border-radius: 200px 0px 0px 0px;
	opacity: 1;
	position: absolute;
	right: -200px;
}

.aboutus .companyImg{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 92%;
	z-index: 1;
	right: -200px;
}
.title-box{
	padding-bottom: 40px;
	opacity: 1;
	border-bottom: 1px solid #DDDDDD; 
	position: relative;
}
.title-box h3{
	font-size: 40px;
	font-weight: bold;
	
}
.title-box::before{
	content: "";
	width: 72px;
	height: 3px;
	background: linear-gradient(360deg, #1CBCFF 0%, rgba(167,222,245,0.99) 100%);
	opacity: 1;
	position: absolute;
	bottom: -1px;
	z-index: 9;
}

.about-detail{
	font-size: 18px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 30px;
	padding-top: 40px;
	text-indent: 2em;
}
.aboutList{
	padding-top: 30px;
	width: 70%;
	display: flex;
	justify-content: space-between;
}
.aboutList li{
	text-align: center;
	padding: 5px 2%;
}
.aboutList li p{
	font-size: 20px;
	text-align: center;
	padding-top: 20px;
}

.aboutList li a:hover{
	color: #1CBCFF;
}

@media (max-width:990px) {
	
	html,body{
	width: 100%;
	/* height: 100%; */
	height: auto;
	position: relative;
	/* overflow: hidden; */
	/* position: absolute; */
	position: relative;
	background: url('../images/bg.png') no-repeat ;
	background-size: cover;
	overflow:visible;
	overflow-x: hidden;
	}
	.header {
	    width: 100%;
	    position: relative;
	    top: 0px;
	}
	.header .logo {
	    width: 120px;
	    height: 40px;
	    left: 100px;
	}
	.header_content .iconfont {
	    font-size: 26px;
	    color: #fff;
	    background: rgba(28,188,255,0.3);
	    border-radius: 4px;
	    padding:6px 6px;
	}
	.title-box h3 {
	    font-size: 24px;
	    font-weight: bold;
	}
	.title-box {
	    padding-bottom: 10px;
	}
	.about-detail {
	    font-size: 14px;
	    line-height: 2;
	    padding-top: 10px;
	    text-indent: 2em;
		position: relative;
		z-index: 99;
		/* height: 2000px; */
	}
	.aboutus .company-introduct {
	    padding-top: 10px;
	}
	.aboutList{
		position: relative;
		z-index: 99;
		padding-top: 0px;
	}
	.aboutList li img {
	    width: 80%;
	}
	.aboutList li p {
	    font-size: 12px;
		padding-top: 5px;
	}
	.aboutus .companyImg {
	    opacity: .3;
	}
	.t_footer {
	    width: 100%;
	    /* background: rgb(0 0 0 / 10%); */
	    background: rgba(0, 0, 0, .6);
	    height: 40px;height: auto;
	    position: relative;
	    bottom: 0;
	    z-index: 99;
	}
	.t_footer .container-content {
	    padding: 8px 0;
		
	}
	.t_didownp p{
		height: auto;
		line-height: 1.5;
	}
}