.wp {
	max-width: 1500px;
	margin: 0 auto;
}

* {
	font-family: '微软雅黑';
	box-sizing: border-box;
}

.dan_hang {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 头部 */
#web_head {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background-color: #fff;
	box-shadow: 0 3px 9px rgba(120, 120, 120, 0.16);
}

#web_head .top_con {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	/* 右对齐 */

}

#web_head .top_con .item {
	display: inline-block;
	cursor: pointer;
	margin-left: 22px;
	position: relative;
}

#web_head .top_con .item>img {
	width: 22px;
	vertical-align: middle;
	opacity: 0.8;
}

#web_head .top_con .item:hover>img {
	opacity: 1;
}

#web_head .top_con .item.login {
	margin-left: 90px;
	font-size: 14px;
	color: #fff;
	padding: 2px 10px;
	border-radius: 5px;
	border: 1px solid #fff;
}

#web_head .top_con .item.login:hover {
	background-color: #000;
	border: 1px solid #000;
	color: #fff;
}

#web_head .top_con .item.login_ok {
	padding-right: 20px;
	margin-left: 90px;
	font-size: 18px;
	color: #fff;
	position: relative;
}

#web_head .top_con .item.login_ok::after {
	content: "";
	position: absolute;
	right: 0;
	top: 55%;
	transform: translateY(-50%);
	width: 11px;
	height: 7px;
	background-image: url(../images/t8.png);
	background-size: contain;
	background-repeat: no-repeat;
	transition: transform 0.3s;
}

#web_head .top_con .item.login_ok:hover::after {
	transform: translateY(-50%) rotate(180deg);
}

#web_head .top_con .item .code {
	position: absolute;
	top: 140%;
	position: absolute;
	z-index: 99;
	background-color: #fff;
	left: 50%;
	transform: translateX(-50%);
	box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
	text-align: center;
	display: none;
	border-radius: 5px;
	overflow: hidden;
}

#web_head .top_con .item .tel_pop {
	position: absolute;
	top: 140%;
	position: absolute;
	z-index: 99;
	background-color: #fff;
	left: 50%;
	transform: translateX(-50%);
	box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
	text-align: center;
	display: none;
	font-weight: bold;
	padding: 10px 20px;
	border-radius: 5px;
	overflow: hidden;
	font-size: 24px;
}


#web_head .top_con .item .code img {
	width: 110px;
}

#web_head .top_con .item:hover .code {
	display: block;
}

#web_head .top_con .item.item_tel:hover .tel_pop {
	display: block;
}

#web_head .top_con .item.login_ok .down {
	position: absolute;
	width: 80px;
	top: 100%;
	position: absolute;
	z-index: 99;
	background-color: #fff;
	left: 50%;
	transform: translateX(-50%);
	box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
	padding: 10px 0;
	text-align: center;
	display: none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#web_head .top_con .item.login_ok:hover .down {
	display: block;
}

#web_head .top_con .item.login_ok .down span {
	font-size: 14px;
	color: #333;
	text-align: center;
}








#web_head .top {
	height: 43px;
	background-color: #434343;
}

#web_head .con {
	height: 110px;
	align-items: center;
	display: flex;
	justify-content: space-between;
}

#web_head .con .logo {}

#web_head .con .logo img {
	width: 194px;
	vertical-align: middle;
}

#web_head .con .nav .item {
	display: inline-block;
	padding: 0 16px;
	position: relative;
	height: 110px;
	line-height: 110px;
}

#web_head .con .nav .item.on>a {
	color: #10365A;
}

#web_head .con .nav .item a {
	font-size: 18px;
	color: #444;
}

#web_head .con .nav .item:hover>a {
	color: #10365A;
}

#web_head .con .nav .item .line {
	position: absolute;
	width: 0%;
	height: 4px;
	background-color: #10365A;
	left: 50%;
	transform: translateX(-50%);
	top: 75%;
	transition: width 0.3s ease;
	/* 新增 */
}

#web_head .con .nav .item:hover .line {
	width: 80%;
}

#web_head .con .nav .item img {
	vertical-align: middle;
	width: 26px;
	cursor: pointer;
}

#web_head .con .nav .item img:hover {
	opacity: 0.6;
}

#web_head .con .nav .item.on .line {
	width: 80%;
}

#web_head .con .nav .item .more {
	position: absolute;
	line-height: 1;
	background-color: #10365A;
	width: 327px;
	height: 100%;
	text-align: center;
	padding-top: 42px;
	top: -2px;
	left: 0;
	z-index: 9;
	display: none;
}

#web_head .con .nav .item .more span {
	font-size: 32px;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
}

#web_head .con .nav .item .more img {
	vertical-align: middle;
}

#web_head .con .nav .item.tel_item.on .more {
	display: block;
}











#web_head_mm {
	background-color: #fff;
	height: 56px;
	line-height: 54px;
	padding: 0 10px;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	border-bottom: 1px solid #ddd;
	width: 100%;
	display: none;
}

#web_head_mm .logo {
	text-align: left;
}

#web_head_mm img {
	vertical-align: middle;
	height: 40px;
}

#web_head_mm .open_nav {
	position: absolute;
	width: 56px;
	height: 56px;
	background-image: url(../images/top_icon2.png);
	display: inline-block;
	vertical-align: middle;
	background-size: 20px;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	right: 0px;
	top: 0;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-moz-user-focus: none;
}

#web_head_mm .open_nav.on {
	background-image: url(../images/top_icon3.png);
}

#web_head_mm .right_nav {
	width: 100%;
	position: fixed;
	right: 0;
	top: 56px;
	z-index: 9;
	bottom: 0;
	width: 0;
	overflow: hidden;
	z-index: 99;
}

#web_head_mm .right_nav .bg {
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0);
	transition: .3s;
}

#web_head_mm .right_nav.on .bg {
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.4);
	transition: .3s;
	width: 100%;
	height: 100%;
}

#web_head_mm .right_nav.on {
	width: 100%;
}

#web_head_mm .right_nav .nav {
	position: absolute;
	height: 100%;
	width: 0%;
	right: 0;
	top: 0;
	background-color: #fff;
}

#web_head_mm .right_nav .nav a {
	display: block;
	font-size: 14px;
	color: #333;
	line-height: 40px;
	padding-left: 30px;
	border-bottom: 1px solid #f0f0f0;
	height: 40px;
	position: relative;
}

#web_head_mm .right_nav .nav a span {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 1px solid #cccccc;
	margin-right: 20px;
	vertical-align: middle;
}

#web_head_mm .right_nav .nav a img {
	width: 6px;
	height: auto;
	vertical-align: middle;
	margin-right: 21px;
	margin-left: 1px;
}

#web_head_mm .right_nav .nav a em {
	vertical-align: middle;
}

#web_head_mm .right_nav.on .nav {
	width: 80%;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}

#web_head_mm .right_nav .nav a b {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px;
	font-weight: normal;
	color: #666;
}

#web_head_mm .right_nav .nav a.on {
	background-color: #ebebeb;
}

#web_head_mm .right_nav .nav a.on span {
	background-color: #666;
	border: 1px solid #666;
}

#web_head_mm .right_nav .nav .mm_nav_item .mm_nav_item_down {
	display: none;
}


#mm_er_nav {
	display: none;
	width: 100%;
	position: relative;
}

#mm_er_nav .tit {
	height: 42px;
	line-height: 42px;
	background-color: #fff;
	padding: 0 3%;
	background-image: url(../images/up1.png);
	background-repeat: no-repeat;
	background-position: right 3% center;
	background-size: 13px auto;
}

#mm_er_nav .tit.on {
	background-image: url(../images/down1.png);
}

#mm_er_nav .tit h4 {
	font-size: 14px;
	color: #333;
	font-weight: normal;
}

#mm_er_nav .down_nav {
	position: fixed;
	width: 100%;
	left: 0;
	top: 100%;
	background-color: rgba(0, 0, 0, 0.1);
	z-index: 999999;
	bottom: 0;
	transition: .3s;
}

#mm_er_nav .down_nav.on {
	top: 0px;
	transition: .3s;
}

#mm_er_nav .down_nav .con {
	position: absolute;
	left: 0;
	width: 100%;
	top: 1px;
	bottom: 50px;
	padding: 0 20px;
	background-color: #fff;
}

#mm_er_nav .down_nav .con.on {
	top: 5px;
	transition: .3s;
}

#mm_er_nav .down_nav .con h5 {
	font-size: 16px;
	color: #333;
	font-weight: normal;
	text-align: center;
	padding: 25px 0;
}

#mm_er_nav .down_nav .item {
	border-bottom: 1px solid #f0f0f0;
	padding: 5px 0;
}

#mm_er_nav .down_nav .item:last-child {
	border-bottom: none;
}

#mm_er_nav .down_nav .item>a {
	line-height: 30px;
	font-size: 14px;
	color: #000;
	font-weight: bold;
}

#mm_er_nav .down_nav .item dt {
	padding: 5px 0;
}

#mm_er_nav .down_nav .item dt>a {
	font-size: 14px;
	color: #333;
}

#mm_er_nav .down_nav .item dd {
	padding: 5px 0;
}

#mm_er_nav .down_nav .item dd>a {
	font-size: 13px;
	color: #333;
	display: inline-block;
}

#mm_er_nav .down_nav .item dd>a img {
	width: 6px;
	margin-right: 6px;
	vertical-align: 0px;
}

#mm_er_nav .down_nav .colse {
	background-color: #535353;
	height: 50px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
	font-size: 14px;
	color: #fff;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	display: none;
}

#mm_er_nav .down_nav.on .colse {
	display: block;
}

.oh {
	overflow: hidden !important;
}


/* 首页 */
.index_banner {
	width: 100%;
	overflow: hidden;
	position: relative;
	isolation: isolate;
	margin-top: 110px;
}

.index_banner .swiper-slide {
	position: relative;
}

.index_banner .video_con {
	aspect-ratio: 1920 / 1080;
	position: relative;
	overflow: hidden;
}

