.swiper-box
{
    width:100%;
    height:100%;
    display:flex;
    overflow:hidden;
    position:relative
}
.swiper-box *
{
    outline:none;
    text-shadow:none
}
.swiper-box .swiper-container,.swiper-box .swiper-container .swiper-wrapper .swiper-slide
{
    width:100%;
    height:100%
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item
{
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-size:auto 100%;
    background-position:50%
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item.banner
{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding-left:calc(50vw - 700px)
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item.banner .item-text
{
    width:100%;
    margin:0 auto;
    letter-spacing:4px;
    text-shadow:-2px 2px 3px rgba(0,0,0,.5)
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item.banner .item-text a
{
    width:120px;
    margin-top:20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px;
    color:#fff;
    border:1px solid #fff;
    opacity:.5
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item.banner .item-text a:hover
{
    opacity:1
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item.banner .item-text a i
{
    font-style:unset;
    font-size:1.4rem
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item.banner .item-text a i:before
{
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item.banner .animate-item
{
    transition:all .4s;
    -webkit-transition:all .8s;
    -moz-transition:all .8s;
    -o-transition:all .8s;
    -ms-transition:all .8s;
    visibility:hidden;
    transform:translate3d(100%,0,0);
    -webkit-transform:translate3d(100%,0,0)
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item.banner .animate-item.delay-0
{
    transition-delay:0s
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item.banner .animate-item.delay-1
{
    transition-delay:.2s
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item.banner .animate-item.delay-2
{
    transition-delay:.4s
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item.banner .animate-item.delay-3
{
    transition-delay:.6s
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item.banner .animate-item.delay-4
{
    transition-delay:.8s
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item.banner .animate-item.delay-5
{
    transition-delay:1s
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item .news-info
{
    position:absolute;
    left:0;
    bottom:0;
    z-index:2;
    width:100%;
    height:120px;
    background:rgba(0,0,0,.6);
    padding:0 20px;
    color:#fff;
    display:flex;
    flex-direction:column;
    justify-content:center;
    cursor:pointer
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item .news-info *
{
    cursor:pointer
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item .news-info label
{
    font-size:2.2rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    letter-spacing:2px
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item .news-info span
{
    letter-spacing:2px;
    margin-top:15px;
    font-size:1.6rem;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    line-height:150%;
    font-family:Microsoft YaHei,΢���ź�,SimSun,����,Heiti,����,sans-serif
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .slide-item.banner .animate-item
{
    visibility:visible;
    opacity:1;
    transform:none;
    -webkit-transform:none
}
.swiper-box .swiper-container .swiper-dot-box
{
    position:absolute;
    bottom:0;
    left:50%;
    display:flex;
    justify-content:space-between;
    z-index:1;
    padding:20px 0
}
.swiper-box .swiper-container .swiper-dot-box:before
{
    content:"";
    position:absolute;
    left:0;
    top:calc(50% - 2px);
    height:5px;
    width:100%;
    background:hsla(0,0%,100%,.3)
}
.swiper-box .swiper-container .swiper-dot-box.dot-1
{
    width:60px
}
.swiper-box .swiper-container .swiper-dot-box.dot-2
{
    width:120px
}
.swiper-box .swiper-container .swiper-dot-box.dot-3
{
    width:180px
}
.swiper-box .swiper-container .swiper-dot-box.dot-4
{
    width:240px
}
.swiper-box .swiper-container .swiper-dot-box.dot-5
{
    width:300px
}
.swiper-box .swiper-container .swiper-dot-box.dot-6
{
    width:360px
}
.swiper-box .swiper-container .swiper-dot-box.dot-7
{
    width:420px
}
.swiper-box .swiper-container .swiper-dot-box.dot-8
{
    width:480px
}
.swiper-box .swiper-container .swiper-dot-box.dot-9
{
    width:540px
}
.swiper-box .swiper-container .swiper-dot-box.dot-10
{
    width:600px
}
.swiper-box .swiper-container .swiper-dot-box span.swiper-pagination-bullet
{
    width:15px;
    height:15px;
    border-radius:unset;
    background:#d4af73;
    margin:unset;
    opacity:unset
}
.swiper-box .swiper-container .swiper-dot-box span.swiper-pagination-bullet.swiper-pagination-bullet-active
{
    background:#fff
}
.swiper-box .swiper-container .swiper-dot-box.dot-news
{
    bottom:120px;
    left:unset;
    right:20px
}
.swiper-box .swiper-container .swiper-dot-box.dot-news:before
{
    content:"";
    position:unset;
    left:unset;
    top:unset;
    height:unset;
    width:unset;
    background:unset
}
.swiper-box .swiper-container .swiper-dot-box.dot-news span.swiper-pagination-bullet
{
    width:12px;
    height:12px
}
.swiper-box .swiper-container .swiper-dot-box.dot-news.dot-1
{
    width:30px
}
.swiper-box .swiper-container .swiper-dot-box.dot-news.dot-2
{
    width:60px
}
.swiper-box .swiper-container .swiper-dot-box.dot-news.dot-3
{
    width:90px
}
.swiper-box .swiper-container .swiper-dot-box.dot-news.dot-4
{
    width:120px
}
.swiper-box .swiper-container .swiper-dot-box.dot-news.dot-5
{
    width:150px
}
.swiper-box .swiper-container .swiper-dot-box.dot-news.dot-6
{
    width:180px
}
.swiper-box .swiper-container .swiper-dot-box.dot-news.dot-7
{
    width:210px
}
.swiper-box .swiper-container .swiper-dot-box.dot-news.dot-8
{
    width:240px
}
.swiper-box .swiper-container .swiper-dot-box.dot-news.dot-9
{
    width:270px
}
.swiper-box .swiper-container .swiper-dot-box.dot-news.dot-10
{
    width:300px
}
.swiper-box .swiper-container .swiper-notification
{
    display:none
}
@media (max-width:768px)
{
    .swiper-box .swiper-container .swiper-dot-box
    {
        display:none
    }
    .swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item.banner .item-text
    {
        padding-left:10px
    }
    .swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item.banner .item-text a
    {
        margin-top:5px;
        float:left;
        padding:5px;
        width:unset
    }
    .swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item.area .area-more
    {
        background:#f3f3f3
    }
}
:root
{
    --header-height:80px;
    --theme-color:#d4af73;
    --news-swiper-width:680px
}
*
{
    position:relative;
    box-sizing:border-box
}
:hover
{
    transition:all .4s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s
}
@font-face
{
    font-family:SourceHan;
    src:url("../front/Source Han Serif SC Bold.otf") format("opentype")
}
body,html
{
    width:100%;
    padding:0;
    margin:0;
    min-height:100vh;
    overflow:hidden;
    overflow-y:auto;
    background:#fff;
    font:10px/1 microsoft yahei,Arial,Muller,sans-serif;
    color:#333;
    outline:0
}
* label
{
    font-family:SourceHan;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    letter-spacing:2px
}
body
{
    font-size:1.8rem
}
a,a:hover
{
    text-decoration:none
}
a {
    color: #333;
}
a:hover {
    color: var(--theme-color);
}
li,ul
{
    padding:0;
    margin:0;
    list-style:none
}
footer,header,section
{
    width:100%
}
.black
{
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter:grayscale(100%)
}
section
{
    margin:0 auto;
    max-width:1400px
}
body
{
    padding-top:var(--header-height);
    float:left;
    margin-left:0
}
.mobile-menu
{
    display:none
}
.mobile-mask
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.3);
    z-index:999
}
header
{
    position:fixed;
    left:0;
    top:0;
    height:var(--header-height);
    box-shadow:0 0 3px rgba(0,0,0,.5);
    z-index:100;
    background:#fff;
    width:100%
}
header section
{
    height:100%;
    max-width:1600px;
    display:flex;
    justify-content:space-between;
    overflow:unset
}
header section .logo
{
    height:100%
}
header section .logo img
{
    height:calc(100% - 10px);
    margin:5px 0;
    cursor:pointer
}
header section .menu
{
    display:flex
}
header section .menu .nav
{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-left:40px
}
header section .menu .nav a
{
    font-weight:700;
    cursor:pointer;
    font-family: SourceHan;
}

header section .menu .nav.active a,header section .menu .nav:hover a
{
    color:var(--theme-color)
}
header section .mobile-menu-button
{
    display:none
}
.banner
{
    width:100%;
    height:28.125vw
}
.banner.category
{
    height:unset;
    display:flex
}
.banner.category img
{
    width:100%
}
.banner.category .banner-box
{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:1
}
.banner.category .banner-box section
{
    display:flex;
    flex-direction:column;
    justify-content:center;
    height:100%;
    color:#fff
}
.banner.category .banner-box section label
{
    font-size:4.8rem;
    letter-spacing:2px
}
.banner.category .banner-box section span
{
    font-size:2.2rem;
    opacity:.3;
    margin-bottom:10px;
    letter-spacing:5px;
    text-transform:uppercase
}
.child-box section
{
    padding:40px 0;
    border-bottom:1px solid #eee
}
.child-box label
{
    font-size:2.6rem;
    cursor:pointer
}
.child-box label.active
{
    color:var(--theme-color)
}
.child-box i
{
    margin:0 60px
}
.back-top
{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    position:fixed;
    right:50px;
    bottom:50px;
    width:80px;
    height:80px;
    background:var(--theme-color);
    color:#fff;
    cursor:pointer
}
.back-top i
{
    font-size:2.4rem
}
.back-top span
{
    font-size:1.6rem;
    margin-top:10px
}
.back-top:hover
{
    box-shadow:0 0 15px rgba(0,0,0,.5)
}
.main
{
    overflow:hidden
}
.main .block
{
    display:flex;
    flex-direction:column;
    margin-top:75px
}
.main .block .block-title-box
{
    display:flex;
    justify-content:space-between;
    padding-bottom:40px
}
.main .block .block-title-box .block-more
{
    align-items:center;
    display: flex;
}
.main .block.top-news .block-title-box .block-more
{
    display: none;
}

.main .block.top-news .block-title-box .block-more.active {
    display: flex;
}
.main .block .block-title-box .block-more .iconfont
{
    display:inline-block;
    margin-left:10px;
    font-size:3.6rem;
    cursor:pointer
}
.main .block .block-title-box .block-more label
{
    cursor:pointer;
    letter-spacing:1px
}
.main .block .block-title-box .block-more p
{
    font-size:2.4rem;
    font-family:SourceHan,΢���ź�,SimSun,����,Heiti,����,sans-serif;
    color:var(--theme-color)
}
.main .block .block-title-box .block-more:hover
{
    color:var(--theme-color)
}
.main .block .block-title-box .block-title
{
    display:flex
}
.main .block .block-title-box .block-title .split
{
    margin:0 40px;
    width:2px;
    background:#333;
    opacity:.2
}
.main .block .block-title-box .block-title .title
{
    display:flex;
    flex-direction:column;
    color:#333;
    font-size:3.6rem;
    font-weight:700;
    justify-content:space-between;
    font-family:SourceHan,΢���ź�,SimSun,����,Heiti,����,sans-serif;
    letter-spacing:2px
}
.main .block .block-title-box .block-title .title label,.main .block .block-title-box .block-title .title span
{
    opacity:.2;
    cursor:pointer;
    height:45px
}
.main .block .block-title-box .block-title .title span
{
    text-transform:uppercase
}
.main .block .block-title-box .block-title .title.active label
{
    opacity:1;
    cursor:unset
}
.main .block .block-title-box .block-title .title.active span
{
    cursor:unset
}
.main .block .block-title-box .block-title .title:hover label
{
    opacity:1
}
.main .block.about .about-content
{
    font-size:1.6rem;
    line-height:200%;
    color:#222
}
.main .block.about .data-box
{
    margin-top:40px;
    height:160px;
    box-shadow:0 0 15px rgba(0,0,0,.1);
    border-radius:6px;
    display:flex;
    justify-content:center;
    align-items:center
}
.main .block.about .data-box .item
{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:25%
}
.main .block.about .data-box .item:before
{
    content:"";
    position:absolute;
    left:0;
    top:calc(50% - 25px);
    width:1px;
    background:var(--theme-color);
    height:50px
}
.main .block.about .data-box .item:first-child:before
{
    background:unset
}
.main .block.about .data-box .item .title
{
    font-size:6rem;
    font-weight:700;
    color:var(--theme-color)
}
.main .block.about .data-box .item .title span
{
    font-size:2.4rem
}
.main .block.about .data-box .item .desc
{
    padding-top:20px
}
.main .block.top-news .block-content-box
{
    display:flex
}
.main .block.top-news .item-panel
{
    display:none;
    width:100%
}
.main .block.top-news .item-panel.active
{
    display:flex
}
.main .block.top-news .block-content-box .swiper-box
{
    flex-shrink:0;
    width:var(--news-swiper-width);
    height:calc(var(--news-swiper-width)/4*3);
    margin-right:20px
}
.main .block.top-news .block-content-box .item-box
{
    display:flex;
    flex-direction:column;
    width:calc(100% - var(--news-swiper-width) - 20px)
}
.main .block.top-news .block-content-box .item-box .item
{
    display:flex;
    flex-direction:column;
    height:116.25px;
    margin-top:15px;
    padding:10px 15px;
    justify-content:space-between;
    border:1px solid #eee
}
.main .block.top-news .block-content-box .item-box .item:first-child
{
    margin-top:0
}
.main .block.top-news .block-content-box .item-box .item label
{
    font-size:2rem;
    cursor:pointer;
    color: #333;
}
.main .block.top-news .block-content-box .item-box .item span
{
    font-size:1.4rem;
    color:#999;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    line-height:150%;
    cursor:pointer
}
.main .block.top-news .block-content-box .item-box .item i
{
    font-style:unset;
    font-size:1.4rem;
    color:#999;
    cursor:pointer
}
.main .block.top-news .block-content-box .item-box .item:hover label
{
    color:var(--theme-color)
}
.main .block.area
{
    width:100%;
    max-width:unset;
    background:url(../images/domain-bg.png);
    background-size:100% auto;
    background-position:0 90px;
    background-repeat:no-repeat
}

.main .block.area .area-mobile {
    display: none;
}

.main .block.area .block-content-box,.main .block.area .block-title-box
{
    width:100%;
    max-width:1400px;
    margin:0 auto
}
.main .block.area .block-content-box
{
    padding-bottom:100px
}
.main .block.area .block-content-box .area-button
{
    display:flex;
    justify-content:flex-end;
    margin:40px 0 80px 0
}
.main .block.area .block-content-box .area-button span
{
    display:flex;
    justify-content:center;
    align-items:center;
    width:40px;
    height:40px;
    border:1px solid #757b8e;
    margin-left:30px;
    border-radius:2px;
    cursor:pointer;
    color:#757b8e
}
.main .block.area .block-content-box .area-button span:hover
{
    border-color:var(--theme-color);
    color:var(--theme-color)
}
.main .block.area .block-content-box .area-swiper
{
    width:100%;
    height:calc(25vw - 22.5px);
    max-height:240px
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item.area
{
    display:flex;
    flex-direction:column;
    background:var(--theme-color)
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item.area *
{
    cursor:pointer
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item.area .area-title
{
    flex-shrink:0;
    display:flex;
    flex-direction:column;
    padding:0 30px;
    color:#fff
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item.area .area-title label
{
    margin-top:30px;
    font-size:2.4rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    letter-spacing:2px
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item.area .area-title span
{
    margin-top:20px;
    font-size:1.2rem;
    opacity:.5;
    text-transform:uppercase
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item.area .area-icon
{
    flex:1 1 auto;
    background-position-y:center;
    background-position-x:calc(100% - 30px);
    background-repeat:no-repeat;
    background-size:auto 60%;
    opacity:.5
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item.area .area-more
{
    flex-shrink:0;
    width:100%;
    height:40px;
    background:#fff;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 30px;
    font-size:1.4rem;
    color:#64687a
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item.area .area-more:hover
{
    color:var(--theme-color)
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item.area:hover .area-icon
{
    opacity:1
}
.swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-item.area:hover .area-more span
{
    color:var(--theme-color)
}
footer
{
    background:#3f445d
}
footer .row
{
    width:100%;
    padding:20px 0;
    border-bottom:1px solid #4f546e
}
footer .row .logo
{
    cursor:pointer
}
footer .row section
{
    display:flex;
    justify-content:space-between
}
footer .row section .footer-title
{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    color:#636982
}
footer .row section .footer-title label
{
    letter-spacing:2px;
    font-size:2.4rem
}
footer .row section .footer-menu
{
    flex:1 1 auto;
    display:flex;
    justify-content:space-between;
    color:#adadad
}
footer .row section .footer-menu .footer-item
{
    display:flex;
    flex-direction:column
}
footer .row section .footer-menu label
{
    font-size:1.8rem;
    margin-bottom:10px
}
footer .row section .footer-menu a,footer .row section .footer-menu span
{
    font-size:1.4rem;
    margin-top:18px
}
footer .row section .footer-menu a
{
    color:#adadad
}
footer .row section .footer-menu a:hover
{
    color:var(--theme-color);
    cursor:pointer
}
footer .row section .footer-wechat
{
    flex-shrink:0;
    width:160px;
    margin-left:80px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
footer .row section .footer-wechat img
{
    width:100%
}
footer .row section .footer-wechat span
{
    font-size:1.4rem;
    margin-top:20px;
    color:#adadad
}
footer .row section.copyright
{
    flex-direction:column;
    color:#909090;
    font-size:1.4rem
}
footer .row section.copyright .footer-nav
{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:20px
}
footer .row section.copyright .footer-nav a
{
    cursor:pointer;
    color: #909090;
}
footer .row section.copyright .footer-nav a:hover
{
    color:var(--theme-color)
}
footer .row section.copyright .footer-nav i
{
    margin:0 15px;
    width:1px;
    height:10px;
    background:#909090
}
footer .row section.copyright .footer-copy
{
    display:flex;
    justify-content:center
}
footer .row section.copyright .footer-copy div
{
    margin-left:10px
}
footer .row section.copyright .footer-copy a
{
    color:#909090;
    margin-right:10px
}
footer .row section.copyright .footer-copy a:hover
{
    color:var(--theme-color)
}
.page-content
{
    min-height:500px;
    font-size:1.8rem;
    line-height:150%
}
.page-content img
{
    max-width:100%
}
.content-html,.member-desc,.page-content
{
    text-shadow:0 0 3px rgba(0,0,0,.2)
}
.list-content
{
    padding:40px 0
}
.list-content .list-box
{
    min-height:500px
}
.list-content .list-box .item *
{
    cursor:pointer
}
.list-content .list-box:after
{
    content:"";
    display:table;
    clear:both
}
.article-box .list-box
{
    display:flex;
    flex-direction:column;
    overflow:hidden
}
.article-box .list-box .item
{
    display:flex;
    padding:25px 0;
    border-bottom:1px solid #eee;
    overflow:hidden
}
.article-box .list-box .item .thumb
{
    flex-shrink:0;
    width:20%;
    padding-top:13.33333%;
    margin-right:20px;
    background-size:auto 100%;
    background-position:50%;
    background-repeat:no-repeat;
    transition:all .4s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s
}
.article-box .list-box .item .info
{
    display:flex;
    flex-direction:column;
    flex:1 1 auto;
    overflow:hidden
}
.article-box .list-box .item .info label
{
    flex-shrink:0;
    font-size:2.2rem;
    padding-bottom:20px
}
.article-box .list-box .item .info label,.article-box .list-box .item .info p
{
    transition:all .4s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s
}
.article-box .list-box .item .info p
{
    margin:unset;
    flex:1 1 auto;
    font-size:1.6rem;
    letter-spacing:2px;
    color:#999;
    line-height:150%;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden
}
.article-box .list-box .item .info span
{
    flex-shrink:0;
    padding-top:10px;
    color:#999;
    font-size:1.6rem
}
.article-box .list-box .item:hover .thumb
{
    background-size:auto 110%
}
.article-box .list-box .item:hover .info label
{
    color:var(--theme-color)
}
.article-box .list-box .item:hover .info p
{
    color:#000
}
.area-box .list-box
{
    border-top:unset
}
.area-box .list-box .item
{
    transition:all .4s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s
}
.area-box .list-box .item:hover
{
    box-shadow:0 0 15px rgba(0,0,0,.2)
}
.area-box .lawyer-list
{
    padding-top:unset
}
.area-box .list-box .item,.area-list .item
{
    float:left;
    width:calc(25% - 22.5px);
    padding-top:15.625%;
    margin-right:30px;
    margin-bottom:30px;
    background:var(--theme-color)
}
.area-box .list-box .item:nth-child(4n),.area-list .item:nth-child(4n)
{
    margin-right:0
}
.area-box .list-box .item .nbsp,.area-list .item .nbsp
{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    color:#fff
}
.area-box .list-box .item .nbsp label,.area-list .item .nbsp label
{
    flex-shrink:0;
    padding:30px 30px 10px 30px;
    font-size:2.4rem;
    cursor:pointer
}
.area-box .list-box .item .nbsp>span,.area-list .item .nbsp>span
{
    flex-shrink:0;
    font-size:1.2rem;
    opacity:.3;
    text-transform:uppercase;
    padding:0 30px;
    cursor:pointer
}
.area-box .list-box .item .nbsp p,.area-list .item .nbsp p
{
    flex:1 1 auto;
    background-position-y:center;
    background-position-x:calc(100% - 30px);
    background-repeat:no-repeat;
    background-size:auto 100%;
    opacity:.2;
    transition:all .4s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s;
    cursor:pointer
}
.area-box .list-box .item .nbsp .button,.area-list .item .nbsp .button
{
    flex-shrink:0;
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:40px;
    background:#f4f4f4;
    padding:0 30px;
    cursor:pointer
}
.area-box .list-box .item .nbsp .button span,.area-list .item .nbsp .button span
{
    color:#999;
    font-size:1.4rem
}
.area-box .list-box .item:hover p,.area-list .item:hover p
{
    opacity:1
}
.honor-box .item
{
    float:left;
    width:calc(33.33333% - 26.66667px);
    overflow:hidden;
    margin-bottom:40px;
    margin-right:40px;
    padding:10px;
    background:var(--theme-color);
    box-shadow:5px 5px 3px rgba(0,0,0,.4);
    cursor:pointer
}
.honor-box .item:nth-child(3n)
{
    margin-right:unset
}
.honor-box .item .thumb
{
    width:100%;
    padding-top:56.25%;
    background-repeat:no-repeat;
    background-position:50%;
    background-size:auto 100%;
    transition:all .4s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s
}
.honor-box .item .thumb,.honor-box .item .title
{
    display:flex;
    justify-content:center;
    align-items:center
}
.honor-box .item .title
{
    height:40px;
    color:#fff;
    letter-spacing:3px;
    margin-top:10px
}
.honor-box .item:hover .thumb
{
    background-size:auto 120%
}
.lawyer-box .search-form
{
    margin-bottom:unset
}
.lawyer-box .list-box
{
    border-top:unset
}
.lawyer-box *
{
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
}
.chronicle-box
{
    width:100%;
    display:flex;
    flex-direction:column
}
.chronicle-box .chronicle-title
{
    padding:0 0 50px 0;
    display:flex;
    justify-content:center
}
.chronicle-box .chronicle-title label
{
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:2.4rem;
    width:200px;
    height:60px;
    color:#fff;
    background:var(--theme-color)
}
.chronicle-box .chronicle-title:before
{
    content:"";
    position:absolute;
    left:calc(50% - 3px);
    width:6px;
    height:50%;
    bottom:0;
    background:var(--theme-color)
}
.chronicle-box .chronicle-end
{
    display:flex;
    justify-content:center
}
.chronicle-box .chronicle-end label
{
    display:flex;
    width:100px;
    height:100px;
    border-radius:50px;
    background:var(--theme-color)
}
.chronicle-box .chronicle-list
{
    display:flex;
    flex-direction:column;
    min-height:500px
}
.chronicle-box .chronicle-list:before
{
    content:"";
    position:absolute;
    left:calc(50% - 3px);
    top:0;
    height:100%;
    width:6px;
    background:var(--theme-color)
}
.chronicle-box .chronicle-list .item
{
    margin:50px 0;
    display:flex
}
.chronicle-box .chronicle-list .item:before
{
    content:"";
    position:absolute;
    left:0;
    width:50%;
    height:6px;
    top:27px;
    background:var(--theme-color)
}
.chronicle-box .chronicle-list .item label
{
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:2.4rem;
    font-style:italic;
    width:120px;
    height:60px;
    background:var(--theme-color);
    color:#fff;
    order:0
}
.chronicle-box .chronicle-list .item .event
{
    order:1;
    width:calc(50% - 120px);
    padding:60px 20px 0 20px
}
.chronicle-box .chronicle-list .item .event .event-item
{
    padding:0 10px
}
.chronicle-box .chronicle-list .item .event .event-item .event-month
{
    display:flex;
    justify-content:flex-end;
    margin-bottom:20px
}
.chronicle-box .chronicle-list .item .event .event-item .event-month label
{
    display:flex;
    justify-content:center;
    align-items:center;
    width:80px;
    height:40px;
    border-radius:20px;
    font-size:1.8rem
}
.chronicle-box .chronicle-list .item .event .event-item .event-info
{
    display:flex;
    margin-bottom:40px;
    box-shadow:0 0 1px rgba(0,0,0,.2);
    border-radius:10px;
    padding:10px
}
.chronicle-box .chronicle-list .item .event .event-item .event-info .thumb
{
    flex-shrink:0;
    width:30%;
    margin-right:10px
}
.chronicle-box .chronicle-list .item .event .event-item .event-info .thumb div
{
    width:100%;
    padding-top:56.25%;
    background-repeat:no-repeat;
    background-position:50%;
    background-size:auto 100%
}
.chronicle-box .chronicle-list .item .event .event-item .event-info .info
{
    flex:1 1 auto;
    font-size:1.8rem;
    line-height:150%;
    text-align:justify
}
.chronicle-box .chronicle-list .item .event .event-item .event-info:hover
{
    box-shadow:0 0 15px rgba(0,0,0,.2)
}
.chronicle-box .chronicle-list .item:nth-child(2n)
{
    justify-content:flex-end
}
.chronicle-box .chronicle-list .item:nth-child(2n):before
{
    left:unset;
    right:0
}
.chronicle-box .chronicle-list .item:nth-child(2n) label
{
    order:2
}
.lawyer-box .list-box .item,.lawyer-list .item
{
    display:flex;
    float:left;
    width:calc(33.33333% - 26.66667px);
    margin-right:40px;
    margin-top:40px;
    background:#fff;
    padding:25px;
    box-shadow:0 0 15px rgba(0,0,0,.2);
    border-radius:5px;
    cursor:pointer
}
.lawyer-box .list-box .item:nth-child(3n),.lawyer-list .item:nth-child(3n)
{
    margin-right:unset
}
.lawyer-box .list-box .item .thumb,.lawyer-list .item .thumb
{
    flex-shrink:0;
    width:calc(50% - 20px);
    padding-top:calc(70% - 28px);
    margin-right:20px;
    background-size:auto 100%;
    background-position:50%;
    background-repeat:no-repeat;
    transition:all .4s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s
}
.lawyer-box .list-box .item .info,.lawyer-list .item .info
{
    display:flex;
    flex-direction:column;
    width:50%
}
.lawyer-box .list-box .item .info label,.lawyer-list .item .info label
{
    flex-shrink:0;
    font-size:2.4rem;
    height:40px
}
.lawyer-box .list-box .item .info span,.lawyer-list .item .info span
{
    flex-shrink:0;
    color:var(--theme-color);
    font-size:1.6rem;
    height:32px;
    border-bottom:1px solid #f1f1f1
}
.lawyer-box .list-box .item .info ul,.lawyer-list .item .info ul
{
    flex:1 1 auto
}
.lawyer-box .list-box .item .info ul li,.lawyer-list .item .info ul li
{
    display:flex;
    align-items:center;
    padding:8px;
    margin-top:10px;
    background-color:var(--theme-color);
    font-size:1.4rem;
    background-image:url(../images/area.png);
    background-repeat:no-repeat;
    background-position:100% 0;
    background-size:auto 100%;
    border-top-right-radius:8px;
    color:#fff;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.lawyer-box .list-box .item .info .button,.lawyer-list .item .info .button
{
    flex-shrink:0;
    height:30px
}
.lawyer-box .list-box .item .info .button span,.lawyer-list .item .info .button span
{
    background:#3f445d;
    color:#fff;
    height:100%;
    width:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:1.4rem;
    transition:all .4s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -ms-transition:all .2s
}
.lawyer-box .list-box .item .info .button span i,.lawyer-list .item .info .button span i
{
    margin-left:15px;
    font-size:12px
}
.lawyer-box .list-box .item:hover .thumb,.lawyer-list .item:hover .thumb
{
    background-size:auto 110%
}
.lawyer-box .list-box .item:hover .info .button span,.lawyer-list .item:hover .info .button span
{
    background:var(--theme-color)
}
.list-page
{
    margin:40px 0 0 0;
    font-size:1.4rem
}
.list-page,.list-page li
{
    display:flex;
    justify-content:center;
    align-items:center
}
.list-page li
{
    border:1px solid #dbdfe2;
    color:#dbdfe2;
    width:32px;
    height:32px;
    border-radius:4px;
    margin:0 5px;
    cursor:pointer
}
.list-page li.curr,.list-page li:hover
{
    color:#427e5a;
    border-color:#427e5a
}
.list-page label
{
    padding:0 10px;
    font-family:unset
}
.list-page input
{
    width:50px;
    border:1px solid #dbdfe2;
    text-align:center;
    height:32px;
    border-radius:4px
}

.list-page ul {
    display: flex;
}

.list-page ul li a {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.show-page
{
    display:flex;
    flex-direction:column;
    min-height:600px;
    padding:50px 0;
    border-top:1px solid #f1f1f1
}
.show-page>.title
{
    font-size:2.4rem;
    text-align:center;
    margin-bottom:40px;
    white-space:unset;
    overflow:hidden;
    text-overflow:unset;
    line-height:150%
}
.show-page>.title i
{
    font-size:1.6rem;
    color:var(--theme-color);
    margin-left:15px
}
.show-page .attr
{
    display:flex;
    justify-content:space-between;
    margin:50px 0
}
.show-page .attr span
{
    font-size:1.4rem
}
.show-page>.thumb
{
    text-align:center;
    margin:20px 0
}
.show-page>.thumb img
{
    max-width:100%
}
.show-page .content-html
{
    font-size:1.8rem;
    line-height:150%;
    letter-spacing:2px;
    min-height:500px
}
.show-page .content-html img
{
    max-width:100%
}
.show-page .sub-title
{
    display:flex;
    justify-content:center;
    align-items:center;
    height:50px
}
.show-page .sub-title:before
{
    content:"";
    width:100%;
    height:2px;
    position:absolute;
    left:0;
    top:calc(50% - 1px);
    background:var(--theme-color)
}
.show-page .sub-title label
{
    padding:0 20px;
    font-size:2.4rem;
    background:#fff
}
.show-page.lawyer-box
{
    flex-direction:row
}
.show-page.lawyer-box .photo
{
    flex-shrink:0;
    width:20%;
    padding-top:28%;
    background-size:100% auto;
    background-position:top;
    background-repeat:no-repeat;
    margin-right:40px
}
.show-page.lawyer-box .info
{
    flex:1 1 auto;
    display:flex;
    flex-direction:column
}
.show-page.lawyer-box .info .info-header
{
    display:flex;
    align-items:flex-end
}
.show-page.lawyer-box .info .info-header label
{
    font-size:2.8rem
}
.show-page.lawyer-box .info .info-header b
{
    margin-left:20px;
    font-size:1.8rem;
    color:var(--theme-color)
}
.show-page.lawyer-box .info .info-header b:first-child
{
    margin-left:40px
}
.show-page.lawyer-box .info .member-area
{
    margin-top:50px
}
.show-page.lawyer-box .info .member-area .item
{
    float:left;
    padding:10px 50px 10px 10px;
    background-color:var(--theme-color);
    margin-right:20px;
    margin-bottom:20px;
    font-size:1.6rem;
    letter-spacing:2px;
    cursor:pointer;
    background-image:url(../images/area.png);
    background-position:calc(100% + 2px) top;
    background-size:auto 80%;
    background-repeat:no-repeat;
    border-top-right-radius:10px;
    color:#fff
}
.show-page.lawyer-box .info .member-area .item:hover
{
    background-color:var(--theme-color);
    color:#fff;
    box-shadow:0 0 15px rgba(0,0,0,.2)
}
.show-page.lawyer-box .info .member-down
{
    margin-top:40px
}
.show-page.lawyer-box .info .member-down a
{
    font-size:1.6rem;
    font-family:unset;
    width:140px;
    height:40px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:hsla(0,0%,83.1%,.2);
    cursor:pointer;
    color:#333
}
.show-page.lawyer-box .info .member-down a:hover
{
    color:#fff;
    background:var(--theme-color);
    box-shadow:0 0 15px rgba(0,0,0,.2)
}
.show-page.lawyer-box .info .member-down a .iconfont
{
    font-size:1.8rem;
    font-weight:700;
    margin-right:10px
}
.show-page.lawyer-box .info .member-content
{
    margin-top:50px;
    display:flex;
    flex-direction:column
}
.show-page.lawyer-box .info .member-content .title
{
    border-bottom:var(--theme-color) 3px solid
}
.show-page.lawyer-box .info .member-content label
{
    display:flex;
    height:50px;
    width:180px;
    background:var(--theme-color);
    color:#fff;
    font-size:1.8rem;
    justify-content:center;
    align-items:center
}
.show-page.lawyer-box .info .member-content label i
{
    margin-right:20px;
    font-size:2.4rem
}
.show-page.lawyer-box .info .member-content .member-desc
{
    min-height:400px;
    line-height:150%;
    font-size:1.8rem
}
.show-page.lawyer-box .info .member-content .member-desc img
{
    max-width:100%;
    padding:20px 0
}
.show-page.lawyer-box .info .member-content .member-remark
{
    line-height:150%
}
@media (max-width:768px)
{
    :root
    {
        --header-height:60px;
        --news-swiper-width:100%
    }
    .mobile-menu
    {
        display:flex;
        flex-direction:column;
        padding:15px;
        position:fixed;
        width:70vw;
        height:100vh;
        background:var(--theme-color);
        top:0;
        left:-80vw;
        z-index:9999;
        box-shadow:0 0 15px rgba(0,0,0,.2);
        color:#fff;
        transition:all .4s;
        -webkit-transition:all .2s;
        -moz-transition:all .2s;
        -o-transition:all .2s;
        -ms-transition:all .2s
    }
    .mobile-menu.show
    {
        left:0
    }
    .mobile-menu .menu-item
    {
        margin-bottom:20px
    }
    .mobile-menu .menu-item label , .mobile-menu .menu-item a
    {
        display:flex;
        height:40px;
        width:100%;
        align-items:center;
        color: #fff;
        font-family:SourceHan;
    }
    .mobile-menu .menu-item ul
    {
        width:100%;
        padding-left:40px;
        height:0;
        overflow:hidden;
        transition:all .4s;
        -webkit-transition:all .2s;
        -moz-transition:all .2s;
        -o-transition:all .2s;
        -ms-transition:all .2s
    }
    .mobile-menu .menu-item ul a
    {
        height:30px;
        line-height:30px;
        margin-top:10px;
        font-size:1.4rem
    }
    .mobile-menu .menu-item.child-1 ul.open
    {
        height:40px
    }
    .mobile-menu .menu-item.child-2 ul.open
    {
        height:80px
    }
    .mobile-menu .menu-item.child-3 ul.open
    {
        height:120px
    }
    .mobile-menu .menu-item.child-4 ul.open
    {
        height:160px
    }
    .mobile-menu .menu-item.child-5 ul.open
    {
        height:200px
    }
    .mobile-menu .menu-item.child-6 ul.open
    {
        height:240px
    }
    .mobile-menu .menu-item.child-7 ul.open
    {
        height:280px
    }
    .mobile-menu .menu-item.child-8 ul.open
    {
        height:320px
    }
    .mobile-menu .menu-item.child-9 ul.open
    {
        height:360px
    }
    .mobile-menu .menu-item.child-10 ul.open
    {
        height:400px
    }
    header section .menu
    {
        display:none
    }
    header section .logo
    {
        padding:5px
    }
    header section .mobile-menu-button
    {
        display:flex;
        justify-content:center;
        align-items:center;
        padding:0 10px
    }
    header section .mobile-menu-button span
    {
        font-size:3.2rem
    }
    #banner-swiper .swiper-wrapper .swiper-slide .slide-item {
        padding-left: 10px;
    }
    #banner-swiper .swiper-wrapper .swiper-slide .slide-item .item-text.delay-0 {
        font-size: 24px!important;
    }
    #banner-swiper .swiper-wrapper .swiper-slide .slide-item .item-text.delay-1 {
        font-size: 14px!important;
    }
    #banner-swiper .swiper-wrapper .swiper-slide .slide-item .item-text a i {
        font-size: 1rem;
    }
    .banner,.banner.category
    {
        height:37.5vw
    }
    .banner .banner-box section,.banner.category .banner-box section
    {
        padding:0 15px
    }
    .banner .banner-box section label,.banner.category .banner-box section label
    {
        font-size:2.4rem
    }
    .banner .banner-box section span,.banner.category .banner-box section span
    {
        font-size:1.6rem
    }
    .child-box.child-1 section label
    {
        width:100%
    }
    .child-box.child-2 section label
    {
        width:50%
    }
    .child-box.child-3 section label
    {
        width:33.33333%
    }
    .child-box.child-4 section label
    {
        width:25%
    }
    .child-box.child-5 section label
    {
        width:20%
    }
    .child-box.child-6 section label
    {
        width:16.66667%
    }
    .child-box.child-7 section label
    {
        width:14.28571%
    }
    .child-box.child-8 section label
    {
        width:12.5%
    }
    .child-box.child-9 section label
    {
        width:11.11111%
    }
    .child-box.child-10 section label
    {
        width:10%
    }
    .child-box section
    {
        display:flex;
        padding:unset
    }
    .child-box section label
    {
        display:flex;
        font-size:1.6rem;
        height:40px;
        justify-content:center;
        align-items:center
    }
    .child-box section label.active
    {
        background:var(--theme-color);
        color:#fff
    }
    .child-box section i
    {
        display:none
    }
    .main
    {
        padding:0 10px
    }
    .main .block
    {
        margin-top:10px
    }
    .main .block .block-title-box
    {
        padding-bottom:10px
    }
    .main .block .block-title-box .block-more
    {
        display:none !important;
    }
    .main .block .block-title-box .block-title
    {
        display:block;
        width:100%;
        border-bottom:var(--theme-color) 1px solid
    }
    .main .block .block-title-box .block-title .title
    {
        float:left;
        height:40px;
        line-height:40px;
        font-size:1.8rem;
        padding:0 15px
    }
    .main .block .block-title-box .block-title .title.active
    {
        background:var(--theme-color);
        color:#fff
    }
    .main .block .block-title-box .block-title .title label
    {
        display:inline;
        height:unset
    }
    .main .block .block-title-box .block-title .split,.main .block .block-title-box .block-title .title span,.main .block.top-news .block-content-box .swiper-box
    {
        display:none
    }
    .main .block.top-news .block-content-box .item-box
    {
        width:100%
    }
    .main .block.top-news .block-content-box .item-box .item
    {
        padding:10px
    }
    .main .block.top-news .block-content-box .item-box .item label
    {
        font-size:1.6rem
    }
    .main .block.about .data-box
    {
        margin-top:15px;
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:10px;
        overflow:hidden;
        padding:10px
    }
    .main .block.about .data-box .item
    {
        width:unset
    }
    .main .block.about .data-box .item:before
    {
        display:none
    }
    .main .block.about .data-box .item .title
    {
        font-size:2.4rem
    }
    .main .block.about .data-box .item .desc
    {
        padding-top:10px;
        font-size:1.4rem
    }
    .main .block.area {
        background: unset;
    }
    .main .block.area .block-content-box
    {
        display: none;
    }
    .main .block.area .area-mobile {
        display: block;
    }
    .main .block.area .area-mobile .area-item {
        width: 100%;
        float: left;
        display: flex;
        flex-direction: column;
        background-color: var(--theme-color);
        background-repeat: no-repeat;
        background-position: 95% center;
        background-size: auto 60%;
        margin-bottom: 10px;
        cursor: pointer;
    }
    .main .block.area .area-mobile .area-item .area-title {
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 10px 10px;
        color: #fff;
    }
    .main .block.area .area-mobile .area-item .area-title label {
        font-size: 1.6rem;
        margin: 5px 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        letter-spacing: 2px;
    }
    .main .block.area .area-mobile .area-item .area-title span {
        margin: 5px 0;
        font-size: 1rem;
        opacity: .5;
        text-transform: uppercase;
    }
    .main .block.area .area-mobile .area-item .area-icon {
        flex: 1 1 auto;
        background-position-y: center;
        background-position-x: calc(100% - 30px);
        background-repeat: no-repeat;
        background-size: auto 60%;
        opacity: .5;
        height: 80px;
    }
    .main .block.area .area-mobile .area-item .area-more {
        background: #fff;
        padding: 10px 30px;
    }
    .search-form
    {
        flex-direction:column;
        overflow:hidden;
        height:unset!important;
        padding:40px!important;
        margin-bottom:20px!important
    }
    .search-form .form-item
    {
        width:100%!important;
        margin-bottom:20px
    }
    .search-form .form-item:last-child>span,footer .row.mobile-hidden,footer .row section .logo
    {
        display:none
    }
    footer .row section .footer-title
    {
        width:100%;
        justify-content:center;
        align-items:center
    }
    footer .row section .footer-title label
    {
        font-size:1.4rem
    }
    footer .row section.copyright .footer-nav
    {
        display:none
    }
    footer .row section.copyright .footer-copy
    {
        flex-direction:column
    }
    footer .row section.copyright .footer-copy span
    {
        display:flex;
        justify-content:center;
        align-items:center;
        padding:5px 0
    }
    footer .row section.copyright .footer-copy div
    {
        text-align:center;
        margin-top:5px
    }
    .back-top
    {
        display:none!important
    }
    .page-content
    {
        padding:0 10px
    }
    .list-content
    {
        padding:10px
    }
    .honor-box
    {
        display:flex;
        flex-direction:column
    }
    .honor-box .list-box .item {
        display: block;
        float: unset;
        margin-right: unset;
        margin-bottom: 15px;
        width: 100%;
    }
    .honor-box .item .thumb {
        width: 100%;
        padding-top: calc(100% / 16 * 9);
        display: flex;
        justify-content: center;
        align-items: center;
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto 100%;
        transition: all 0.4s;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        -ms-transition: all 0.2s;
    }
    .honor-box .item .title {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        color: #fff;
        letter-spacing: 3px;
        margin-top: 10px;
    }
    .article-box .list-box .item
    {
        padding:10px 0
    }
    .article-box .list-box .item .thumb
    {
        width:40%;
        margin-right:10px
    }
    .article-box .list-box .item .info label
    {
        font-size:1.6rem;
        padding-bottom:10px
    }
    .article-box .list-box .item .info p
    {
        font-size:1.4rem;
        -webkit-line-clamp:2
    }
    .article-box .list-box .item .info span
    {
        font-size:1.4rem
    }
    .area-box .list-box
    {
        display:flex;
        flex-direction:column
    }
    .area-box .list-box .item
    {
        float:unset;
        width:100%;
        margin-right:unset;
        margin-bottom:20px;
        padding-top:unset
    }
    .area-box .list-box .item .nbsp
    {
        position:relative;
        box-shadow:0 0 15px rgba(0,0,0,.5)
    }
    .area-box .list-box .item .nbsp label
    {
        padding:10px;
        font-size:1.6rem
    }
    .area-box .list-box .item .nbsp span
    {
        padding:0 10px
    }
    .area-box .list-box .item .nbsp p
    {
        height:20vw;
        opacity:1
    }
    .area-box .list-box .item .nbsp .button
    {
        padding:0 10px
    }
    .lawyer-box .search-form
    {
        margin-bottom:10px!important
    }
    .lawyer-box .list-box
    {
        display:flex;
        flex-direction:column
    }
    .lawyer-box .list-box .item
    {
        float:unset;
        width:100%;
        margin-top:15px;
        margin-right:unset;
        padding:10px
    }
    .lawyer-box .list-box .item .info label
    {
        font-size:1.8rem;
        height:30px
    }
    .lawyer-box .list-box .item .info span
    {
        font-size:1.4rem;
        height:24px
    }
    .show-page
    {
        padding:10px
    }
    .show-page>.title
    {
        margin-bottom:20px;
        font-size:2.4rem;
        text-align:justify
    }
    .show-page .sub-title
    {
        height:40px
    }
    .show-page .attr
    {
        margin:10px 0
    }
    .show-page .content-html
    {
        margin-top:20px
    }
    .show-page.lawyer-box
    {
        flex-direction:column
    }
    .show-page.lawyer-box .photo
    {
        width:80%;
        padding-top:112%;
        margin:15px auto
    }
    .show-page.lawyer-box .info .info-header
    {
        flex-direction:column;
        align-items:center
    }
    .show-page.lawyer-box .info .info-header div
    {
        display:flex;
        justify-content:space-around;
        width:100%;
        padding:20px 0 10px 0
    }
    .show-page.lawyer-box .info .info-header div b
    {
        margin-left:unset;
        font-size:1.6rem
    }
    .show-page.lawyer-box .info .info-header div b:first-child
    {
        margin-left:unset
    }
    .show-page.lawyer-box .info .member-down
    {
        margin-top:unset
    }
    .show-page.lawyer-box .info .member-area
    {
        margin-top:20px
    }
    .show-page.lawyer-box .info .member-area .item
    {
        width:calc(50% - 10px);
        margin-right:20px;
        font-size:1.2rem;
        letter-spacing: unset;
    }
    .show-page.lawyer-box .info .member-area .item:nth-child(2n)
    {
        margin-right:unset
    }
    .show-page.lawyer-box .info .member-content
    {
        margin-top:20px
    }
    .show-page.lawyer-box .info .member-content .title label
    {
        float:left;
        height:40px;
        font-size:1.6rem;
        width:unset;
        padding:0 15px
    }
    .chronicle-box .chronicle-end,.chronicle-box .chronicle-title
    {
        display:none
    }
    .chronicle-box .chronicle-list:before
    {
        left:unset;
        right:10px
    }
    .chronicle-box .chronicle-list .item
    {
        margin:25px 0
    }
    .chronicle-box .chronicle-list .item:before
    {
        width:calc(100% - 10px);
        top:17px
    }
    .chronicle-box .chronicle-list .item label
    {
        width:100px;
        height:40px
    }
    .chronicle-box .chronicle-list .item .event
    {
        width:calc(100% - 120px);
        padding:40px 0 0 0
    }
    .chronicle-box .chronicle-list .item .event .event-item
    {
        padding:unset
    }
    .chronicle-box .chronicle-list .item .event .event-item .event-month label
    {
        height:30px;
        font-size:1.6rem
    }
    .chronicle-box .chronicle-list .item .event .event-item .event-info
    {
        flex-direction:column;
        margin-bottom:20px;
        margin-right:10px;
        box-shadow:0 0 15px rgba(0,0,0,.2)
    }
    .chronicle-box .chronicle-list .item .event .event-item .event-info .thumb
    {
        width:100%;
        margin-right:unset;
        margin-bottom:15px
    }
    .chronicle-box .chronicle-list .item .event .event-item .event-info .info
    {
        font-size:1.4rem
    }
    .chronicle-box .chronicle-list .item:nth-child(2n)
    {
        justify-content:unset
    }
    .chronicle-box .chronicle-list .item:nth-child(2n):before
    {
        right:unset
    }
    .chronicle-box .chronicle-list .item:nth-child(2n) label
    {
        order:unset
    }
    .lawyer-list
    {
        padding-top:20px
    }
    .lawyer-list .item
    {
        float:unset;
        width:100%;
        margin-top:15px;
        margin-right:unset;
        padding:10px
    }
    .lawyer-list .item .info label
    {
        font-size:1.8rem;
        height:30px
    }
    .lawyer-list .item .info span
    {
        font-size:1.4rem;
        height:24px
    }
}
.search-form
{
    height:150px;
    margin-bottom:80px;
    border-radius:5px;
    box-shadow:0 0 15px rgba(0,0,0,.2);
    display:flex;
    justify-content:space-between;
    padding:0 50px
}
.search-form .form-item
{
    display:flex;
    width:calc(25% - 18.75px);
    flex-direction:column;
    justify-content:center
}
.search-form .form-item>span
{
    height:30px;
    font-size:1.6rem
}
.search-form .form-item .el-button
{
    background:#3f445d;
    color:#fff
}
/* ===== 404/403/500 ===== */
.error-page
{
    background:#f0f2f5;
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center
}
.error-page .img
{
    margin-right:80px;
    height:360px;
    width:100%;
    max-width:430px;
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size:contain
}
.error-page .content h1
{
    color:#434e59;
    font-size:72px;
    font-weight:600;
    line-height:72px;
    margin-bottom:24px
}
.error-page .content .desc
{
    color:rgba(0,0,0,.45);
    font-size:20px;
    line-height:28px;
    margin-bottom:16px
}
@media (max-width:960px)
{
    .error-page
    {
        flex-direction:column
    }
    .error-page .img
    {
        margin:0 0;
        width:60vw;
        height:60vw;
        background-repeat:no-repeat;
        background-position:50% 50%;
        background-size:contain
    }
    .error-page .content
    {
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center
    }
    .error-page .content h1
    {
        width:100%;
        text-align:center;
        font-size:8vw;
        font-weight:600;
        line-height:normal;
        margin:20px 0 0 0
    }
    .error-page .content .desc
    {
        color:rgba(0,0,0,.45);
        font-size:3vw;
        line-height:normal;
        margin:15px 0
    }
}
/* ����ҳ���ذ�ť��ԭվ�� bootstrap-vue ��Ⱦ����̬�油ԭ����ʽ�� */
.error-page .actions
{
    margin-top:24px
}
.error-page .actions a
{
    display:inline-block;
    padding:10px 32px;
    background:var(--theme-color);
    color:#fff;
    font-size:1.6rem;
    border-radius:4px;
    text-decoration:none
}
.error-page .actions a:hover
{
    opacity:.85
}

/* ===== 自定义 select 下拉组件 ===== */
/* 隐藏原生 select，保留表单提交功能 */
.el-select-hidden
{
    position:absolute;
    opacity:0;
    width:0;
    height:0;
    z-index:-1;
    pointer-events:none
}

/* 下拉面板隐藏/显示 */
.el-select-dropdown
{
    position:fixed;
    display:none;
    width:100%;
    max-height:274px;
    overflow-y:auto;
    box-sizing:border-box
}
.el-select-dropdown.show
{
    display:block
}

/* 下拉选项样式（补充 vendor.css，确保一致） */
.el-select-dropdown__item
{
    padding:0 20px;
    height:34px;
    line-height:34px;
    cursor:pointer;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#606266;
    box-sizing:border-box
}
.el-select-dropdown__item:hover
{
    background-color:#f5f7fa
}
.el-select-dropdown__item.selected
{
    color:var(--theme-color);
    font-weight:700
}

/* caret 旋转：iconfont icon-down 默认指向下。vendor.css 使用 element-icons 上箭头字形
   其默认 transform:rotate(180deg) 会错误翻转 iconfont 下箭头。这里用同等特异度覆盖。 */
.el-select .el-input .el-select__caret
{
    transform:rotate(0);
    transition:transform .3s
}
.el-select.open .el-input .el-select__caret
{
    transform:rotate(180deg)
}

/* 移动端 select 下拉 */
@media (max-width:768px)
{
    .el-select-dropdown
    {
        max-height:200px
    }
    .el-select-dropdown__item
    {
        height:40px;
        line-height:40px;
        font-size:1.6rem
    }
}