/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
margin: 0;
padding: 0;
}
/** 设置默认字体 **/
body,
button, input, select, textarea /* for ie */ {
font: 14px/1.5 tahoma, \5b8b\4f53, sans-serif;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读, 让 small 正常化 */
/** 重置列表元素 **/
ul, ol { list-style: none; }
/** 重置文本格式元素 **/
a { text-decoration: none; }
sup { vertical-align: text-top; } /* 重置, 减少对行高的影响 */
sub { vertical-align: text-bottom; }
/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
/* 重置 HTML5 元素 */
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,
summary, time, mark, audio, video {
display: block;
margin: 0;
padding: 0;
}
mark { background: #ff0; }
/* 设置placeholder的默认样式 */

/* 公共 */
.ColorEf{
    background: #efefef;
}
.ColorFf{
    background: #ffffff
}
.Color49{
    background:#494949
}



/* header */
header{
    width: 100%;
    /* height: 100vh; */
    background-size: 100% 100%;
    animation:frams 5s infinite;
}

@keyframes frams {
    50%{
        /* background-image: url("../img/01.png");background-size: 100% 100%;background-repeat: no-repeat */
    }
    100%{
        /* background-image: url("../img/bananer.png");background-size: 100% 100%;background-repeat: no-repeat */
    }
}
header .center{
    width: 12.565rem;
    /* min-width: 1200px; */
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    z-index: 1;
}
header .center nav{
    width: 100%;
    height: 1.570rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
header .center nav img{
    width: 1.162rem;
    height: 0.376rem;
}
header .center nav div{
    width: 4.942rem;
    min-width: 200px;
}
header .center nav div ul{
    display: flex;
    flex-direction: row;
}
header .center nav div ul li{
    flex: 1;
    text-align: center;
    text-decoration: none;
    font-size: 0.187rem;
}
header .center nav div ul li a{
    color: #fff;
}
.center .bananr{
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.center .bananr div{
    align-self:flex-end;
    width: 0.553rem;
    height: 0.187rem;
    margin-bottom: 0.25rem;
}
.center .bananr div ul{
    display:flex;
    justify-content: space-between;
}
.center .bananr div ul li{
    flex-direction: row;
    width: 0.187rem;
    height: 0.187rem;
    border-radius: 50%;
    border: 1px solid #01a1eb;
}
.current{
    background: #01a1eb;
}
.center .bananr span{
    width: 0.666rem;
    height: 0.666rem;
}

.center .bananr span img{
    width: 100%;
    height: 100%;
}



/* 底部样式 */
footer{
    width: 100%;
    border-top:  0.177rem solid #0d8de4;
    padding: 0.302rem 0 0.718rem 0;
}
footer .content{
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    justify-content: center;
}
footer .content a{
    border-right: 1px solid #fff;
    margin-right: 0.096rem;
    padding-right: 0.096rem;
    color: #fff;
    font-size: 0.187rem;
    font-family:"微软雅黑";
    font-weight: 500;
}
footer .content a:last-child{
    border: none;
}
footer p{
    display: flex;
    justify-content: center;
    color: #dadada;
    margin-top: 0.160rem;
    font-size: 0.145rem;
}