:root {
    /*大多数浏览器默认html { font-size: 16px }，因此1rem ≈ 16px*/
    --font-size-16:16px;
   
}

body
   {
       /*font-size:16px;*/
   }

  .headerbar-top {
                 padding-top: 20px;
                 padding-bottom: 20px;
             }

             .headerbar_img {
                 width: 100%;
                 /*height: 130px;*/
                 height: 110px;
             }

             .navbar-container {
                 border-top: 1px solid rgba(0, 0, 0, .08);
                 border-bottom: 1px solid rgba(0, 0, 0, .08);
             }

             .menu-navbar {
                 display: flex;
             }

             .navbar-columns {
                 column-count: 6;
                 column-gap: 0px;
                 list-style-type: none;
                 padding: 0;
                 margin-bottom: 0px;
             }

             .w-menu-navbar {
                 width: 100%;
             }

             .navbar-columns li {
                 border-left: 1px solid rgba(0, 0, 0, .08);
                 height: 70px;
                 display: flex;
                 /*position: relative;*/
                 justify-content: center;
                 align-items: center;
             }

             .navbar-columns_li:hover .submenu-li {
                 display: block;
             }

             .navbar-columns_li:hover {
                 /*background: -webkit-linear-gradient(top, white, #56ab2f);
                    background: linear-gradient(to bottom, white, #56ab2f);*/
             }

             .submenu-li {
                 /*width: 180px;*/
                 /* height: 241px; */
                 /* border: solid 1px #F4F4F4; */
                 position: absolute;
                 /*top: 243px;*/
                   top: 223px;
                 /* background-color: rgba(128, 128, 128, 0.5); */
                 /*left:-20px;*/
                 z-index: 999;
                 display: none;
                 margin-left:65px;
             }

             .submenu-li-c {
                 height: 15px;
                 background: white;
             }

             .submenu-li ul {
                 width: 230px;
                 list-style: none;
                 padding-left: 5px;
                 padding-top: 0px;
                 padding: 15px;
                 background: white;
                 border-radius: 12px;
                 border-top: 1px solid rgba(0, 0, 0, .08);
                 box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);
             }

                 .submenu-li ul li {
                     height: 35px;
                     justify-content: left;
                     /*text-align: center;*/
                     /*line-height: 2.8;*/
                     /*border-bottom: solid 1px #D0D0D0;*/
                     border: none;
                 }

                     .submenu-li ul li a:hover {
                         color: #3fb34f;
                     }

                     .submenu-li ul li:last-child {
                         border-right: none;
                     }

             .navbar-columns_li {
                 border-left: 1px solid rgba(0, 0, 0, .08);
                 height: 60px;
                 display: flex;
                 /*position: relative;*/
                 justify-content: center;
                 align-items: center;
             }

             .navbar-columns li:last-child {
                 border-right: 1px solid rgba(0, 0, 0, .08);
             }

             .navbar-columns li a {
                 color: #1d1d1f;
                 transition: .1s ease-in-out;
                 transition-property: color, background-color, border-color, box-shadow;
                 position: relative;
                 z-index: 1;
                 font-weight: 400;
                 text-transform: none;
                 letter-spacing: 0;
                 font-style: normal;
                 text-decoration: none;
                 font-size:var(--font-size-16);
             }

             .container {
                 padding: 0px;
             }

             .container>.row {
                 margin: 0px;
             }

             .navbar-toggle-btn {
                 top: 40px;
                 left: 25px;
             }

.m_video-h {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    padding-bottom: 15px;
    font-weight: bold;

       opacity: 0;
  transform: translateY(50px);
  animation: delayedFadeIn 0.5s ease 0.3s forwards;
}

.m_video-h1 {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    padding-bottom: 15px;
    font-weight: bold;
}

 .row.m_video-r2 {
    margin-left:-30px;
    margin-right:-30px;

       opacity: 0;
  transform: translateY(50px);
  animation: delayedFadeIn 0.8s ease 1s forwards;
  }

 .row.m_video-r3 {
     margin-left:-15px;
     margin-right:-15px;
   padding-top: 30px;
       opacity: 0;
  transform: translateY(50px);
  animation: delayedFadeIn 0.8s ease 1s forwards;
  }

 .m_video-r3 >.col-xs-12 >.thumbnail
 {
     border:none;
 }

  .m_video-r3 >.col-xs-12 >.thumbnail img:nth-child(1)
 {
    height:318px;
    width:100%;
 }

 .m_video-r3-img{
    height:380px;
 }

 .m_video-r2>.col-md-4 >.thumbnail
  {
    border:none;
  }

 .m_msg1 {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    margin:20px 0;
}

 .m_msg1-item
 {
     width:16.3%;
     margin-bottom: 15px;
     display:inline-block;
 }

 .m_el-item
 {
     width:100%;
     text-align:center;
     justify-content:center;
 }