.index_banner .doing_btn {
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.32);
}

.index_banner .doing_btn.on {
	background-color: rgba(0, 0, 0, 0);
	z-index: 100;
}

.index_banner .doing_btn img {
	width: 155px;
	vertical-align: middle;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	cursor: pointer;
	z-index: 100;
}

.index_banner .doing_btn.on img {
	display: none;
}

.index_banner video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: middle;
}


.index_banner img {
	vertical-align: middle;
	width: 100%;
	position: relative;
	z-index: 1 !important;
}

.index_banner .swiper-pagination-bullet {
	background-color: #fff;
	opacity: 0.3;
}

.index_banner .swiper-pagination-bullet-active {
	opacity: 1;
	background-color: #fff;
}

.index_banner .txt {
	position: absolute;
	z-index: 9;
	width: 1030px;
	left: 50%;
	transform: translateX(-50%);
	top: 213px;
	overflow: hidden;
	background-image: url(../images/banner2.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
}

.index_banner .txt .item {
	width: 50%;
	float: left;
	padding-right: 36px;
	padding-left: 100px;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 1;
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.index_banner .txt .item:nth-child(odd) {
	padding-left: 36px;
	padding-right: 100px;
}

.index_banner .txt .item h4 {
	font-size: 30px;
	color: #18417C;
}

.index_banner .txt .item p {
	font-size: 24px;
	color: #18417C;
}

.index_banner .pagination {
	position: absolute;
	width: 100%;
	bottom: 25px;
	left: 0;
	z-index: 9;
}


/* 首页 */
.index_about {
	padding-top: 40px;
	background-color: #fff;
}

.index_about .mass {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.index_about .mass .left {
	flex: 1;
	padding-right: 130px;
}

.index_about .mass .left span {
	line-height: 1;
	display: block;
	font-weight: bold;
	font-size: 55px;
	color: transparent;
	background: linear-gradient(to bottom, #BEBEBE, #fff);
	-webkit-background-clip: text;
	background-clip: text;
}

.index_about .mass .left h4 {
	font-size: 36px;
	color: #444;
}

.index_about .mass .left p {
	font-size: 16px;
	color: #444;
	line-height: 1.8;
	margin-top: 30px;
}

.index_about .mass .left em {
	display: block;
	font-size: 20px;
	color: #18407C;
	margin-top: 30px;
}

.index_about .mass .right {
	width: 430px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.index_about .mass .right h5 b {
	font-size: 44px;
	color: #18407C;
	margin-right: 6px;
}

.index_about .mass .right h5 {
	font-size: 24px;
	color: #18407C;
	border-bottom: 1px solid #C9C9C9;
	padding-right: 30px;
	padding-bottom: 12px;
}

.index_about .mass .right p {
	font-size: 18px;
	color: #444;
	margin-top: 18px;
}

.index_about .com_con {
	padding: 30px;
	background-image: url(../images/i2.jpg);
	background-repeat: repeat;
	background-position: right center;
	background-size: cover;
	margin-top: 30px;
}

.index_about .com_con .item {
	display: inline-block;
	padding-right: 82px;
}

.index_about .com_con .item img {
	width: 100px;
	vertical-align: middle;
}

.index_about .com_con .item span {
	font-size: 20px;
	color: #444;
	margin-left: 12px;
}

.index_about .flow_list {
	overflow: hidden;
	margin-top: 45px;
	margin-left: -20px;
}

.index_about .flow_list .item {
	width: 25%;
	float: left;
	padding-left: 20px;
}

.index_about .flow_list .item .pic {
	position: relative;
	overflow: hidden;
	aspect-ratio: 360 / 224;
}


.index_about .flow_list .item .pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	object-fit: cover;
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transform-origin: center center;
}

.index_about .flow_list .item .con:hover .pic img {
	transform: scale(1.05);
}

.index_about .flow_list .item .pic .btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 64px;
	height: 64px;
	background-image: url(../images/ban.png);
	background-size: 100% 100%;
	opacity: 0.8;
}

.index_about .flow_list .item .p {
	height: 55px;
	line-height: 55px;
	text-align: center;
	background: #244F8D;
	font-size: 16px;
	color: #fff;
}

.index_about .flow_list .item .con:hover .p {
	background: #FDBE01;
}

#video_pop {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none;
}

#video_pop .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
}

#video_pop .con {
	width: 70%;
	height: 70%;
	position: absolute;
	left: 15%;
	top: 15%;
	background-color: #000;
	border-radius: 8px;
}

#video_pop .con .close {
	width: 40px;
	height: 40px;
	position: absolute;
	right: -35px;
	top: -60px;
	cursor: pointer;
}

#video_pop .con .close img {
	width: 100%;
	vertical-align: middle;
}

#video_pop .con video {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
}


.index_car {
	padding-top: 90px;
}

.index_car .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.index_car .title h4 {
	font-size: 36px;
	color: #444;
	width: 500px;
	text-align: center;
}

.index_car .title h4 em {
	width: 132px;
	height: 38px;
	font-size: 18px;
	color: #aaa;
	background: #E5E5E5;
	display: inline-block;
	border-radius: 19px;
	vertical-align: middle;
	text-align: center;
	line-height: 38px;
	margin-left: 22px;
	cursor: pointer;
}

.index_car .title h4 em:hover {
	color: #244F8D;
}

.index_car .title .line {
	flex: 1;
	position: relative;
}

.index_car .title .line::after {
	content: "";
	width: 12px;
	height: 12px;
	background-color: #C9C9C9;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.index_car .title .line em {
	display: block;
	height: 1px;
	background-color: #C9C9C9;
}

.index_car .title .line1 {
	padding-right: 25px;
}

.index_car .title .line1::after {
	right: 0;
}

.index_car .title .line2 {
	padding-left: 25px;
}

.index_car .title .line2::after {
	left: 0;
}

.index_car .car_list {
	overflow: hidden;
	margin-left: -20px;
	margin-top: 45px;
}

.index_car .car_list .item {
	width: 25%;
	float: left;
	padding-left: 20px;
	margin-bottom: 20px;
}

.index_car .car_list .item .pic {
	padding: 80px 25px;
}

.index_car .car_list .item .pic .img {
	aspect-ratio: 311 / 137;
	position: relative;
	overflow: hidden;
}


.index_car .car_list .item .pic .img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	object-fit: cover;
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transform-origin: center center;
}

.index_car .car_list .item .con:hover .pic .img img {
	transform: scale(1.05);
}

.index_car .car_list .item .con {
	background-color: #eee;
}

