.flex-1 {
	flex: 1;
}

.flex {
	display: flex;
}

.flex-row,
.flex-row-center {
	display: flex;
	flex-direction: row;
}

.flex-row-center {
	align-items: center;
}

.flex-col,
.u-flex-col-center {
	display: flex;
	flex-direction: column;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.u-flex,
.u-flex-between,
.u-flex-center {
	display: flex;
	flex-direction: row;
	align-items: center;
	word-break:break-all;
	word-wrap:break-word;
}

.u-row-between,
.u-flex-between {
	justify-content: space-between;
}

.u-flex-center {
	justify-content: center;
}

.center {
	align-items: center;
	justify-content: center;
}

.width-100 {
	width: 100%;
}

.height-100 {
	height: 100%;
}

.float-left {
	float: left;
}

.margin-15 {
	margin-left: -15px;
	margin-right: -15px;
}

.color-4285F4 {
	color: #4285F4;
}

.color-3B4564 {
	color: #3B4564;
}

.color-7D8AA4 {
	color: #7D8AA4;
}

.color-2F72F5 {
	color: #2F72F5;
}

.color-111{
	color: #111111;
}

.color-666 {
	color: #666666;
}

.color-999 {
	color: #999999;
}

.color-fff {
	color: #FFFFFF;
}

.color-252F42 {
	color: #252F42;
}

.color-fff-80 {
	color: rgba(255,255,255,0.8);
}

.color-fff-bg {
	background-color: #FFFFFF;
}

.color-202A3D-bg {
	background-color: #202A3D;
}

.color-252F42-bg {
	background-color: #252F42;
}

.size-60 {
	font-size: 4.285rem;
}

.size-50 {
	font-size: 3.571rem;
}

.size-40 {
	font-size: 2.857rem;
}

.size-34 {
	font-size: 2.429rem;
}

.size-26 {
	font-size: 1.857rem;
}

.size-24 {
	font-size: 1.714rem;
}

.size-22 {
	font-size: 1.571rem;
}

.size-20 {
	font-size: 1.429rem;
}

.size-18 {
	font-size: 1.286rem;
}

.size-17 {
	font-size: 1.214rem;
}

.size-16 {
	font-size: 1.143rem;
}

.size-15 {
	font-size: 1.071rem;
}

.line-height-26 {
	line-height: 1.857rem;
}

.line-height-30 {
	line-height: 2.143rem;
}

.line-height-36 {
	line-height: 2.571rem;
}

.line-height-38 {
	line-height: 2.714rem;
}

.margin-top-10 {
	margin-top: 0.714rem;
}

.margin-top-20 {
	margin-top: 1.429rem;
}

.margin-bottom-10 {
	margin-bottom: 0.714rem;
}

.margin-v-10 {
	margin: 0.714rem 0;
}

.margin-left-20 {
	margin-left: 1.429rem;
}

.padding-left-20 {
	padding-left: 1.429rem;
}

.max-width-300 {
	max-width: 12.5rem;
}

/* 非现场执法 */
/*.main-function {*/
/*	width: 225px;*/
/*	height: 300px;*/
/*	background: linear-gradient(134deg, #DFE3F0 0%, #EFF0FA 35%, #D4D9EA 69%, #AFB6CE 100%);*/
/*	box-shadow: 0px 15px 53px 0px rgba(145, 160, 180, 0.2);*/
/*}*/

.main-function {
	width: 225px;
	height: 300px;
	background: linear-gradient(134deg, #DFE3F0 0%, #EFF0FA 35%, #D4D9EA 69%, #AFB6CE 100%);
	box-shadow: 0px 15px 53px 0px rgba(145, 160, 180, 0.2);
}



.non_enforcement_function_bg {
	width: 100%;
	height: 43.75rem;
}

.non_enforcement_characteristic {
	width: 10.714rem;
	height: 12.857rem;
}

.structure_box:hover{
  	box-shadow: 0 0 15px rgba(231,231,231,1);

}

.border_light {
	border: 1px solid #E2E6EF;
	border-radius: 0.25rem;
}

.box_build {
	box-shadow: 0 0 15px rgba(231,231,231,1);
}

.blue_shadow {
	box-shadow: 0 5px 25px rgba(239,245,255,1);
}

/*
公路资产数字化
*/

.road_product_function_bg {
	box-shadow: 0px 8px 20px 1px rgba(196, 199, 206, 0.1);
}

.road_product_function_bg_1 {
	background: linear-gradient(270deg, #7992F8 0%, #2456F6 100%);
}

.road_product_function_bg_2 {
	background: linear-gradient(270deg, #7A5DED 0%, #875CD3 100%);
}

.road_product_function_bg_3 {
	background: linear-gradient(270deg, #E7A68D 0%, #DF806F 100%);
}

.road_product_function_bg_4 {
	background: linear-gradient(90deg, #3289FF 0%, #3AA5FF 100%);
}

.road_product_content_padding {
	padding: 2rem 6rem 2rem 1.5rem;
}

.road_product_function_line {
	width: 4px;
	height: 18px;
}

.road_product_function_line_1 {
	background: #2355F6;
}

.road_product_function_line_2 {
	background: #805CDF;
}

.road_product_function_line_3 {
	background: #E4947F;
}

.road_product_function_line_4 {
	background: #3799FF;
}

.road_product_function_bright_spot {
	background: url(../imgs/roadProduct_function.png) center center no-repeat;
	background-size: cover;
	padding-bottom: 2rem;
}

.road_product_function_px_5 {
	padding-right: 5rem;
	padding-left: 5rem;
}

.road_product_function_mb_4 {
	margin-bottom: 4rem;
}

.road_product_function_mt_25 {
	margin-top: 2.5rem;
}

.road_product_card {
	border: 1px solid #E2E6EF;

}

.border-right-none {
	border-right: none;
}

@media (max-width: 768px) {
	.advantage_bg .col-md-1-5 {
		max-width: 50% !important;
		flex: 0 0 50% !important;
	}
	.border-right-none {
		border-right: 1px solid #E2E6EF;
	}

	.advantage_bg .item:nth-of-type(2){
		border-left: none;
	}

	.advantage_bg .item:nth-of-type(3){
		border-top: none;
	}

	.advantage_bg .item:nth-of-type(4){
		border-top: none;
		border-left: none;
	}

	.advantage_bg .item:nth-of-type(5){
		border-top: none;
	}

}


.advantage_bg .col-md-1-5 {
	max-width: 20%;
	flex: 0 0 20%;
}

.traffic_data .col-md-1-5 {
	max-width: 20%;
	flex: 0 0 20%;
}


/*养护综合管理系统*/
.maintenance_function {
	background: url(../imgs/maintenance_function.png) center center no-repeat;
	background-size: cover;
	padding-bottom: 2rem;
}

.maintenance_function_title p {
	padding: 0 5rem;
}

.maintenance_function_line {
	width: 4px;
	height: 18px;
	background: #0075F8;
}


.maintenance_function_item {
	padding: 2.5rem 1rem 2rem 0;
	height: 235px;
}

.maintenance_function_item img {
	width: 160px;
	margin-left: -4px;
}

.maintenance_bright {
	height: 400px;
	align-items: center;
	border-radius: 8px;
}

@media (max-width: 767.99px) {
	.maintenance_bright {
		margin: 1rem 7rem;
	}
}

@media (max-width: 575.99px) {
	.maintenance_bright {
		margin: 1rem 3rem;
	}
}

.maintenance_bright_title {
	position: relative;
}

.maintenance_bright_title img {
	/*position: absolute;*/
	/*left: 0;*/
	/*right: 0;*/
	/*top: 0;*/
	/*bottom: 0;*/
	/*z-index: 1;*/
	height: 78.5px;
	width: 100%;

}

.maintenance_bright_title h4 {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	line-height: 78.5px;
}

.maintenance_bright .img_item {
	width: 50%;
	height: 200px;
}

.maintenance_bright p {
	margin-top: 5px;
}

.business_title p{
	padding: 0 8rem;
}

.business {
	margin-bottom: 3rem;
}

.business .img_item {
	width: 100px;
}

.business_line {
	width: 42px;
	height: 1px;
	border: 1px solid #E2E6EF;
}

.business_line_white {
	width: 42px;
	height: 1px;
	border: 1px solid #FFFFFF;
}

.business_line_right {
	margin-right: -1.2rem;
}

.business_line_left {
	margin-left: -1.2rem;
}

@media (max-width: 991.99px) {
	.business_line {
		border: 1px solid #FFFFFF;
	}
}

/*成功案例*/
.case_map {
	margin: 4rem 10rem -3rem;
}

.case_partner {
	margin-top: 3rem;
}

.case_agent .apply {
	padding: 2rem 3rem;
	background: red;
}

@media (max-width: 991.99px) {
	.case_map {
		margin: 4rem 5rem -1rem;
	}
	.traffic_data .col-md-1-5 {
		max-width: 50% !important;
		flex: 0 0 50% !important;
	}
}

@media (max-width: 767.99px) {
	.case_map {
		margin: 4rem 2rem -1rem;
	}
	.traffic_data .col-md-1-5 {
		max-width: 50% !important;
		flex: 0 0 50% !important;
	}
}

.traffic_advantage {
	background: url(../imgs/traffic_advantage_bg.png) center center no-repeat;
	background-size: cover;
	padding-bottom: 10rem;
}

.traffic_data .data_img_1 {
	background: url(../imgs/traffic_data_normal_1.png) center no-repeat;
	background-size: 3.571rem 3.571rem;
	width: 3.571rem;
	height: 3.571rem;
}

.traffic_data .traffic_data_1:hover .data_img_1 {
	background: url(../imgs/traffic_data_select_1.png) center no-repeat;
	background-size: 3.571rem 3.571rem;
	width: 3.571rem;
	height: 3.571rem;
}

.traffic_data .data_img_2 {
	background: url(../imgs/traffic_data_normal_2.png) center no-repeat;
	background-size: 3.571rem 3.571rem;
	width: 3.571rem;
	height: 3.571rem;
}

.traffic_data .traffic_data_2:hover .data_img_2 {
	background: url(../imgs/traffic_data_select_2.png) center no-repeat;
	background-size: 3.571rem 3.571rem;
	width: 3.571rem;
	height: 3.571rem;
}

.traffic_data .data_img_3 {
	background: url(../imgs/traffic_data_normal_3.png) center no-repeat;
	background-size: 3.571rem 3.571rem;
	width: 3.571rem;
	height: 3.571rem;
}

.traffic_data .traffic_data_3:hover .data_img_3 {
	background: url(../imgs/traffic_data_select_3.png) center no-repeat;
	background-size: 3.571rem 3.571rem;
	width: 3.571rem;
	height: 3.571rem;
}

.traffic_data .data_img_4 {
	background: url(../imgs/traffic_data_normal_4.png) center no-repeat;
	background-size: 3.571rem 3.571rem;
	width: 3.571rem;
	height: 3.571rem;
}

.traffic_data .traffic_data_4:hover .data_img_4 {
	background: url(../imgs/traffic_data_select_4.png) center no-repeat;
	background-size: 3.571rem 3.571rem;
	width: 3.571rem;
	height: 3.571rem;
}

.traffic_data .data_img_5 {
	background: url(../imgs/traffic_data_normal_5.png) center no-repeat;
	background-size: 3.571rem 3.571rem;
	width: 3.571rem;
	height: 3.571rem;
}

.traffic_data .traffic_data_5:hover .data_img_5 {
	background: url(../imgs/traffic_data_select_5.png) center no-repeat;
	background-size: 3.571rem 3.571rem;
	width: 3.571rem;
	height: 3.571rem;
}

.traffic_data_item:hover {
	background: linear-gradient(180deg, rgba(79, 102, 151, 1) 0%, rgba(29, 48, 86, 1) 100%);
}

.traffic_data_item:hover h4{
	color: #FFF !important;
}

.traffic_data_item:hover p{
	color: #FFF !important;
}

.traffic_docking {
	background: url(../imgs/traffic_docking_bg.png) center center no-repeat;
	background-size: cover;
	padding-bottom: 2rem;
}

.traffic_docking_point {
	background: #118BFF;
	width: 6px;
	height: 6px;
	border-radius: 3px;
}

.traffic_docking_item {
	padding: 1.7rem 0 3rem;
	border-top: 1px solid #D7E7FF;
	border-right: 1px solid #D7E7FF;
}

.traffic_docking_border_bottom {
	border-bottom: 1px solid #D7E7FF;
}

.traffic_docking_item li {
	height: 27px;
}

.traffic_docking_left {
	margin-left: -1rem;
}

.traffic_docking_item_left {
	padding-left: 32%;
}

@media (max-width: 1199.99px) {
	.traffic_docking_left {
		margin-left: 1rem;
	}

	.traffic_docking .left_img {
		width: calc(100% + 2rem);
	}

	.traffic_docking_item_left {
		padding-left: 37%;
	}
}

@media (max-width: 767.99px) {
	.traffic_docking .left_img {
		width: calc(100% + 1rem);
	}
	.traffic_docking_item_left {
		padding-left: 39%;
	}

	.traffic_docking_border_bottom_3 {
		border-bottom: none;
	}
}

.high_way_bg {
	background: url(../imgs/highWay_middle_bg.png) center center no-repeat;
	background-size: cover;
	padding-bottom: 2rem;
}

.high_way_brightSpot {
	background: url(../imgs/highWay_architecture_bg.png) center center no-repeat;
	background-size: cover;
	padding-bottom: 2rem;
}

.road_leader_architecture_bg {
	background: url(../imgs/roadLeader_pic_architecture.png) center center no-repeat;
	background-size: cover;
	padding-bottom: 2rem;
}

.non_enforcement_function_bg_new {
	background: url(../imgs/non_enforcement_function_bg.png) center center no-repeat;
	background-size: cover;
	padding-bottom: 2rem;
}

.non_enforcement_function .col-md-1-5 {
	max-width: 20%;
	flex: 0 0 20%;
}

@media (max-width: 991.99px) {
	.non_enforcement_function .col-md-1-5 {
		max-width: 50% !important;
		flex: 0 0 50% !important;
	}
}

@media (max-width: 767.99px) {
	.non_enforcement_function .col-md-1-5 {
		max-width: 50% !important;
		flex: 0 0 50% !important;
	}
}

.flex_index_row_col {
	display: flex;
	flex-direction: row;
}

.flex_index_solve_special_img {
	left: 3rem;
}

.flex_index_solve_special_text {
	padding: 4rem 0 4rem 3rem;
}

@media (max-width: 991.99px) {
	.flex_index_row_col {
		flex-direction: column;
	}
	
	.flex_index_solve_special_img {
		left: 1rem;
	}
	
	.flex_index_solve_special_text {
		padding: 4rem 1rem 2rem 1rem;
	}
	
	.home_solve_item {
	        margin-right: -1rem;
			height: 180px;
	}
}

@media (max-width: 767.99px) {
	.flex_index_row_col {
		flex-direction: column;
	}
	.flex_index_solve_special_img {
		left: 1rem;
	}
	
	.flex_index_solve_special_text {
		padding: 4rem 1rem 2rem 1rem;
	}
	
	.home_solve_item {
	        margin-right: -1rem;
			height: 17rem;
	}
}