@media only screen and (max-width:1080px) {
    .topbar-wrapper {
        display: none
    }
}
.pf {
    position: fixed;
    z-index: 10;
}
.footer-wrapper {
    overflow: auto
}
.btn {
    transition: all .3s;
}
.btn:hover {
    transform: scale(.93);
}
.ico {
    background: url(../images/sprite.png) no-repeat;
    background-size: 10.71rem 10.64rem;
    display: inline-block;
}
.ico-bright {
    background: url(../images/sprite.png) no-repeat;
    background-size: 10.71rem 10.64rem;
    display: inline-block;
}
.logo {
    background-position: -5.57rem -.92rem;
    width: 2.52rem;
    height: .87rem;
    top: .3rem;
    left: .3rem;
    z-index: 11;
}
.dark-btn {
    width: 0.6rem;
    height: 0.65rem;
    background: url(../images/pc-dark.png) 0 0/ 100% 100% no-repeat;
    top: .5rem;
    right: .25rem;
    cursor: pointer;
    animation: myDarkBtn 1s linear infinite;
}
@keyframes myDarkBtn {
    0% {
        transform: scale(0.88);
    }
    50% {
        transform: scale(100%);
    }
    100% {
        transform: scale(0.88);
    }
}
.bright-btn {
    width: 0.6rem;
    height: 0.65rem;
    background: url(../images/pc-bright.png) 0 0/ 100% 100% no-repeat;
    top: .5rem;
    right: .25rem;
    cursor: pointer;
    animation: myBrightBtn 1s linear infinite;
}
@keyframes myBrightBtn {
    0% {
        transform: scale(0.88);
    }
    50% {
        transform: scale(100%);
    }
    100% {
        transform: scale(0.88);
    }
}
/*做悬浮下载*/
.float-down {
    width: 1.5rem;
    height: 2.62rem;
    background: url(../images/flo.png) 0 0 / 100% 100% no-repeat;
    top: 50%;
    left: .3rem;
    transform: translateY(-50%);
    z-index: 11;
}
.float-down-bright {
    width: 1.5rem;
    height: 2.62rem;
    background: url(../images/flo.png) 0 0 / 100% 100% no-repeat;
    top: 50%;
    left: .3rem;
    transform: translateY(-50%);
    z-index: 11;
}
.float-down .wx-code , .float-down-bright .wx-code {
    width: 1.12rem;
    height: 1.12rem;
    display: block;
    margin: .2rem auto 0;
}
.float-down .wx-txt , .float-down-bright .wx-txt {
    color: #798390;
    font-size: .14rem;
    text-align: center;
    line-height: .3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.float-down .float-btn , .float-down-bright .float-btn {
    font-size: 0;
    width: 100%;
    text-align: center;
}
.float-down .float-btn a , .float-down-bright .float-btn a {
    display: inline-block;
    margin-top: .035rem;
}
.flo-btn-appstore {
    background-position: -8.42rem -6.08rem;
    width: 1.2rem;
    height: .4rem;
}
.flo-btn-make {
    background-position: -6.94rem -7.71rem;
    width: 1.2rem;
    height: .4rem;
}
.flo-btn-taptap {
    background-position: -8.24rem -7.71rem;
    width: 1.2rem;
    height: .4rem;
}
/*右悬浮导航*/
.side-nav, .side-nav-bright {
    width: 1.65rem;
    height: 2.5rem;
    font-size: 0;
    top: 50%;
    right: 0;
    margin-top: -1.25rem;
    z-index: 11;
}
.side-nav a, .side-nav-bright a {
    width: 1.65rem;
    height: .38rem;
    display: block;
    text-align: right;
    position: relative;
    overflow: hidden;
    margin: .06rem 0;
}
.nav-active, .nav-active-bright {
    background-position: -6.63rem -6.08rem;
    width: 1.69rem;
    height: .42rem;
}
.side-nav a i, .side-nav-bright a i {
    top: 0;
    right: 0;
    transition: all .3s;
    opacity: 0;
}
.side-nav a:hover i,
.side-nav a.active i {
    opacity: 1;
}
.side-nav-bright a:hover i,
.side-nav-bright a.active i {
    opacity: 1;
}
.side-nav a span {
    display: inline-block;
    color: #fff;
    font-size: .16rem;
    font-weight: bold;
    line-height: .4rem;
    padding-right: .25rem;
    transition: all .3s;
}
.side-nav-bright a span {
    display: inline-block;
    color: #abc7ff;
    font-size: .16rem;
    font-weight: bold;
    line-height: .4rem;
    padding-right: .25rem;
    transition: all .3s;
}
.side-nav a:hover span,
.side-nav a.active span {
    color: #eaaf3e;
}
.side-nav-bright a:hover span,
.side-nav-bright a.active span {
    color: #ffffff;
}
/*弹窗相关*/
.mask,.mask-img,.mask-make {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 20;
    display: none;
}
.video, .original-painting {
    max-width: 8rem;
    max-height: 7rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 21;
    display: none;
}
.ico-pop{
    background: url(../images/pop.png) no-repeat;
    background-size:7.74rem 5.8rem;
}
.pop{
    background-position: 0 0;
    width:7.74rem;
    height:4.44rem;
    top: 50%;
    left: 50%;
    margin: -2.22rem 0 0 -3.87rem;
    z-index: 21;
    display: none;
}
.pop .pop-close{
    background-position: -3.92rem -4.54rem;
    width:.38rem;
    height:.38rem;
    left: 50%;
    margin-left: -.19rem;
    bottom: -.6rem;
    z-index: 1;
    transition: all .3s;
}
.pop .pop-close:hover {
    transform: rotate(180deg);
}
.pop .pop-title{
    background-position: 0 -5.38rem;
    width:5.44rem;
    height:.42rem;
    margin: .4rem auto 0;
}
.pop p {
    width: 100%;
    color: #798390;
    font-size: .24rem;
    text-align: center;
    line-height: .3rem;
    padding: .85rem 0;
}
.pop .btn-sure{
    background-position: 0 -4.54rem;
    width:3.82rem;
    height:.74rem;
    display: block;
    margin: 0 auto;
}
/*标题*/
.title-0 {
    background-position: 0 -4.46rem;
    width: 6.93rem;
    height: .71rem;
}
.title-1, .title-1-bright {
    background-position: 0 -6.08rem;
    width: 6.53rem;
    height: .72rem;
}
.title-2, .title-2-bright {
    background-position: 0 -5.27rem;
    width: 6.93rem;
    height: .71rem;
}
.title-3, .title-3-bright{
    background-position: 0 -6.9rem;
    width: 6.53rem;
    height: .71rem;
}
.title-4 {
    background: url(../images/title-4.png) 0 0 / 100% 100% no-repeat;
    width: 6.89rem;
    height: .67rem;
}
.title-4-bright {
    background: url(../images/title-4.png) 0 0 / 100% 100% no-repeat;
    width: 6.89rem;
    height: .67rem;
}
/*新闻选项卡*/
.tab-0-active, .tab-0-active-bright {
    background-position: -8.71rem -5.27rem;
    width: 1.19rem;
    height: .48rem;
}
.tab-0, .tab-0-bright {
    background-position: -6.63rem -6.9rem;
    width: 1.19rem;
    height: .48rem;
}
.tab-1-active, .tab-1-active-bright {
    background-position: -7.92rem -6.9rem;
    width: 1.19rem;
    height: .48rem;
}
.tab-1, .tab-1-bright {
    background-position: -1.16rem -8.38rem;
    width: 1.19rem;
    height: .48rem;
}
.tab-2-active, .tab-2-active-bright {
    background-position: -2.45rem -8.38rem;
    width: 1.19rem;
    height: .48rem;
}
.tab-2, .tab-2-bright {
    background-position: -3.74rem -8.38rem;
    width: 1.19rem;
    height: .48rem;
}
.tab-3-active, .tab-3-active-bright {
    background-position: -5.03rem -8.38rem;
    width: 1.19rem;
    height: .48rem;
}
.tab-3, .tab-3-bright {
    background-position: -6.32rem -8.38rem;
    width: 1.19rem;
    height: .48rem;
}
.tab-4-active, .tab-4-active-bright {
    background-position: -7.61rem -8.38rem;
    width: 1.19rem;
    height: .48rem;
}
.tab-4, .tab-4-bright {
    background-position: 0 -9.39rem;
    width: 1.19rem;
    height: .48rem;
}
.page-tag {
    background-position: -10.01rem -1.84rem;
    width: .5rem;
    height: .28rem;
    color: #000;
}
.page-tag ~ span, .page-tag ~ dfn{
    color: #798390;
}
.page-tag-bright {
    background-position: -10.01rem -1.84rem;
    width: .5rem;
    height: .28rem;
    color: #fff;
}
.page-tag-bright ~ span, .page-tag-bright ~ dfn{
    color: #fff;
}
.news-page-tag {
    background-position: -10.01rem -1.84rem;
    width: .5rem;
    height: .28rem;
    color: #000;
}
.news-page-tag-bright {
    background-position: -10.01rem -1.84rem;
    width: .5rem;
    height: .28rem;
    color: #fff;
}
.page-btn-jcsp-active, .page-btn-jcsp-active-bright {
    background-position: -7.83rem -1.89rem;
    width: 1.58rem;
    height: .49rem;
}
.page-btn-jcsp, .page-btn-jcsp-bright {
    background-position: -5.57rem -2.69rem;
    width: 1.58rem;
    height: .49rem;
}
.page-btn-jmyh-active, .page-btn-jmyh-active-bright {
    background-position: -7.25rem -2.69rem;
    width: 1.58rem;
    height: .49rem;
}
.page-btn-jmyh, .page-btn-jmyh-bright {
    background-position: -7.03rem -5.27rem;
    width: 1.58rem;
    height: .49rem;
}
/*落地页四要素*/
.header-elements{position:fixed;z-index:20;top: 50%;margin-top: 1.2rem;right:.1rem;}
.header-elements p{color:#fff;font-size:.16rem;line-height:.3rem;text-align:right;}
.header-elements p a{color:#fff;display:inline-block;margin-left:.1rem;text-decoration:underline;}

.header-elements-bright{position:fixed;z-index:20;top: 50%;margin-top: 1.2rem;right:.1rem;}
.header-elements-bright p{color:#abc7ff;font-size:.16rem;line-height:.3rem;text-align:right;}
.header-elements-bright p a{color:#abc7ff;display:inline-block;margin-left:.1rem;text-decoration:underline;}