:root {
    --zt_color--: #003f88;
}

/* pc样式 */
@media screen and (min-width: 1024px) {
#totop{
        z-index: 9999;
        padding:20px;
        background-color: var(--zt_color--);
        display: none;
        cursor: pointer;
        position: fixed;
        bottom: 50px;
        right: 50px;
    }
    #totop a {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 18px;
    }

    .width1200 {
        width: 1500px;
        margin: 0 auto;
    }

    .top-fixed {
        background-image: url(../imgs/top_bj.png);
        background-size: auto 160px;
        width: 100%;
        z-index: 99;
        position: fixed;
        top: 0;
        left: 0;
    }

    .top-nav {
        height: 160px;
        display: flex;
        align-items: center;
    }

    .top-nav-logo {
        transform: translate(-50px, 0px);
        margin-right: 30px;
    }
     .top-nav-logo a img {
        height: 0.9rem;
    }
    .container {
        flex: 1;
    }

    /* 导航栏 */
    #menulistt {
        display: flex;
        justify-content: space-around;
    }

    #menulistt>li {
        width: 100%;
        height: 50px;
        font-weight: normal;
        font-size: 18px;
        color: #ffffff;
    }

    #menulistt>li>ul>li {
        width: 100%;
        height: 50px;
        font-weight: normal;
    }

    #menulistt>li>a>p {
        font-weight: 700;
        font-size: 0.2rem;
        color: #ffffff;
    }

    .top-nav li a {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #ffffff;
    }

    .move-top {
        display: flex;
        justify-content: center;
        height: 500px;
    }


    .move-navigation {
        display: none;
    }
 
    /* 搜索 */
    .top-nav-ss { 
        position: relative;
        width: 24px;
        height: 24px;
        background-image: url(../imgs/pc_ss.png);
        margin-left: 20px;
        cursor: pointer;
    }
    .top-nav-ss:hover>.ss-text-box {
        /* display: flex; */
    }

    .ss-text-box {
        position: absolute;
        left: -180px;
        top: -4px;
        height: 30px;
        display: none;
        align-items: center;
        border: 1px solid #000000;
        background-color: #ffffff;
        border-radius: 30px;
    }
    .ss-text {
        padding: 0 10px 0 35px;
        border: 1px solid #000;
        /* text-indent: 30px; */
        font-size: 16px;
        width: 130px;
        height: 30px;
        border: none;
        outline: none;
        background: none;
        color: #333;
    }
    ::-webkit-input-placeholder {
        font-size: 16px;
        color: #fff;
    }
    
    .ss-sbit {
        display: none;
        cursor: pointer;
        border: none;
        background-color: rgba(000, 000, 000, 0);
        width: 30px;
        height: 30px;
        background-image: url(../imgs/pc_ss_hui.png);
        background-position: center;
        background-repeat: no-repeat;
        /* background-size: 30px 30px; */
        position: absolute;
        left: -175px;
        top: -4px;
    }

    /* 通用标题样式 */
    .currency-title {
        height: 50px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .currency-title-left{
        display: flex;
        align-items: center;
    }
    .currency-title-left>img{
        height: 50px;
    }
    .currency-title-left-text{
        padding-left: 10px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .currency-title-left-text>h2{
        font-size: 34px;
        font-weight: 700;
        color: #333333;
        line-height: 36px;
    }

    .currency-title-left-text>h2>span {
        color: var(--zt_color--);
      }

    .currency-title-left-text>p{
        display: none;
        font-size: 16px;
        color: #666666;
    }

    .currency-title-right{
        display: flex;
        align-items: center;
    }
    .currency-title-right>img{
        height: 20px;
        margin-right: 10px;
    }
    .currency-title-right>a{
        font-size: 16px;
        color: #666666;
    }




    /* 版权 */
    .bottom {
        height: 280px;
        background-image: url(../imgs/bottom_bj.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .bottom-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 210px;
    }
    .bottom-top-left img {
        max-height: 105px;
    }

    .bottom-link {
        display: flex;
    }
    .bottom-link>li {
        display: flex;
    }
    .bottom-link-item-left {
        text-align: center;
        padding: 0 15px;
        width: 15px;
        border-left: 1px solid rgba(255, 255, 255, 0.5);
    }
    .bottom-link-item-left img {
        margin-bottom: 10px;
    }
    .bottom-link-item-left-img {
        width: 15px;
        height: 10px;
        background-image: url(../imgs/bottom_sanjiao.png);
        background-position: center center;
        background-repeat: no-repeat;
        margin-bottom: 10px;
    }
    .bottom-link-item-left h2 {
        cursor: pointer;
        color: #ffffff;
        font-size: 14px;
        font-weight: 500;
        line-height: 14px;
    }

    .bottom-link-item-right {
        display: none;
        padding-right: 30px;
        /* display: flex; */
        align-items: center;
    }
    .bottom-link-item-right p {
        font-size: 14px;
        line-height: 26px;
        color: #ffffff;
    }

    .bottom-link-item-right-link>li>a {
        font-size: 14px;
        line-height: 26px;
        color: #ffffff;
    }

    .bottom-link:last-child {
        border-right: 1px solid rgba(255, 255, 255, 0.5);

    }
    .bottom-link-active>.bottom-link-item-right {
        display: flex;
    }
    .bottom-link-active>.bottom-link-item-left>.bottom-link-item-left-img {
        background-image: url(../imgs/right_sanjiao.png);
    }

    .bottom-henxian {
        width: 100%;
        height: 2px;
        background-color: #ffffff;
        opacity: 0.4;
    }

    .bottom-bottom {
        font-size: 16px;
        line-height: 40px;
        color: #ffffff;
    }
}

@media screen and (max-width: 1600px) {
    .top-nav-logo {
        transform: translate(-30px, 0px);
    }

}

@media screen and (max-width: 1500px) {
    .width1200 {
        width: 96%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1200px) {

}

/* 移动端样式 */
@media screen and (max-width: 1024px) {
#totop{
        z-index: 9999;
        padding:10px;
        background-color: var(--zt_color--);
        display: none;
        cursor: pointer;
        position: fixed;
        bottom: 10px;
        right: 10px;
    }
    #totop a {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 14px;
    }


    .top-nav {
        display: none;
    }

    .move-navigation {
        display: block;
    }
    .width1200 {
        width: 100%;
        margin: 0 auto;
    }

    /* 通用标题样式 */
    .currency-title {
        height: 40px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .currency-title-left{
        display: flex;
        align-items: center;
    }
    .currency-title-left>img{
        height: 35px;
    }
    .currency-title-left-text{
        padding-left: 10px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .currency-title-left-text>h2{
        font-size: 22px;
        font-weight: 700;
        color: #333333;
        line-height: 22px;
    }

    .currency-title-left-text>h2>span {
        color: var(--zt_color--);
      }

    .currency-title-left-text>p{
        display: none;
        font-size: 14px;
        color: #666666;
    }

    .currency-title-right{
        display: flex;
        align-items: center;
    }
    .currency-title-right>img{
        height: 18px;
        margin-right: 5px;
    }
    .currency-title-right>a{
        font-size: 14px;
        color: #666666;
    }

    /* 版权 */
    .bottom {
        min-height: 260px;
        background-image: url(../imgs/bottom_bj.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .bottom-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        min-height: 210px;
    }

    .bottom-top-left>img {
        height: 90px;
    }

    .bottom-link {
        display: flex;
    }
    .bottom-link>li {
        display: flex;
    }
    .bottom-link-item-left {
        text-align: center;
        padding: 0 15px;
        width: 15px;
        border-left: 1px solid rgba(255, 255, 255, 0.5);
    }
    .bottom-link-item-left img {
        margin-bottom: 10px;
    }
    .bottom-link-item-left-img {
        width: 15px;
        height: 10px;
        background-image: url(../imgs/bottom_sanjiao.png);
        background-position: center center;
        background-repeat: no-repeat;
        margin-bottom: 10px;
    }
    .bottom-link-item-left h2 {
        cursor: pointer;
        color: #ffffff;
        font-size: 12px;
        font-weight: 500;
        line-height: 12px;
    }

    .bottom-link-item-right {
        display: none;
        padding-right: 30px;
        /* display: flex; */
        align-items: center;
    }
    .bottom-link-item-right p {
        font-size: 12px;
        line-height: 20px;
        color: #ffffff;
    }

    .bottom-link-item-right-link>li>a {
        font-size: 12px;
        line-height: 20px;
        color: #ffffff;
    }

    .bottom-link:last-child {
        border-right: 1px solid rgba(255, 255, 255, 0.5);

    }
    .bottom-link-active>.bottom-link-item-right {
        display: flex;
    }
    .bottom-link-active>.bottom-link-item-left>.bottom-link-item-left-img {
        background-image: url(../imgs/right_sanjiao.png);
    }

    .bottom-henxian {
        width: 100%;
        height: 2px;
        background-color: #ffffff;
        opacity: 0.4;
    }

    .bottom-bottom {
        text-align: center;
        font-size: 16px;
        line-height: 40px;
        color: #ffffff;
    }
}

@media screen and (max-width: 800px) {
    .bottom-top-left {
        text-align: center;
        padding: 10px 0;
    }
    .bottom-top-left>img {
        height: 80px;
    }

    .bottom-top-right {
       padding:  0 5px 15px 5px ;
    }

    .bottom-top {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .bottom-link-item-left {
        padding: 0 10px;
        width: 20px;
    }
    .bottom-link-item-right {
        padding-right: 10px;
    }
    .bottom-top-left>img {
        height: 60px;
    }
    .bottom-bottom {
        font-size: 14px;
    }
}

@media screen and (max-width: 400px) {
    .bottom-top-left>img {
        height: 50px;
    }
}