html, body, ul, li, ol, dl, dt, dd {
    margin:0;
    padding:0;
    list-style:none;
}

h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0;
}

a {
    text-decoration:none;
    color:inherit;
}

.con {
    margin:0 auto;
}

.row::after {
    content:"";
    display:block;
    clear:both;
}

.cell {
    float:left;
    box-sizing:border-box;
        padding: 0 7px;
}

.cell-right {
    float:right;
    box-sizing:border-box;
}

.relative {
    position:relative;
}

.logo > a {
    display: block;
    width:100%;
    height:100%;
}

.hide-infomation {
    position: absolute;
    color:transparent !important;
    width:0;
    height:0;
    font-size: 0 !important;
    z-index: -9999;
    overflow: hidden;
}

.inner {max-width:1390px; width: calc(100% - 60px); margin: 0 auto; height: inherit;}

@media screen and (max-width:1000px) {
    .inner {width: calc(100% - 40px);}
}
@media screen and (max-width:860px) {
    .inner {width: calc(100% - 30px);}
}
@media screen and (max-width:480px) {
    .inner {width: calc(100% - 20px);}
}