@charset "utf-8"; html, body {
    margin: 0px;
    padding: 0px;
}

IMG {
    border-width: 0px;
}

* {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-family: Arial,"Segoe UI"
}

a {
    text-decoration: none !important;
    color: #555
}

a:hover {
    text-decoration: none;
}

.banner{width: 100%;margin:0 auto}
.banner img{display: block;width: 100%;height: auto}


@media (min-width: 768px)
{
    .langue{width:100%;display: flex;justify-content: right;margin:1rem auto;padding: 1rem 0}
    .langue a{padding:0 2rem;display: block;
        background: #eee;border-radius: 1rem;line-height:1.5rem;text-align: center;color: #333}
    .langue a.active{background: #369ba5;color: #fff;}
    .container-box{max-width: 1000px;margin:1rem auto;overflow: hidden}
    .logowz{font-size:2.8rem;color: #333;text-align: right}
    .img-box{width: 100%;margin:2rem auto;position: relative}
    .img-info{background: rgba(0,0,0,.6);width:50%;padding:1rem; color: #fff;font-size: 1.8rem;border-radius: 1rem;
        position: absolute;right:1rem;bottom: .5rem;text-align: center}
    .contact{font-size: 1rem;margin:1.8rem auto;text-align: right}
    .copyright{font-size: .85rem;background: #666;line-height: 1.5;padding: .5rem ;border-radius:.2rem;
        margin:1rem auto;color: #fff;text-align: right}
}

@media (max-width: 1024px) {


}
@media (max-width: 767.98px) {
    .langue{width:100%;display: flex;justify-content: right;margin:1rem auto;padding: 1rem 0}
    .langue a{padding:0 2rem;display: block;
        background: #eee;border-radius: 1rem;line-height:1.5rem;text-align: center;color: #333}
    .langue a.active{background: #369ba5;color: #fff;}
    .container-box{max-width: 1000px;margin:1rem auto;overflow: hidden;padding: 0 1rem}
    .logo{width: 80%}
    .logowz{font-size:1.8rem;color: #333;text-align: right}
    .img-box{width: 100%;margin:2rem auto}
    .contact{font-size: 1rem;margin:1.8rem auto;text-align: right}
    .copyright{font-size: .85rem;background: #666;line-height: 1.5;padding: .5rem ;border-radius:.2rem;
        margin:1rem auto;color: #fff;text-align: right}
    .img-box{width: 100%;margin:2rem auto;position: relative}
    .img-info{background: rgba(0,0,0,.6);width:90%;padding:.5rem 1rem; color: #fff;font-size: 1.2rem;border-radius: .8rem;
        position: absolute;right:1rem;bottom: .5rem;text-align: center}
}

/*页码*/
.list-page {
    text-align: center;
    width: 98%;
    margin: 0 auto 1rem;display: flex;justify-content: center;
}

.pagination a {

    color: #0b112a !important
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff !important;
    cursor: default;
    background-color: #333 !important;
    border-color: #ddd !important;
}

/*顶部*/
.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(230, 0, 18, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    border-radius: 5px;
    z-index: 28;
    background: rgba(230, 0, 18) url(../images/cd-top-arrow.svg) no-repeat center 50%;

    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    opacity: .8;
}
.no-touch .cd-top:hover {
    background-color:#06C;
    opacity: 1;
}
@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}
@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 55px;
        width: 55px;
        right: 30px;
        bottom: 30px;
        border-radius: 10px;
    }
}