/* 公共样式 */
body{
    width: 100%;
    font-family: PingFang SC;
    margin: 0;
    padding: 0;
    min-width: 100%; /* 确保 body 宽度适应内容 */
}
ul{
    margin: 0;
    padding: 0;
}
ul li{
    list-style: none;
}
p{
    margin: 0;
}
.container{
    width: 100%;
    padding: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
/* 头部菜单栏 */
.sidebar{
    min-width: 1440px;
    background-image: url("../images/common/ban_image.jpg");
}
.sidebar .sidebarContent{
    width: 1440px;
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    padding: 0 1.875rem; /* 3rem×0.625=1.875rem */
}
.sidebar .logo{
    align-content: center;
}
.sidebar .sidebarCon{
    flex: 1;
    padding-left: 1.25rem; /* 2rem×0.625=1.25rem */
    display: flex;
    flex-direction: column;
}
.sidebar .sidebarCon .top{
    display: flex;
    flex-direction: row;
    padding-right: 0.3125rem; /* 0.5rem×0.625=0.3125rem */
    padding-top: 1.25rem; /* 2rem×0.625=1.25rem */
    justify-content: flex-end; /* 使子元素靠右对齐 */
}
.sidebar .sidebarCon .top .web{
    display: flex;
    flex-direction: row;
    font-size: 0.875rem; /* 1.4rem×0.625=0.875rem */
    color: rgba(255, 255, 255, 1);
    padding-right: 0.9375rem; /* 1.5rem×0.625=0.9375rem */
    position: relative;
    cursor: pointer;
    text-decoration: none;
}
.sidebar .sidebarCon .top .simplified:hover{
    cursor: pointer;
    color: rgba(167, 243, 208, 1);
}
.sidebar .sidebarCon .top .simplified .chineseOrEnglish{
    width: 177px;
    border-radius: 1.5rem; /* 2.4rem×0.625=1.5rem */
    background: #ffffff;
    padding: 0.625rem; /* 1rem×0.625=0.625rem */
    position: absolute;
    top:1.5625rem; /* 2.5rem×0.625=1.5625rem */
    left: -1.875rem; /* 3rem×0.625=1.875rem */
    text-align: center;
    color: rgba(17, 24, 39, 1);
    box-shadow:  0 4px 24px rgba(0, 0, 0, 0.25);
    z-index: 999;
    display: none;
}
.sidebar .sidebarCon .top .simplified .chineseOrEnglish p{
    height: 2.75rem; /* 4.4rem×0.625=2.75rem */
}
.sidebar .sidebarCon .top .simplified .chineseOrEnglish p.active a{
    font-weight: bold;
    color: rgba(5, 150, 105, 1);
}
.sidebar .sidebarCon .top .simplified .chineseOrEnglish p:first-child{
    border-bottom: 1px solid rgba(229, 231, 235, 1);
}
.sidebar .sidebarCon .top .simplified .chineseOrEnglish p a{
    text-decoration: none;
    color: rgba(17, 24, 39, 1);;
}
.sidebar .sidebarCon .top .web .simplifiedCho_cho{
    display: none;
}
.sidebar .sidebarCon .top .web img{
    align-content: center;
}
.sidebar .sidebarCon .top .web:last-child{
    padding-right: 0;
}
.sidebar .sidebarCon .top .web p{
    padding-left: 0.3125rem; /* 0.5rem×0.625=0.3125rem */
    line-height: 1.375rem; /* 2.2rem×0.625=1.375rem */
    align-content: center;
}
.sidebar .sidebarBottom{
    display: flex;
    flex-direction: row;
}
.sidebar .sidebarBottom ul{
    flex: 1;
}
.sidebar .sidebarBottom ul li{
    cursor: pointer;
    display: inline-block;
    color: rgba(255, 255, 255, 1);
    position: relative;
    height: 5rem; /* 8rem×0.625=5rem */
}
.sidebar .sidebarBottom ul li:hover,.sidebar .sidebarBottom ul li a:hover{
    color: rgba(167, 243, 208, 1);
}
.sidebar .sidebarBottom ul li a{
    display: block;
    padding: 1.875rem 0.9375rem 0 0.9375rem; /* 3rem×0.625=1.875rem；1.5rem×0.625=0.9375rem */
    font-size: 1.125rem; /* 1.8rem×0.625=1.125rem */
    line-height: 1.75rem; /* 2.8rem×0.625=1.75rem */
    height: 1.75rem; /* 2.8rem×0.625=1.75rem */
    color: #ffffff;
    text-decoration: none;
}
.sidebar .sidebarBottom ul li.active a,.sidebar .sidebarBottom ul li.active{
    color: rgba(250, 204, 21, 1);
    cursor: pointer;
    text-decoration: none;
}
.sidebar .sidebarBottom ul li .sub-content{
    width: 760px;
    display: flex;
    flex-direction: row;
    background: url("../images/common/sid_bg.png") no-repeat;
    border: 0.25rem solid rgba(167, 243, 208, 1); /* 0.4rem×0.625=0.25rem */
    border-radius: 1.5rem; /* 2.4rem×0.625=1.5rem */
    position: absolute;
    left: -11.875rem; /* 19rem×0.625=11.875rem */
    top: 4.375rem; /* 7rem×0.625=4.375rem */
    padding: 0 1.875rem; /* 3rem×0.625=1.875rem */
    z-index: 9999;
}
.sidebar .sidebarBottom ul li .sub-content .pic{
    display: flex;
    align-items: flex-end;
    align-self: flex-end;
}
.sidebar .sidebarBottom ul li .sub-content .list{
    padding: 1.875rem; /* 3rem×0.625=1.875rem */
    text-align: left;
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative;
    z-index: 999;
}
.sidebar .sidebarBottom ul li .sub-content .list .listChild{
    display: flex;
    flex-direction: row;
    padding-bottom: 0.75rem; /* 1.2rem×0.625=0.75rem */
}
.sidebar .sidebarBottom ul li .sub-content .list .listChild:last-child{
    padding-bottom: 0;
}
.sidebar .sidebarBottom ul li .sub-content .list .listChild p{
    width: 12.5rem; /* 20rem×0.625=12.5rem */
    color: #ffffff;
    line-height: 1.75rem; /* 2.8rem×0.625=1.75rem */
}
.sidebar .sidebarBottom ul li .sub-content .list .listChild p a{
    color: #ffffff;
    text-decoration: none;
    padding: 0;
}
.sidebar .sidebarBottom ul li .sub-content .list .listChild p a:hover{
    color: rgba(167, 243, 208, 1);
}
.sidebar .sidebarBottom .bottom{
    padding: 1.25rem 0; /* 2rem×0.625=1.25rem */
    justify-content: flex-end; /* 使子元素靠右对齐 */
}
.sidebar .sidebarBottom .bottom .button_zoo{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.sidebar .sidebarBottom .bottom .button_zoo .btn{
    border-radius: 1.625rem; /* 2.6rem×0.625=1.625rem */
    background-color: rgba(250, 204, 21, 1);
    font-size: 1.125rem; /* 1.8rem×0.625=1.125rem */
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
    padding: 0.625rem 1.25rem; /* 1rem×0.625=0.625rem；2rem×0.625=1.25rem */
}
.sidebar .sidebarBottom .bottom .button_zoo .btn:hover{
    background-color: rgba(253, 224, 71, 1);
    color: rgba(66, 32, 6, 1);
    font-weight: bold;
}
.sidebar .sidebarBottom .bottom .button_zoo .btn:hover .btnChildCho{
    display: block;
}
.sidebar .sidebarBottom .bottom .button_zoo .btn:hover .btnChild{
    display: none;
}
.sidebar .sidebarBottom .bottom .button_zoo .btn .btnChildCho{
    display: none;
}
.sidebar .sidebarBottom .bottom .button_zoo .btn img{
    padding-right: 0.3125rem; /* 0.5rem×0.625=0.3125rem */
    align-content: center;
}
.sidebar .sidebarBottom .bottom .button_zoo .btn:first-child{
    margin-right: 1.25rem; /* 2rem×0.625=1.25rem */
}
.sidebar .sidebarBottom .bottom .button_zoo .btn:last-child{
    margin-right: 0;
}
.sidebar .sidebarBottom .bottom .button_zoo .btn .weChat{
    position: absolute;
    background: #ffffff;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25);
    width: 264px;
    height: 254px;
    border-radius: 2.5rem; /* 4rem×0.625=2.5rem */
    top: 3.75rem; /* 6rem×0.625=3.75rem */
    display: none;
    z-index: 999;
}
.sidebar .sidebarBottom .bottom .button_zoo .btn .weChat img{
    padding: 1.875rem 0 0 0; /* 3rem×0.625=1.875rem */
}
.sidebar .sidebarBottom .bottom .button_zoo .btn .weChat p{
    color: rgba(17, 24, 39, 1);
    padding-top: 1.25rem; /* 2rem×0.625=1.25rem */
    font-weight: bold;
    font-size: 1.125rem; /* 1.8rem×0.625=1.125rem */
}
.sidebar .sidebarBottom .bottom .button_zoo a{
    color: rgba(17, 24, 39, 1);
    text-decoration: none;
}
/* 底部 */
.footer{
    display: flex;
    flex-direction: column;
    font-size: 0.875rem; /* 1.4rem×0.625=0.875rem */
    line-height: 1.375rem; /* 2.2rem×0.625=1.375rem */
    text-align: center;
    margin: 0 auto;
}
/* 底部友情链接 */
.friendLink{
    width: 1440px;
    border-bottom: 1px solid rgba(226, 232, 240, 1);
    padding: 1.25rem 2.5rem; /* 2rem×0.625=1.25rem；4rem×0.625=2.5rem */
    display: flex;
    flex-direction: row;
    align-items: center;
}
.friendLink .link{
    font-size: 1.5rem; /* 2.4rem×0.625=1.5rem */
    color: rgba(17, 24, 39, 1);
    align-content: center;
}
.friendLink .park{
    flex: 1;
    display: flex;
    flex-direction: column;
}
.friendLink .park .parkChild{
    display: flex;
    flex-direction: row;
    padding:0 1.25rem; /* 2rem×0.625=1.25rem */
}
.friendLink .park .parkChild p{
    width: 5.625rem; /* 9rem×0.625=5.625rem */
    line-height: 1.875rem; /* 3rem×0.625=1.875rem */
    cursor: pointer;
}
.friendLink .park .parkChild p:hover{
    color:#059669;
}
.friendLink .picture{
    width: 200px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: right;
}
.friendLink .picture img:first-child{
    padding-right: 1.25rem; /* 2rem×0.625=1.25rem */
}
/* 底部-更多 */
.sitemap{
    width: 1440px;
    border-bottom: 1px solid rgba(229, 231, 235, 1);
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 1.5rem 0; /* 2.4rem×0.625=1.5rem */
}
.sitemap .child{
    padding-right: 2.5rem; /* 4rem×0.625=2.5rem */
    display: flex;
    flex-direction: column;
}
.sitemap .child p{
    padding: 0;
    font-size: 1.125rem; /* 1.8rem×0.625=1.125rem */
    line-height: 1.75rem; /* 2.8rem×0.625=1.75rem */
    font-weight: bold;
}
.sitemap .child:last-child{
    padding-right: 0;
}
.sitemap .child ul li{
    font-size: 0.875rem; /* 1.4rem×0.625=0.875rem */
    line-height: 1.375rem; /* 2.2rem×0.625=1.375rem */
    padding-top: 0.625rem; /* 1rem×0.625=0.625rem */
    text-align: left;
}
.sitemap .child ul li a{
    color: rgba(75, 85, 99, 1);
    text-decoration: none;
}
.sitemap .child ul li a:hover{
    color: #059669;
}
/* 底部-版权信息 */
.copyright{
    width: 1440px;
    color: rgba(75, 85, 99, 1);
    display: flex;
    flex-direction: row;
    padding: 1.5rem 2.5rem 0 2.5rem; /* 2.4rem×0.625=1.5rem；4rem×0.625=2.5rem */
}
.copyright .emblem{
    flex: 1;
    display: flex;
    flex-direction: column;
}
.copyright .emblem .emblemChild{
    display: flex;
    text-align: center;
    justify-content: center;
}
.copyright .link a{
    color: rgba(75, 85, 99, 1);
    text-decoration: none;
}
.copyright .link a:hover{
    color: #059669;
}
.copyright .link a:first-child{
    padding-right: 0.9375rem; /* 1.5rem×0.625=0.9375rem */
}
.copyright .link a:first-child:hover{
    color: #059669;
}
.emblemText{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 1.25rem 0; /* 2rem×0.625=1.25rem */
}
.emblemText text{
    padding-left: 0.3125rem; /* 0.5rem×0.625=0.3125rem */
}
@media (min-width: 1536px) {
    .container {
        max-width: 100%;
    }
}
@media (min-width: 1280px) {
    .container {
        max-width: 100%;
    }
}
@media (min-width: 1024px) {
    .container {
        max-width: 100%;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 100%;
    }
}
@media (min-width: 640px) {
    .container {
        max-width: 100%;
    }
}