.index_car .car_list .item .txt {
	padding-bottom: 15px;
	padding-left: 25px;
	padding-right: 27px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.index_car .car_list .item .txt .name {
	font-size: 16px;
	color: #444;
}

.index_car .car_list .item .txt .more {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: #DCDCDC;
	overflow: hidden;
	background-image: url(../images/m1.png);
	background-repeat: no-repeat;
	background-size: 10px auto;
	background-position: center;
}

.index_car .car_list .item .con:hover .txt .more {
	background-image: url(../images/m2.png);
	background-color: #244F8D;
}

.index_car .car_list .item .con:hover {
	background-color: #fff;
	cursor: pointer;
}

.index_form {
	background-image: url(../images/i3.jpg);
	margin-top: 50px;
	background-size: cover;
	padding-top: 68px;
	padding-bottom: 86px;
}

.index_form h4 {
	font-size: 36px;
	color: #fff;
	text-align: center;
}

.index_form .one {
	margin-top: 60px;
	display: flex;
	gap: 25px;
}

.index_form .one .item {
	flex: 1;
	display: flex;
	align-items: center;
	position: relative;
}

.index_form .one .item .icon {
	position: absolute;
	width: 55px;
	height: 55px;
	text-align: center;
	left: 0;
	top: 0;
	line-height: 55px;
}

.index_form .one .item .icon img {
	vertical-align: middle;
	transform: scale(0.8);
}

.index_form .one .item input {
	width: 100%;
	height: 55px;
	background-color: #fff;
	padding-left: 50px;
	border-radius: 8px;
	border: none;
	outline: none;
	font-size: 18px;
}

.index_form .two {
	margin-top: 20px;
	display: flex;
	gap: 25px;
}

.index_form .two .item {
	flex: 5;
	position: relative;
}

.index_form .two .item .icon {
	position: absolute;
	width: 55px;
	height: 55px;
	text-align: center;
	left: 0;
	top: 0;
	line-height: 55px;
}

.index_form .two .item .icon img {
	vertical-align: middle;
	transform: scale(0.8);
}


.index_form .two .item input {
	width: 100%;
	height: 55px;
	background-color: #fff;
	padding-left: 50px;
	border-radius: 8px;
	border: none;
	outline: none;
	font-size: 18px;
}

.index_form .two .btn {
	flex: 1;
}

.index_form .two .btn input {
	width: 100%;
	height: 55px;
	background-color: #18407C;
	border-radius: 8px;
	border: none;
	outline: none;
	font-size: 18px;
	text-align: center;
	color: #fff;
	cursor: pointer;
}

.index_form .two .btn input:hover {
	opacity: 0.8;
}

.index_quality {
	padding: 80px 0;
}

.index_quality .pic {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.index_quality .pic img {
	vertical-align: middle;
	width: 100%;
}

/* .index_process {
	padding: 130px 0;
	background-image: url(../images/bg1.jpg);
	background-size: cover;
	text-align: center;
} */

.index_process img {
	width: 100%;
}


.index_adve {
	text-align: center;
	position: relative;
}

.index_adve img {
	vertical-align: middle;
	max-width: 100%;
}

.index_adve .more {
	position: absolute;
	width: 175px;
	height: 54px;
	background: #214A8D;
	border-radius: 27px;
	line-height: 54px;
	font-size: 20px;
	color: #fff;
	padding-right: 44px;
	left: 58%;
	top: 50%;
	cursor: pointer;
}

.index_adve .more .icon {
	width: 44px;
	height: 44px;
	background-image: url(../images/arr3-1.png);
	background-size: 16px auto;
	background-color: #fff;
	top: 5px;
	right: 5px;
	position: absolute;
	border-radius: 50px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
}

.index_adve .more:hover {
	background-color: #fff;
	color: #214A8D;
}

.index_map {}

.index_map img {
	vertical-align: middle;
	width: 100%;
}

.index_case_list {
	overflow: hidden;
	padding-left: 17px;
	margin-top: 50px;
	padding-bottom: 70px;
}

.index_case_list .item {
	width: 10%;
	padding-left: 17px;
	margin-bottom: 17px;
	float: left;
	text-align: center;
}

.index_case_list .item .pic {
	position: relative;
	overflow: hidden;
	aspect-ratio: 360 / 224;
}


.index_case_list .item .pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	object-fit: cover;
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transform-origin: center center;
}

.index_case_list .item .con:hover .pic img {
	transform: scale(1.1);
}

.index_case_list .item p {
	font-size: 16px;
	color: #444;
	margin-top: 6px;
}

.index_faq {
	background-image: url(../images/bg2.jpg);
	padding-top: 100px;
	padding-bottom: 80px;
}

.index_faq .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.index_faq .title h4 {
	font-size: 36px;
	color: #fff;
	width: 260px;
	text-align: center;
}

.index_faq .title .line {
	flex: 1;
	position: relative;
}

.index_faq .title .line::after {
	content: "";
	width: 12px;
	height: 12px;
	background-color: rgba(255, 255, 255, .8);
	border-radius: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.index_faq .title .line em {
	display: block;
	height: 1px;
	background-color: rgba(255, 255, 255, .8);
}

.index_faq .title .line1 {
	padding-right: 25px;
}

.index_faq .title .line1::after {
	right: 0;
}

.index_faq .title .line2 {
	padding-left: 25px;
	opacity: 0;
}

.index_faq .title .line2::after {
	left: 0;
}

.index_faq .list {
	display: flex;
	justify-content: space-between;
}

.index_faq .list .right {
	width: 528px;
	margin-top: -80px;
}

.index_faq .list .right img {
	width: 100%;
	vertical-align: middle;
}

.index_faq .list .left {
	margin-top: 50px;
	flex: 1;
	padding-right: 56px;
}

.index_faq .list .left .item {
	margin-bottom: 25px;
}

.index_faq .list .left .item .top {
	position: relative;
	padding-left: 42px;
}

.index_faq .list .left .item .top .icon {
	position: absolute;
	left: 0;
	top: 5px;
	width: 25px;
	height: 32px;
	line-height: 32px;
	background-image: url(../images/fa2.png);
	font-size: 16px;
	color: #fff;
	background-size: 100% auto;
	text-align: center;
}

.index_faq .list .left .item .top p {
	background: linear-gradient(to right, rgba(255, 255, 255, 0.23), rgba(255, 255, 255, 0));
	border-radius: 4px;
	width: 100%;
	padding: 5px 15px;
	font-size: 18px;
	color: #fff;
}

.index_faq .list .left .item .bottom {
	position: relative;
	padding-left: 42px;
}

.index_faq .list .left .item .bottom .icon {
	position: absolute;
	left: 0;
	top: 5px;
	width: 25px;
	height: 32px;
	line-height: 32px;
	background-image: url(../images/fa2.png);
	font-size: 16px;
	color: #fff;
	background-size: 100% auto;
	text-align: center;
	background-position: center bottom;
}

.index_faq .list .left .item .bottom p {
	width: 100%;
	padding: 8px 12px;
	font-size: 16px;
	color: #C2D3EB;
}



.index_faq .list .more {
	width: 206px;
	height: 54px;
	background: #9AACCA;
	border-radius: 27px;
	line-height: 54px;
	font-size: 20px;
	color: #214A8D;
	padding-right: 44px;
	position: relative;
	text-align: center;
	margin-top: 30px;
	cursor: pointer;
}

.index_faq .list .more .icon {
	width: 44px;
	height: 44px;
	background-image: url(../images/arr3-1.png);
	background-size: 16px auto;
	background-color: #fff;
	top: 5px;
	right: 5px;
	position: absolute;
	border-radius: 50px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
}

.index_faq .list .more:hover {
	background-color: #fff;
	color: #214A8D;
}


.index_company {
	padding-top: 92px;
	padding-bottom: 88px;
}

.index_company .con {}

.index_company .con .pic img {
	vertical-align: middle;
	width: 100%;
}

.index_company .txt {
	background: #FFFFFF;
	max-width: 80%;
	position: relative;
	z-index: 3;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 54px;
	box-shadow: 4px 4px 17px 1px rgba(0, 0, 0, 0.09);
	margin-top: -140px;
}

.index_company .txt .item {
	padding: 50px 0;
	padding-left: 112px;
	position: relative;
	border-bottom: 1px solid #DCDCDC;
}

.index_company .txt .item:last-child {
	border-bottom: none;
}

.index_company .txt .item .icon {
	width: 80px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.index_company .txt .item .icon img {
	width: 72px;
	vertical-align: middle;
}

.index_company .txt .item .kuai {
	display: flex;
	justify-content: space-between;
}

.index_company .txt .left {
	flex: 1;
	padding-right: 133px;
}

.index_company .txt .left h4 {
	font-size: 18px;
	color: #444;
	font-weight: normal;
	margin-bottom: 12px;
}

.index_company .txt .left p {
	font-size: 16px;
	color: #444;
}

.index_company .txt .left .tle {
	margin-top: 8px;
	display: flex;
	justify-content: space-between;
}

.index_company .txt .left .tle .span {
	display: inline-block;

}

.index_company .txt .left .tle .span img {
	vertical-align: middle;
	transform: scale(0.5);
}

.index_company .txt .left .tle .span em {
	font-size: 16px;
	color: #444;
	vertical-align: middle;
}

.index_company .txt .right {
	width: 330px;
	display: flex;
	justify-content: space-between;
}

.index_company .txt .right img {
	width: 105px;
	vertical-align: middle;
	height: 105px;
}


#web_food {
	background-color: #363636;
	padding-top: 85px;
}

#web_food .top {
	display: flex;
	justify-content: space-between;
	padding-bottom: 100px;
}

#web_food .top dt {
	margin-bottom: 30px;
}

#web_food .top dt a {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
}

#web_food .top dt a:hover {
	text-decoration: underline;
}

#web_food .top dd {
	margin-bottom: 8px;
}

#web_food .top dd a {
	font-size: 16px;
	color: #fff;
	opacity: 0.8;
}

#web_food .top dd a:hover {
	text-decoration: underline;
	opacity: 1;
}

#web_food .top .code_con {
	font-size: 0;
}

#web_food .top .code_con .item {
	position: relative;
	display: inline-block;
	margin-left: 12px;
}

#web_food .top .code_con .item .icon {
	width: 28px;
	height: 28px;
	position: relative;
	background: #FFFFFF;
	border-radius: 6px;
	vertical-align: middle;
	cursor: pointer;
}

#web_food .top .code_con .item .icon img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	filter: grayscale(100%) brightness(0) saturate(100%) invert(26%) sepia(0%) saturate(0%) hue-rotate(0deg);
	color: #444;
}

#web_food .top .code_con img {}

#web_food .top .code_con .code {
	position: absolute;
	top: 140%;
	position: absolute;
	z-index: 99;
	background-color: #fff;
	left: 50%;
	transform: translateX(-50%);
	box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
	text-align: center;
	display: none;
	border-radius: 5px;
	overflow: hidden;
}

#web_food .top .code_con .item:hover .code {
	display: block;
}

#web_food .top .code_con .item:hover .code img {
	width: 110px;
	vertical-align: middle;
}

#web_food .copy {
	border-top: 1px solid rgba(255, 255, 255, .3);
	padding: 26px 0;
	font-size: 16px;
	color: #fff;
	text-align: center;
}

.nei_banner {
	margin-top: 150px;
}

.nei_banner img {
	width: 100%;
	vertical-align: middle;
}

.page_cars {
	padding: 60px 0;
}

.page_cars .chose {
	border-bottom: 1px solid #eee;
	height: 48px;
	display: flex;
	align-items: center;
}

.page_cars .chose a {
	line-height: 48px;
	font-size: 18px;
	color: #333;
	font-weight: bold;
	display: block;
	height: 48px;
	margin-right: 40px;
	vertical-align: middle;
}

.page_cars .chose a:hover {
	color: #10365A;
}

.page_cars .chose a.on {
	color: #10365A;
	border-bottom: 2px solid #10365A;
}

.page_cars .chose .seach {
	border-radius: 50px;
	position: relative;
	overflow: hidden;
	box-shadow: 0 2px 8px #0000001a;
	height: 32px;
}

.page_cars .chose .seach input {
	width: 240px;
	border-radius: 50px;
	background-color: #fff;
	height: 32px;
	border: none;
	font-size: 14px;
	color: #333;
	padding: 0 12px;
	padding-right: 45px;
	outline: none;
}

.page_cars .chose .seach .btn {
	position: absolute;
	width: 32px;
	height: 32px;
	text-align: center;
	top: 0;
	right: 0;
	line-height: 32px;
	cursor: pointer;
	background-image: url(../images/t9.png);
	background-size: 15px auto;
	background-position: center;
	background-repeat: no-repeat;
}

.page_cars .chose .seach .btn:hover {
	background-image: url(../images/t10.png);
}

.page_cars .tianjiao_seach {
	margin-top: 15px;
	display: flex;
	align-items: center;
}

.page_cars .tianjiao_seach .item {
	margin-right: 40px;
	position: relative;
	z-index: 9;
}

.page_cars .tianjiao_seach .item .tit {
	padding: 0 8px;
	font-size: 16px;
	color: #333;
	position: relative;
	padding-right: 18px;
	height: 44px;
	line-height: 44px;
	cursor: pointer;
}



.page_cars .tianjiao_seach .item .tit::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 11px;
	height: 7px;
	background-image: url(../images/t11.png);
	background-size: contain;
	background-repeat: no-repeat;
	transition: transform 0.3s;
}

