:root {
	--view-width: 100%;
}

@media (max-width: 400px) {}

@media (min-width: 430px) {
	body {
		align-items: center;
	}
}

body {
	display: flex;
	flex-direction: column;
	margin: 0;
	color: #3D3D3D;
	overflow-x: hidden;
	font-size: 14px;
	letter-spacing: 1px;
	user-select: none;
	font-family: "Microsoft YaHei", sans-serif;
	
}

#app {
	max-width: 430px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

* {
	box-sizing: border-box;
}

/* #topbanner, */
#banner {
	width: 100%;
	height: auto;
	display: block;
}

/* #topbanner img, */
#banner img {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: top;
}


/* 共同样式*/
.section1,
.section2,
.section3,
.section4,
.section5,
.section6,
.section7,
.section8,
.section9 {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	overflow: hidden;
	background: #FFDBAA;
}

/* section1 香港专区 */
.section1 {
	padding-top: 30px;
	padding-bottom: 20px;
}

.section1 .hkcard {
	width: var(--view-width, 100%);
	height: auto;
	min-height: 600px;
	padding: 0px 22px 60px 22px;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	background-image: url("../images/bg1.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.hkcard_img {
	width: 167px;
	height: 175px;
	margin-top: 30px;
}

/* li-symbol */
.hkcard_ul {
	width: 100%;
	padding: 30px 6px 0px 6px;
	box-sizing: border-box;
}

.hkcard_li {
	width: 100%;
	box-sizing: border-box;
	display: flex;
}

.hkcard_ul .hkcard_li_symbol {
	width: 72px;
	min-width: 72px;
	min-height: 60px;
	position: relative;
}

.hkcard_li_symbol .symbol_redline {
	width: 2px;
	height: 100%;
	background: #AA2905;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -1px;
	z-index: 1;
}

.hkcard_li_symbol .symbol_arrow {
	width: 72px;
	height: 60px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -36px;
	z-index: 2;
}

.hkcard_li_symbol .symbol_box {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 3;
}

.hkcard_li_symbol .symbol_box .gift {
	width: 18px;
	height: 20px;
}

.hkcard_li_symbol .symbol_box .num {
	padding-top: 2px;
	color: #CF3F2A;
	font-size: 13px;
	font-weight: 600;
}

/* li-info */
.hkcard_li_info {
	/* padding-left: 14px; */
	padding-bottom: 30px;
}

.hkcard_li_info_title {
	color: #6D4310;
	font-size: 16px;
	font-weight: 600;
	padding-bottom: 6px;
}

.hkcard_li_info_desc {
	color: #6D4310;
	font-size: 14px;
}

.hkcard_li_info_desc .bold {
	color: #DF800B;
	font-weight: 600;
}

.hkcard_ul .hkcard_li:last-child .hkcard_li_symbol .symbol_redline {
	background: transparent;
}

.hkcard .section_btn {
	margin-top: -10px;
}

.hkcard_tips {
	width: 92%;
	letter-spacing: 0px;
}


/* section2欧洲专区  */
.section2 {
	padding-bottom: 20px;
}

.section2 .eucard {
	width: var(--view-width, 100%);
	height: auto;
	min-height: 600px;
	padding: 0px 22px 60px 22px;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	background-image: url("../images/bg2.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.eucard_columns {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
}

.eucard_column_item {
	width: 100%;
	max-width: 358px;
	padding: 20px 30px;
	box-sizing: border-box;
	background-image: url("../images/box1.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border: 32px;
	overflow: hidden;
	position: relative;
}

.eucard_column_title {
	width: 100%;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #965F1E;
	font-size: 16px;
	font-weight: 600;
}

.eucard_column_ul {
	width: 100%;
	margin-left: 4px;
}

.eucard_column_li {
	width: max-content;
	min-width: 184px;
	max-width: 270px;
	margin-top: 20px;
	line-height: 22px;
	padding-right: 4px;
	display: flex;
	background: #F1D9B7;
	border-radius: 16px;
	font-size: 14px;
}

.eucard_column_li_symbol {
	width: 56px;
	height: 24px;
	min-width: 56px;
	background: #F44C13;
	box-shadow: inset 0px 5px 10px 0px rgba(255, 255, 255, 0.38);
	border-radius: 16px;
	text-align: center;
	color: #ffffff;
	margin-right: 4px;
}

.eucard_column_li_info {
	color: #6D4310
}

.eucard_column_li_info span {
	color: #D67400;
	font-weight: 600;
}

.eucard_columns .eucard_column_item:nth-child(1) .eucard_column_img {
	width: 70px;
	height: 68px;
	box-sizing: border-box;
	position: absolute;
	right: 32px;
	top: 84px;
}

.eucard_columns .eucard_column_item:nth-child(2) .eucard_column_li {
	max-width: 204px
}

.eucard_columns .eucard_column_item:nth-child(2) .eucard_column_img {
	width: 88px;
	height: auto;
	box-sizing: border-box;
	position: absolute;
	right: 22px;
	bottom: 18px;
}


/* section3 投资入籍专区 */
.section3 {
	padding-bottom: 20px;
}

.section3 .invcard {
	width: var(--view-width, 100%);
	height: auto;
	min-height: 600px;
	padding: 0px 22px 40px 22px;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	background-image: url("../images/bg1.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.invcard .turcard_wrap {
	width: 100%;
	padding: 30px 16px 0px 16px;

}

.invcard .turcard {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.invcard .turcard_box {
	width: 100%;
	height: 60px;
	height: auto;
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
	background: #FDEBCB;
	box-shadow: 0px 0px 8px 0px rgba(182, 143, 82, 0.5);
	border-radius: 10px
}

.turcard .turcard_title {
	width: 242px;
	height: 34px;
	box-sizing: border-box;
	color: #965F1E;
	font-size: 16;
	font-weight: 600;
	text-align: center;
	line-height: 34px;
	background: linear-gradient(180deg, #FFF7EC 0%, #E1B371 100%);
	box-shadow: inset 0px 1px 10px 0px rgba(243, 172, 105, 0.85);
	border-radius: 10px 10px 0px 0px;
}

.turcard_box_ul {
	width: 100%;
	padding: 0px 10px 20px 14px;
	box-sizing: border-box;
}

.turcard_box_li {
	width: 100%;
	padding-top: 20px;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
}

.turcard_box_li .turcard_box_li_order {
	width: 62px;
	min-width: 62px;
	color: #DF800B;
	font-size: 14px;
	font-weight: 600;
}

.turcard_box_li .turcard_box_li_img {
	width: 27px;
	height: 24px;
	margin-right: 4px;
}

.turcard_box_li .turcard_box_li_info {
	flex: 1;
}

.turcard_box_li .turcard_box_li_info .turcard_box_li_title {
	padding-bottom: 4px;
	display: flex;
	align-items: flex-start;
}

.turcard_box_li .turcard_box_li_info .turcard_box_li_title .sign {
	width: 76px;
	height: 24px;
	min-width: 76px;
	margin-right: 6px;
	box-sizing: border-box;
	color: #FFF9F9;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	line-height: 24px;
	background: #F44C13;
	box-shadow: inset 0px 0px 6px 0px rgba(255, 255, 255, 0.6);
	border-radius: 16px;

}

.turcard_box_li .turcard_box_li_info .turcard_box_li_title .text {
	padding-top: 2px;
	color: #6D4310;
	font-size: 14px;
	font-weight: 600;
}

.turcard_box_li .turcard_box_li_info .turcard_box_li_desc {
	color: #6D4310;
	font-size: 14px;
}

.invcard .section_btn {
	margin-top: 20px;
}

/* section4 特别项目专区*/
.section4 {
	/* padding-bottom: 20px; */
}

.section4 .projectcard {
	width: var(--view-width, 100%);
	height: auto;
	min-height: 600px;
	padding: 0px 22px 60px 22px;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	background-image: url("../images/bg1.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

/* 新加坡 */
.projectcard .sgcard_wrap,
.projectcard .uscard_wrap {
	width: 100%;
	padding: 10px 14px;
	box-sizing: border-box;
}

.projectcard .sgcard,
.projectcard .uscard {
	width: 100%;
	box-sizing: border-box;
}

.projectcard .card_title {
	width: 100%;
	height: 40px;
	position: relative;
}

.projectcard .card_title::after {
	--width: 94%;
	content: '';
	width: var(--width);
	height: 40px;
	background: linear-gradient(180deg, rgba(255, 242, 219, 0.8) 0%, rgba(243, 221, 185, 0.9) 100%);
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: calc(var(--width) / -2);
	transform: perspective(120px) rotateX(20deg);
	z-index: 1;
}

.projectcard .card_title .card_title_text {
	width: 100%;
	height: 40px;
	line-height: 40px;
	box-sizing: border-box;
	overflow: hidden;
	color: #6D4310;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	position: relative;
	z-index: 2;
}

/* .projectcard .card_title .card_title_text::after{
	width: 100%;
    content: "新加坡EP/PIC项目 签约三重礼";
    position: absolute;
	padding-left: 20px;
    top: 20px;
    left: -7px;
    transform: scaleY(-1);
    font-size: 16px;
    font-weight: 600;
    background: linear-gradient(to bottom, rgba(150, 95, 30, 0.2) 0%, rgba(150, 95, 30, 0) 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
} */

.projectcard .card_title .card_title_img {
	width: 40px;
	height: 49px;
	position: absolute;
	bottom: 0px;
	z-index: 2;
}

.sgcard .sgcard_box,
.uscard .uscard_box {
	width: 100%;
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #FDEBCB;
	border-radius: 0px 0px 16px 16px;
	box-shadow: 0px 10px 14px 2px rgba(182, 143, 82, 0.2);
}


.projectcard .card_box_ul {
	width: 100%;
	padding: 0px 14px;
	box-sizing: border-box;
}

.projectcard .card_box_li {
	width: 100%;
	margin-bottom: 16px;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	background: #F0DABB;
	border-radius: 16px;

}

.projectcard .card_box_li .card_box_li_sign {
	width: 76px;
	height: 24px;
	min-width: 76px;
	margin-right: 6px;
	box-sizing: border-box;
	color: #FFF9F9;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	line-height: 24px;
	background: #F44C13;
	box-shadow: inset 0px 0px 6px 0px rgba(255, 255, 255, 0.6);
	border-radius: 16px;
}

.projectcard .card_box_li .card_box_li_text {
	font-size: 14px;
	color: #6D4310;
	line-height: 24px;
}

/* 新加坡 */
.sgcard .card_title_img {
	right: 10px;
}

.sgcard .card_title .card_title_text {
	padding-right: 20px;
}

/* 新加坡轮播 */
.sgcard_box .swiper_wrap {
	width: 100%;
	padding-bottom: 10px;
}

.sgcard_box .swiper_case {
	width: 100%;
	height: 230px;
}

.swiper_case .swiper-slide {
	opacity: 0;
}

.swiper_case .swiper-slide-prev,
.swiper_case .swiper-slide-active,
.swiper_case .swiper-slide-next {
	opacity: 1;
}

.swiper_case .swiper-slide .swiper-slide-box {
	width: 100%;
	height: 230px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.swiper_case .swiper-slide .swiper-slide-box .swiper-slide-box-img {
	width: 100%;
	height: auto;
	border-radius: 10px;
}

.swiper_case .swiper-slide .swiper-slide-box .swiper-slide-box-shadow {
	width: 90%;
	margin-top: -2px;
	height: 12px;
	background: rgba(111, 66, 0, 0.23);
	filter: blur(4px);
}

.swiper_case .swiper-slide .swiper-slide-box .shadow2 {
	background: rgba(111, 66, 0, 0.23);
}

.swiper_case .swiper-slide .swiper-slide-box .shadow3 {
	background: rgba(141, 110, 130, 0.31);
}

.swiper_case .swiper-slide-prev {
	transform: translateX(86px);
}

.swiper_case .swiper-slide-next {
	transform: translateX(-86px);
}

.swiper_case .swiper-slide-active,
.swiper_case .swiper-slide-duplicate-active {
	transition: all 0.6s;
	transform: scale(1.6);
	z-index: 999;
}

/* 美国人才 */
.uscard .card_title_img {
	left: 30px;
}

.uscard .uscard_box_img {
	width: 100%;
	height: auto;
	padding: 0px 14px 20px 14px;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 10px;
}

.uscard .uscard_box_img img {
	width: 100%;
	height: auto;
	border-radius: 10px;
}

.uscard .uscard_box .section_btn {
	margin: 0 auto;
}

/* message */
.message {
	width: max-content;
	width: var(--view-width, 100%);
	padding: 0px 22px 60px 22px;
	margin: 0 auto;
	padding-bottom: 20px;
	background: #FFDBAA;
}

.message_item {
	padding-top: 6px;
	color: #965F1E;
	font-size: 14px;
}

.message_item .red {
	color: #FF5900;
	font-size: 16px;
	font-weight: 600;
}

.message_item .brown {
	color: #965F1E;
	font-size: 16px;
	font-weight: 600;
}

/* section5  全国免费咨询热线*/
.section5 {
	width: 100%;
	height: 94px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url("../images/bg5.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.section5 .hotline {
	width: max-content;
	color: #ffffff;
	text-align: center;
	letter-spacing: 4px;
	line-height: 30px;
	font-size: 20px;
	font-weight: 600;
}

.section5 .hotline div {
	color: #ffffff !important;
}