/*
////////////////////////////////////////////
这里是底部栏样式
*/
/*底部信息区域，包含导航，公司信息，联系方式等*/

@media screen and  (max-width: 576px){
    .content__1{
        width: 5rem;
    }
    .content__2{
        width: 17rem;
    }
    .content__3{
        width: 14rem;
    }
    .content__4{
        width: 11rem;
    }
    .row-content ul {
        font-size: 0.625rem;
        line-height: 1.25rem;
        margin: 0;
        padding: 0;
    }
    .row-content h3 {
        color: #535353;
        font-size: 0.75rem;
        font-weight: 600;
        line-height: 2rem;
        margin: 1.25rem 0 0 0;
    }
    .row-content2{
        width: 20rem;
        font-size: 0.625rem;
        line-height: 1.25rem;
        font-family: "Times New Roman","Andika New Basic", sans-serif, "Microsoft YaHei", "Microsoft JhengHei";
    }
}


@media screen and (min-width: 577px) and (max-width: 768px){
    .content__1{
        width: 5rem;
    }
    .content__2{
        width: 17rem;
    }
    .content__3{
        width: 14rem;
    }
    .content__4{
        width: 11rem;
    }
    .row-content ul {
        font-size: 0.625rem;
        line-height: 1.25rem;
        margin: 0;
        padding: 0;
    }
    .row-content h3 {
        color: #535353;
        font-size: 0.75rem;
        font-weight: 600;
        line-height: 2rem;
        margin: 1.25rem 0 0 0;
    }
    .row-content2{
        width: 20rem;
        font-size: 0.625rem;
        line-height: 1.25rem;
        font-family: "Times New Roman","Andika New Basic", sans-serif, "Microsoft YaHei", "Microsoft JhengHei";
    }
}


@media screen and (min-width: 769px) and (max-width: 992px){
    .content__1{
        width: 5rem;
    }
    .content__2{
        width: 17rem;
    }
    .content__3{
        width: 14rem;
    }
    .content__4{
        width: 9rem;
    }
    .row-content ul {
        font-size: 0.625rem;
        line-height: 1.25rem;
        margin: 0;
        padding: 0;
    }
    .row-content h3 {
        color: #535353;
        font-size: 0.75rem;
        font-weight: 600;
        line-height: 2rem;
        margin: 1.25rem 0 0 0;
    }
    .row-content2{
        width: 20rem;
        font-size: 0.625rem;
        line-height: 1.25rem;
        font-family: "Times New Roman","Andika New Basic", sans-serif, "Microsoft YaHei", "Microsoft JhengHei";
    }
}

@media screen and (min-width: 993px) and (max-width: 1200px){
    .content__1{
        width: 7rem;
    }
    .content__2{
        width: 21rem;
    }
    .content__3{
        width: 15rem;
    }
    .content__4{
        width: 12rem;
    }
    .row-content ul {
        font-size: 0.75rem;
        line-height: 1.5rem;
        margin: 0;
        padding: 0;
    }
    .row-content h3 {
        color: #535353;
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 2rem;
        margin: 1.25rem 0 0 0;
    }
    .row-content2{
        width: 23rem;
        font-size: 0.75rem;
        line-height: 1.5rem;
        font-family: "Times New Roman","Andika New Basic", sans-serif, "Microsoft YaHei", "Microsoft JhengHei";
    }
}

@media screen and (min-width: 1201px){
    .content__1{
        width: 7rem;
    }
    .content__2{
        width: 21rem;
    }
    .content__3{
        width: 18rem;
    }
    .content__4{
        width: 18rem;
    }
    .row-content ul {
        font-size: 0.875rem;
        line-height: 1.75rem;
        margin: 0;
        padding: 0;
    }
    .row-content h3 {
        color: #535353;
        font-size: 1rem;
        font-weight: 900;
        line-height: 2rem;
        margin: 1.25rem 0 0 0;
    }
    .row-content2{
        width: 23rem;
        font-size: 0.875rem;
        line-height: 1.75rem;
        font-family: "Times New Roman","Andika New Basic", sans-serif, "Microsoft YaHei", "Microsoft JhengHei";
    }
}










.foot-wrap {
    background-color: #fafafa;
}




.row-content li {
    list-style: none;
    align-items: center;
    justify-content: center;
    color: #878787;
    font-family: "Times New Roman","Andika New Basic", sans-serif, "Microsoft YaHei", "Microsoft JhengHei";
}

.row-content a {
    color: #878787;
}

.row-content a:hover {
    text-decoration: none;
    color: #cc0000;
}

.row-content img {
    margin-right: 10px;
    color: #cc0000;
}

.row-content .wechat_icon {
    width: 32px;
}

.row-content .wechat_icon:hover .row-content .wechat_qrcode {
    visibility: visible;
    z-index: 999;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}


/*联系方式二维码*/
.foot-middle {
    margin-top: 0px;
}

.foot-middle a {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 28px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: #535353;
    text-align: center
}

.social-code {
    position: relative
}

.social-code img.social-code1 {
    position: relative;
    left: 100%;
    margin-left: 30px;
    margin-top: -72px;
    display: block;
    width: 100px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.social-code img.social-code2 {
    position: relative;
    left: 100%;
    margin-left: 30px;
    margin-top: -35px;
    display: block;
    width: 100px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.social-code:hover img {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media (max-width: 1000px) {
    .social-code img {
        left: 0;
        margin-left: 0;
        width: 100px;
        bottom: 100%;
        margin-bottom: 10px;
        margin-top: auto;
        top: auto;
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left
    }
}


/*底部悬停按钮*/
.float_btns {
    color: #403e3e;
    box-sizing: border-box;
    position: sticky;
    /*这两个能控制它的相对位置，相对于正在变化的可视区域*/
    bottom: 50px;
    right: 40px;
    z-index: 999;
    text-align: center;
    transform: scale(1.2);
    width: 50px;
    float: right;
}

.float_btns .totop {
    cursor: pointer;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 15px;
    color: #403e3e;
    text-align: center;
    position: relative;
    overflow: hidden;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 3.2rem;
    background-color: #efefef;
    line-height: 3rem;
    transition: opacity 1s ease;
    display: block;
    opacity: 0.6;
}

.float_btns i {
    width: 16px;
    height: 16px;
}

/*网页最底部*/
.footer_bottom {
    background: #8c8c8c;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*备案信息*/
.beian_miit {
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    font-size: 12px;
    justify-content: center;
}

.beian_miit a {
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    font-size: 12px;
    text-decoration: none;
}
.beian_miit a:hover a:focus {
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    font-size: 12px;
    text-decoration: none;
}

/*版权声明*/
.copy_right {
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    margin-left: 10px;
    line-height: 40px;
    justify-content: center;
    margin-bottom: 0;
    margin-block-end: 0;
}