@charset "UTF-8";
/* CSS Document */

.index-wrapper {width: 1200px; margin: 0 auto; padding: 80px 0; display: grid; grid-gap: 80px;}
.index-group {display: grid; grid-gap: 30px; flex: 1; min-width: 0;}


.index-welcome {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 40px; flex: 1; min-width: 0;}
.index-welcome .group {position: relative; padding: 0 30px;}
.index-welcome .group:after {content: ''; display: block; width: 100%; height: auto; position: absolute; left: 0; top: 95px; bottom: 0; border-radius: 45px 45px 0 0; background: linear-gradient(rgba(var(--color-primary-rgb), 0.1), rgba(var(--color-primary-rgb), 0));}
.index-welcome .group .head {display: flex; position: relative; z-index: 20;}
.index-welcome .group .head .img {width: 190px; height: 190px; font-size: 0; box-sizing: border-box; border-radius: 50%; padding: 6px; margin-right: 30px; background: var(--color-white); border: 2px solid var(--color-primary-light2); box-shadow: 0 5px 10px rgba(var(--color-black-rgb), 0.05);}
.index-welcome .group .head .img a {display: block;}
.index-welcome .group .head .img img {width: 174px; height: 174px; border-radius: 50%; object-fit: cover;}
.index-welcome .group .head .con {flex: 1; min-width: 0; padding-top: 77px;}
.index-welcome .group .head .con .name {display: flex;}
.index-welcome .group .head .con .name a {display: flex; align-items: center; min-height: 36px; padding: 5px 20px; box-sizing: border-box; font-size: 18px; line-height: 1; font-weight: 500; background: linear-gradient(to right, var(--color-primary), var(--color-primary-auxiliary1)); color: var(--color-white);}
.index-welcome .group .head .con .mark {font-size: 18px; font-weight: 500; color: var(--color-text-dark); padding-top: 15px;}
.index-welcome .group .head .con .tags {display: flex; flex-wrap: wrap;}
.index-welcome .group .head .con .tags .item {margin: 10px 10px 0 0; padding: 4px 4px 3px 4px; font-size: 12px; line-height: 1; font-weight: 500; border-radius: 5px; border: 1px solid var(--color-primary); color: var(--color-primary);}
.index-welcome .group .content {position: relative; z-index: 20; padding: 20px 0; font-size: 14px; line-height: 1.72; color: var(--color-text);}





/*首页-会议地点*/
.index-place {display: flex; gap: 20px;}
.index-place .item {flex: 1; min-width: 0;}
.index-place .item .title {display: flex; justify-content: center;}
.index-place .item .title .box {position: relative; padding: 0 30px 12px 30px;}
.index-place .item .title .box span {display: block;}
.index-place .item .title .box .text {font-size: 24px; line-height: 1; font-weight: bold; color: var(--color-primary); text-align: center;}
.index-place .item .title .box .line {width: 100%; height: 2px; background: var(--color-primary); position: absolute; left: 0; bottom: 0;}
.index-place .item .title .box .line:before,
.index-place .item .title .box .line:after {content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background: var(--color-primary); position: absolute; bottom: 0;}
.index-place .item .title .box .line:before {left: -3px;}
.index-place .item .title .box .line:after {right: -3px;}
.index-place .item .content {font-size: 18px; color: var(--color-text-dark); padding-top: 20px; text-align: center;}






.index-countdown {display: flex; justify-content: center; align-items: center;}
.index-countdown .txt {min-width: 1em; min-height: 1em; font-size: 24px; color: var(--color-text-dark); padding: 0 20px;}
.index-countdown .box {display: flex; justify-content: center; align-items: center; text-align: center; min-width: 80px; height: 80px; border-radius: 40px; box-sizing: border-box; padding: 0 15px; background: linear-gradient(var(--color-primary-light2), var(--color-white)); border: 3px solid rgba(var(--color-primary-rgb), 0.3); font-size: 36px; font-weight: bold; color: var(--color-primary); font-family: Arial, sans-serif; box-shadow: 0 2px 4px rgba(var(--color-primary-rgb), 0.2), inset 0 0 4px 2px var(--color-white); position: relative;}



