@import url("../css/table.css");/*自定义文档*/
@import url("gaode_main.css");/*高德地图*/
/*清楚默认样式*/
*{
	margin: 0px;padding: 0px;list-style: none;text-decoration: none;
}
.center{
	width: 80%;
	margin: 0 auto;
	display: flex;
}
.about_main{ width:100%; padding-bottom:40px;}

/*背景图*/
.rc-about-bg{
	width: 100%;
	height: 550px;
}
.rc-bg-mask{
	background: rgba(0,0,0,.3);
	width: 100%;
	height: 100%;
	text-align: center;
	color: #FFFFFF;
}
.rc-bg-text{
	width: 300px;
	height: 300px;
	margin: 0 auto;
	position: relative;
	top:40%;
}
.rc-bg-text>p{
	font-size: 60px;
    letter-spacing: 15px;
    margin-bottom: 15px;
}
.rc-bg-text>span{
	font-size: 30px;
}

/**/
.content{
	
	width: 100%;
}
.rc-about-bigBox{
	width: 100%;
	/*height: 800px;*/
	position: relative;
	background: #1c1c1c;
	
}
.rc-about-angleR{
	width: 370px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.rc-about-angleR>img{
	width: 100%;
}
.rc-about-angleL{
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.rc-bigBox-menu{
	margin: 0 auto;
	width: auto;
	text-align: center;
	height: auto;
	padding: 30px 0px 80px 0px;
	z-index: 99;
}
.rc-bigBox-menu>li{
	width: 105px;
	height: 45px;
	line-height: 45px;
	display: inline-block;
	border-right: 1px solid #dcdcdc;
	margin-left: 15px;
}
.rc-bigBox-menu li:last-child{border:none;}
.rc-bigBox-menu>li a{
	color: #FFFFFF;
	padding: 0px 10px 0px 10px;
}
.first-menu a{
	background: #a92426;
	
}
.rc-bigBox-menu>li a:hover{
	background: #a92426;
}

/**/

.bigBox-img-left{
	width: 42%;
	height: auto;
}
.bigBox-img-left>img{
	width: 100%;
	height: 100%;    
}
.bigBox-text-right{
	width: 58%;
	height: auto;
	padding-left: 5%;
}
.bigBox-text-right>p{
	color: #FFFFFF;
	line-height: 30px;
}
.color-red{
	color: #a92426 !important;
	font-size: 16px;
	margin-top: 1%;
}
.null-box{
	width: 30px;
	height: 2px;
	background: #a92426;
	display: inline-block;
	margin-bottom: 3%;
}

/**/
.rc-bigBox-data2{
	justify-content: space-around;
	margin-top: 50px;
}
.rc-bigBox-data2>div{
	width: 191px;
	height: 190px;
	/* background: url(../images/bg_circle.png) no-repeat; */
	color: #FFFFFF;
	text-align: center;
	
}
.tit-box,.tit-box>span{
	font-size: 40px;
}

.rc-bigBox-prdocut{
	background: url(../images/bg_circle.png) no-repeat;
	background-size: 100%;
	width: 191px;
	height: 190px;
	padding-top: 50px;
}

/**/
.third-about-bigBox{
	display: block;
	color: #FFFFFF;
	text-indent: 2em;
}
.about-list-img{
	display: flex;
	justify-content: space-between;
	width: 100%;
    flex-wrap: wrap;
}

.about-list-img>div{
	width: 33%;
	height: auto;
	/* margin: 0 auto; */
}
.about-list-img>div img{
	width: 100%;
	display: block;
}
.third-about-bigBox>p{
	padding-bottom: 3%;
	line-height: 30px;
}
.text-padding-top{
	margin-top: 5%;
}



@media screen and (max-width:911px){
	.center{
		width: 90% !important;
	}
	.rc-bigBox-data2{
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.rc-bigBox-data2>div{
		margin-bottom: 5%;
		width: 40%;
		
	}
	.rc-bigBox-data2{
		justify-content: center !important;
	}

}

@media screen and (max-width:768px){
	.rc-bigBox-data1{
		flex-wrap: wrap !important;
	}
	.bigBox-img-left{
		width: 100%;
	}
	.bigBox-text-right{
		width: 100%;
		padding-left: 0;
	}
	.about-list-img>div{
		width: 100%;
		padding-bottom: 20px;
	}

}
@media screen and (max-width:550px){
	.rc-bigBox-data2{
		justify-content: space-between !important;
	}
	.rc-bigBox-prdocut{
		width: 150px !important;
		height: 150px !important;
	}
	.tit-box,.tit-box>span{
		font-size: 24px;
	}
}

.about_main p{ color:#fff;}

/**/
.rc-about-bigBox>div:nth-child(4){
	background: #111;
}
.rc-about-bigBox>div:nth-child(4) .center{    padding: 80px 0 100px 0;}
.rc-about-bigBox>div:nth-child(4) .center .formBox-text>input{border-bottom: 2px solid #fff;    color: #fff;}
.rc-about-bigBox>div:nth-child(4) .center .formBox-btn{    border: none;}
.rc-about-bigBox>div:nth-child(4) .center .formBox-leave{    color: #fff;}
.rc-about-bigBox>div:nth-child(4) .center .from_title{font-size: 24px; margin-bottom: 20px;}

/*2019.10.22*/
@media screen and (max-width:500px){
	.rc-bg-text>p{font-size: 36px !important;}
	.rc-bg-text>span{font-size: 22px !important;}
	.rc-bigBox-menu>li{border:none;width:auto}	
}
@media screen and (max-width:350px){
	.rc-bigBox-menu>li a{font-size:12px}
}