.page_cars .tianjiao_seach .item .tit:hover::after {
	transform: translateY(-50%) rotate(180deg);
}

.page_cars .tianjiao_seach .item .down_more {
	position: absolute;
	width: 390px;
	background-color: #fff;
	border-radius: 8px;
	left: 0;
	top: 100%;
	box-shadow: 0 2px 8px #0000001a;
	display: none;
}

.page_cars .tianjiao_seach .item:hover .down_more {
	display: block;

}

.page_cars .tianjiao_seach .item .tit2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 54px;
	padding: 0 12px;
	border-bottom: 1px solid #eee;
}

.page_cars .tianjiao_seach .item .tit2 h4 {
	font-size: 14px;
	;
	color: #333;
	font-weight: bold;
}

.page_cars .tianjiao_seach .item .tit2 .btn {
	background: none;
	border: 1px solid #e9ecef;
	border-radius: 6px;
	color: #666;
	cursor: pointer;
	font-size: 12px;
	font-weight: 500;
	padding: 6px 12px;
	transition: all .2s ease;
}

.page_cars .tianjiao_seach .item .tit2 .btn:hover {
	background: #f8f9fa;
	border-color: #dee2e6;
	color: #333;
	transform: translateY(-1px);
}

.page_cars .tianjiao_seach .radio_group {
	padding: 0 30px;
	height: 300px;
	overflow-y: auto;
	z-index: 88;
}

.page_cars .tianjiao_seach .radio_item {
	display: block;
	padding: 15px 0;
	position: relative;
}

.page_cars .tianjiao_seach .radio_item .radio_count {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px;
	color: #999;
}

.page_cars .tianjiao_seach .radio_item .radio_label {
	vertical-align: middle;
	font-size: 16px;
	color: #333;
}

.page_cars .tianjiao_seach .radio_item .chose_input {
	width: 14px;
	height: 14px;
	vertical-align: middle;
	margin-right: 6px;
}

.page_cars .tianjiao_seach .radio_group2 {
	height: auto;
	padding: 60px 30px;
	padding-bottom: 30px;
}

.page_cars .tianjiao_seach .radio_group3 {
	padding: 20px;
}

.page_cars .tianjiao_seach .radio_group2 .btn {
	margin-top: 30px;
	width: 100%;
	height: 46px;
	line-height: 46px;
	background-color: #10365A;
	border-radius: 5px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}

.page_cars .tianjiao_seach .radio_group2 .btn:hover {
	opacity: 0.8;
}

.page_cars .tianjiao_seach .radio_group2 .noUi-connect {
	background-color: #10365A;
}

.page_cars .tianjiao_seach .span_list {
	overflow: hidden;
}

.page_cars .tianjiao_seach .span_list .span {
	width: 33.333%;
	float: left;
	padding-left: 10px;
	margin-bottom: 10px;
}

.page_cars .tianjiao_seach .span_list .span .em {
	align-items: center;
	font-size: 12px;
	color: #333;
	background: #f8f9fa;
	border: 1px solid #e9ecef;
	border-radius: 8px;
	box-sizing: border-box;
	cursor: pointer;
	font-weight: bold;
	min-height: 36px;
	overflow: hidden;
	padding: 8px 0;
	text-align: center;
	position: relative;
	transition: all .3s cubic-bezier(.4, 0, .2, 1);
}

.page_cars .tianjiao_seach .span_list .span .em i {
	position: absolute;
	background: #52c41a;
	display: none;
	border-radius: 50%;
	color: #fff;
	font-size: 10px;
	font-style: normal;
	height: 14px;
	justify-content: center;
	position: absolute;
	right: 2px;
	top: 2px;
	width: 14px;
}

.page_cars .tianjiao_seach .span_list .span.on .em i {
	display: block;
}

.page_cars .tianjiao_seach .span_list .span .em:hover {
	background: #e9ecef;
	border-color: #dee2e6;
	box-shadow: 0 4px 12px #0000001a;
	transform: translateY(-2px);
}

.page_cars .tianjiao_seach .span_list .span.on .em {
	background-color: #10365A;
	color: #fff;
	border: 1px solid #10365A;
	transform: translateY(0);
}

.page_cars .cars_list {
	margin-left: -20px;
}

.page_cars .cars_list .item {
	width: 25%;
	float: left;
	padding-left: 20px;
	margin-top: 20px;
}

.page_cars .cars_list .item .con {
	box-shadow: 0 2px 8px #0000001a;
	background-color: #fff;
}

.page_cars .cars_list .item .pic {
	position: relative;
	overflow: hidden;
	aspect-ratio: 360 / 224;
	z-index: 5;
}

.page_cars .cars_list .item .pic .material-icons {
	position: absolute;
	color: rgb(255, 255, 255);
	font-size: 22px;
	background: linear-gradient(135deg, rgb(255, 107, 107), rgb(255, 142, 142));
	border-color: rgb(255, 82, 82);
	z-index: 88;
	padding: 4px 8px;
}

.page_cars .cars_list .item .pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	object-fit: cover;
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transform-origin: center center;
	z-index: 4;
}

.page_cars .cars_list .item .pic .tag {
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
	padding: 30px 50px;
	display: none;
	z-index: 5;
}

.page_cars .cars_list .item .pic .tag .quan {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	aspect-ratio: 1 / 1;
	height: 80%;
	border: 1px dashed #fff;
	border-radius: 50%;
}

.page_cars .cars_list .item .pic .tag .cc {
	overflow: hidden;
}

.page_cars .cars_list .item .pic .tag em {
	margin-bottom: 10px;
	align-items: center;
	background: #000000e6;
	border-radius: 4px;
	color: #fff;
	width: 30%;
	margin-left: 3%;
	float: left;
	display: block;
	font-size: 12px;
	font-weight: 500;
	min-height: 20px;
	padding: 2px 6px;
	text-align: center;
	white-space: nowrap;
}

.page_cars .cars_list .item .con {
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.page_cars .cars_list .item .con:hover .pic .tag {
	display: block;
}

.page_cars .cars_list .item .con:hover {
	transform: translateY(-5px);
}


.page_cars .cars_list .item .txt {
	padding: 15px 10px;
}

.page_cars .cars_list .item .txt .p {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.page_cars .cars_list .item .txt .p span {
	font-size: 12px;
	color: #10365A;
	font-weight: bold;
}

.page_cars .cars_list .item .txt .p em {
	font-size: 14px;
	color: #333;
	margin-left: 3px;
}

.page_cars .cars_list .item .txt .p .right {
	background: #000;
	border-radius: 3px;
	color: #fff;
	font-family: Courier New, monospace;
	font-size: 10px;
	font-weight: 500;
	margin-left: auto;
	padding: 2px 4px;
}

.page_cars .cars_list .item .txt .name {
	font-size: 14px;
	color: #333;
	line-height: 1.6;
	font-weight: bold;
	margin-top: 12px;
	height: 45px;
	overflow: hidden;
}

.page_cars .cars_list .item .txt .more {
	margin-top: 12px;
}

.page_cars .cars_list .item .txt .more img {
	width: 16px;
	vertical-align: middle;
}

.page_cars .cars_list .item .txt .more span {
	vertical-align: middle;
	font-size: 12px;
	color: #999;
}

.page_cars .cars_list .item .txt .more em {
	display: inline-block;
	vertical-align: middle;
	background: #f3f4f6;
	border-radius: 4px;
	color: #374151;
	font-size: 10px;
	font-weight: 500;
	line-height: 1.2;
	padding: 2px 6px;
	white-space: nowrap;
}


#page {
	text-align: center;
	margin-top: 36px;
	margin-bottom: 26px;
}

#page li {
	display: inline-block;
	height: 35px;
	padding: 0 14px;
	border: 1px solid #ddd;
	line-height: 34px;
	font-size: 14px;
	color: #333;
	border-radius: 3px;
	margin: 0 5px;
	cursor: pointer;
	background-color: #fff;
}

#page li a {
	color: #333;
}

#page li:hover,
#page li.active {
	border: 1px solid #10365A;
	background-color: #10365A;
	color: #fff;
}

#page li:hover a,
#page li.active a {
	color: #fff;
}


.nei_banner_zhan {
	height: 150px;
}


.page_cars_info {
	padding: 40px 24px;
}

.page_cars_info .top {
	display: flex;
	justify-content: space-between;
}

.page_cars_info .top .left {
	width: 65%;
	overflow: hidden;

}

.page_cars_info .top .left .mySwiper img {
	width: 100%;
}

.page_cars_info .top .left .mySwiper2 img {
	width: 100%;
	vertical-align: middle;
}

.page_cars_info .top .left .mySwiper2 {
	padding: 5px;
}

.page_cars_info .top .left .mySwiper2 .swiper-slide {
	aspect-ratio: 44 / 32;
	position: relative;
	background-color: #fff;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}


.page_cars_info .top .left .mySwiper2 .swiper-slide img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	object-fit: contain;
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transform-origin: center center;
}

.page_cars_info .top .left .mySwiper2 .swiper-slide:hover .pic img {
	transform: scale(1.05);
}

.page_cars_info .top .left .mySwiper {
	margin-top: 12px;
	padding: 5px;
}

.page_cars_info .top .left .mySwiper .swiper-slide {
	aspect-ratio: 1 / 1;
	position: relative;
	background-color: #fff;
	overflow: hidden;
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
}

.page_cars_info .top .left .mySwiper .swiper-slide.swiper-slide-thumb-active {
	box-shadow: 0 0px 5px rgba(16, 54, 90, 0.8);
}

.page_cars_info .top .left .mySwiper .swiper-slide img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	object-fit: contain;
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transform-origin: center center;
}


.page_cars_info .top .left .mySwiper .swiper-slide:hover img {
	transform: scale(1.2);
}

.page_cars_info .top .left .mySwiper2 .swiper-button-next,
.page_cars_info .top .left .mySwiper2 .swiper-button-prev {
	width: 48px;
	height: 48px;
	background-color: #000;
	opacity: 0.6;
	border-radius: 50%;
	cursor: pointer;
}