.index-guest {flex: 1; min-width: 0; width: 100%; position: relative;}
.index-guest .swiper-button-prev,
.index-guest .swiper-button-next {width: 40px; height: 40px; top: 50%; margin-top: -20px; background: var(--color-primary-light1); border-radius: 50%; display: flex; justify-content: center; align-items: center; opacity: 1; color: var(--color-primary);}
.index-guest .swiper-button-prev:after,
.index-guest .swiper-button-next:after {display: none;}
.index-guest .swiper-button-prev {left: -70px;}
.index-guest .swiper-button-next {right: -70px;}
.index-guest .swiper-button-prev:hover,
.index-guest .swiper-button-next:hover {background: var(--color-primary); color: var(--color-white); box-shadow: 0 0 10px rgba(var(--color-black-rgb), 0.2);}
.index-guest .box {position: relative;}
.index-guest .box .img {font-size: 0;position: relative;overflow: hidden; width: 200px; height: 200px;}
.index-guest .box .img img {width: 100%;height: 100%; object-fit: cover; object-position: center; }
.index-guest .box .con {width: 100%; height: 50%; position: absolute; left: 0; bottom: 0; z-index: 10; background: linear-gradient(rgba(var(--color-black-rgb), 0), var(--color-black)); display: flex; flex-direction: column; justify-content: flex-end; box-sizing: border-box; color: var(--color-white); padding: 15px;}
.index-guest .box .con .name {font-size: 18px; font-weight: 500;}
.index-guest .box .con .mark {font-size: 14px; opacity: 0.8; padding-top: 10px;}




.index-video {flex: 1; min-width: 0; width: 100%; box-sizing: border-box; padding: 10px; background: linear-gradient(var(--color-primary), var(--color-primary-auxiliary1)); border-radius: 15px; font-size: 0; box-shadow: 0 5px 10px rgba(var(--color-primary-rgb), 0.2);}
.index-video video {width: 100%; border-radius: 10px; background: var(--color-black);}




.index-news {flex: 1; min-width: 0; display: flex; align-items: flex-start; width: 100%;}
.index-news-slide {flex: 1; min-width: 0; width: 50%;}
.index-news-slide .swiper-pagination {left: auto; right: 20px; bottom: 27px; width: auto; font-size: 0; line-height: 0;}
.index-news-slide .swiper-pagination .swiper-pagination-bullet {width: 10px; height: 10px; margin: 0 10px 0 0; opacity: 0.3; background: var(--color-white);}
.index-news-slide .swiper-pagination .swiper-pagination-bullet:last-child {margin-right: 0;}
.index-news-slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1;}
.index-news-slide .box {position: relative;}
.index-news-slide .box .img {font-size: 0;}
.index-news-slide .box .img a {display: block;}
.index-news-slide .box .img img {width: 100%; height: 375px;}
.index-news-slide .box .txt {width: 100%; height: 100px; position: absolute; left: 0; bottom: 0; z-index: 10; background: linear-gradient(rgba(var(--color-black-rgb), 0), var(--color-black)); display: flex; align-items: flex-end; box-sizing: border-box; color: var(--color-white); padding: 20px 130px 20px 20px; font-size: 18px; font-weight: 500;}
.index-news-slide .box .txt a {color: var(--color-white);}
.index-news-slide .box .txt a:hover {text-decoration: underline;}

