@charset "utf-8";
/* CSS Document */
        * {
            margin: 0;
            padding: 0;
        }
        
        body {
            font-family: Arial, sans-serif;
            padding-top: 80px;
        }

a {
  color: unset;
  text-decoration: none;
}
i { font-style: normal; }

ul,li {
	list-style: none;
	margin:0px;
	padding:0px;
	overflow:hidden;
	height:auto
}
 .space25 {
	clear: both;
	height: 25px;
}
.space50 {
	clear: both;
	height: 50px;
}
       .top {
            position: fixed;
            top: 0;
            left: 0;
			height:80px;
            width: 100%;
            background-color: #fff;
            box-shadow: 0 2px 8px rgba(0,0,0,0.2);
            z-index: 1000;
        }
        
        .menu {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px ;
            max-width: 960px;
            margin: 0 auto;
        }
        
        .logo {
			margin-left:30px;
            width: 170px;
            height: 60px;
			background:url(LOGO.png) no-repeat;
			background-size: auto 100%;
        }
        
        .menu-toggle {
            display: none;
            font-size: 24px;
            cursor: pointer;
            transition: transform 0.3s;
        }
        
        .menu ul {
            display: flex;
            list-style: none;
        }
        
        .menu ul li {
			padding: 0px 32px;
			text-align:center;
            font-size: 1.2em;
        }
        
        .menu ul li a {
            text-decoration: none;
            color: #333;
            font-weight: 500;
            transition: color 0.3s;
        }
        
        .menu ul li a:hover {
            color: #0066cc;
        }
        
        .container {
            max-width: 960px;
            margin: 0 auto;
        }
		 .nav  {
			height:55px;
			overflow:hidden;
			padding: 40px 0px 40px 0px;	
		}
		.banner{ margin-top:10px;}       
        .banner img, .nav img {
            width: 100%;
            height: auto;
            display: block;
        }
#about{ background:url(DH.png)  no-repeat;background-position: center center;scroll-margin-top: 80px}
#agenda{ background:url(hy.png) no-repeat;background-position: center center;scroll-margin-top: 80px}
#guests{ background:url(jb.png)  no-repeat;background-position: center center;scroll-margin-top: 80px}
#venue{ background:url(DL.png)  no-repeat;background-position: center center;scroll-margin-top: 80px}
#contact{ background:url(lx.png)  no-repeat;background-position: center center;scroll-margin-top: 80px}

