body
{
   background-color: transparent;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#wb_article6LayoutGrid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #0D8166;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#article6LayoutGrid
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 20px 0 20px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#article6LayoutGrid > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#article6LayoutGrid > .col-1
{
   flex: 0 0 auto;
}
#article6LayoutGrid > .col-1
{
   background-color: rgba(255,255,255,0.00);
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
@media (max-width: 768px)
{
#article6LayoutGrid > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Image1
{
   margin: 0;
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 152px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_Image2
{
   margin: 0;
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 970px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_LayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #0D8166;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid2
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 5px 0 100px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#LayoutGrid2 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#LayoutGrid2 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid2 > .col-1
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 768px)
{
#LayoutGrid2 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_article6Card2
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 50px 30px 50px;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   text-align: left;
}
#article6Card2-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#article6Card2-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   width: 100%;
   height: auto;
}
#MediaPlayer1
{
   box-sizing: border-box;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
}
#wb_MediaPlayer1
{
   display: block;
   position: relative;
   margin: 0;
   height: 63px;
   vertical-align: top;
}
#Table1
{
   border-radius: 0px;
   border: 2px solid #C0C0C0;
   background-color: #FFFFFF;
   background-image: none;
   border-collapse: separate;
   border-spacing: 1px;
   margin: 0;
}
#Table1 td, #Table1 th
{
   padding: 0;
}
#Table1 td div
{
   white-space: nowrap;
}
#Table1 p, #Table1 ul
{
   margin: 0;
   padding: 0;
}
#Table1 .cell0
{
   background-color: transparent;
   background-image: none;
   border: 1px #C0C0C0 solid;
   text-align: center;
   vertical-align: top;
   color: #FFFFFF;
   font-family: Arial;
   font-size: 32px;
   line-height: 36px;
}
#Table1 .cell1
{
   background-color: transparent;
   background-image: none;
   border: 1px #C0C0C0 solid;
   text-align: center;
   vertical-align: top;
   color: #FFFFFF;
   font-family: 微软雅黑;
   font-size: 32px;
   line-height: 41.5px;
}
#Table1 .cell2
{
   background-color: transparent;
   background-image: none;
   border: 1px #C0C0C0 solid;
   text-align: left;
   vertical-align: top;
   color: #FFFFFF;
   font-family: 微软雅黑;
   font-size: 19px;
   line-height: 24px;
}
#Table1 .cell3
{
   background-color: transparent;
   background-image: none;
   border: 1px #C0C0C0 solid;
   text-align: left;
   vertical-align: top;
   color: #000000;
   font-family: Arial;
   font-size: 19px;
   line-height: 21px;
}
    /* 添加动画效果 */
    @keyframes fadeIn {
        from { opacity: 0; }
        to { opacity: 1; }
    }
    
    @keyframes slideInFromRight {
        from { transform: translateX(100px); opacity: 0; }
        to { transform: translateX(0); opacity: 1; }
    }
    
    @keyframes pulse {
        0% { transform: scale(1); }
        50% { transform: scale(1.05); }
        100% { transform: scale(1); }
    }
    
    /* 应用动画到元素 */
    #wb_article6LayoutGrid {
        animation: fadeIn 1s ease-in-out;
    }
    
    #Image2 {
        animation: slideInFromRight 1.2s ease-out;
    }
    
    #wb_Text1 span {
        animation: fadeIn 1s ease-in-out 0.3s forwards;
        opacity: 0;
    }
    
    #article6Heading {
        animation: fadeIn 1s ease-in-out 0.5s forwards;
        opacity: 0;
    }
    
    .card {
        animation: fadeIn 1s ease-in-out 0.7s forwards;
        opacity: 0;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    .card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    }
    
    #article6Card1-card-item0, 
    #article6Card1-card-item1,
    #article6Card2-card-item0, 
    #article6Card2-card-item1,
    #article6Card3-card-item0, 
    #article6Card3-card-item1,
    #article6Card3-card-item2, 
    #article6Card3-card-item3,
    #article6Card3-card-item4, 
    #article6Card3-card-item5,
    #article6Card3-card-item6, 
    #article6Card3-card-item7,
    #article6Card3-card-item8 {
        animation: fadeIn 0.8s ease-in-out 1s forwards;
        opacity: 0;
    }
    
    /* 为每个卡片内容项添加延迟，实现依次出现的效果 */
    #article6Card1-card-item0 { animation-delay: 1.1s; }
    #article6Card1-card-item1 { animation-delay: 1.3s; }
    #article6Card2-card-item0 { animation-delay: 1.5s; }
    #article6Card2-card-item1 { animation-delay: 1.7s; }
    #article6Card2-card-item2, #article6Card2-card-item3 { animation-delay: 1.9s; }
    #article6Card3-card-item0 { animation-delay: 2.1s; }
    #article6Card3-card-item1 { animation-delay: 2.3s; }
    #article6Card3-card-item2 { animation-delay: 2.5s; }
    #article6Card3-card-item3 { animation-delay: 2.7s; }
    #article6Card3-card-item4 { animation-delay: 2.9s; }
    #article6Card3-card-item5 { animation-delay: 3.1s; }
    #article6Card3-card-item6 { animation-delay: 3.3s; }
    #article6Card3-card-item7 { animation-delay: 3.5s; }
    #article6Card3-card-item8 { animation-delay: 3.7s; }