.page_cars_info .top .left .mySwiper2 .swiper-button-next:after,
.page_cars_info .top .left .mySwiper2 .swiper-button-prev:after {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
}

.page_cars_info .top .left .mySwiper2 .swiper-button-next:hover,
.page_cars_info .top .left .mySwiper2 .swiper-button-prev:hover {
	opacity: 1;
}

.page_cars_info .top .left .mySwiper2 .swiper-button-disabled {
	cursor: pointer;
	opacity: 0.6;
}

.page_cars_info .top .left {
	position: relative;
}

.page_cars_info .top .left .big_btn {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 36px;
	z-index: 98;
	cursor: pointer;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.8);
}

.page_cars_info .top .left .big_btn img {
	width: 16px;
	vertical-align: middle;
}




/* 预览弹窗样式 */
#previewModal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	z-index: 9999;
	display: none;
}

#previewModal .close-btn {
	position: absolute;
	top: 20px;
	right: 20px;
	background: none;
	border: none;
	color: white;
	font-size: 30px;
	cursor: pointer;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	transition: opacity 0.3s;
}

#previewModal .close-btn:hover {
	opacity: 0.8;
}

#previewModal .swiper {
	width: 100%;
	height: 100%;
}

#previewModal .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}

#previewModal .swiper-slide img {
	max-width: 80%;
}

#previewModal .swiper-slide .txt {
	position: absolute;
	font-size: 18px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 10px 20%;
	left: 0;
	bottom: 0;
	text-align: center;
	width: 100%;
}

#previewModal .modal-image {
	max-width: 90%;
	max-height: 90vh;
	object-fit: contain;
}

#previewModal .image-counter {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	text-align: center;
	color: white;
	font-size: 16px;
	padding: 10px;
	z-index: 100;
}

/* 控制按钮 */
#previewModal .swiper-button-next,
#previewModal .swiper-button-prev {
	color: white;
	width: 50px;
	height: 50px;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 50%;
}

#previewModal .swiper-button-next:after,
#previewModal .swiper-button-prev:after {
	font-size: 20px;
}

#previewModal .swiper-pagination-fraction {
	color: #fff;
	font-size: 16px;
	left: 50%;
	bottom: 25px;
	width: auto;
	transform: translateX(-50%);
	padding: 10px 20px;
	border-radius: 50px;
	background-color: #000;
	z-index: 100;

}

.page_cars_info .top .right {
	padding-left: 25px;
	width: 35%;
}

.page_cars_info .top .right .name {}

.page_cars_info .top .right .name span {
	font-size: 18px;
	color: #10365A;
	font-weight: bold;
}

.page_cars_info .top .right .name em {
	font-size: 18px;
	color: #10365A;
	font-weight: bold;
	margin-left: 10px;
}

.page_cars_info .top .right .title {
	margin-top: 8px;
	font-size: 14px;
	color: #475569;
}

.price_section {
	margin-top: 12px;
}