.dhjs{ position:relative;margin: 0 auto;}
.dhbj{ background:url(yh2.png) left top no-repeat}
.dhjs p{ text-indent:2em; padding:30px 50px; font-size:1.5em; line-height:48px; font-weight:400}
.bg-image {
	position: absolute;
	right: 0;
	bottom: 0;
	height: auto;              /* 高度自动适应 */
	max-width: 100%;           /* 防止溢出 */
	object-fit: contain;       /* 保持原始比例 */
	z-index: -1;               /* 置于底层 */
}
/*报名二维码*/
.redis {
	background: linear-gradient(140deg, #6d298f 5%, #540f76 98%);
	border-radius: 6px;
	bottom: 50px;
	height: auto;
	position: fixed;
	right: 23px;
	z-index: 9999
}
.redis img {
	border-radius: 2px;
	height: 132px;
	margin: 10px 10px 0px 10px;
	width: 132px
}
.redis .text {
	color: #fff;
	font-size: 25px;
	text-align: center;
	padding:15px;
	}
.redis .el-icon {
	cursor: pointer;
	font-size: 16px;
	position: absolute;
	right: -23px;
	top: -23px;
	padding:8px 10px;
	border-radius:50%;
	background-color:#bc76ae;
	color:#FFF;
	font-weight:bold
}       
/* 时间轴容器 */
.timeline-container {
	/*            max-width: 800px;
*/            margin: 0 auto;
	position: relative;
	padding-left: 30px;
}
/* 中心轴线 */
.timeline-line {
	position: absolute;
	left: 29px;
	top: 0;
	bottom: 0;
	width: 2px;
	background: #94a3b8;
	z-index: 1;
}
/* 日期大节点 */
.timeline-date {
	position: relative;
	margin: 0px 0px 25px;
	padding-left: 0px;
	z-index: 2;
    cursor: pointer;
}
.date-circle {
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #3b82f6;
	border: 4px solid #ffffff;
	box-shadow: 0 0 0 2px #611ccb;
	z-index: 3;
}
.date-label {
	padding: 6px 25px;
	background:url(date.png) left repeat-y;
	color: white;
	font-weight: 600;
	font-size:1.2em
}
/* 时间段小节点 */
.timeline-period {
	position: relative;
	margin-bottom: 20px;
	padding-left: 30px;
}
.period-circle {
	position: absolute;
	left: 0px;
	top: 10px;
	transform: translateX(-50%);
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #611ccb;
	border: 3px solid #e2e8f0;
	z-index: 3;
}
.period-card {
    padding: 16px;
	border-radius: 8px;
	font-size: 1.2em;
    cursor: pointer;
	transition: transform 0.3s ease;
}
.period-card:hover {
	transform: translateY(-4px);
}
.period-time {
	margin-bottom: 15px;
	color:#1b2a98
}
.period-time span {
	margin-left: 50px;
	padding-left: 26px;
	background: url(dd.jpg) left no-repeat;
	background-size: contain
}
.YCDetail {
	overflow: hidden;
	transition: all 0.4s ease;
	max-height: 0;
	opacity: 0;
}

.YCDetail.active {
	max-height: 2500px;
	opacity: 1;
	padding: 15px 0;
}

.YCDetail dl {
	height: auto;
	overflow: hidden;
	padding: 12px 10px 10px 10px;
	margin-bottom: 15px;
	box-shadow: 0 2px 8px -1px rgba(0,0,0,0.1);
}
.YCDetail dt {
	float: left;
	line-height: 30px;
	color: #1d2088
}
.YCDetail dd {
	float: left;
	padding-left: 25px;
	position: relative
}
.item-subject {
	border-radius: 6px;
	display: inline-block;
	color: #2586c7;
	font-weight:600;
	margin-bottom: 10px;
}
        .item-action {
            display: flex;
            flex-wrap: wrap;
            row-gap: 0px;    /* 上下间距 */
			column-gap: 15px; /* 左右间距 */
        }
.item-action .company {
	color:#999;
}
/* 嘉宾信息 */
.guests-container {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.guests-slider {
	display: flex;
	transition: transform 0.5s ease;
}
.guest-screen {
	flex: 0 0 100%;
	display: flex;
	flex-wrap: wrap;
}
.guest-item {
	padding: 15px;
	text-align: center;
	transition: transform 0.3s ease;
}
.guest-item:hover {
	transform: translateY(-4px);
}
 
.guest-photo {
	width: 75%;
	height: auto;
	margin-bottom: 10px;
	border-radius: 50%;
	object-fit: cover;
	aspect-ratio: 1/1; /* 保持正方形比例 */
	border: 3px solid #ffffff;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.guest-name {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #1d2088;
}
.guest-title {
	font-size: 14px;
	color: #666;
}
.slider-dots {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}
.dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #ccc;
	margin: 0 5px;
	cursor: pointer;
	transition: background-color 0.3s;
}
.dot.active {
	background-color: #333;
}
.navigation-hint {
	text-align: center;
	margin-top: 15px;
	color: #888;
	font-size: 14px;
}

.jb-dl-container {
	display: grid;
	gap: 16px;
}
/* DL项通用样式 */
.jb-dl-item {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	padding: 15px;
	transition: transform 0.3s ease;
	text-align: center
}
.jb-dl-item:hover {
	transform: translateY(-4px);
}
.jb-dl-item img {
	width: 80%;
	border-radius: 50%;
	object-fit: cover;
	aspect-ratio: 1/1; /* 保持正方形比例 */
	border: 3px solid #ffffff;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.jb-dl-item dd {
	margin: 0px;
	text-align: center
}
.jb-dl-item dt h3{ font-weight:normal; }
.jb-dl-item dt p{ padding-top:10px; color:#999; font-size:14px }


.linklist { padding:10px 50px; position:relative }
.linklist dl{ font-size:1.2em; padding:15px; line-height:40px}
.linklist dt{ background:url(linkbj1.png) no-repeat left center; padding-left:50px; color:#5394e1} 
.linklist dd{ background:url(linkbj2.png) no-repeat left center; padding-left:50px} 
.zzjg{ padding:25px 15px; line-height:35px}
.wapNo{ display:block}
.wapYes{ display:none}
.code img { padding:20px 20px 0px 0px}

 @media (max-width: 768px) {
	 .code img { padding:10px 10px 0px 0px; width:66px}
		.wapNo{ display:none}
		.wapYes{ display:block}
 		.banner{ margin-top:0px;}   
		.nav { padding:20px 0px 20px 0px; }    
		#about{	background-size: auto 35px;	background-position: -20px center;}
		#agenda{	background-size: auto 35px;	background-position: -20px center;}
		#guests{	background-size: auto 35px;	background-position: -20px center;}
		#venue{	background-size: auto 35px;	background-position: -20px center;}
		#contact{	background-size: auto 35px;	background-position: -20px center;}
		.dhjs{ background:none}
		.dhjs p{ font-size:1em; line-height:35px; padding:0px 20px}
           .menu-toggle {
                display: block;
            }
            
            .menu ul {
                position: fixed;
                top: 85px;
                right: -100%;
                width: 80%;
                max-width: 300px;
                height: calc(100vh - 60px);
                background-color: #fff;
                flex-direction: column;
                align-items: center;
                padding-top: 20px;
                transition: right 0.3s ease-out;
                box-shadow: -2px 0 5px rgba(0,0,0,0.1);
            }
            
            .menu ul.active {
                right: 0;
            }
            
            .menu ul li {
                margin: 0;
                width: 100%;
                text-align: center;
				padding:10px;
				border-bottom: 1px solid #f3f3f3;
            }
            
            .menu ul li a {
                display: block;
                padding: 10px;
            }
            
            .menu-toggle.active {
                transform: rotate(90deg);
            }
			.logo { margin-left:0px}
 
.timeline-container {	padding-left: 20px;}
.timeline-line {left: 20px;}
.timeline-period {	padding-left: 10px;}
.date-label { font-size:16px}
.timeline-date { margin-bottom:20px}
.period-card {	font-size: 1em;}
.guest-item {	width: calc((100% - 60px )/2) /* 2个一行 */}
.date-circle { width:20px; height:20px}

.jb-dl-container {	grid-template-columns: repeat(2, 1fr);}/* 2列布局 */
.linklist { padding:0px; }
.linklist dl{ font-size:16px; padding:20px; line-height:28px}
.linklist dt{  background-position:left 5px; padding-left:35px;background-size: auto 23px; margin-bottom:10px} 
.linklist dd{  background-position:left top; padding-left:35px;background-size: auto 23px;} 

.YCDetail dt{ float:none;}
.YCDetail dd {
	float:none;
	padding-left: 0px;
}
.item-action .company {
	font-size:14px
}

.redis {
        border-radius: 4px;
        bottom: 18vh;
        height: auto;
        right: 13px;
        width: 76px
    }

    .redis img {
        height: 66px;
        margin: 5px 5px 0px 5px;
        width: 66px
    }

    .redis .text {
        font-size: 12px; 
		padding:8px
    }

    .redis .el-icon {
        font-size: 14px;
        right: -13px;
        top: -13px;
		padding:3px 5px;
    }

        }
		
 @media (min-width: 768px) {
.container {	max-width: 960px;}
.guest-item {	width: calc((100% - 120px )/4) /* 4个一行 */}
.jb-dl-container {	grid-template-columns: repeat(4, 1fr);}/* 4列布局 */
}