.index-news-list {flex: 1; min-width: 0; display: grid; grid-template-rows: 1fr 1fr 1fr 1fr 1fr; width: 50%; height: 100%; padding: 0 20px; box-sizing: border-box; border: 1px solid var(--color-border-light); border-left: 0 none;}
.index-news-list .item {box-sizing: border-box; border-bottom: 1px solid var(--color-border-light); display: flex; flex-direction: column; justify-content: center; flex: 1; min-width: 0;}
.index-news-list .item:nth-child(5) {border-bottom: 0 none;}
.index-news-list .item .title {font-size: 16px; font-weight: 500; color: var(--color-text-dark); padding-left: 20px; position: relative;}
.index-news-list .item .title:before {content: ''; display: block; width: 3px; height: 12px; background: var(--color-primary); border-radius: 2px; position: absolute; left: 0; top: 50%; margin-top: -6px;}
.index-news-list .item .title {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index-news-list .item .title a {color: var(--color-text-dark);}
.index-news-list .item .title:hover,
.index-news-list .item .title:hover a {color: var(--color-primary); text-decoration: underline;}
.index-news-list .item .mark {font-size: 14px; color: var(--color-text-light); display: flex; align-items: center; justify-content: space-between; padding: 5px 0 0 20px;}





.index-schedule {flex: 1; min-width: 0; width: 100%; display: flex;}
.index-schedule-tabs {width: 380px; margin-right: 30px;}
.index-schedule-tabs .date {display: flex; align-items: center; font-family: Arial, sans-serif; color: var(--color-primary); font-weight: bold; line-height: 1;}
.index-schedule-tabs .date .year {font-size: 80px; margin-right: 10px;}
.index-schedule-tabs .date .month {display: flex; align-items: center; font-size: 30px;}
.index-schedule-tabs .date .month i {font-size: 18px; margin-right: 10px;font-style: normal;}
.index-schedule-tabs .date .days {font-size: 18px; padding: 10px 0 0 0.5em;}
.index-schedule-tabs .list {padding-top: 20px;}
.index-schedule-tabs .list .item {padding-top: 20px;}
.index-schedule-tabs .list .item:first-child {padding-top: 0;}
.index-schedule-tabs .list .box {display: block; padding: 16px 20px; background: var(--color-white); border: 1px solid var(--color-border-light); border-radius: 8px;}
.index-schedule-tabs .list .box .name {font-size: 18px; color: var(--color-text);}
.index-schedule-tabs .list .box .mark {font-size: 14px; color: var(--color-text-light); padding-top: 5px;}
.index-schedule-tabs .list .box.on {background: var(--color-primary-light1); border-color: var(--color-primary);}
.index-schedule-tabs .list .box.on .name {color: var(--color-primary); font-weight: 500;}
.index-schedule-tabs .list .box.on .mark {color: var(--color-primary);}
.index-schedule-main {flex: 1; min-width: 0;}




.index-important {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px;}
.index-important .item {border: 2px solid var(--color-border-light); border-radius: 15px; display: flex; align-items: center; padding: 30px;}
.index-important .item .img {font-size: 0; margin-right: 20px;}
.index-important .item .img img {width: 50px;}
.index-important .item .con {flex: 1; min-width: 0;}
.index-important .item .con .tit {font-size: 19px; font-weight: bold; color: var(--color-text-dark);}
.index-important .item .con .txt {font-size: 15px; color: var(--color-text); padding-top: 5px;}





.pages-wrapper {width: 1200px; margin: 0 auto; display: grid; grid-gap: 40px; padding: 40px 0 60px 0;}
.pages-head {display: grid; grid-gap: 20px; flex: 1; min-width: 0;}




/*专家详情*/
.page-expert-detail {display: flex; justify-content: space-between; padding: 48px; border: 2px solid var(--color-border-light); border-radius: 20px; background: var(--color-white); box-shadow: 0 5px 10px rgba(var(--color-black-rgb), 0.05);}
.page-expert-detail .img {width: 240px; font-size: 0; margin-right: 50px;}
.page-expert-detail .img img {width: 100%;}
.page-expert-detail .con {flex: 1; min-width: 0;}
.page-expert-detail .con .name {font-size: 24px; font-weight: bold; color: var(--color-black);}
.page-expert-detail .con .text {font-size: 16px; color: var(--color-text-dark); padding-top: 10px;}
.page-expert-detail .con .mark {font-size: 14px;color: var(--color-text-light); padding-top: 5px;}
.page-expert-detail .con .content {font-size: 14px; line-height: 2; color: var(--color-text); padding-top: 20px;}





/*会议组织机构*/
.page-organisation {display: grid; grid-gap: 40px;}
.page-organisation .group {display: grid; grid-gap: 20px;}
.page-organisation .group .list {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 25px;}
.page-organisation .group .list .item {position: relative; background: linear-gradient(to right, var(--color-primary-light1), var(--color-white)); border-radius: 15px; box-shadow: 0 5px 10px rgba(var(--color-primary-rgb), 0.1);}
.page-organisation .group .list .item:before {content: ''; display: block; width: 4px; height: auto; position: absolute; left: -2px; top: 30px; bottom: 30px; border-radius: 2px; background: linear-gradient(to right, var(--color-primary), rgba(var(--color-primary-rgb), 0.3));}
.page-organisation .group .list .item:after {content: ''; display: block; width: 40px; height: 40px; border-radius: 50%; position: absolute; right: 20px; bottom: 20px; background: linear-gradient(to right, rgba(var(--color-primary-rgb), 0.05), rgba(var(--color-primary-rgb), 0));}
.page-organisation .group .list .item .box {min-height: 120px; box-sizing: border-box; padding: 20px 20px 20px 22px; position: relative; z-index: 10;}
.page-organisation .group .list .item .name {font-size: 16px; font-weight: 500; color: var(--color-text-dark); padding-bottom: 8px; position: relative;}
.page-organisation .group .list .item .name:after {content: ''; display: block; width: 1em; height: 3px; border-radius: 2px; background: linear-gradient(to right, var(--color-primary), var(--color-primary-auxiliary1)); position: absolute; left: 0; bottom: 0;}
.page-organisation .group .list .item .mark {font-size: 14px; color: var(--color-text); padding-top: 10px;}




/*主承办单位*/
.page-organizer {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 40px;}
.page-organizer .item {border-radius: 25px; border: 1px solid var(--color-border-light); box-shadow: 1px 2px 4px rgba(var(--color-black-rgb), 0.05); padding: 30px; display: grid; grid-gap: 20px;}
.page-organizer .item .img {font-size: 0; height: 80px; display: flex; justify-content: center; align-items: center;}
.page-organizer .item .img img {max-width: 100%; max-height: 100%;}
.page-organizer .item .txt {flex: 1; min-width: 0; font-size: 15px; line-height: 2; color: var(--color-text);}




/*历届回顾*/
.page-history {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 40px;}
.page-history .group {border-bottom: 1px solid var(--color-border-light);}
.page-history .group .img {font-size: 0; overflow: hidden; border-radius: 15px;}
.page-history .group .img a {display: block;}
.page-history .group .img img {width: 100%; aspect-ratio: 16 / 10; object-fit: cover; transition: transform 0.8s;}
.page-history .group .img a:hover img {transform: scale(1.1);}
.page-history .group .con {padding: 20px 0;}
.page-history .group .con .title {font-size: 24px; color: var(--color-text-dark);}
.page-history .group .con .title a {color: var(--color-text-dark);}
.page-history .group .con .title a:hover {color: var(--color-primary); text-decoration: underline;}
.page-history .group .con .mark {padding-top: 10px; font-size: 14px; color: var(--color-text); line-height: 1.72;}




/*历届回顾-现场照片*/
.page-history-photo {display: grid; grid-gap: 30px; padding-top: 40px;}
.page-history-photo-list {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px;}
.page-history-photo-list .item {font-size: 0; overflow: hidden; border-radius: 15px;}
.page-history-photo-list .item img {width: 100%; aspect-ratio: 16 / 10; object-fit: cover; cursor: pointer; transition: transform 0.8s;}
.page-history-photo-list .item:hover img {transform: scale(1.1);}

.page-history-photo-load {padding: 20px 0; display: flex; justify-content: center;}
.page-history-photo-load a {display: flex; height: 40px; align-items: center; box-sizing: border-box; border: 1px solid var(--color-primary); border-radius: 20px; padding: 0 30px; font-size: 16px; font-weight: 500; color: var(--color-primary); transition: all 0.2s;}
.page-history-photo-load a:hover {background: var(--color-primary); color: var(--color-white);}





/*详情*/
.pages-detail {display: grid; grid-gap: 30px;}
.pages-detail-head {display: grid; grid-gap: 20px;}
.pages-detail-head .title {text-align: center; font-size: 36px; font-weight: bold; color: var(--color-text-dark);}
.pages-detail-head .mark {text-align: center; font-size: 14px; color: var(--color-text-light);}



/*会议日程*/
.page-schedule {display: grid; grid-gap: 20px;}


/*参会注册-收费标准*/
.page-register-rate {display: grid; grid-gap: 40px;}
.register-rate-group {display: grid; grid-gap: 20px; flex: 1; min-width: 0;}




/*酒店预定*/
.page-hotel {display: grid; grid-gap: 30px;}
.page-hotel-list {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px;}
.page-hotel-list .group {background: var(--color-white); border: 1px solid var(--color-border-light); padding: 9px; display: flex; align-items: center;}
.page-hotel-list .group .img {font-size: 0; overflow: hidden; margin-right: 20px; width: 224px;}
.page-hotel-list .group .img a {display: block;}
.page-hotel-list .group .img img {width: 100%; aspect-ratio: 16 / 10; object-fit: cover; transition: transform .5s;}
.page-hotel-list .group .img a:hover img {transform: scale(1.1);}
.page-hotel-list .group .con {flex: 1; min-width: 0; padding: 10px 0;}
.page-hotel-list .group .con .title {font-size: 18px; font-weight: 500; color: var(--color-text-dark);}
.page-hotel-list .group .con .title a {color: var(--color-text-dark);}
.page-hotel-list .group .con .title a:hover {color: var(--color-primary); text-decoration: underline;}
.page-hotel-list .group .con .mark {font-size: 14px; line-height: 1.72; color: var(--color-text); min-height: 55px; padding-top: 10px;}
.page-hotel-list .group .con .distance {font-size: 14px; color: var(--color-text-light); padding-top: 10px;}




/*相关新闻*/
.page-news {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px;}
.page-news .group {background: var(--color-white); border: 1px solid var(--color-border-light); box-shadow: 0 2px 4px rgba(var(--color-black-rgb), 0.05); padding: 30px; min-width: 0; border-radius: 15px;}
.page-news .group .date {font-size: 14px; color: var(--color-text-light);}
.page-news .group .min {min-height: 170px;}
.page-news .group .title {font-size: 22px; line-height: 30px; font-weight: 500; color: var(--color-text-dark); padding-top: 30px;}
.page-news .group .title {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 60px;}
.page-news .group .title a {color: var(--color-text-dark);}
.page-news .group .title a:hover {color: var(--color-primary); text-decoration: underline;}
.page-news .group .content {font-size: 14px; line-height: 24px; color: var(--color-text); padding-top: 20px; height: 72px;}
.page-news .group .content  {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.page-news .group .mark {display: flex; justify-content: space-between; align-items: center; padding-top: 40px;}
.page-news .group .source {font-size: 14px; color: var(--color-text-light);}
.page-news .group .arrow .iconfont {font-size: 16px; color: var(--color-border-dark);}
.page-news .group .arrow .iconfont:hover {color: var(--color-primary);}




/*展位收费标准*/
.page-exhibition-rate {display: grid; grid-gap: 30px;}
.exhibition-rate-main {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px;}
.exhibition-rate-main .group {background: var(--color-white); border: 1px solid var(--color-primary-light2); border-radius: 8px; box-shadow: 0 3px 6px rgba(var(--color-black-rgb), 0.05);}
.exhibition-rate-main .group .head {background: var(--color-primary-light1); padding: 14px 19px; border-radius: 7px 7px 0 0; border-bottom: 1px solid var(--color-primary-light2);}
.exhibition-rate-main .group .head .title {font-size: 18px; font-weight: 500; color: var(--color-text-dark);}
.exhibition-rate-main .group .head .mark {font-size: 14px; color: var(--color-text-light); padding-top: 5px;}
.exhibition-rate-main .group .list {padding: 19px; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px;}
.exhibition-rate-main .group .list .item {border: 1px solid var(--color-primary-light2); padding: 9px 14px; border-radius: 8px; font-size: 13px; color: var(--color-text);}






/*下载中心*/
.page-download {display: grid; grid-gap: 20px;}
.page-download .group {border: 1px solid var(--color-border-light); border-radius: 8px; padding: 15px 30px; display: flex; align-items: center;}
.page-download .group .icon {margin-right: 30px;}
.page-download .group .icon .iconfont {font-size: 20px; color: var(--color-primary);}
.page-download .group .content {flex: 1; min-width: 0;}
.page-download .group .name {font-size: 16px; color: var(--color-text-dark);}
.page-download .group .name a {color: var(--color-text-dark);}
.page-download .group .name a:hover {color: var(--color-primary); text-decoration: underline;}
.page-download .group .date {font-size: 14px; color: var(--color-text-light);}
.page-download .group .button {padding-left: 30px;}
.page-download .group .button a {display: flex; min-width: 70px; height: 32px; justify-content: center; align-items: center; box-sizing: border-box; border-radius: 16px; background: rgba(var(--color-primary-rgb), 0.1); font-size: 14px; color: var(--color-primary); font-weight: 500; transition: background .2s;}
.page-download .group .button a:hover {background: rgba(var(--color-primary-rgb), 0.2);}





/*城市特色*/
.page-city {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px;}
.page-city .group {box-shadow: 0 5px 10px rgba(var(--color-black-rgb), 0.05);}
.page-city .group .img {position: relative; z-index: 10;}
.page-city .group .img .img-box {font-size: 0; overflow: hidden;}
.page-city .group .img .img-box a {display: block;}
.page-city .group .img .img-box img {width: 100%; aspect-ratio: 16 / 10; object-fit: cover; transition: transform .5s;}
.page-city .group .img .img-box a:hover img {transform: scale(1.1);}
.page-city .group .img .tit-box {width: 100%; height: auto; position: absolute; left: 0; bottom: 0; z-index: 20; background: rgba(var(--color-black-rgb), 0.3); padding: 10px 20px; text-align: center; font-size: 20px; color: var(--color-white); font-weight: 500; box-sizing: border-box;}
.page-city .group .img .tit-box a {color: var(--color-white);}
.page-city .group .con {position: relative; z-index: 10; padding: 20px; font-size: 14px; color: var(--color-text); text-indent: 2em; text-align: justify; line-height: 2;}




/*首页-报名按钮*/
.index-button {display: flex; justify-content: center; gap: 30px; flex-wrap: wrap;}
.index-button .item {display: flex; height: 52px; box-sizing: border-box; align-items: center; font-weight: 500; background: linear-gradient(to right, var(--color-primary), var(--color-primary-auxiliary1)); color: var(--color-white); box-shadow: 0 4px 8px rgba(var(--color-primary-rgb), 0.1); padding: 0 50px; border-radius: 30px; font-size: 18px; transition: transform .2s;}
.index-button .item.plain {background: var(--color-white); border: 2px solid var(--color-primary); color: var(--color-primary);}
.index-button .item:hover {transform: scale(1.1);}