.price-hidden {
	align-items: center;
	background: linear-gradient(135deg, #f8fafc, #f1f5f9);
	border: 2px dashed #cbd5e1;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 16px;
}

.price_section .price_hidden_content {
	font-size: 16px;
	color: #64748b;
	font-weight: bold;
}

.price_section .price_hidden_content img {
	width: 22px;
	vertical-align: middle;
}

.price_section .btn_get_price {
	align-items: center;
	background: linear-gradient(135deg, #67c23a, #5daf34);
	border: none;
	margin-top: 6px;
	border-radius: 8px;
	box-shadow: 0 2px 4px #67c23a4d;
	color: #fff;
	cursor: pointer;
	display: flex;
	font-size: 14px;
	font-weight: 600;
	gap: 8px;
	padding: 10px 20px;
	transition: all .3s ease;
}

.price_section .btn_get_price img {
	width: 22px;
	vertical-align: middle;
}

.price_section .btn_get_price:hover {
	background: linear-gradient(135deg, #5daf34, #4a9c2a);
	box-shadow: 0 4px 8px #67c23a66;
	transform: translateY(-2px);
}

.page_cars_info .right .icon_list {
	margin-top: 12px;
}

.page_cars_info .right .icon_list p {
	margin-top: 8px;
}

.page_cars_info .right .icon_list span {
	margin-right: 15px;
}

.page_cars_info .right .icon_list img {
	width: 20px;
	vertical-align: middle;
	margin-right: 6px;
}

.page_cars_info .right .icon_list em {
	vertical-align: middle;
	font-size: 16px;
	color: #64748b;
	font-weight: bold;
}

.page_cars_info .right .tag {
	margin-top: 12px;
}

.page_cars_info .right .tag em {
	margin-bottom: 10px;
	align-items: center;
	background: #000000e6;
	border-radius: 4px;
	color: #fff;
	margin-right: 5px;
	font-size: 12px;
	font-weight: 500;
	min-height: 20px;
	padding: 2px 6px;
	text-align: center;
	white-space: nowrap;
}

.page_cars_info .right .more_mass {
	margin-top: 12px;
	font-size: 14px;
	color: #333;
	line-height: 1.6;
}

.page_cars_info .right .money_ok {
	font-size: 24px;
	font-weight: bold;
	color: #ff0000;
}




@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: local('Material Icons'), local('MaterialIcons-Regular'), url(../font/MaterialIcons-Regular.woff2) format('woff2'), url(../font/MaterialIcons-Regular.woff) format('woff'), url(../font/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

.material_icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

.page_cars_info .right .share_btn {
	margin-top: 12px;
	background: #fff;
	width: 100%;
	height: 46px;
	cursor: pointer;
	border: 1px solid #10365A;
	text-align: center;
	color: #10365A;
	border-radius: 5px;
	line-height: 43px;
}

.page_cars_info .right .share_btn i {
	vertical-align: middle;
}

.page_cars_info .right .share_btn span {
	vertical-align: middle;
	font-size: 15px;
	font-weight: bold;
	margin-left: 3px;
}

.page_cars_info .right .share_btn:hover {
	background-color: rgba(16, 54, 90, 0.1);
}


.dif {
	display: flex !important;
}


.promotional_page {
	padding: 60px 0;
}

.promotional_page .title {
	text-align: center;
}

.promotional_page .title h4 {
	font-size: 44px;
	color: #5c5c5c;
	font-weight: bold;
}

.case_page_tit {
	text-align: center;
}

.case_page_tit h4 {
	font-size: 44px;
	color: #5c5c5c;
	font-weight: bold;
}

.promotional_page .list {
	overflow: hidden;
	margin-left: -33px;
}

.promotional_page .list .item {
	width: 33.333%;
	float: left;
	padding-left: 33px;
	margin-top: 40px;
}

.promotional_page .list .item .con {
	overflow: hidden;
	border: 1px solid #e1e1e1;
}

.promotional_page .list .pic {
	aspect-ratio: 396 / 267;
	overflow: hidden;
	position: relative;
}

.promotional_page .list .pic>img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	object-fit: cover;
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transform-origin: center center;
}

.promotional_page .list .item .con:hover .pic>img {
	transform: scale(1.1);
}

.promotional_page .list .pic .time {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	padding: 0 14px;
}

.promotional_page .list .pic .time img {
	width: 18px;
	vertical-align: middle;
	position: static;
}

.promotional_page .list .pic .time em {
	vertical-align: middle;
	font-size: 12px;
	color: #fff;
}

.promotional_page .list .pic .time .em {
	font-size: 12px;
	color: #fff;
}

.promotional_page .list .pic h4 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 48px;
	line-height: 48px;
	padding: 0 12px;
	background-color: rgba(68, 68, 68, 0.7);
	font-size: 16px;
	color: #fff;
}

.promotional_page .list .txt {
	padding: 15px 20px;
}

.promotional_page .list .txt h5 {
	font-size: 16px;
	color: #5c5c5c;
	font-weight: normal;
}

.promotional_page .list .txt p {
	font-size: 12px;
	color: #6e6e6e;
	line-height: 1.8;
	margin-top: 6px;
}



.index_case_nei {
	padding: 100px 0;
	padding-top: 0;
}

.index_case_nei .type_list {
	text-align: center;
	margin-top: 30px;
}

.index_case_nei .type_list span {
	display: inline-block;
	margin: 0 7px;
	padding: 0 18px;
	font-size: 18px;
	color: #9d9c9c;
	height: 30px;
	cursor: pointer;
	line-height: 28px;
	border: 1px solid #d4af37;
	border-radius: 50px;
}

.index_case_nei .type_list span.on,
.index_case_nei .type_list span:hover {
	color: #fff;
	background-color: #d4af37;
}

.index_case_nei .list {}

.index_case_nei .list .item {
	margin-top: 70px;
	padding-right: 315px;
	position: relative;
	cursor: pointer;
}

.index_case_nei .list .item:nth-child(odd) {
	padding-left: 315px;
	padding-right: 0;
}

.index_case_nei .list .item .video_con {
	aspect-ratio: 920 / 546;
	position: relative;
	overflow: hidden;
}

.index_case_nei .list .item .video_con video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: middle;
}

.index_case_nei .list .item .video_con .btn {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-color: rgba(0, 0, 0, 0.26);
	cursor: pointer;
	background-blend-mode: overlay;
}

.index_case_nei .list .item .video_con .btn img {
	width: 70px;
	vertical-align: middle;
}

.index_case_nei .list .item .txt {
	position: absolute;
	right: 0;
	width: 315px;
	height: 100%;
	top: 0;
	background-color: #232326;
	padding: 0 45px;
}

.index_case_nei .list .item .txt h4 {
	font-size: 24px;
	color: #d4af37;
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 2px solid #d4af37;
}

.index_case_nei .list .item .txt p {
	font-size: 15px;
	color: #fff;
	line-height: 1.6;
	opacity: 0.6;
	margin-top: 26px;
}

.index_case_nei .list .item .txt .btn {
	margin-top: 12px;
}

.index_case_nei .list .item .txt .btn img {
	width: 50px;
	vertical-align: middle;
}

.index_case_nei .list .item:hover .video_con .btn {
	background-color: rgba(0, 0, 0, 0.5);
}

.index_case_nei .list .item:nth-child(odd) .txt {
	left: 0;
	right: auto;
}

.dif_zhong {
	display: flex;
	justify-content: center;
	align-items: center;
}


.about_honor_page {
	padding: 60px 0;
	background-image: url(../images/ah1.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.about_honor_page .mass h4 {
	font-size: 44px;
	color: #5c5c5c;
	font-weight: bold;
}

.about_honor_page .mass {
	width: 60%;
	text-align: center;
	font-size: 16px;
	color: #5c5c5c;
	line-height: 1.8;
	margin-left: 20%;
}

.about_honor_swiper {
	width: 100%;
	overflow: hidden;
	margin-top: 35px;
	margin-left: -45px;
}

.about_honor_swiper .item {
	width: 25%;
	float: left;
	padding-left: 45px;
	margin-bottom: 45px;
}

.about_honor_swiper .item .con {
	cursor: pointer;
}

.about_honor_swiper .pic {
	aspect-ratio: 38 / 28;
	position: relative;
	overflow: hidden;
}


.about_honor_swiper .pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	object-fit: contain;
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transform-origin: center center;
}

.about_honor_swiper .pic:hover img {
	transform: scale(1.05);
}

.about_honor_swiper p {
	height: 48px;
	text-align: center;
	font-size: 16px;
	color: #666;
	margin-top: 25px;
}


.product_question {
	padding: 80px 0;
	background-color: #f6f6f6;
	padding-bottom: 50px;
}

.product_question h3 {
	text-align: center;
	font-size: 30px;
	margin-bottom: 80px;
}


.product_question .item {
	width: 100%;
}

.product_question .item .tit {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 61px;
	border-bottom: 1px solid #D6D6D6;
	cursor: pointer;
}

.product_question .item .tit span {
	font-size: 20px;
	color: #333;
	font-weight: bold;
}

.product_question .item .tit em {
	font-size: 30px;
	color: #333;
}

.product_question .item .item_con {
	padding: 40px 0;
	overflow: hidden;
	border-bottom: 1px solid #D6D6D6;
	display: none;
}

.product_question .item .item_con img {
	width: 100%;
}

.product_question .item .data_item {
	width: 50%;
	float: left;
	margin: 15px 0;
}

.product_question .item .item_con p {
	font-size: 16px;
	color: #333;
	line-height: 2;
}



.news_list {
	padding: 60px 0;
	padding-top: 20px;
}

.news_list .item {
	padding: 40px 0;
	padding-left: 400px;
	overflow: hidden;
	border-bottom: 1px solid #ebebeb;
	cursor: pointer;
}

.news_list .item .pic {
	width: 400px;
	margin-left: -400px;
	float: left;
	height: 250px;
	position: relative;
	overflow: hidden;
}

.news_list .item .pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	object-fit: cover;
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transform-origin: center center;
}

.news_list .item:hover .pic img {
	transform: scale(1.05);
}


.news_list .item .text {
	padding-left: 50px;
	padding-top: 12px;
}

.news_list .item .text h4 {
	font-size: 22px;
	color: #000;
	line-height: 1.6;
	height: 66px;
	overflow: hidden;
}

.news_list .item .text p {
	font-size: 14px;
	color: #999;
	line-height: 2;
	height: 56px;
	overflow: hidden;
	margin-top: 20px;
}

.news_list .item .time {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 40px;
	padding-right: 145px;
}

.news_list .item .time img {
	width: 22px;
	vertical-align: middle;
}

.news_list .item .time span {
	font-size: 14px;
	color: #999;
	margin-left: 8px;
	vertical-align: middle;
}

.news_list .item .time .right {
	font-size: 14px;
	color: #999;
}

.news_list .item:hover .text h4 {
	color: #10365A;
}



.application_info {
	padding: 60px 0;
}

.web_deta .title2 {
	text-align: center;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 25px;
}

.web_deta .title2 h4 {
	font-size: 22px;
	color: #000;
}

.web_deta .title2 span {
	font-size: 14px;
	color: #666;
	margin: 0 10px;
	margin-top: 15px;
	display: inline-block;
}

.web_deta .back {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #f0f0f0;
	text-align: center;
}

.web_deta .back a {
	display: inline-block;
	width: 166px;
	height: 50px;
	text-align: center;
	line-height: 48px;
	border: 1px solid #ccc;
	font-size: 14px;
	color: #333;
	transition: .3s;
}

.web_deta .back a:hover {
	background-color: #10365A;
	border: 1px solid #10365A;
	color: #fff;
	transition: .3s;
}


.web_deta .deta {
	margin-top: 30px;
}

.web_deta .deta p {
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 15px;
}

.web_deta .deta .pic {
	margin-top: 30px;
	text-align: center;
}

.web_deta .deta .pic img {
	max-width: 100%;
	vertical-align: middle;
}




.contact_us {
	padding: 80px 0;
	display: flex;
	justify-content: space-between;
}

.contact_us .left {
	width: 48%;
}

.contact_us .left .item {
	position: relative;
	padding-left: 65px;
	margin-bottom: 40px;
}

.contact_us .left .item .icon {
	position: absolute;
	left: 0;
	width: 54px;
	border: 1px solid #ddd;
	border-radius: 50%;
	height: 54px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
}

.contact_us .left .item .icon img {
	width: 28px;
	vertical-align: middle;
}

.contact_us .left .item span {
	display: block;
	font-weight: bold;
	color: #333;
	font-size: 16px;
}

.contact_us .left .item p {
	margin-top: 6px;
	font-size: 18px;
	color: #666;
}

.contact_us .right {
	width: 48%;
	background-color: #ddd;
	padding: 20px 56px;
}

.contact_us .right .title {
	border-bottom: 1px solid #999;
	padding: 15px 0;
}

.contact_us .right .title .con {
	padding-left: 16px;
	border-left: 2px solid #333;
}

.contact_us .right .title .con p {
	font-size: 20px;
	color: #333;
	font-weight: bold;
	line-height: 1;
}

.contact_us .right .title .con span {
	display: block;
	font-size: 15px;
	color: #666;
	margin-top: 15px;
	line-height: 1;
}

.contact_us .right .form {
	margin-left: -40px;
}

.contact_us .right .item {
	width: 100%;
	padding-left: 40px;
	margin-top: 20px;
	float: none;
}

.contact_us .right .item input {
	width: 100%;
	height: 44px;
	padding: 0 8px;
	border: none;
	outline: none;
	color: #333;
	font-size: 16px;
}

.contact_us .right .item2 {
	width: 50%;
	float: left;
}

.contact_us .right .item textarea {
	width: 100%;
	padding: 8px;
	border: none;
	outline: none;
	resize: none;
	height: 160px;
	color: #333;
	font-size: 16px;
}

.contact_us .right .item .btn {
	background-color: #10365A;
	color: #fff;
	cursor: pointer;
	margin-top: 20px;
}

.contact_us .right .item .btn:hover {
	opacity: 0.8;
}

.contact_us .right .mass {
	margin-top: 12px;
}

.contact_us .right .mass p {
	font-size: 16px;
	color: #333;
}

.contact_us .right .mass span {
	font-size: 14px;
	color: #666;
	display: block;
	margin-top: 6px;
}


.contact_us .left .tit {
	margin-bottom: 30px;
}

.contact_us .left .tit h3 {
	font-size: 30px;
	color: #333;
}

.contact_us .left .tit p {
	font-size: 16px;
	color: #333;
	margin-top: 22px;
}




.main {
	width: 100%;
	height: 100vh;
	left: 0px;
	top: 0;
	background-image: url(../images/bg2.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.main .return-back {
	font-size: 20px;
	color: #FFFFFF;
	position: fixed;
	z-index: 3;
	left: 87px;
	top: 44px;
	display: flex;
	align-items: center;
}

.main .logo {
	width: 278px;
	max-width: 100%;
	height: auto;
	margin: 0 auto 50px;
	display: block;
}

.main .form-wrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 20px;
	min-width: 650px;
	border-radius: 30px;
	/* overflow: hidden; */
	text-align: center;
}

.form-wrapper .form-body {
	/* background: #ffffff; */
	padding: 85px 165px 0px;
}

.register-box .form-body {
	padding: 45px 0px 0px 0px;
}

.password-box .form-body {
	padding: 60px 0px 0px 0px;
}

.form-wrapper .tab-content {
	padding: 0 49px;
}

.form-wrapper .form-body-title {
	font-size: 24px;
	margin-bottom: 20px;
}

.form-wrapper .tabs-header {
	width: 446px;
	box-sizing: border-box;
	height: 44px;
	margin: 0 auto 40px;
	border-bottom: 1px solid #dedede;
	display: flex;
	justify-content: center
}

.form-wrapper .tabs-item {
	width: 223px;
	font-size: 18px;
	color: #333333;
	text-align: center;
}

.form-wrapper .tabs-item.active {
	font-size: 20px;
	font-weight: bold;
	color: #10365A;
	border-bottom: 2px solid #10365A;
}

.form-wrapper .login-btn,
.form-wrapper .form-body .register-btn {
	width: 360px;
	height: 46px;
	background: #10365A;
	box-shadow: 0px 6px 10px 0px rgba(9, 102, 242, 0.32);
	border-radius: 30px 0px 30px 0px;
	font-size: 16px;
	line-height: 46px;
	color: #ffffff;
	text-align: center;
	border: none;
	margin-top: 50px;
}

.form-wrapper .form-body .register-btn {
	margin: 0 0 60px 0;
}

.password-box .form-body .register-btn {
	margin: 30px 0 0 0;
}

.register-info .register-btn {
	display: inline-block;
	width: 80%;
	height: 54px;
	border: 1px solid #FFFFFF;
	border-radius: 27px;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 54px;
	margin-top: 10px !important;
}

.register-info .register-btns {
	width: 306px;
	height: 54px;
	border: 1px solid #FFFFFF;
	border-radius: 27px;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 54px;
}

.form-wrapper .login-btn-border {
	border: solid 1px #00a6ba;
	background-color: #ffffff;
	color: #01a4b8;
}

.login-box-wrapper {
	width: 100%;
	/* height: 100vh; */
	display: flex;
	justify-content: center;
	align-items: center;
}

.login-box {
	/* width: 1200px; */
	height: 613px;
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 2;
}

/* .login-box-wrapper::before{
    display: block;
    content: '';
    position: absolute;
    width: calc(50% + 188px);
    height: 100%;
    background: red;
    right: 0;
    top: 0;
    z-index: 1;
  }  */

.form-body-wrap {
	width: calc(50% + 188px);
	height: 100vh;
	position: relative;
}

.login-box .form-body {
	flex-shrink: 0;
	display: inline-block;
	width: 100%;
	/* height: 100%; */
	height: 613px;
	max-width: 788px;
	box-shadow: 3px 5px 24px 0px rgba(51, 96, 211, 0.3);
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 0px 20px 20px 0px;
	position: absolute;
	left: 0;
	top: calc(50% - 300px);
}

.register-info-wrap {
	width: calc(50% - 184px);
	min-width: 300px;
	height: 100vh;
	position: relative;
	background-image: url(../images/login-bg-left.png);
	background-size: auto 1000px;
	background-position: center right;
}

.login-box .register-info {
	width: 100%;
	max-width: 412px;
	/* height: 100%; */
	height: 613px;
	background: linear-gradient(155deg, #FFDC19C2 0%, #10365A 100%);
	box-shadow: 7px 11px 24px 0px rgba(0, 8, 30, 0.26);
	/* opacity: 0.76; */
	border-radius: 20px 0px 0px 20px;
	position: absolute;
	right: 0;
	top: calc(50% - 300px);
}

.register-box .register-info {
	background: linear-gradient(155deg, #FFDC19C2 0%, #10365A 100%);
}

.login-box .register-info .logo {
	/*  width: 275px;
    height: 87px;*/
	margin: 110px auto 40px;
}

.login-box .register-info .register-title {
	font-size: 18px;
	color: #FFFFFF;
	letter-spacing: 8px;
	position: relative;
	width: fit-content;
	margin: 0 auto;
}

.register-info .register-title::before,
.register-info .register-title::after {
	display: block;
	content: '';
	width: 4px;
	height: 4px;
	background: #FFFFFF;
	position: absolute;
	top: 10px;
}

.register-info .register-title::before {
	left: -20px;
}

.register-info .register-title::after {
	right: -12px;
}

.form-grid {
	display: grid;
	grid-template-areas:
		'grid1 grid1'
		'grid2 grid2'
		'grid3 grid3'
		' . . '
		' . . ';
	grid-gap: 20px 10px;
	padding: 0 20px;
	padding-right: 20px;
}

.grid1 {
	grid-area: grid1;
}

.grid2 {
	grid-area: grid2;
}

.grid3 {
	grid-area: grid3;
}

.main .form-body .form-group {
	margin-bottom: 20px;
	position: relative;
}

.register-box .form-body .form-group {
	margin-bottom: 0px;
}

.main .form-body .form-control {
	width: 360px;
	height: 46px;
	background: #fff;
	display: flex;
	align-items: center;
	border: none;
	box-shadow: none;
	border-radius: 4px;
	border: solid 1px #eaeaea;
	overflow: hidden;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #F4F7FC inset !important;
	background-color: #F4F7FC !important;
}

.register-box .form-body .form-control {
	width: 100%;
	outline: none;
}

.main .form-body .label-icon-box .form-control {
	padding-left: 60px;
	outline: none;
}

.main .login-box .form-body .form-control:focus {
	border: 1px solid #3183FF;
	box-shadow: 0px 0px 3px 0px #7CB0FF;
}

.main .login-box .form-body .form-control:focus.label-icon {
	background-position: center center;
}

.main .form-body .form-control:focus {
	border: 1px solid #3183FF;
	box-shadow: 0px 0px 3px 0px #7CB0FF;
}

.main .form-body .form-control:focus~.label-icon {
	background-position: right center;
}

.label-icon {
	width: 48px;
	height: 46px;
	background-repeat: no-repeat;
	background-position: center;
	box-sizing: border-box;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	background-size: 20px 20px;
}

.label-icon::before {
	display: block;
	content: '';
	width: 1px;
	height: 16px;
	background: #000000;
	opacity: 0.12;
	margin: 15px 0;
	position: absolute;
	right: 0;
}

.label-account {
	background-image: url(../images/icon_account.png);
}

.label-account-new {
	background-image: url(../images/icon_account_new.png);
	background-size: 18px 18px;
}

.label-password {
	background-image: url(../images/icon_password.png);
}

.label-password-new {
	background-image: url(../images/icon_password_new.png);
	background-size: 18px 18px;
}

.label-phone-new {
	font-size: 16px;
	color: #000000;
	line-height: 44px;
}

.label-phone {
	background-image: url(../images/icon_phone.png);
}

.label-validcode {
	background-image: url(../images/icon_validcode.png);

}

.label-email {
	background-image: url(../images/icon_email.png);
}

.label-company {
	background-image: url(../images/icon_company.png);
}

.main .form-body .show-pwd {
	width: 20px;
	height: 46px;
	padding: 13px 0px;
	display: inline-block;
	cursor: pointer;
	position: absolute;
	right: 13px;
	top: 0;
}

.main .form-body .code-btn {
	width: 136px;
	height: 46px;
	border: 1px solid #0966F2;
	border-radius: 4px;
	color: #0966F2;
	font-size: 14px;
	background-color: #ffffff;
	/* border-radius: 0px 6px 6px 0px; */
	position: absolute;
	right: 0;
	top: 0;
}

.register-box .form-body .code-btn {
	border: none;
	background-color: transparent;
	width: 91px;
}

.main .form-body .help-block {
	display: inline-block;
	text-align: left;
	bottom: -28px;
	left: 0px;
	position: absolute;
	/* width: 100%; */
	color: #cc0000;
}

.login-type {
	text-align: center;
	margin-top: 20px;
}

.login-type .login-type-title {
	color: #A6ACBD;
	font-size: 14px;
	position: relative;
}

.login-type .login-type-title::before {
	content: '';
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 1px;
	background: #E8EAF0;
	left: 0;
	top: 20px;
}

.login-type .login-type-title>span {
	display: inline-block;
	padding: 10px;
	background-color: #fff;
	position: relative;
	z-index: 1;
}

.login-type .login-type-list {
	padding-top: 20px;
	display: flex;
	justify-content: center;

}

.login-type .login-item {
	margin: 0 15px;
}

.login-type .login-item img {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	cursor: pointer;
}

.register-box .agreement {
	text-align: center;
	color: #A6ACBD;
	font-size: 14px;
	margin: 30px auto 12px;
}

/* 微信登录 */
.form-wrapper .weixin-login {
	padding: 0 0 30px;
}

.form-wrapper .weixin-login-back {
	color: #A6ACBD;
	font-size: 16px;
	text-align: right;
	padding: 25px;
	cursor: pointer;
}

.form-wrapper .weixin-login .form-body-title {
	width: 446px;
	border-bottom: 1px solid #E8EAF0;
	padding-bottom: 20px;
	margin: 0 auto 20px;
	font-size: 20px;
	font-weight: bold;
	color: #0966F2;
	position: relative;
}

.register-box .form-body-title,
.password-box .form-body-title {
	width: 509px;
	border-bottom: 1px solid #E8EAF0;
	padding-bottom: 20px;
	margin: 0 auto 30px;
	font-size: 20px;
	font-weight: bold;
	color: #10365A;
	position: relative;
}

.password-box .form-body-title {
	margin: 0 auto 40px;
}

.form-wrapper .weixin-login .form-body-title::after,
.register-box .form-body-title::after,
.password-box .form-body-title::after {
	display: block;
	content: '';
	width: 223px;
	height: 2px;
	background: #0966F2;
	position: absolute;
	left: calc(50% - 112px);
	bottom: 0px;
}


#login_container {
	/* padding: 60px 0; */
	/* width: 252px; */
	/* background: url(../images/codewrap.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 240px;*/
	/* height: 240px;  */
	height: 300px;
}

.wx_login_icon {
	width: 55px;
	height: 55px;
	margin: 15px auto 15px;
	background: url(../images/wx_login_icon.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.weixin-login-tips {
	width: 224px;
	height: 38px;
	line-height: 38px;
	/* background-color: #ecf8ff; */
	border-radius: 19px;
	font-size: 18px;
	color: #58627F;
	margin-bottom: 15px;
	display: inline-block;
}

.back-arrow {
	display: inline-block;
	height: 12px;
	width: 12px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transform: rotateZ(90deg);
}

.alert-error {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

.btn-box {
	text-align: center;
	margin: 40px 0 20px 0;
}

.handle {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	color: #A6ACBD;
}

.handle .handle-tips {
	text-decoration: underline;
	color: #0966F2;
}

.associate-box {
	width: 500px;
	max-width: 90%;
	min-height: 350px;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 40px;
	padding-bottom: 20px;
	margin: 30px auto;
	font-size: 12px;
	/* display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; */
}

.associate-content {
	padding: 30px;
}

.associate-text {
	font-size: 16px;
	line-height: 1.8;
}

/* 自适应 移动端 */
@media (max-width: 767px) {
	.main {
		display: block;
	}

	.main .logo {
		max-width: 80%;
		margin: 10px auto 20px;
	}

	.login-box .register-info {
		height: auto;
	}

	.main .form-wrapper {
		min-width: initial;
	}

	.form-wrapper .form-body {
		max-width: 100%;
		padding: 20px;
	}

	.form-wrapper .form-body-title {
		font-size: 20px;
		font-weight: bold;
	}

	.form-wrapper .tabs-header {
		justify-content: space-around;
	}

	.form-wrapper .tabs-item {
		margin: 0 5px;
	}

	.form-wrapper .tab-content {
		padding: 0;
	}
}


@media (max-width:1800px) {

	.register-info-wrap {
		width: calc(50% - 180px);
	}

}

@media (max-width:1000px) {

	.main .form-wrapper {
		padding-top: 100px;
	}

	.register-info-wrap {
		height: initial;
	}

	.login-box {
		width: 100%;
		height: inherit;
		flex-wrap: wrap;
		display: flex;
	}

	.login-box .register-info {
		max-width: initial;
		height: initial;
		padding: 40px;
		border-radius: 0px 0px 20px 20px;
		position: initial;
		box-shadow: 7px 11px 24px 0px rgb(0 8 30 / 0%);
	}

	.login-box .register-info>div {
		height: initial !important;
	}

	.register-info-wrap {
		display: block;
		position: initial;
		width: 100%;
		max-width: initial;
	}

	.login-box .form-body {
		padding: 77px;
		height: initial;
	}

	.form-wrapper .form-body .register-btn {
		margin-bottom: 0px;
	}

	.form-body-wrap {
		width: 100%;
		height: initial;
		order: -1;
	}

	.login-box .form-body {
		position: initial;
		max-width: initial;
		box-shadow: 3px 5px 24px 0px rgb(51 96 211 / 0%);
		border-radius: 20px 20px 0px 0px;
	}

	.register-box .form-body-title,
	.password-box .form-body-title {
		width: 100%;
	}
}

@media (max-width:500px) {
	.main {
		height: initial;
	}

	.main .return-back {
		top: 20px;
		left: 20px;
		font-size: 14px;
		margin: 20px;
	}

	.main .return-back img {
		height: 15px;
		width: 15px;
	}

	.main .form-wrapper {
		padding-top: 0px;
	}

	.login-box .form-body {
		padding: 20px 15px;
	}

	.form-grid {
		display: block;
		padding: 0px;
	}

	.form-wrapper .tabs-header {
		width: 100%;
	}

	.form-wrapper .tabs-item.active {
		font-size: 18px;
	}

	.form-wrapper .tabs-item {
		width: initial;
	}

	.main .form-body .form-control {
		width: 100%;
	}

	.form-wrapper .login-btn,
	.form-wrapper .form-body .register-btn {
		display: block;
		width: 100%;
	}

	.register-box .form-body .form-group {
		margin-bottom: 15px;
	}

	.register-box .agreement {
		margin: 15px 0px;
	}

	.main .return-back {
		position: initial;
		padding: 20px;
		display: inline-block;
		background: #10365A;
		padding: 10px 20px;
		border-radius: 5px;
	}

	.login-box .hidden-s {
		display: block !important;
	}

	.register-info .register-btn {
		font-size: 18px;
	}

	.login-box .register-info {
		padding: 20px;
	}

	.main .form-wrapper {
		height: initial;
	}
}



:root {
	--primary_blue: #10365A;
	--dark_blue: #1e3f70;
	--accent_red: #c62828;
	--accent_yellow: #fff3cd;
	--accent_yellow_border: #ffc107;
	--bg_light: #f5f7fa;
	--bg_card: #ffffff;
	--text_primary: #333333;
	--text_secondary: #666666;
	--border_color: #dde3ec;
	--shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	--shadow_hover: 0 4px 16px rgba(0, 0, 0, 0.12);
}



/* ===== Container ===== */
.main_container {
	margin: 0 auto;
	padding: 0 16px 48px;
}

/* ===== Flow Step ===== */
.flow_step {
	margin-top: 24px;
	position: relative;
}

.step_header {
	display: flex;
	align-items: center;
	gap: 16px;
	background: linear-gradient(90deg, var(--primary_blue) 0%, var(--dark_blue) 100%);
	color: #fff;
	padding: 16px 24px;
	border-radius: 12px;
	box-shadow: var(--shadow);
	position: relative;
	z-index: 2;
}

.step_number {
	width: 48px;
	height: 48px;
	min-width: 48px;
	background: var(--accent_red);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	font-weight: 800;
	box-shadow: 0 2px 6px rgba(198, 40, 40, 0.4);
}

.step_title {
	font-size: 1.35rem;
	font-weight: 700;
	letter-spacing: 1px;
}

.step_title_note {
	font-size: 0.9rem;
	font-weight: 400;
	opacity: 0.9;
	margin-left: 8px;
}

/* Arrow connector between steps */
.step_arrow {
	display: flex;
	justify-content: center;
	margin: 8px 0;
}

.step_arrow svg {
	width: 32px;
	height: 32px;
	fill: var(--accent_red);
	filter: drop-shadow(0 2px 2px rgba(198, 40, 40, 0.3));
}

/* ===== Card ===== */
.step_card {
	background: var(--bg_card);
	border-radius: 12px;
	padding: 24px;
	margin-top: 12px;
	box-shadow: var(--shadow);
	border: 1px solid var(--border_color);
	position: relative;
	z-index: 1;
}

.step_card:hover {
	box-shadow: var(--shadow_hover);
	transition: box-shadow 0.3s ease;
}

/* ===== Tag / Label ===== */
.label_tag {
	display: inline-block;
	background: var(--accent_yellow);
	border: 1px solid var(--accent_yellow_border);
	color: #856404;
	padding: 6px 16px;
	border-radius: 6px;
	font-weight: 600;
	font-size: 0.95rem;
	margin-bottom: 12px;
}

.label_tag_blue {
	display: inline-block;
	background: #e3f2fd;
	border: 1px solid #90caf9;
	color: #1565c0;
	padding: 6px 16px;
	border-radius: 6px;
	font-weight: 600;
	font-size: 0.95rem;
	margin-bottom: 12px;
}

.label_tag_red {
	display: inline-block;
	background: #ffebee;
	border: 1px solid #ef5350;
	color: #c62828;
	padding: 6px 16px;
	border-radius: 6px;
	font-weight: 600;
	font-size: 0.95rem;
	margin-bottom: 12px;
}

/* ===== Content styles ===== */
.content_text {
	color: var(--text_primary);
	font-size: 0.95rem;
}

.content_list {
	list-style: none;
	padding: 0;
}

.content_list li {
	padding: 6px 0;
	padding-left: 20px;
	position: relative;
	font-size: 0.95rem;
}

.content_list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 14px;
	width: 8px;
	height: 8px;
	background: var(--primary_blue);
	border-radius: 50%;
}

.two_column_list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4px 24px;
}

@media (max-width: 600px) {
	.two_column_list {
		grid-template-columns: 1fr;
	}
}

/* ===== Info row ===== */
.info_row {
	display: flex;
	align-items: stretch;
	border: 1px solid var(--border_color);
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 10px;
}

.info_label {
	background: var(--accent_yellow);
	border-right: 1px solid var(--accent_yellow_border);
	padding: 12px 16px;
	min-width: 110px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	color: #5d4a00;
	font-size: 0.95rem;
	text-align: center;
}

.info_value {
	padding: 12px 16px;
	flex: 1;
	display: flex;
	align-items: center;
	font-size: 0.95rem;
}

@media (max-width: 500px) {
	.info_row {
		flex-direction: column;
	}

	.info_label {
		border-right: none;
		border-bottom: 1px solid var(--accent_yellow_border);
		justify-content: flex-start;
	}
}

/* ===== Sub section ===== */
.sub_section {
	margin-top: 20px;
	padding: 16px;
	background: #fafbfc;
	border-radius: 8px;
	border: 1px dashed var(--border_color);
}

.sub_section_title {
	font-weight: 700;
	color: var(--primary_blue);
	margin-bottom: 10px;
	font-size: 1rem;
	display: flex;
	align-items: center;
	gap: 6px;
}

.sub_section_title::before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 16px;
	background: var(--primary_blue);
	border-radius: 2px;
}

/* ===== Numbered list with circle ===== */
.circle_list {
	list-style: none;
	padding: 0;
}

.circle_list li {
	padding: 8px 0 8px 36px;
	position: relative;
	font-size: 0.95rem;
}

.circle_list .num_badge {
	position: absolute;
	left: 0;
	top: 6px;
	width: 26px;
	height: 26px;
	background: var(--primary_blue);
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.8rem;
	font-weight: 700;
}

/* ===== Flow branch ===== */
.flow_branch {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 12px;
}

.branch_item {
	flex: 1;
	min-width: 120px;
	background: #fff;
	border: 2px solid var(--primary_blue);
	border-radius: 8px;
	padding: 12px 16px;
	text-align: center;
	font-weight: 600;
	color: var(--primary_blue);
	font-size: 0.9rem;
}

@media (max-width: 600px) {
	.branch_item {
		min-width: calc(50% - 6px);
	}
}

/* ===== Note box ===== */
.note_box {
	background: #fff8e1;
	border-left: 4px solid var(--accent_yellow_border);
	padding: 14px 18px;
	border-radius: 0 8px 8px 0;
	margin-top: 12px;
	font-size: 0.9rem;
	color: #5d4a00;
}

/* ===== Two column info ===== */
.dual_info {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-top: 12px;
}

.dual_info_card {
	background: #f8f9fa;
	border-radius: 8px;
	padding: 16px;
	border: 1px solid var(--border_color);
}

.dual_info_title {
	font-weight: 700;
	color: var(--accent_red);
	margin-bottom: 10px;
	font-size: 0.95rem;
	padding-bottom: 8px;
	border-bottom: 2px solid #ffcdd2;
}

@media (max-width: 600px) {
	.dual_info {
		grid-template-columns: 1fr;
	}
}

/* ===== Table style ===== */
.data_table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 12px;
	font-size: 0.9rem;
}

.data_table th,
.data_table td {
	border: 1px solid var(--border_color);
	padding: 10px 12px;
	text-align: left;
}

.data_table th {
	background: var(--primary_blue);
	color: #fff;
	font-weight: 600;
}

.data_table td {
	background: #fff;
}

.data_table tr:nth-child(even) td {
	background: #f8f9fa;
}