body, p, ul, li, ol, h1, h2, h3, h4, h5, h6, form, input, dl, dt, dd {
    margin: 0;
    padding: 0;
}
header, section, footer, aside, nav, main, article, figure {
    display: block;
}
body, html {
    width: 100%;
    height: 100%;
}
ul,ol {
    list-style: none;
}
img {
    display: block;
    border: none
}
a {
    text-decoration: none;
}
a:link {
    color: inherit;
    TEXT-DECORATION: none
}

a:visited {
    COLOR: inherit;
    TEXT-DECORATION: none
}

a:active {
    COLOR: inherit;
    text-decoration: none;
}
input, a { /* a */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height:1.6;
}

button, submit {
    cursor: pointer;
}
/************  compatibility Programme or style Reset   ************/


/* IE ������¹������ڵ��������� */
html, body {
    -ms-overflow-style: scrollbar;
}

/* IE 10 �����input�ı�����ʱ �ұ���ʾX  */
input::-ms-clear {
    display: none;
}

input::-ms-reveal {
    display: none;
}
/* ios btn reset */
input[type=button] {
    -webkit-appearance: none;
    outline: none
}

input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: push-button;
    white-space: pre;
}
/* ����input �Ҳ�С������ */
input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}

* {
    -webkit-font-variant-ligatures: none;
    font-variant-ligatures: none;
    -webkit-text-size-adjust: none;
}


/*** basic common style  ****/
.clearFloat:after {
    content: " ";
    height: 0;
    display: table;
    clear: both;
    visibility: hidden;
}
.fr {
    float: right;
}
.fl {
    float: left;
}
.hide {
    display: none;
}
.show {
    display: block;
}
.MarginAuto {
    margin: 0 auto;
}
.img_auto {
    display: block;
    width:100%;
    max-width: 100%;
    height: auto;
}
.imgFather {
    position: relative;
    overflow: hidden;
}
.imgSelf {
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.bold {
    font-weight: bold;
}
.c-flex {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-warp {
    flex-wrap: wrap;
}





.container,
.swiper-container,
.swiper-slide {
	height: 100%;
}