@charset "utf-8";



/*关于我们 css*/
.con_box_about {
	float: left;
	width: 100%;
	background-size: cover;
	background-attachment: fixed;
	overflow: hidden;
	background: #ffffff;
	border-top: 0.2rem solid rgb(240, 240, 240);
}


.con_box_about .menu_nav {
	float: left;
	width: calc(100% - 0.4rem);
	padding-top: 0.2rem;
	margin-left: 0.2rem;
	margin-right: 0.2rem;
}

.con_box_about .menu_nav .nav_item{
	float: left;
	width: auto;
	height: var(--sub-height);
	padding: 0rem 0.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--sub-font-size);
	border-radius: 0.1rem;
	background: rgb(245, 247, 249);
}

.con_box_about .menu_nav .cur{
	background: rgb(237, 119, 87);
	color: #ffffff;
} 

.con_box_about .menu_nav ul {
	width: calc(100% - 0.4rem);
	list-style: none;
	font-size: var(--sub-font-size);
	margin-left: 0.2rem;
	margin-right: 0.2rem;
	height: var(--sub-height);
	border-radius: 0.1rem;
	background: rgb(245, 247, 249);
}

.con_box_about .menu_nav ul li {
	float: left;
	width: 2.6rem;
	height: var(--sub-height);
	line-height: var(--sub-height);
	text-align: center;
	cursor: pointer;
	border-radius: 0.1rem;
}

.con_box_about .menu_nav ul li a{
	display: block;
	line-height: var(--sub-height);
}

.con_box_about .menu_nav ul li a.cur {
	display: block;
	line-height: var(--sub-height);
	background: rgb(237, 119, 87);
	color: #ffffff;
	border-radius: 0.1rem;
	pointer-events: none;
    cursor: not-allowed;
}


.con_box_about .nav_content {
	float: left;
	width: calc(100% - 0.04rem);
	border: 0.00rem solid #dddddd;
	margin-bottom: 0.0rem;
	border-radius: 0.1rem;
}

.con_box_about .nav_card_content {
	float: left;
	width: calc(100% - 0.4rem);
	padding: 0.2rem;
}

.con_box_about .nav_card_content .profile_ccontent_card {
	float: left;
	width: calc(100% - 0.03rem);
	border: 0.01rem solid rgb(230, 230, 230);
	border-radius: 0.1rem;
}

.con_box_about .nav_card_content .company_picture {
	float: left;
	width: 3.6rem;
	display: flex;
	align-items: center;
	overflow: hidden;
	border-radius: 0.0rem;
	display: none;
}

.con_box_about .nav_card_content .company_picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: middle;
}

.con_box_about .nav_card_content .profile_info {
	float: left;
	padding: 0.2rem 0.2rem;
	width: calc(100% - 0.4rem);
}

.con_box_about .nav_card_content .profile_info p {
	text-align: left;
	color: #333333;
	font-size: var(--font-size);
}


.con_box_about .nav_card_content .company_video {
	float: left;
	width: 100%;
	margin-top: 0.2rem;
	padding-top: 0.0rem;
}


.con_box_about .nav_card_content .company_video video {
	width: 100%;
	max-width: 100%;
	max-height: 8.0rem;
	border-radius: 0.1rem;
	border: 0.01rem solid rgb(240, 240, 240);
}


.con_box_about .nav_card_content .contract_info {
	float: left;
	width: calc(100% - 0.4rem);
	padding: 0.2rem;
	text-align: center;
	border: 0.01rem solid rgb(240, 240, 240);
	border-radius: 0.1rem;
}


.con_box_about .nav_card_content .contract_info p {
	text-align: left;
	color: #333333;
	font-size: var(--font-size);
}

.con_box_about .contract_us_card {
	float: left;
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.2rem;
}

.con_box_about .contract_us_card .contract_map {
	float: left;
	width: calc(100% - 0.02rem);
	border: 0.01rem solid rgb(230, 230, 230);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.0rem;
	background: #ffffff;
	border-radius: 0.1rem;
}

.con_box_about .contract_us_card .contract_map .map_card {
	width: calc(100% - 0.42rem);
	height: 0.8rem;
	line-height: 0.8rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	border-bottom: 0.01rem solid rgb(240, 240, 240);
}

.con_box_about .contract_us_card .contract_map .map_card .map_item {
	float: left;
	border-bottom: 0.1rem solid transparent;
	width: 2.4rem;
	height: var(--sub-height);
	line-height: var(--sub-height);
	font-size: var(--font-size);
	display: block;
	text-align: center;
	color: #333333;
	cursor: pointer;
}

.con_box_about .contract_us_card .contract_map .map_card .map_selected {
	background: rgb(255, 255, 255);
	color: rgb(237, 119, 87);
	border-bottom: 0.1rem solid rgb(237, 119, 87);
}

.con_box_about .contract_us_card .map_img {
	width: calc(100% - 0.42rem);
	height: 6.0rem;
	text-align: center;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
	margin-left: 0.2rem;
	margin-right: 0.2rem;
	border-radius: 0.1rem;
	border: 0.01rem solid rgb(220, 220, 220);
}

.con_box_about .contract_us_card .map_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s;
	transform: scale(1);
	cursor: pointer;
	display: none;
}

.con_box_about .contract_us_card .map_img img:hover {
	transition: all 0.5s;
	transform: scale(1.1);
}

.con_box_about .contract_us_card .map_img .img_show {
	display: block;
}