.m_el-item-img {
    border-radius: 50%;
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    width: 180px;
    height: 180px;
    border: 1px solid #e0e0e0;
}

 .person-image {
    /*height: 180px;*/
    width: 160px;
    height: 160px;
    background-color: #e0e0e0;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    color: #888;
    font-size: 1.2rem;
}

 .m_msg-item-title {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
}

 .m_msg-item-meta {
    font-size: 14px;
    line-height: 1.4;
    color: #a1a1a6;
    font-family: Inter;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    font-style: normal;
}

 .m_msg-item-content
 {
     margin-top: 10px;
     font-size: 14px;
    line-height: 1.5;
 }

 .m_msg2-item-main
 {
    column-count: 2; /* 分成两栏 */
  column-gap: 40px; /* 栏间距 */
  /*font-size: 19px;*/
    line-height: 1.5;
 }

    .m_msg2-item-main p {
        margin-top: 20px;
        margin-bottom: 20px;
        /*text-align: justify;
        text-justify: inter-word;*/
        /* 或 inter-character */
        font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
        text-align:justify;
    }

    .m_msg2-item-main p:nth-child(1)
    {
        margin-top:0px;
    }

 .m_msg2-item-p
 {
     margin-top: 20px;
     margin-bottom: 20px;
 }

.content-item1{
    opacity: 0;
    transform: translateX(-20px);
    animation: fadeIn 0.5s forwards;

    @for $i from 1 through 5 {
        &:nth-child(#{$i}) {
            animation-delay: $i * 0.2s;
        }
    }
}

@keyframes fadeIn {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.m_video
{
    min-height:200px;
}

.m_video-r2-mc {
    margin-top: 15px;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 50px;
}

.m_video-r2>.col-md-4 >.thumbnail  video
{
   width: 100%;
   aspect-ratio: 1920 / 1080;
   /*opacity: 0;
  transform: translateY(50px);
  animation: delayedFadeIn 0.8s ease 1s forwards;*/
}


.v-content-item {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.v-content-item.show {
  opacity: 1;
  transform: translateY(0);
}

.h-content-item { 
               opacity: 0; transform: translateX(50px); transition: all 0.6s ease-out; }

.m_video-r2 {
    margin-top:20px;
}

             #main-menubar {
                 position: absolute;
                 width: 210px;
                 right: 0;
                 top: 100px;
                 padding: 15px;
                 z-index: 9999;
                 background: white;
                 border-radius: 12px;
                 border-top: 1px solid rgba(0, 0, 0, .08);
                 box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);
             }

             .menubar-right {
                 display: none;
             }

             #main-menubar > .menubar a {
                 color: #1d1d1f;
                 transition: .1s ease-in-out;
                 transition-property: color, background-color, border-color, box-shadow;
                 white-space: normal;
                 word-break: break-all;
                 overflow-wrap: break-word;
             }

                 #main-menubar > .menubar a:hover {
                     color: #3fb34f;
                 }

                 .p_main
                 {
                     margin-top:40px;
                 }

 .axa_meeting {
   color: #2e7d32;
   text-align:center;
   font-weight: bold;
   font-size:28px;
   /*border-bottom: 3px solid #2e7d32;*/
}

.p_main-H1 {
    padding-bottom: calc(5px + .1em);
    border-bottom: calc(.2px + .05em) solid rgba(26, 26, 26, .06);
    font-weight: bold;
    font-size:26px;
}

.p_main-H1-1 {
  margin-top:45px;
}

.p_main-content
{
        /*background-color: #e8edf7;
            */
    padding: 40px;
    margin-top: 40px;
          background: #f8f9fa;
            border-radius: 10px;
            padding: 30px;
            margin-bottom: 30px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            border: 1px solid #e4e7eb;
}

