@CHARSET "UTF-8";
body { font-size:16px; }
body{background:url("../images/index_03.jpg") 100% 100% fixed ;}
.body-white {background: #fff!important; }
*{ margin:0px; padding:0px; font-family: 'Inter', sans-serif;} 
html{overflow-x:hidden;}
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, blockquote { _background-image:url(about:blank);_background-attachment:fixed;font-family:'Open Sans',Arial,Helvetica,sans-serif; }
input, button, textarea,select, optgroup, option { font-family: 'Open Sans',Arial,Helvetica,sans-serif; font-size: 100%; font-style: inherit; font-weight: inherit;}
input:focus, textarea:focus{ outline:none; }
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img{border:0;}
a{ text-decoration:none;outline:0; color: #DB001F; }
a:hover, a:focus { color: #8f0014; text-decoration: none; outline:0; }

/*flex排序 公css*/
.flex {display:flex;}
.flex-row {flex-direction:row;}
.flex-row-reverse {flex-direction:row-reverse;}
.flex-col {flex-direction:column;}
.flex-col-reverse {flex-direction:column-reverse;}
.flex-wrap {flex-wrap:wrap;}
.flex-wrap-reverse {flex-wrap:wrap-reverse;}
.flex-nowrap {flex-wrap:nowrap;}
.flex-1 {flex:1 1 0%;}
.flex-auto {flex:1 1 auto;}
.flex-initial {flex:0 1 auto;}
.flex-none {flex:none;}
.flex-grow-0 {flex-grow:0;}
.flex-grow {flex-grow:1;}
.flex-shrink-0 {flex-shrink:0;}
.flex-shrink {flex-shrink:1;}

.justify-start {justify-content:flex-start;}
.justify-end {justify-content:flex-end;}
.justify-center {justify-content:center;}
.justify-between {justify-content:space-between;}
.justify-around {justify-content:space-around;}
.justify-evenly {justify-content:space-evenly;}

.navbar-fixed-top, .navbar-fixed-bottom { position: fixed; }
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {margin-right: 0px; margin-left: 0px; }

.navbar .nav .user { padding: 0; line-height: 70px; }
.navbar .nav .user .headicon { margin: 0 5px; height: 30px; }
.navbar .nav .user .caret { vertical-align: middle; margin: 0 5px; }
/*tc widget*/
.tc-main { margin-top: 20px; }


@media (min-width: 1200px) {
    .container { width: 1200px; padding-left:0px; padding-right:0px; }
}
.topbox { height: 30px; border-bottom: 1px #e3e3e3 solid; background: #f5f5f5; }
.topbox .top_tt{ font-style:normal; line-height:30px; }
.topbox .top_tt dl dt{ font-style:normal; line-height:30px; font-weight: normal; }
.topbox .top_tt dl dd{ font-style:normal; line-height:30px; text-align:right; }

.suofang{transition: all 500ms ease 0s;}
.suofang:hover{transform: scale(1.03);transition: all 500ms ease 0s;}
@media (max-width:767px) {
    .suofang:hover{transform: scale(1);}
    .callforpapers{ display: block!important; }
    .cfpaper{ width: 98%!important; margin: 0 auto; }
}


.navbar-fixed-top{ position:fixed; top: 0px; left: 0px; right: 0px; background:linear-gradient(180deg, #fff 0%, #fff 100%);  }


.navbar{ margin-bottom:0px; height: 72px; background:#fff; box-shadow: 0px 3px 9px 0px rgba(147, 147, 147, 0.23); }
#main-menu-user{ display: none }
.navbar-form{ height:41px; margin:0px; margin-top:32px; position:relative; padding:0px; border-radius: 4px; border: solid 1px #d6d6d6; overflow:hidden; background:#fff; width:90%; float:right; }
.navbar-form .form-group{ width:100%; }
.navbar-form .form-control2{ width:100%; height:41px; line-height:41px; position:relative; border:0px; font-size: 1.6rem; color: #666666; padding-left:15px; }
.navbar-form .btn-primary{ width: 115px;height:39px; background:#31a7d9; border:0px; border-radius:4px; font-size: 1.8rem; line-height: 39px; position:absolute; right:0px; top:0px; padding:0px;  }
.navbar-default{ background:linear-gradient(180deg, #f5f5f5 0%, #ffffff 100%); }
.navbar-default .navbar-collapse{ position:absolute; top: 0px; right: 0px; left: 0px; }
.navbar-default .navbar-nav>.open>a{ color:#666; font-style: normal; text-transform: none; border-bottom: 6px solid #3f07b9; padding-bottom:30px;  }
.navbar-default .navbar-nav>.open>a:hover{ color:#a891dc!important; }
.navbar-default .navbar-nav>li>a .caret{ display:block; margin:0 auto; }
@media (max-width: 768px) { /*<=768的设备*/
    .topbox .top_tt dl dt{ font-size:1rem; }
    .topbox .top_tt dl dd{ display:none; }
    .navbar-default .navbar-brand{ display:inline-block; margin:0 auto; height:120PX!important; float: none; text-align:center; }
    .navbar-default .navbar-brand img{ display:inline-block; height: 88px!important; margin-top: 5px; } 
    .navbar-form{ margin-top:1px; float:; width:85%; }
    .navbar-header{ display: inline-block; position: absolute; top: 20px; right: 20px; }
    .navbar-default .navbar-collapse{ background:#f2f2f2; position: absolute;  left: 0px; right: 0px; max-height: 100vh; height:100vh; z-index: 999; margin-top: 60px; }
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {  color: #428bca !important; text-align: left !important;}
    .navbar-toggle{ margin-top:1px; }
    .navbar-nav{ margin:15px; }
    .navbar-default .navbar-nav>li>a{ font-size: 1.5rem; color: #666; position: relative; }
    .navbar-default .navbar-nav>li>a .caret{ display: inline-block; position: absolute; right: 15px; top: 1.8rem; }
    .navbar-default .navbar-nav>.open>a{ padding-bottom: 10px; border-bottom:1px; }
}
@media (max-width: 468px) { /*<=468的设备*/
    .news_list li .time{ display:none; }
    .news_list li a{ max-width:98%!important; float:none; }
}
@media (min-width: 768px) { /*>=768的设备*/
    .dropdown-menu{ background:#fff; padding:0px; } 
    .dropdown-menu>li>a{ font-size:15px; padding:0px 10px; color:#666; text-align: left; border-bottom: 1px solid #ccc; line-height: 60px; }
    .dropdown-menu>.active>a{ background:#F2F2F2 !important; color: #666; }
    .dropdown-menu>li>a:hover{ background:#F2F2F2; color: #666; } 
    .nav>li>a{ padding: 10px 13px; } 

    .navbar-default .searchform{ margin-top:20px; margin-bottom:20px; }
    .navbar-default .navbar-brand{ margin-top:0px; margin-bottom:0px; }
    .navbar-default .navbar-brand img{  height: 88px!important; margin-top: 5px; }
    .navbar-nav { margin: 0 auto; float:none; }
    .navbar-nav>li{ margin-left: 0px; }
    .navbar-default .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; font-size:15px; font-weight: 600; color:#3f07b9; text-align:center; z-index: 999; }
    .navbar-default .navbar-nav>li>a:hover { color: #fff!important; background-color:#3f07b9; border-radius: 5px; }
    
    .navbar-nav li:after { position: absolute; content: ''; width: 0; height:100%;  left: 0%;z-index: -1;  -webkit-transition: 0.35s all ease; transition: 0.35s all ease;}
    .navbar-nav li:hover:after{ width: 100%; left: 0;}
    
    .navbar-nav li:after{background: none; color:#ccc;}
    .navbar-nav li:hover:after{background: none; color:#ccc;}

    
}
.navbar-default .navbar-brand{ color: #333; font-size: 3rem; padding:10px; padding: 0px; line-height: 100px; height:100px; font-weight: bold; letter-spacing: 5px; }
.navbar-default .navbar-brand a{ color: #333; font-size: 3rem;  }
.navbar-default .navbar-brand:hover{ color: #000; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{ color:#666; text-align:center; }
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
  background-color:#3f07b9; color:#fff; border-radius: 5px;
}

/*幻灯片css*/
.sy-slider1 .sy-controls{ display:block!important; max-width:1600px!important; margin:0 auto!important; left:0px; right:0px; }
.sy-slider1 .sy-pager{ position:absolute; bottom:10px; left:0px; right:0px; z-index:9; }
.sy-slider1 .sy-pager li{ width: 2.2em!important; height: 2.2em; margin-right:10px!important; }
.sy-slider1 .sy-pager li a { width: 2.2em!important; height: 10px!important; border-radius: 4px!important; }
.sy-slider1 .sy-pager li.sy-active a { width: 30px; height: 10px; border-radius: 4px;  background-color:#0d68b9!important; }

.sy-focus1{ margin-top:10px; }
.sy-focus1 .sy-controls{ display:none!important; }
.sy-focus1 .sy-pager{ position:absolute; bottom:0px; right:10px; z-index:9; text-align:right; }
.sy-focus1 .sy-pager li{ width: 1.5rem!important; height: 2.5rem; margin-right:0px!important; }
.sy-focus1 .sy-pager li a { width: 1.2rem!important; height: 1.2rem!important; border-radius: 1px!important; text-indent: 999px; }
.sy-focus1 .sy-pager li.sy-active a { width: 20px; height: 10px; border-radius: 1px;  background-color:#ff0039!important; }
.sy-focus1 .s_item{ display:block; position: relative; }
.sy-focus1 .s_item img{ display:block; width:100%; }
.sy-focus1 .s_item h1{ background: rgba(0, 0, 0, .6); position:absolute; bottom:0px; left:0px; right:0px; text-align:center; color:#fff; font-size:1.5rem; line-height:4rem; padding:0px 2rem; overflow: hidden; }

/*图片鼠标放大css*/
.imgon img{  -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out; }
.imgon:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 

/*底部导航 radial-gradient(circle at 64.58333333333334% 98.33333333333333%, #28acf4 0%, 20%, rgba(0, 87, 225, 0) 40%), radial-gradient(circle at 18.75% 100%, #005995 0%, 25%, rgba(0, 87, 225, 0) 50%), radial-gradient(circle at 9.166666666666666% 43.333333333333336%, #F3F3F3 0%, 42%, rgba(243, 243, 243, 0) 70%), radial-gradient(circle at 87.08333333333333% 41.66666666666667%, #F3F3F3 0%, 42%, rgba(243, 243, 243, 0) 70%), radial-gradient(circle at 48.9013671875% 49.521484375%, #FFFFFF 0%, 100%, rgba(255, 255, 255, 0) 100%)*/

.footer_con{ width: 1200px; margin:0px auto; position:relative; overflow: hidden; text-align:center; font-size:14px; line-height:2; color:#333; }
.footer_con a{ color: #333; text-decoration: underline; }
.footer_con dl{ width: 80%; text-align: left; margin:0px; }
.footer_con dl dt{ color:#333; font-size:16px; }
.footer_con dl dd{ color:#333; font-size:16px; }
.footer_con ul{ width: 19%; text-align: right; }
.footer_con ul li{  margin-top: 70px; font-size: 16px; line-height: 30px; position: relative; }
.footer_con ul li span{ font-size: 18px; line-height: 30px; position: absolute; right: 60px; top: -3px; }


:root {
    --primary-color: #024274;
    --secondary-color: #00a8cc;
    --accent-color: #f0ad4e;
    --text-dark: #333333;
    --text-light: #666666;
    --bg-white: #ffffff;
    --bg-light: #f8f9fa;
    --bg-gradient: linear-gradient(135deg, #024274 0%, #2bd2d7 100%);
}
/* Topics Section */

html,body{ font-size: 16px; }

/*页面css*/
* {margin:0;padding:0;box-sizing:border-box;}
body {text-align:justify;line-height:1.8;}
/* public-css*/.w-1200 {width:1200px;margin:0 auto;margin-bottom:0rem;}
.public_bg {background:#fff;}
.clear {clear:both;}
a {text-decoration:none;}
.public_bgc {background:#ffb901;}
.public_c {color:#2f3faf;}
.public_title {display:flex;align-items:center; position: relative;}
.public_title h3{ text-align: center; margin:0 auto;  padding-left: 0px!important; font-size: 2.2rem; padding-bottom: 15px; text-transform: uppercase; color: #2bd2d7; }

p { font-family:arial;/*word-break:break-all;*/; margin: 0 0 0px;}
ul,li,ol li {list-style:none;padding:0rem;}
/* page-css*/
.nav {height:6.875rem;width:100%;color:#FFFFFF;position:sticky;top:0px;left:0px;z-index:9999; border-bottom: 1px solid #e2e8f0; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); }
.nav .logo {line-height:6.875rem;font-size:1.8125rem;}
.nav .logo img{ height: 66px; display: block; }
.nav ul {display:flex; background:#024274; }
.nav ul li {line-height:6.89rem;}
.nav ul li a {font-size:1rem;font-weight:600;padding:0rem 12px 0rem;display:block; color:#2bd2d7;line-height:6.89rem;}
.nav ul li a.active,.nav ul li a:hover {text-decoration:none;background:#2bd2d7; color:#fff;  }
.nav .open>a{ background: #2bd2d7; color: #fff; }
.nav .open .dropdown-menu>li>a{ color: #fff; } 
.navkk {position:relative;display:flex;align-items:center;justify-content:space-between;}
.contact {width:8.4375rem;display:block;text-align:center;line-height:2.875rem;background-color:#f5a32a;color:#FFFFFF;border-radius:2.875rem;font-weight:600;}
.contact:hover {color:#212c42 !important;}
/* Banner*/
/* banner*/
.c-banner {width:100%;position:relative;overflow: hidden;}
.c-banner img {width:100%;}
.c-banner .banner ul {list-style:none;padding-left:0px;margin-bottom:0px;}
.c-banner .banner ul li { display:none;opacity:0; position:relative; }
.c-banner .banner ul li:nth-child(1) {opacity:1;display:block;}
.c-banner .banner ul li img {width:100%;}
.c-banner .banner ul li:first-child img {position:relative;}
.c-banner .nexImg {padding:25px 10px 25px 10px;position:absolute;top:50%;margin-top:-55px;background:#000000 url('../images/nexImg.png') no-repeat center center;opacity:0.5;border-radius:3px;z-index:10;width:50px;height:110px;}
.c-banner .preImg {padding:25px 10px 25px 10px;position:absolute;top:50%;margin-top:-55px;background:#000000 url('../images/preImg.png') no-repeat center center;opacity:0.5;border-radius:3px;z-index:10;width:50px;height:110px;}
.c-banner .nexImg:hover,.c-banner .preImg:hover {opacity:0.8;}
.c-banner .nexImg {right:0px;}
.c-banner .jumpBtn {width:100%;position:absolute;bottom:20px;text-align:center;}
.c-banner .jumpBtn ul {margin-bottom:0px;padding:0px;}
.c-banner .jumpBtn ul li {width:30px;height:30px;border-radius:50%;display:inline-block;background-color:white;opacity:0.9;margin-left:10px;}
.c-banner .jumpBtn ul li:first-child {margin-left:0px;}
@media screen and (max-width:768px) {
    .c-banner {width:100%;height:345px;overflow:hidden;}
    .c-banner .banner ul li img {width:768px;height:345px;left:50%;margin-left:-384px;}
}
.b-title {width:50rem;height:14rem;position:absolute;left:25%;top:22%;color:#FFFFFF;text-align:left;}
.b-title h2 {font-weight:600;margin-bottom:20px;}
.b-title h4 {font-size:1.5rem;margin-bottom:40px;}
.b-title span {display:inline-block;width:0.4375rem;height:5rem;margin-left:-1.9375rem;}
.b-title h4 span {height:auto;width:auto;margin-left:1em;}
.b-title a {width:10em;text-align:center;display:block;padding:0.9375rem;color:#212c42;font-size:1.5rem;letter-spacing:0.125rem;}
.b-title a:hover {color:#212c42;background:#FFF;}
/* About*/.about h3 {display:inline-block;line-height:2.625rem;height:2.6875rem;}
/* Announcements*/.announcements {display:flex;justify-content:space-between;}
.announcements .announcements_l {width:65%;}
.announcements .announcements_l .title {font-size:1.25rem;text-transform:uppercase;}
.announcements .announcements_l ul {display:flex;flex-wrap:wrap;}
.announcements .announcements_l ul li {width:50%;margin-top:1.75rem;}
.announcements .announcements_l ul li p {width:80%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.announcements .announcements_l ul li a {display:inline-block;color:#2f3faf;}
.announcements .announcements_l ul li a:hover {display:inline-block;color:#007bff !important;}
.announcements_r {width:390px;position:relative;padding-left:20px;padding-right:40px;}
.announcements_r>img {display:block;width:360px;position:absolute;top:0;right:0;z-index:2;}
.announcements_r::before {content:'';position:absolute;left:0;top:50px;display:block;z-index:1;width:95%;height:calc(100% - 50px);border:solid 4px #feb800;}
.announcements_r .publication {position:relative;z-index:3;margin-top:240px;}
.announcements_r .publication .publication_c {padding-bottom:1.5em;}
.announcements_r .publication a {transform:rotate(90deg);-ms-transform:rotate(90deg);/* Internet Explorer*/  -moz-transform:rotate(90deg);/* Firefox*/  -webkit-transform:rotate(90deg);/* Safari 和 Chrome*/  -o-transform:rotate(90deg);/* Opera*/  display:block;position:absolute;bottom:2em;right:-6rem;}
.publication a:hover {color:#007bff !important;}
.time {width:100%;background:url(../img/tiem_bg.jpg) no-repeat center;}
.time ul {display:flex;justify-content:space-between;}
.time ul li.line {width:1px;background:#e1e1e1;}
.time ul li {width:30%;text-align:center;padding:20px 0;color:#FFFFFF;}
.time ul li h3 {margin:0;}
.time ul li span {display:inline-block;text-align:center;width:2rem;height:0.125rem;}
.time ul li p {margin:0;}
/* news-list*/.news-list li {margin-bottom:1.25rem;display:flex;justify-content:space-between;}
.news-list .data {width:105px;height:105px;background:#f6f6f6;flex-shrink:0;margin-right:10px;display:flex;align-items:center;justify-content:center;text-align:center;}
.news-list .data p {text-align:center;font-size:1.5rem;font-weight:bold;line-height:1;}
.news-list .text {display:block;width:100%;border:1px solid #e1e1e1;color:#333333;padding:13px 15px 0 15px;}
.news-list .text .info {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;opacity:.8;line-height:1.5;font-size:14px;margin-top:10px;}
.news-list .text:hover {background-color:#f5a32a;color:#FFFFFF;border:1px solid #f5a32a;}
.news-list .text:hover p {color:#FFFFFF;}
/* Speakers_bg*/.speakers_bg {width:100%;height:300px;background-image:url(../img/speakers_bg.jpg);}
.Box {position:relative;}
.Box .content {width:1200px;margin:0 auto;}
.Box h2 {text-align:center;margin-bottom:35px;padding-top:250px;}
.Box .Box_con {position:relative;}
.Box .Box_con .btnl {position:absolute;}
.Box .Box_con .btn {display:block;width:41px;height:41px;position:absolute;top:80px;cursor:pointer;}
.Box .Box_con .btnl {background:url(../img/jtl02.png) no-repeat center;left:-72px;}
.Box .Box_con .btnr {background:url(../img/jtr02.png) no-repeat center;right:-72px;}
.Box .Box_con .btnl:hover {background:url(../img/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background:url(../img/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position:relative;overflow:hidden;padding-top:30px;}
.Box .Box_con .conbox ul {position:relative;list-style:none;}
.Box .Box_con .conbox ul li {float:left;width:167px;height:250px;margin-left:20px;overflow:hidden;position:relative;margin-left:124px;}
.Box .Box_con .conbox ul li h5 {position:absolute;bottom:0;width:100%;text-align:center;color:#ffffff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.Box .Box_con .conbox ul li:first-child {margin-left:85px;}
.Box .Box_con .conbox ul li img {display:block;width:167px;height:200px;transition:all 0.5s;border-radius:0.625rem;}
.Box .Box_con .conbox ul li:hover img {transform:scale(1.1);}
.Box .BoxSwitch {margin-top:30px;text-align:center;}
.Box .BoxSwitch span {display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:30px;height:3px;background:#ccc;margin:0 5px;cursor:pointer;}
.Box .BoxSwitch span.cur {background:red;}
/* Sponsors*/
.sponsors-list {display:flex;flex-wrap:wrap;margin-bottom:1rem;}
.sponsors-list li {margin-right:15px;margin-bottom:15px;}
.sponsors-list li img {height:80px;display:block;}
/* footer*/
.footer {margin-top:4rem;line-height:5rem;color:#FFFFFF;font-size:1.1rem;background:#2bd2d7; }
/* banner_ny*/
.banner_ny {background-repeat:no-repeat;background-position:center;height:172px;width:100%;}
/* main*/
.main {display:flex;justify-content:space-between;}
.page_left {width:30%;}
.page_left ul li {list-style-type:disc;line-height:2.25rem;font-size:20px;margin-left:1.25rem;}
.page_left ul li a {font-size:14px;color:#2f3faf;text-decoration:underline;}
.page_left h4 {font-size:18px;}
.page_right {width:70%;}
.position {background-color:#f2f2f2;height:3.125rem;padding-left:20px;}
.position a {line-height:3.125rem;}
.speakers_list li {display:flex;}
.speakers_list li~li {padding-top:2rem;padding-bottom:2rem;border-bottom:1px solid #d7d7d7;}
.speakers_list li img {border-radius:0.625rem;width:200px;display:block;flex-shrink:0;margin-right:20px;}
.speakers_list li .text {width:100%;}
.speakers_list li .info {margin-top:5px;}
.Submission {display:inline-block;color:#fff !important;padding:0 1.2em;border-radius:1.8rem;background-image:linear-gradient(to bottom,#21bcd9,#0b599d);}
.page_left>p {margin-bottom:0;margin-top:20px;}
.content .title {margin-bottom:25px;}
.page-text table td {padding:10px;border:solid 1px #666;line-height:1.5;}


.float-left { float: left !important; }
.font-weight-bold {
    font-weight: 700 !important;
}
.mt-4, .my-4 {
  margin-top: 1.5rem !important
}
.mt-5, .my-5 {
    margin-top: 3rem !important;
}
.pt-3, .py-3 {
    padding-top: 1rem !important;
}
.pl-4, .px-4 {
    padding-left: 1.5rem !important;
}
.pt-5, .py-5 {
    padding-top: 3rem !important;
}
.h5, h5 {
    font-size: 1.25rem; font-weight: bold;
}
.pt-4, .py-4 {
    padding-top: 1.5rem !important;
}

/* Topics Section*/
#topics {margin-top:15px;}
.topics-grid {display:grid;grid-template-columns:1fr;gap:10px;}
@media (min-width:768px) {.topics-grid {grid-template-columns:repeat(2,1fr);}
;}
.topic-card {background:var(--bg-white);padding:30px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.05);transition:all 0.3s ease;border-left:4px solid var(--primary-color);}
.topic-card:hover {transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1);}
.topic-card h3 {color:var(--primary-color);font-size:20px;display:flex;align-items:center;gap:10px;font-weight:bold;text-align:left;margin-top:15px;line-height:1.2;margin-bottom:20px;padding-bottom:15px;}
.topic-card h3::before {content:'';width:0px;height:0px;background:var(--secondary-color);border-radius:50%;}
.topic-card ul {list-style:none;padding:0; grid-template-columns: repeat(1, 1fr); display: grid; }
.topic-card li {padding:8px 0;padding-left:20px;position:relative;color:var(--text-light);font-size:14px;}
.topic-card li::before {content:'›';position:absolute;left:0;color:var(--secondary-color);font-weight:bold;}
.public_title h3:after {content:'';position:absolute;bottom:-6px;left:0;right:0;margin:0 auto;width:60px;height:4px;background:#2bd2d7;border-radius:4px;}
/* 组委会*/.committee-wrapper {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;}
.committee-card {background:white;border-radius:20px;padding:24px 20px;text-align:center;box-shadow:0 6px 14px rgba(0,0,0,0.02);border:1px solid #eef2f8;}
.committee-card h4 {font-size:1.2rem;font-weight:700;}
.committee-card p {color:#4b6b7a;font-size:0.85rem;margin-top:6px;}



.navbar-default .navbar-toggle .bar1, .navbar-default .navbar-toggle .bar2, .navbar-default .navbar-toggle .bar3 {
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

body.nav-active .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 12px);
    -ms-transform: rotate(-45deg) translate(-9px, 12px);
    transform: rotate(-45deg) translate(-9px, 12px);
}
body.nav-active .bar2 {
    opacity: 0;
} 
body.nav-active .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -12px);
    -ms-transform: rotate(45deg) translate(-8px, -12px);
    transform: rotate(45deg) translate(-8px, -12px);
}
.navbar-default .navbar-toggle .icon-bar {
    width: 41px;
    height: 8px;
    border-radius: 0;
    margin: 0 0 7px;
}
.navbar-nav>li>.dropdown-menu{ background: #06A5AB; }
.navbar-nav>li>.dropdown-menu li a{ line-height: 3.89rem; }
.navbar-nav>li>.dropdown-menu li a:hover{ color: #fff; }

.layui-nav .layui-this a {color: #fff; background:#2bd2d7; border-radius: 12px; }
.nav ul li a{ line-height: 60px; color: #fff; font-weight: normal; }
.nav .open>a:hover{ background: #06A5AB; color: #fff; }

@media (max-width: 768px) {
    .dropdown-menu {
        position: relative;
        top: 100%;
        left: 0;
        z-index: 1000;
        float: none;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        list-style: none;
        font-size: 16px;
        text-align: left;
        background-color: #F1F1F1;
        border: 0px solid #ccc;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        display: block;
    }
    .dropdown-toggle-2 .caret{ display: none; }
    .dropdown-menu-level-2{ margin-left: 15px; }
    .dropdown-menu>li>a{ line-height:3; border-bottom: 1px solid #ccc; padding: 0px; margin:3px 20px; }
}




:root {
    --primary: #f8f8f8;
    --accent: #4E66FF;
    --accent2: #7b2fff;
    --gold: #f0c060;
    --surface: #024274;
    --surface-light: #085fa2;
    --text: #333;
    --text-muted: #a0b4d0;
    --border: rgba(255, 255, 255, 0.08);
    --glow: 0 0 30px rgba(0, 198, 255, 0.25);
    --glow-purple: 0 0 30px rgba(123, 47, 255, 0.25);
    --radius: 14px;
    --radius-sm: 8px;
    --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    font-size: 16px;
}

body {
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    background: var(--primary);
    color: var(--text);
    line-height: 1.7;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ============ ANIMATED BACKGROUND ============ */
.bg-mesh {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}
.bg-mesh::before {
    content: '';
    position: absolute;
    top: -40%;
    left: -20%;
    width: 80%;
    height: 120%;
    background: radial-gradient(ellipse at 30% 40%, rgba(0, 180, 255, 0.06) 0%, transparent 70%);
    animation: floatGlow 12s ease-in-out infinite;
}
.bg-mesh::after {
    content: '';
    position: absolute;
    bottom: -30%;
    right: -15%;
    width: 70%;
    height: 100%;
    background: radial-gradient(ellipse at 60% 50%, rgba(120, 40, 255, 0.05) 0%, transparent 70%);
    animation: floatGlow 16s ease-in-out infinite reverse;
}
@keyframes floatGlow {
    0%,
    100% {
        transform: translate(0, 0) scale(1);
    }
    33% {
        transform: translate(40px, -30px) scale(1.08);
    }
    66% {
        transform: translate(-25px, 20px) scale(0.94);
    }
}
.particles {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}
.particle {
    position: absolute;
    border-radius: 50%;
    background: var(--accent);
    opacity: 0;
    animation: particleFloat 8s ease-in-out infinite;
}
.particle:nth-child(1) {
    width: 3px;
    height: 3px;
    left: 10%;
    top: 60%;
    animation-delay: 0s;
    background: #00c6ff;
}
.particle:nth-child(2) {
    width: 2px;
    height: 2px;
    left: 25%;
    top: 30%;
    animation-delay: 2s;
    background: #7b2fff;
}
.particle:nth-child(3) {
    width: 4px;
    height: 4px;
    left: 55%;
    top: 70%;
    animation-delay: 4s;
    background: #00c6ff;
}
.particle:nth-child(4) {
    width: 2px;
    height: 2px;
    left: 75%;
    top: 20%;
    animation-delay: 1.5s;
    background: #f0c060;
}
.particle:nth-child(5) {
    width: 3px;
    height: 3px;
    left: 85%;
    top: 55%;
    animation-delay: 5s;
    background: #7b2fff;
}
.particle:nth-child(6) {
    width: 2px;
    height: 2px;
    left: 40%;
    top: 85%;
    animation-delay: 3s;
    background: #00c6ff;
}
@keyframes particleFloat {
    0%,
    100% {
        opacity: 0;
        transform: translateY(0) scale(0.5);
    }
    15% {
        opacity: 0.7;
        transform: translateY(-60px) scale(1.4);
    }
    30% {
        opacity: 0.2;
        transform: translateY(-120px) scale(0.6);
    }
    45% {
        opacity: 0.55;
        transform: translateY(-180px) scale(1.1);
    }
    60% {
        opacity: 0.05;
        transform: translateY(-240px) scale(0.3);
    }
    100% {
        opacity: 0;
        transform: translateY(-300px) scale(0);
    }
}

/* ============ LAYOUT ============ */
.container {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 28px;
}
.section {
    padding: 70px 0;
    position: relative;
}
.section-label {
    display: inline-block;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--accent);
    background: rgba(0, 198, 255, 0.08);
    padding: 6px 16px;
    border-radius: 50px;
    margin-bottom: 18px;
    border: 1px solid rgba(0, 198, 255, 0.2);
}
.section-title {
    font-size: 2.3rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin-bottom: 16px;
    background: linear-gradient(135deg, #333 0%, #c8daf0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.section-subtitle {
    font-size: 1.05rem;
    color: var(--text-muted);
    max-width: 650px;
    margin-bottom: 40px;
    font-weight: 400;
}

/* ============ HEADER / HERO ============ */
.hero {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    padding-top: 70px;
}
.hero-content {
    width: 100%;
}
.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--border);
    border-radius: 50px;
    padding: 8px 20px;
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--accent);
    margin-bottom: 28px;
    backdrop-filter: blur(10px);
    animation: fadeInUp 0.8s ease-out;
}
.hero-badge .dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--accent);
    box-shadow: 0 0 12px var(--accent);
    animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse {
    0%,
    100% {
        box-shadow: 0 0 8px var(--accent);
    }
    50% {
        box-shadow: 0 0 22px var(--accent), 0 0 40px rgba(0, 198, 255, 0.4);
    }
}
.hero-title {
    font-size: clamp(2.6rem, 5.5vw, 4rem);
    font-weight: 900;
    letter-spacing: -0.03em;
    line-height: 1.15;
    margin-bottom: 22px;
    animation: fadeInUp 0.8s ease-out 0.1s both;
}
.hero-title .gradient-text {
    background: linear-gradient(135deg, #00c6ff 0%, #7b2fff 50%, #f0c060 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.hero-desc {
    font-size: 1.15rem;
    color: var(--text-muted);
    margin-bottom: 36px;
    animation: fadeInUp 0.8s ease-out 0.2s both;
    line-height: 1.8;
}
.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    animation: fadeInUp 0.8s ease-out 0.3s both;
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(28px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 28px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 0.95rem;
    letter-spacing: 0.03em;
    cursor: pointer;
    text-decoration: none;
    transition: var(--transition);
    border: none;
    white-space: nowrap;
}
.btn-primary {
    background: linear-gradient(135deg, #00c6ff 0%, #0078ff 100%);
    color: #fff;
    box-shadow: 0 8px 30px rgba(0, 150, 255, 0.35);
}
.btn-primary:hover {
    box-shadow: 0 14px 40px rgba(0, 180, 255, 0.5);
    transform: translateY(-2px);
}
.btn-outline {
    background: #074179;
    color: #fff;
    border: 0px solid rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(6px);
}
.btn-outline:hover {
    border-color: #fff;
    background: ;
    transform: translateY(-2px);
}
.hero-visual {
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translateY(-50%);
    width: 380px;
    height: 380px;
    pointer-events: none;
    z-index: 0;
    opacity: 0.7;
}
.hero-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(60px);
}
.hero-orb.orb1 {
    width: 260px;
    height: 260px;
    background: rgba(0, 180, 255, 0.2);
    top: 0;
    right: 30px;
    animation: orbFloat 7s ease-in-out infinite;
}
.hero-orb.orb2 {
    width: 180px;
    height: 180px;
    background: rgba(123, 47, 255, 0.22);
    bottom: 20px;
    right: 90px;
    animation: orbFloat 9s ease-in-out infinite reverse;
}
.hero-orb.orb3 {
    width: 100px;
    height: 100px;
    background: rgba(240, 192, 96, 0.18);
    top: 100px;
    right: 150px;
    animation: orbFloat 8s ease-in-out infinite 1s;
}
@keyframes orbFloat {
    0%,
    100% {
        transform: translate(0, 0);
    }
    33% {
        transform: translate(25px, -20px);
    }
    66% {
        transform: translate(-18px, 15px);
    }
}

/* ============ NAVBAR ============ */
.navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    padding: 16px 0;
    transition: var(--transition);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    background: rgba(10, 26, 58, 0.7);
    border-bottom: 1px solid transparent;
}
.navbar.scrolled {
    background: rgba(10, 26, 58, 0.92);
    border-bottom: 1px solid var(--border);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.4);
}
.navbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 28px;
}
.nav-logo {
    font-weight: 800;
    font-size: 1.3rem;
    letter-spacing: -0.02em;
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
}
.nav-logo .icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: linear-gradient(135deg, #00c6ff, #7b2fff);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}
.nav-links {
    display: flex;
    gap: 32px;
    list-style: none;
    align-items: center;
}
.nav-links a {
    color: var(--text-muted);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.9rem;
    transition: var(--transition);
    letter-spacing: 0.02em;
    position: relative;
}
.nav-links a:hover,
.nav-links a.active {
    color: #fff;
}
.nav-links a::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--accent);
    transition: var(--transition);
    border-radius: 2px;
}
.nav-links a:hover::after,
.nav-links a.active::after {
    width: 100%;
}
.nav-cta {
    padding: 10px 20px;
    border-radius: 50px;
    background: var(--accent);
    color: #000 !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    transition: var(--transition);
}
.nav-cta:hover {
    box-shadow: 0 6px 22px rgba(0, 198, 255, 0.45);
    transform: translateY(-1px);
}
.nav-cta::after {
    display: none !important;
}

/* ============ TOPICS GRID ============ */
.topics-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    gap: 24px;
}
.topic-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 32px 28px;
    transition: var(--transition);
    position: relative;
    overflow: hidden;
    cursor: default;
}
.topic-card:hover {
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: var(--glow);
    transform: translateY(-3px);
    background: var(--surface-light);
}
.topic-card::before {
    content: '';
    position: absolute;
    top: -30px;
    right: -30px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: var(--accent);
    opacity: 0.04;
    transition: var(--transition);
    pointer-events: none;
}
.topic-card:hover::before {
    opacity: 0.1;
    transform: scale(2.5);
}
.topic-card:nth-child(2)::before {
    background: #7b2fff;
}
.topic-card:nth-child(3)::before {
    background: #f0c060;
}
.topic-card:nth-child(4)::before {
    background: #00e5a0;
}
.topic-number {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    color: var(--accent);
    margin-bottom: 8px;
}
.topic-card:nth-child(2) .topic-number {
    color: #9b6dff;
}
.topic-card:nth-child(3) .topic-number {
    color: #f0c060;
}
.topic-card:nth-child(4) .topic-number {
    color: #00e5a0;
}
.topic-card h3 {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 16px;
    color: #fff;
    letter-spacing: -0.01em;
}
.topic-card ul {
    list-style: none;
    padding: 0;
}
.topic-card ul li {
    font-size: 0.88rem;
    color: var(--text-muted);
    padding: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    display: flex;
    align-items: flex-start;
    gap: 10px;
    transition: var(--transition);
}
.topic-card ul li:last-child {
    border-bottom: none;
}
.topic-card ul li:hover {
    color: #fff;
}
.topic-card ul li .bullet {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--accent);
    flex-shrink: 0;
    margin-top: 7px;
    opacity: 0.6;
}
.topic-card:nth-child(2) ul li .bullet {
    background: #9b6dff;
}
.topic-card:nth-child(3) ul li .bullet {
    background: #f0c060;
}
.topic-card:nth-child(4) ul li .bullet {
    background: #00e5a0;
}

/* ============ DATES TABLE ============ */
.dates-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.date-item {
    flex: 1 1 200px;
    min-width: 180px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 24px 20px;
    text-align: center;
    transition: var(--transition);
}
.date-item:hover {
    border-color: var(--accent);
    box-shadow: var(--glow);
    transform: translateY(-3px);
}
.date-item .date-label {
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin-bottom: 8px;
}
.date-item .date-value {
    font-size: 1.3rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.02em;
}
.date-item.highlight {
    border-color: var(--accent);
    background: rgba(0, 198, 255, 0.06);
    box-shadow: var(--glow);
}
.date-item.highlight .date-value {
    color: var(--accent);
}

/* ============ INFO CARDS ============ */
.info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
}
.info-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 30px;
    transition: var(--transition);
}
.info-card:hover {
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
    transform: translateY(-2px);
}
.info-card .icon-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    margin-bottom: 16px;
    background: rgba(0, 198, 255, 0.1);
    color: var(--accent);
}
.info-card h4 {
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 8px;
    color: #fff;
}
.info-card p {
    font-size: 0.9rem;
    color: var(--text-muted);
    line-height: 1.7;
}

/* ============ FOOTER ============ */
.footer {
    border-top: 1px solid var(--border);
    padding: 40px 0;
    text-align: center;
    position: relative;
    z-index: 1;
    background: rgba(0, 0, 0, 0.2);
}
.footer p {
    color: var(--text-muted);
    font-size: 0.85rem;
    margin: 6px 0;
}
.footer .footer-links {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 12px;
}
.footer .footer-links a {
    color: var(--text-muted);
    text-decoration: none;
    font-size: 0.85rem;
    transition: var(--transition);
}
.footer .footer-links a:hover {
    color: #fff;
}

/* ============ RESPONSIVE ============ */
@media (max-width: 900px) {
    .hero-visual {
        display: none;
    }
    .nav-links {
        display: none;
    }
    .hero-title {
        font-size: 2rem;
    }
    .section-title {
        font-size: 1.7rem;
    }
    .topics-grid {
        grid-template-columns: 1fr;
    }
    .container {
        padding: 0 18px;
    }
    .navbar-inner {
        padding: 0 18px;
    }
    .hero {
        min-height: auto;
        padding: 100px 0 60px;
    }
}
@media (max-width: 500px) {
    .hero-title {
        font-size: 1.6rem;
    }
    .hero-actions {
        flex-direction: column;
    }
    .btn {
        justify-content: center;
        text-align: center;
    }
    .date-item {
        flex: 1 1 100%;
    }
}

/* ============ MOBILE NAV TOGGLE (simple) ============ */
.mobile-menu-btn {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    z-index: 1000;
}
.mobile-menu-btn span {
    display: block;
    width: 26px;
    height: 2.5px;
    background: #fff;
    margin: 6px 0;
    border-radius: 3px;
    transition: var(--transition);
}
@media (max-width: 900px) {
    .mobile-menu-btn {
        display: block;
    }
    .nav-links {
        display: none;
        position: absolute;
        top: 70px;
        left: 0;
        right: 0;
        background: rgba(10, 26, 58, 0.97);
        flex-direction: column;
        padding: 28px;
        gap: 20px;
        border-bottom: 1px solid var(--border);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border-radius: 0 0 16px 16px;
    }
    .nav-links.open {
        display: flex;
    }
}