@charset "utf-8";

* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body,
h1,
h2,
h3,
p,
div,
ol,
ul,
input,
button {
	margin: 0;
	padding: 0
}

body {
	-webkit-text-size-adjust: 100%;
	color: #333333;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	overflow-x: hidden;
	font-family: PingFangSC-Regular, Helvetica, "Droid Sans", Arial, sans-serif;
}

ol,
ul {
	list-style: none
}

a {
	color: #333333;
	text-decoration: none;
}

input,
button,
textarea {
	border: 0;
	border-radius: 0;
	background: transparent;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

button {
	outline: none
}

.view {
	position: absolute;
	width: 750px;
	height: 100%;
	overflow: hidden;
	left: 50%;
	margin-left: -375px;
}

.page {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: top center;
	overflow: hidden;
	display: none;
}

.page_transition {
	transition: transform 0.45s ease;
	-ms-transition: transform 0.45s ease;
	-moz-transition: transform 0.45s ease;
	-webkit-transition: transform 0.45s ease;
}

.page_box {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
}

.page_box.fill {
	height: 100%;
}

.page_box.cover {}

.page_box.contain {}

.scrollview {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	transition: all 0.3s ease;
}

.scrollview::-webkit-scrollbar {
	width: 2px; /* 移动端合适宽度 */
}
/* 3. 滚动条滑块：默认透明（隐藏），添加过渡效果 */
.scrollview::-webkit-scrollbar-thumb {
	background-color: #f4a8c2
}


/* 自定义主题颜色 */
.os-theme-custom {
	/* 滚动条滑块颜色 */
	--os-handle-bg: #ff0000;

	/* 滚动条滑块悬停颜色 */
	--os-handle-bg-hover: #cc0000;

	/* 滚动条滑块被按下颜色 */
	--os-handle-bg-active: #aa0000;

	/* 轨道背景 (通常透明) */
	--os-track-bg: transparent;

	/* 滚动条大小 */
	--os-size: 6px;
}

/* 确保移动端触控优化 */
.os-viewport {
	-webkit-overflow-scrolling: touch;
}



.preload {
	display: none;
}

.preload img {
	width: 1px;
	height: 1px;
	display: none;
}

.music_btn {
	position: fixed;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	height: 50px;
	width: 50px;
	top: 20px;
	right: 20px;
	display: none;
}

.music_play {
	background-image: url(https://file.hudongsd.com/picture/music.png);
	animation: shunshi 2s 0s linear infinite;
	-ms-animation: shunshi 2s 0s linear infinite;
	-moz-animation: shunshi 2s 0s linear infinite;
	-webkit-animation: shunshi 2s 0s linear infinite;
}

.music_pause {
	background-image: url(https://file.hudongsd.com/picture/music_close.png);
}

.page_down {
	position: absolute;
	width: 4%;
	height: auto;
	left: 48%;
	bottom: 3%;
	opacity: 0;
}

.page_down {
	animation: fadeIn 0.5s 1.5s ease forwards, ufo 1.5s 0s ease infinite alternate;
	-ms-animation: fadeIn 0.5s 1.5s ease forwards, ufo 1.5s 0s ease infinite alternate;
	-moz-animation: fadeIn 0.5s 1.5s ease forwards, ufo 1.5s 0s ease infinite alternate;
	-webkit-animation: fadeIn 0.5s 1.5s ease forwards, ufo 1.5s 0s ease infinite alternate;
}

.page_0 {
	display: block;
}

.loader_spin {
	position: absolute;
	width: 80px;
	height: auto;
	top: 50%;
	left: 0;
	right: 0;
	margin: -70px auto auto auto;
	animation: shunshi 2s 0s linear infinite;
	-webkit-animation: shunshi 2s 0s linear infinite;
}

.loader_text {
	position: absolute;
	width: 100%;
	height: 140px;
	left: 0%;
	top: 54%;
	text-align: center;
	line-height: 140px;
	font-size: 36px;
	color: white;
	margin-top: -70px;
	color: #ffb0b0;
}

.back_1 {
	position: absolute;
	left: 42px;
	top: 45px;
}
.back_2 {
	position: absolute;
	left: 20px;
	top:104px;
}

.back_3 {
	position: absolute;
	left: 44px;
	top:52px;
}

.back {
	position: fixed;
    left: 10px;
    top: 7%;
	animation: btn 0.9s -1s ease-in-out infinite alternate;
}

.page_1 {
	background-image: url(https://file.hudongsd.com/picture/bg.jpg);
}
.page_1 .connect{background-color:rgba(0,0,0,0.8);width:100%;height:100%;position: absolute;display:flex;align-items:center;justify-content:center;}

.page_1 .connect .codediv{position: relative}
.page_1 .connect .codediv a{display: block;position: absolute;width: 80px; height: 80px; line-height:80px;right: 0;top: 0;}
.page_1 .connect .codediv .codeall{position: absolute;right: 0;left: 0;margin: 0;top:177px;width: 95%;}
.codediv .codeall .codegrounp{display: flex;justify-content: center;align-items: center;gap: 32px}
.codediv .codeall .codetxt{display: flex;justify-content: center;align-items: center;margin-top: 20px}

.p4_menu3{position: relative}
.p4_menu3 i{display: block;position:absolute;right:0px;top:105px;width:60px;height: 50px;}


.p_1_4 {
	position: absolute;
	width: 206px;
	height: auto;
	left: 0;
	right: 0;
	margin: auto;
	top:1310px;
}
.p_1_5 {
	position: absolute;
	width: 206px;
	height: auto;
	right: 2px;
	top:803px;
	animation: ufo 1.5s -1.7s ease-in-out infinite alternate;
}

.p_1_3 {
	position: absolute;
	width: 170px;
	height: auto;
	left: 196px;
	top:1025px;
	animation: ufo 1.5s -1.3s ease-in-out infinite alternate;
}

.p_1_2 {
	position: absolute;
	width: 205px;
	height: auto;
	left: 408px;
	top: 1008px;
	animation: ufo 1.5s -1.6s ease-in-out infinite alternate;
}

.p_1_1 {
	position: absolute;
	width: 170px;
	height: auto;
	left: 20px;
	top: 820px;
	animation: ufo 1.5s -1s ease-in-out infinite alternate;
}

.p_1_0 {
	position: absolute;
	width:711px;
	height: auto;
	left: 399px;
	transform: translateX(-50%);
	top: 9px;
}

.page_2 {
	background-image: url(https://file.hudongsd.com/picture/proimg/pro/pro_bg.jpg);
}
.page_3 {
	background-image: url(https://file.hudongsd.com/picture/meet/bg.jpg);
}
.page_3 .code{
	position: absolute;
	width: 373px;
	height: auto;
	top:941px;
	right:0px;
	left:0px;
	margin:auto;
}
.p_2{
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	top:719px;
	left:0;
	right: 0;
	width:679px;
	margin: auto;
	gap: 49px 0px;
}
.p_2_0 {
	position: absolute;
	width:711px;
	height: auto;
	left: 39px;
	top: 93px;
}

.page_4 {
	background-image: url(https://file.hudongsd.com/picture/Invest/Invest_bg.jpg);
}

.p_4_12 {
	position: absolute;
	width: 607px;
	height: auto;
	left: 71px;
	top: 770px;
}

.p_4_11 {
	position: absolute;
	width: 320px;
	height: auto;
	left: 214px;
	top: 677px;
}

.p_4_10 {
	position: absolute;
	width: 180px;
	height: auto;
	left: 473px;
	top: 1267px;
}

.p_4_9 {
	position: absolute;
	width: 181px;
	height: auto;
	left: 283px;
	top: 1267px;
}

.p_4_8 {
	position: absolute;
	width: 181px;
	height: auto;
	left: 93px;
	top: 1267px;
}

.p_4_7 {
	position: absolute;
	width: 180px;
	height: auto;
	left: 473px;
	top: 1121px;
}

.p_4_6 {
	position: absolute;
	width: 180px;
	height: auto;
	left: 473px;
	top: 975px;
}

.p_4_5 {
	position: absolute;
	width: 371px;
	height: auto;
	left: 93px;
	top: 1048px;
}

.p_4_4 {

}

.p_4_3 {

}

.p_4_2 {

}

.p_4_1 {
	position: absolute;
	width: 711px;
	height: auto;
	left: 35px;
	top: 57px;
}

.p_4_0 {
	position: absolute;
	width: 522px;
	height: auto;
	left: 114px;
	top: 527px;
}
.p_4{
	position: absolute;
	top: 707px;
	left: 0px;
	right: 0px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: auto;
	gap:15px;
}

.page_5 {
	background-position: bottom;
	background-image: url(https://file.hudongsd.com/picture/Invest/Invest_bg.jpg);
}

.p_5_top{
	position: fixed;
	top: 0;
	width: 100%;
	height: 88px;
	overflow: hidden;
	background-color: #fffdfa;
}


.p_6_top {
	position: fixed;
	top: 0;
	width: 100%;
	height: 88px;
	overflow: hidden;
	background:#fffdfa;
}

.scrol_x {
	width:750px;
	margin: auto;
	height: 100%;
	padding: 0 20px;
	overflow-x: auto;
	overflow-y: hidden;
	box-sizing: border-box;
}

/* 隐藏滚动条，但仍然可以滚动内容 */
.scrol_x::-webkit-scrollbar {
  display: none;
}

.scrol_x .scrol_w {
	display: flex;
	white-space: nowrap;
	width: auto;
	justify-content: space-between;
	height: 100%;
	align-items: center;
	margin: 0px 10px;
}

.scrol_x span {
	display: inline-block;
	height: 88px;
	color: #595757;
	padding: 0 20px;
	font-size: 25px;
	line-height: 88px;
	box-sizing: border-box;
}

.scrol_x span.active {
	color: #000;
	border-bottom: 3px solid #ff5a7b;
}

.inlinetv{
	background-image: url("https://file.hudongsd.com/picture/inlinetv.jpg?v=2");
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	left:100%;
	transition:0.3s;
}
.inlinetv.active{
	left:0%;
}
.inlinetv .tvcode{
	position: absolute;
	top: 796px;
	left:0;
	right: 0;
	margin: auto;
}


.p7 {
	width:630px;
	margin: auto;
	height: 100%;
	padding: 0 20px;
	overflow-x: auto;
	overflow-y: hidden;
	box-sizing: border-box;
}
.p7 .scrol_w {
	display: flex;
	white-space: nowrap;
	width: 1083px;
	justify-content: space-between;
	height: 100%;
	align-items: center;
	margin: 0px 10px;
}

.p_6_icon_l,
.p_6_icon_r {
	position: absolute;
	top: 0;
	width: 100px;
	height: 88px;
	pointer-events: none;
}

.p_5_icon_l {
	position: absolute;
	top: 0px;
	left: 0;
	width: 68px;
	height: 100%;
	pointer-events: none;
	display: flex;
	justify-content: center;
	align-items: center;

}

.p5 {
	width:630px;
	margin: auto;
	height: 100%;
	padding: 0 20px;
	overflow-x: auto;
	overflow-y: hidden;
	box-sizing: border-box;
}
.p5 .scrol_w {
	display: flex;
	white-space: nowrap;
	/*width: 1083px;*/
	justify-content: space-between;
	height: 100%;
	align-items: center;
	margin: 0px 10px;
	gap:76px;
}

.p_5_icon_r {
	position: absolute;
	top: 0px;
	right: 0;
	width: 68px;
	height: 100%;
	transform:scaleX(-1);
	pointer-events: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.p_5_icon_l img,.p_5_icon_r img {
	width: 26px;
	height: 26px;
}
.p_5_icon_l img,
.p_5_icon_r img,
.p_6_icon_l img,
.p_6_icon_r img {
	display: block;
	margin: 33px auto;
}



.p_5_top span {
	display: inline-block;
	height:60px;
	color: #949494;
	padding: 0 5px;
	font-size: 25px;
	line-height:60px;
	box-sizing: border-box;

}

.p_7_icon_l {
	position: absolute;
	top: 0px;
	left: 0;
	width: 68px;
	height: 100%;
	pointer-events: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.p_7_icon_r {
	position: absolute;
	top: 0px;
	right: 0;
	width: 68px;
	height: 100%;
	transform:scaleX(-1);
	pointer-events: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.p_7_icon_l img,.p_7_icon_r img {
	width: 26px;
	height: 26px;
}




.p_5_icon_l,
.p_6_icon_l {
	left: 0;
}

.p_5_icon_r,
.p_6_icon_r {
	right: 0;
}

.p_5_bot,
.p_6_bot {
	position: absolute;
	top: 88px;
	width: 100%;
	bottom: 0;
}

.p_6_b  .p_6_down{
	position: absolute;
	bottom: 38px;
	right: -2px;
}
.p_6_b .p_6_data{
	position: absolute;
	top:82px;
	left:45px;

}

.p_5_item {
	width: 667px;
	overflow: hidden;
	padding: 40px 20px;
	margin: 58px auto;
	box-sizing: border-box;
}

.p_5_lst {
	width: 280px;
	height: 559px;
	float: left;
	margin-bottom: 62px;
}

.p_5_lst img{
	width: 292px;
	height: auto

}



.p_5_lst .b span {
	display: block;
	width: 100%;
	text-align: center;
}

.p_5_item .p_5_lst:nth-child(2n) {
	float: right;
}

.p_5_5 {
	display: block;
	margin: 64px auto;
}

.p_5_ipt {
	position: fixed;
	bottom: -1000px;
	left: 0;
	right: 0;
	z-index: 10;
	margin: auto;
	width: 656px;
	height: 1000px;
	transition: 0.3s;
	background-color: #eee;
	border-radius: 30px 30px 0 0;
}

.p_5_ipt.active {
	bottom: 0;
}

.p_5_ipt_tit {
	font-size: 28px;
	color: #595757;
	margin-top: -50px;
}

.p_5_ipt_tit span {
	display: block;
	text-align: center;
}

.p_5_ipt_lst {}

.p_5_ipt_lst input {
	display: block;
	width: 462px;
	height: 58px;
	font-size: 24px;
	padding: 0 20px;
	margin: 26px auto;
	border-radius: 10px;
	box-sizing: border-box;
	border: 2px solid #595757;
}

.p_5_6 {
	display: block;
	margin: 20px auto;
}

.p_5_7{
	width: 526px;
	display: flex;
	margin: 20px auto;
	justify-content: space-around;
}

.p_5_close {
	position: absolute;
	font-size: 30px;
	top: 30px;
	right: 30px;
}

.p_6_box {
	position: absolute;
	width: 100%;
	left: 100%;
	top: 87px;
	bottom: 0;
	transition: 0.3s;
	background-size: cover;
	background-image: url(https://file.hudongsd.com/picture/Invest/Invest_bg.jpg);
}

.p_6_box.active {
	left: 0%;
}

.p_6_t {
	position: relative;
	width: 100%;
	height: 888px;
	margin: 45px auto 0px;
}

.p_6_t .swiper {
	width: 100%;
	height: 100%;
}

.p_6_t .swiper-slide {
	width: 100%;
	height: 1044px;
	background-size: cover;
	background-position: center;
}



.p_6_t .swiper-slide .t {
	width: 404px;
	height: 838px;
	margin: 12px auto;
	background-size: cover;
}

.p_6_t .swiper-slide .b {
	width: 484px;
	height: 140px;
	margin: 24px auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.p_6_t .swiper-slide .b span {
	display: block;
	width: 100%;
	font-size: 32px;
	color: #595757;
	text-align: center;
}

.swiper-pagination-bullet-active {
	background-color: #ffb0b0;
	width: 10px;
	height: 10px;
}

.p_6_b {
	position: relative;
	width: 645px;
	height: 370px;
	margin: 25px auto;
}
.p_6_b .p_6_bg{
	width: 662px;
	height:370px;
}

.p_6_b .txt {
	width: 590px;
	height: 136px;
	font-size: 20px;
	line-height: 40px;
	overflow-y: auto;
	position: absolute;
	bottom:48px;
	left:41px;
}

.p_6_b .p_6_2 {
	position: absolute;
	bottom: 90px;
	right: 50px;
}

.p_6_bot .videocon {
	position: absolute;
	top: 963px;
	width: 658px;
	margin: auto;
	left: 0;
	right: 0;
}

.p_6_bot .videocon .replay {
	position: absolute;
	top:50%;
	left:0;
	right: 0;
	transform: translateY(-50%);
	width: 384px;
	margin: auto;
}
.p_6_bot .video_1{
	width: 658px;
	border-radius:20px;
}

.video_2 {
	top: 1726px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 503px !important;
	height: 1086px !important;
	border-radius: 50px;
}

.p_6_bot_btn {
	position: absolute;
	top: 1550px;
	left: 0;
	right: 0;
	margin: auto;
	width: 350px;
	height: 300px;
}

.p_6_bot_img img{
	display: block;
	width: 100%;
}

.p_ban_btn{
	z-index: 10;
}


.p_7_top {
	position: fixed;
	top: 0;
	width: 100%;
	height: 88px;
	overflow: hidden;
	text-align: center;
	background-color: #fffdfa;
}

.p_7_top span {
	display: inline-block;
	height:60px;
	color: #949494;
	padding: 0 5px;
	font-size: 25px;
	line-height:60px;
	box-sizing: border-box;

}

.p_7_top span.active {
	color: #000;
	border-bottom: 3px solid #ff5a7b;

}

.p_5_top span.active img{
	/* 1. 先转为完全灰度图（参数1=100%灰度，0=原图） */
	filter: grayscale(1)
		/* 2. 降低亮度，让灰度更接近黑色（值<1降低亮度，0=全黑） */
	brightness(0)
		/* 3. 提高对比度，强化纯黑效果（可选，进一步消除灰色残影） */
	contrast(100%);
	/* 可选：兼容旧版浏览器（如Safari 6-8、IE不支持） */
	-webkit-filter: grayscale(1) brightness(0) contrast(100%);
}


.p_7_top span.active img{
	/* 1. 先转为完全灰度图（参数1=100%灰度，0=原图） */
	filter: grayscale(1)
		/* 2. 降低亮度，让灰度更接近黑色（值<1降低亮度，0=全黑） */
	brightness(0)
		/* 3. 提高对比度，强化纯黑效果（可选，进一步消除灰色残影） */
	contrast(100%);
	/* 可选：兼容旧版浏览器（如Safari 6-8、IE不支持） */
	-webkit-filter: grayscale(1) brightness(0) contrast(100%);
}

.p_7_bot {
	position: absolute;
	top: 88px;
	bottom: 0;
	width: 100%;
}


.p_7_bot_item img {
	display: block;
	width: 100%;
}

.p_7_bot_item .swiper1,
.p_7_bot_item .swiper2,
.p_7_bot_item .swiper3,
.p_7_bot_item .swiper4 {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 600px;
	height: 900px;
	overflow: hidden;
}

.p_7_bot_btn{
	position: absolute;
	top: 2300px;
	left: 0;
	right: 0;
	margin: auto;
	width: 300px;
	height: 300px;
}

.jq_btn {
	transition: all 0.3s;
}

.jq_btn.active {
	transform: scale(0.9);
}