.p_main_btn
{
    padding: 5px 10px;
    border-width: 2px;
    border-style: solid;
    border: 1px solid rgba(0, 0, 0, 0.1);
    outline: none; /* 移除焦点时的轮廓 */
    border-radius:5px;
}

 .form-group {
            margin-bottom: 20px;
        }

        .form-group label {
            display: block;
            margin-bottom: 5px;
            font-weight: unset;
        }


        input[type="text"],
        input[type="email"],
        input[type="password"],
        input[type="tel"],
         input[type="date"],
        textarea,
        select {
            width: 100%;
            padding: 6px;
            border: 2px solid #e4e7eb;
            border-radius: 8px;
            font-size: 15px;
            transition: all 0.3s ease;
            background: white;
        }

         .form-group input:focus, 
        .form-group textarea:focus {
            outline: none;
            border-color: #3498db;
            box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.2);
        }

         .required
         {
             color:red;
         }

.p_main-a {
    margin-top:20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 35px;
    background-color: #3fb34f;
    color: #fff;
    background-image: linear-gradient(40deg, #39b54a 0, #00674d 45%, #00aeef 70%, #042753 100%);
    color: #fff;
    border: none;
    width: 100%;
    border-radius: 50px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    width:100%;
    text-decoration:none;
}

    /* 添加高光效果 */
        .p_main-a::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(40deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            transition: all 0.5s ease;
        }

    .p_main-a:hover {
        text-decoration: none;
        color: #fff;
        background-color: #38a047;
        background-image: linear-gradient(40deg, #39b54a 0, #39b54a 45%, #00aeef 70%, #042753 100%);
    }

.c_main-content {
    /* background-color: #e8edf7; */
    padding: 40px 50px;
    margin-top: 40px;
    background: #f8f9fa;
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #e4e7eb;
  
}

.c_main {
    display: flex; /* 启用Flex布局 */
    column-gap: 30px;
}

.c_main-content {
  flex: 1; /* 等分剩余空间 */
  border: 1px solid #ccc;
  padding: 30px;
}

    .c_main-pan
    {
        text-align:left;
    }

    .c_h1{
        border-top: 1px solid rgba(0, 0, 0, .08);
    text-align: left;
  height: 10px;
    }

     .c_p1{
       padding-top:15px;
    }

      .c_h5{
       font-weight:bold;
    }

        .c_h1 span {
            color: #1d1d1f;
            transition: .1s ease-in-out;
            transition-property: color, background-color, border-color, box-shadow;
            position: relative;
            top: -38px;
            /*padding: 0 15px;*/
            font-weight: bold;
            font-size: 20px;
        }

         .c_h2 span {
            color: #1d1d1f;
            transition: .1s ease-in-out;
            transition-property: color, background-color, border-color, box-shadow;
            position: relative;
            top: -18px;
            font-weight: bold;
            font-size: 18px;
        }

         .c_grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
  flex-direction: column; /* 垂直排列 */
  gap: 30px; /* 可选：设置行间距 */
  margin-top: -10px;
}

.uk-first-column {
   height:180px;
   width:100%;
   background-color:white;
  column-gap:20px;
 
  /*border:1px solid #39b54a;*/
  padding: 20px;
  border: 2px solid #2ecc71; /* 基础绿色边框 */
  border-radius: 8px;
  border: 1px solid #2ecc71; /* 绿色 */
  /*border-color: #2ecc71 #3498db #2ecc71; */
  transition: all 0.2s ease;
 border-image: linear-gradient(to right, #3498db, #2ecc71) 1;
}

        .c_main-img
        {
           padding:10px 0;
           border-bottom: 1px solid rgba(0, 0, 0, .08);
        }

        .a_main {
    display: flex; /* 启用Flex布局 */
    column-gap: 50px;
    margin-top: 30px;
}

        .a_main-div {
    background-color: white;
    height: 120px;
    margin-top: -20px;
}

         .a_main-div1 {
    background-color: white;
    height: 120px;
}

           .a_main-div2 {
    background-color: white;
    height: 60px;
    margin-top: -20px;
}

.a_main-div-img {
    height: 100px;
    opacity: 0;
    transform: translateY(50px);
    animation: delayedFadeIn 0.5s ease 0.3s forwards;
}

.a_main-content {
  flex: 1; /* 等分剩余空间 */
  /*border: 1px solid #ccc;*/
  /*padding: 30px;*/
   background: #f8f9fa;
}

.a_main-pan {
  padding:30px;
   justify-content: space-between; /* 两端对齐 */
  /*margin-top:50px;*/
}

.a_main-div
{
    background-color:white;
}

.sp_main-content
{
    margin-top: 40px;
    background: #f8f9fa;
    border-radius: 10px;
    margin-bottom: 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #ccc;
    padding: 30px 40px;
}

.sp_main-row1
{
 padding:20px 0;
}

.row.sp_main-row2 {
    padding: 20px 0;
    /*font-size:20px;*/
    font-weight:bold;
    text-align: center;
    border-top: calc(.2px + .05em) solid rgba(26, 26, 26, .06);
    margin-left: 0px;
    margin-right: 0px;
}

.sp_main-pan2
{
   text-align:right;
}

.sp_main-pan1-img
{
  height:100px;
}

.sp_main-pan2-img
{
    margin-top:20px;
  height:50px;
}

.row.r_main-content1 {
    padding: 20px 0;
    margin: 0 0;
}

.r_main-content1-h
{
    color: #ffffff;
    border-radius: 15px;
    padding: 15px;
    text-align: center;
    background-color: #00afec;
    font-size: 20px;
    margin-bottom:25px;
}

.r_main2
{
    /*margin-top: 40px;*/
    background: #f8f9fa;
    /*border-radius: 10px;*/
    margin-bottom: 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    /*border: 1px solid #ccc;*/
    padding: 20px 0px;
}

.r_main2-h
{
    color: #ffffff;
    border-radius: 15px;
    padding: 15px;
    text-align: center;
    background-color: #3fb34f;
    font-size: 20px;
    margin-bottom:25px;
}

.r_main2-p {
   column-count: 2;
    column-gap: 100px;
    column-rule: calc(.2px + .05em) solid rgba(26, 26, 26, .06);
    /* padding: 20px; */
    /* border: 1px solid #ddd; */
    /* max-width: 800px; */
    margin: 0 auto;
}

 .r_main2-p p {
            margin: 0 0 15px 0; /* 段落间距 */
            text-align: justify; /* 两端对齐 */
        }

 .po_main
 {
      /*min-height:300px;*/
 }

 .po_main-title
 {
    color:#2e7d32;
    padding: 15px;
    background-color: #f8f9fa;
    margin-top: 40px;
    border-bottom: calc(.2px + .05em) solid rgba(26, 26, 26, .06);
 }

 .po_main-content
 {
     margin-top:30px;
 }

 .po_main-content img
 {
     width:100%;
     height:600px;
 }

 .co_main
 {
     margin-top:20px;
 }

 .co_main-content
 {    
    padding: 30px;
    padding-top:10px;
    background: #e5edf5;
}

 .co_main-content-h
 {
     font-size:18px;
     font-weight:bold;
 }

 .co_main-content1
 {    
    padding: 30px;
    padding-top:10px;
    /*background: #e5edf5;*/
}

 .co_main-content1>.row>.m_msg1-item
 {    
    width:24%;
}

 .co_main-content1>.row>.m_msg1-item>.m_el-item>.m_el-item-img
 {    
   display:unset;
}

 .cv_main
 {
     display: flex;
     margin-top:20px;
     column-gap:30px;
 }

.cv_main-left {
  flex: 32%;  /* 较小的部分 */
  background-color: #e5edf5;
  padding: 40px;
}

.cv_main-right{
  flex: 68%;  /* 较大的部分 */
  background-color: #e5edf5;
  padding: 40px;
}

.cv_main-left-d1 {
    margin-bottom: 20px;
}

.cv_main-left-d1 img {
        width: 100%;
}

.cv_main-left-d2,.cv_main-right-d1
{
    padding:30px;
    border-radius:5px;
    background-color:white;
}

.cv_main-right-d2 img
{
    margin-top:20px;
    /*width: 100%;*/
    width: 50%;
    height: 280px;
}

.cv_main-right-d2 img:nth-child(2)
{
   margin-left:-5px;
}

.cv_main-right-d2 img:nth-child(3)
{
   width: 100%;
}

.ca_main
{
    margin-top:20px;
    background: #00afec;
    margin-bottom:20px;
    padding:30px 0;
}

.ca_main-content-d1{
    text-align: center;
    background-color: white;
    /*padding: 0 40px;*/
    border-radius: 25px;
    border: 1px solid #2ecc71;
    /*transition: all 0.2s ease;
    border-image: linear-gradient(to right, #3498db, #2ecc71) 1;*/
}

.ca_main-content-d2{
    margin-top:45px;
    border: 1px solid #00aeef;  
}

.ca_main-content-d1-span
{
    position: relative;
    top: 5px;
}

.ca_main-content-d1 a:hover
{
    text-decoration:none;
       /*background: linear-gradient(90deg, #43A047 0%, #1E88E5 100%);*/
            /*box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
            transform: translateY(-3px);*/
            box-shadow: 0 0 20px rgba(33, 150, 243, 0.7), 
                        0 0 30px rgba(76, 175, 80, 0.5),
                        0 4px 15px rgba(0, 0, 0, 0.2);
}

.ca_main-content-d1-a
{
    width:100%;
    color: #1d1d1f;
    font: inherit;
    -webkit-appearance: none;
    display: inline-block;
    font-size: 16px;
    line-height: 48px;
    text-decoration: none;
    transition: .1s ease-in-out;
    transition-property: color, background-color, background-position, background-size, border-color, box-shadow;
    font-family: Inter;
    font-weight: 400;
    border-radius: 500px;
}

.ca_main1-content
{
    margin-top:15px;
    display: flex; /* 启用Flex布局 */
    column-gap: 20px;
    margin-bottom:50px;
}

.ca_main1-content-item {
    padding: 10px 10px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    /*border: 1px solid #e4e7eb;*/
    flex: 1;
}

.ca_main1-content-item:nth-child(1) {
   background: 
    linear-gradient(white, white),
    linear-gradient(60deg,  #39b54a, #00aeef);
  background-origin: padding-box, border-box;
  background-clip: padding-box, border-box;
  border: 1px solid transparent;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.ca_main1-content-item:nth-child(2) {
   background: 
    linear-gradient(white, white),
    linear-gradient(60deg,   #00aeef, #39b54a);
  background-origin: padding-box, border-box;
  background-clip: padding-box, border-box;
  border: 1px solid transparent;
}

.ca_main1-content-item-h
{
    font-size: 22px;
    padding-bottom: 10px;
    font-weight:bold;
}

.ca_main1-content-line {
    display: inline-block;
    width: 100px;
    max-width: 100%;
    border-top: 2px solid rgba(26, 26, 26, .06);
    vertical-align: top;
    border-image: linear-gradient(90deg, #39b54a 0%, #39b54a 40%, #00aeef 70%, #042753 100%);
    border-image-slice: 1;
    border-width: 2px 0 0 0;
    margin-top: 5px;
}

.date-item {
    /*display: flex;*/
    display:inline-block;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}


.date-badge.gray {
    background-color: #6c757d;
}
.date-badge {
    background-color: #4CAF50;
    color: white;
    padding: 5px 10px;
    border-radius: 25px;
    font-weight: bold;
    min-width: 120px;
    text-align: center;
    margin-right: 3px;
}

.ca_main1-content-ul {
   /*padding-left: 20px;
    margin: 10px 0;
    margin-top: 0px;*/
}
    .ca_main1-content-ul li {
        margin-bottom: 8px;
    }

    .process-item {
    margin-bottom: 15px;
    /*border-left: 3px solid #2c7744;*/
    padding-left: 15px;
    cursor:pointer;
    border-bottom: 1px solid #eee;
}

    .process-item:hover
    {
        color: #4CAF50;
    }

    .process-title {
    /*font-weight: 600;*/
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    padding: 5px 0;
}

    .expand-icon {
    margin-left: auto;
    /*color: #2c7744;*/
    font-weight: bold;
    cursor: pointer;
    font-size:20px;
}

   .guidelines-content p,.guidelines-list
    {
        color:#333;
    }

   .margin-p
   {
       margin:0px;
   }

   .margin-p-c
   {
      margin-left:5px;
      color:#4CAF50;
      cursor:pointer;
      text-decoration:none;
   }

 .logo-section {
    display: flex;
    align-items: center;
    /*margin-bottom: 30px;*/
}

 .axa-logo {
    /*width: 240px;*/
    /*height: 120px;*/
     width: 380px;
    margin-right: 30px;
    position: relative;
}

 .title-section {
    flex: 1;
}

 .congress-title {
    font-size: 28px;
    font-weight: bold;
    color: #1a3c6e;
    /*margin: 15px 0 5px 0;*/
     margin: 15px 0 15px 0;
}

.congress-details {
    font-size: 20px;
    color: #2ecc71;
    font-weight: 500;
    margin: 10px 0;
    line-height: 1.2;
    font-family: 'Comic Sans MS', cursive;
    font-style: italic;
}

 .axa-divider {
    height: 2px;
    /*background-color: #a0d2f0;*/
    background-color:#22B7CF;
    /*margin: 25px 0;*/
     margin: 25px 0 0;
}

 .required_error
 {
     border:1px solid red !important;
 }

             .footer {
                 margin-top: 30px;
                 background: #fff;
    background-image: radial-gradient(ellipse closest-corner at 30% 40%, rgba(169, 131, 229, .08), transparent 80%), radial-gradient(ellipse closest-corner at 50% 60%, rgba(106, 175, 245, .07), transparent 80%), radial-gradient(ellipse closest-corner at 70% 50%, rgba(106, 175, 245, .05), transparent 80%);
             }

             .footer>.container>.row {
               margin-left:-15px;
               margin-right:-15px;
             }

             .footer-h1 {
                 border-top: 1px solid rgba(0, 0, 0, .08);
                 text-align: center;
                 font-size: 16px;
             }

             .organized-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 600px;
}

             .decorative-line {
            flex: 1;
            height: 1px;
            background-color: rgba(0, 0, 0, .08);
            position: relative;
        }
        
        .decorative-line::before {
            content: '';
            position: absolute;
            top: 0;
            width: 100%;
            height: 1px;
            background: linear-gradient(to right, transparent, #999, transparent);
        }
        
        .decorative-line.left::before {
            left: 0;
        }
        
        .decorative-line.right::before {
            right: 0;
        }
        
        .organized-text {
            color: #000000;
            font-size: 16px;
            font-weight: 600;
            letter-spacing: 1px;
            padding: 0 20px;
            white-space: nowrap;
        }

                 .footer-h1 span {
                     color: #1d1d1f;
                     transition: .1s ease-in-out;
                     transition-property: color, background-color, border-color, box-shadow;
                     position: relative;
                     top: -10px;
                     background: white;
                     padding: 0 15px;
                     font-weight: bold;
                 }

             .footer-pan {
                 text-align: center;
                 /*font-size:14px;*/
                 padding: 10px 0;
             }

             @keyframes delayedFadeIn {
   from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideIn {
  from { transform: translateY(50px); }
  to { transform: translateY(0); }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

             .footer-pan-img1 {
                 /*width:100%;
                 height: 120px;*/
                 /*opacity: 0;
  animation: delayedFadeIn 0.5s ease-in-out 2s forwards;*/
             /*transform: scale(0);
  animation: delayedFadeIn 0.5s ease forwards;*/
              opacity: 0;
  transform: translateY(50px);
  animation: delayedFadeIn 0.5s ease 0.3s forwards;

               /*opacity: 0;
  transform: translateY(50px);
  animation: slideIn 0.5s ease forwards, fadeIn 0.3s ease 0.5s forwards;*/
             }

             .footer-pan-img2 {
              width:80%;
                 /*height: 120px;*/
              /*transform: scale(0);
  animation: delayedFadeIn 0.5s ease forwards;*/
               /*opacity: 0;
  transform: translateY(50px);
  animation: delayedFadeIn 0.5s ease 0.3s forwards;*/
                /*用于元素动画*/
                /*opacity: 0;
  transform: translateY(50px);
  animation: delayedFadeIn 0.5s ease 0.3s forwards;*/
             }

             .header_icon_bar {
                background-color: black !important;
             }

            .m_main {
                /*margin-top: 30px;*/
                /*margin-bottom: 40px;*/
                padding-top: 40px;
                /*padding-bottom: 40px;*/
                /*background: #e5edf5;*/
            }

             .m_main-Reg {
              background: linear-gradient(135deg, #e3f2fd, #f0f8ff);
    padding: 30px;
    border-radius: 8px;
    margin-bottom: 30px;
    border-left: 5px solid #1976d2;
    position: relative;
            }

                .m_main-Reg h3 {
                    color: #1a3c6e;
                    font-weight:bold;
                    margin-top: 0;
                    font-size: 18px;
                    line-height: 1.5;
                }

             .date-location {
    font-weight: bold;
    color: #333333;
    margin: 15px 0;
    display: flex;
    align-items: center;
}

             .chairman {
    font-style: italic;
    color:#666666;
    margin: 10px 0;
}

             .m_main-btn1 {
    /*display: inline-block;*/
    background-color:#2e7d32;
    /*color: white;
    padding: 12px 25px;
    text-decoration: none;
    border-radius: 4px;
    font-weight: bold;
    transition: all 0.3s;
    margin: 10px 5px;
    border: none;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);*/
}

    .m_main-btn2 {
       margin-left: 10px;
       background-color: #1976d2;
    }

            .m_registration-d
            {
                line-height:2;
            }

            .m_registration-s{
                font-weight:bold;
            }

          .m_registration-button {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                padding: 10px 20px;
                color: white;
                border: none;
                border-radius: 8px;
                font-size: 16px;
                text-transform: uppercase;
                cursor: pointer;
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
                transition: all 0.4s ease;
                position: relative;
                overflow: hidden;
             }

             .m_registration-button123 {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 15px 35px;
            /*background: linear-gradient(90deg, #4CAF50 0%, #2196F3 100%);*/
            /*background: linear-gradient(90deg, #2196F5 0%, #2196F3 100%);*/
            background: linear-gradient(90deg, #00afec 0%, #00afec 100%);
            color: white;
            border: none;
            width:100%;
            border-radius: 50px;
            font-size: 18px;
            font-weight: bold;
            text-transform: uppercase;
            cursor: pointer;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
        }

             /* 添加高光效果 */
        .m_registration-button::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            /*background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);*/
            transition: all 0.5s ease;
        }
        
        .m_registration-button:hover::before {
            left: 100%;
        }
        
        .m_star-icon {
            margin-right: 12px;
            width: 20px;
            height: 20px;
            background-color: white;
            clip-path: polygon(
                50% 0%, 
                61% 35%, 
                98% 35%, 
                68% 57%, 
                79% 91%, 
                50% 70%, 
                21% 91%, 
                32% 57%, 
                2% 35%, 
                39% 35%
            );
            transition: all 0.3s ease;
        }

           /* 鼠标悬停效果 - 颜色变化 */
        .m_registration-button:hover {
            color: white;
            text-decoration:none;
            /*background: linear-gradient(90deg, #43A047 0%, #1E88E5 100%);*/
             /*background: linear-gradient(90deg, #43A047 0%, #1E88E5 100%);*/
            /*box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
            transform: translateY(-3px);*/
            box-shadow: 0 0 20px rgba(33, 150, 243, 0.7), 
                        0 0 30px rgba(76, 175, 80, 0.5),
                        0 4px 15px rgba(0, 0, 0, 0.1);
        }

          /* 鼠标点击效果 */
        .m_registration-button:active {
            color: white;
            text-decoration:none;
            transform: translateY(1px);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
        }

          /* 鼠标悬停时星形图标变化 */
        .m_registration-button:hover .m_star-icon {
            transform: rotate(15deg) scale(1.1);
            background-color: #FFD700;
        }

        .m_organization-l1
        {
            margin-top: 40px;
            margin-bottom: 40px;
        }

        .m_organization-l2
        {
            margin-top: 40px; 
        }


        .m_organization-line {
          display: inline-block;
          width: 100px;
          max-width: 100%;
          border-top: 2px solid rgba(26, 26, 26, .06);
          vertical-align: top;
          border-image: linear-gradient(90deg, #39b54a 0%, #39b54a 40%, #00aeef 70%, #042753 100%);
          border-image-slice: 1;
          border-width: 2px 0 0 0;
        }

        .accommodation_a {
    color: #ffffff;
    border-radius: 15px;
    padding: 15px;
    text-align: center;
    background-color: #00afec;
    font-size: 20px;
    margin-bottom: 25px;
    cursor:pointer;
    width: 100%;
    display: block;
    /*border: 2px solid transparent;*/
    transition: all 0.3s ease;
}

.accommodation_a:hover
{
    text-decoration:none;
    color: #ffffff;
    /*background-color: #00c8ff; 
    box-shadow: 0 4px 12px rgba(0, 175, 236, 0.4);*/ 
     border-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 10px rgba(0, 175, 236, 1);
}

.accommodation_a:active,.accommodation_a:link
{
    text-decoration:none;
    color: #ffffff !important;
   
}

.m_wel
{
    /*margin-top:40px;*/
    background: linear-gradient(to bottom, #ffffff, #e3f2fd);
    padding: 30px 0 0 0;
    text-align: center;
    border-bottom: 3px solid #2e7d32;
}

    .m_wel>.container>.row {
        margin: 0;
        /*background: #f8f9fa;*/
        padding: 30px;
    }

.m_wel-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.m_wel-container-text {
    /*color: #39b54a;*/
    color: #1a3c6e;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 0 20px;
    white-space: nowrap;
}

.mission-box {
            /*background-color: #e6f0fa;*/
            padding: 10px 40px;
            border-radius: 8px;
            margin: 0 auto;
          
        }

.mission-box  p
{
    margin:0px;
}
        
        .mission-text {
           /*color: #39b54a;*/
            font-size: 16px;
            line-height: 1.6;
            font-weight: 400;
            text-align:center;
        }

.association-name {
     /*color: #39b54a;*/
     color:#2e7d32;
    font-size: 28px;
    font-weight: 700;
    /*margin-bottom: 30px;*/
    line-height: 1.1;
    text-align: center;
}

 #loadPage {
            display: none;
            position: fixed;
            left: -1px;
            top: 1px;
            width: 100%;
            /*height: 100%;*/
            height: calc(100vh - 1px);
            moz-opacity: 0.3;
            filter: Alpha(opacity=50);
            opacity: 0.3;
            background-color: #555;
            z-index: 1000;
        }

@media screen and (max-width: 768px) 
{
    .headerbar-main {
        border-bottom: 1px solid rgba(0, 0, 0, .08);
    }

    .headerbar-main>.row>.col-xs-11
    {
        width:91%;
    }

    .m_main {
        margin-top: 30px;
    }

    .navbar-toggle
    {
        margin-right:0px !important;
    }

    .axa-logo
    {
        margin-right:0px;
    }
    .m_video {
        padding-left: 15px;
        padding-right: 15px;
    }

    .m_msg1-item {
        width: 49%;
        margin-top: 15px;
        padding:8px;
    }

    .m_msg {
        padding: 0 15px;
    }

    .m_msg2-item-main { 
        column-count: 1;
    }

    .m_organization {
        padding-left: 15px;
        padding-right: 15px;
    }

    .m_registration-button {
        margin-top: 20px;
    }

    .navbar-container {
        display: none;
    }

    .headerbar_img {
        height: 80px;
    }

    .headerbar-top {
        padding-top: 10px;
    }

    .menubar-right {
        display: unset;
    }

    .a_main, .c_main {
        flex-wrap: wrap;
    }

    .row.m_video-r2 {
        margin-left: -15px;
        margin-right: -15px;
    }

    .m_video-r2 > .col-md-4 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .sp_main-pan2 {
        text-align: left;
    }

    .r_main2-p {
        column-count: unset;
    }

    .cv_main {
        display: unset;
    }

    .ca_main1-content {
        display: unset;
    }

    .ca_main1-content-item {
        margin-bottom: 15px;
    }

    .axa-logo {
        width: 200px;
    }

    .congress-title {
        font-size: 14px;
    }

    .congress-details {
        font-size: 12px;
        font-weight: 500;
        margin: 5px 0;
        line-height: 1;
    }

    .axa-divider {
        height: 2px;
        background-color: #a0d2f0;
        margin-top: 10px;
    }

    .m_video-r3 > .col-xs-12 > .thumbnail img:nth-child(1) {
        height: auto;
        width: 100%;
    }

    .c_main-content {
        width: 100%;
    }

    .footer-pan-img2 {
        width: 100%;
    }

    .co_main-content1
    {
        padding:10px;
    }

    .co_main-content1 > .row > .m_msg1-item {
        width: 50%;
    }

}