html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
textarea,
input {
    margin: 0;
    padding: 0;
}

address,
cite,
dfn,
em,
var,
i {
    font-style: normal;
}

body {
    font-size: 14px;
    /* line-height: 1.5; */
    font-family: '微软雅黑', 'simsun', 'arial', 'tahoma';
    color: #333;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
th {
    font-size: 100%;
    font-weight: normal;
}

button,
input,
select,
textarea {
    font-size: 100%;
}

fieldset,
img {
    border: 0;
}
input {
    border: none;
}

ol,
ul,
li {
    list-style: none;
}

img {
    border: 0;
}

body {
    color: #fff;
}

.clear {
    clear: both;
    height: 1px;
    width: 100%;
    overflow: hidden;
    margin-top: -1px;
}

a:hover {
    color: #b3b3b3;
}

a {
    text-decoration: none;
    color: #b3b3b3;
}

p {
    margin: 0;
}

.flex_center {
    display: flex;
    align-items: center;
}

.flex_js_center {
    display: flex;
    justify-content: center;
}

.flex_start {
    display: flex;
    align-items: flex-start;
}

.flex_start_center {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

img {
    width: 100%;
}

.flex_center_center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex_center_betwens {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flex_center_betwen {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flex_center_around {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.flex_cloum_center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* .flex_cloum{
                display: flex;
                flex-direction: column;
                align-items: center;
              
                } */
.display_nones {
    display: none;
}

.center {
    text-align: center;
}

.change_tap {
    background-color: #0D9DDE !important;
    color: white;
}

.hover_color {
    color: white;
}

.bule_bottom {
    border-bottom: 2px solid #0F9FD8 !important;
}

.bule_bottom_color {
    border-bottom: 2px solid #0F9FD8 !important;
    color: white !important;
}

.nav_box {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    color:#ffffff;
    text-align: left;
    z-index: 666;
    width: 100%;
    padding-bottom: 0.1rem;
    background: rgba(0, 0, 0, 0.5);
}

.nav_fu {
    display: flex;
    justify-content: center;
    margin-left: -6.5rem;
}
.nav_fu span {
    cursor: pointer;
    font-size: .14rem;
    text-align: center;
    margin-top: 0.1rem;
    margin-left: 0;
    color: #fff;
    padding: .1rem 0; 
     margin: 0.1rem; 
     margin-left: 0.6rem;
}
.nav_fu span a {
   color:#ffffff!important;
    text-decoration: none;
    border: none!important;
}
.nav_fu span a:hover {
	color:#0F9FD8!important;
}

.nav_box .nav_fu3 {
    display: flex;
    justify-content: center;
    margin-left: -3.5rem;
}
.nav_fu3 span {
    cursor: pointer;
    font-size: .14rem;
    text-align: center;
    margin-top: 0.1rem;
    margin-left: 0;
    color: #fff;
    padding: .1rem 0; 
     margin: 0.1rem; 
     margin-left: 0.6rem;
}
.nav_fu3 span a {
   color:#ffffff!important;
    text-decoration: none;
    border: none!important;
}
.nav_fu3 span a:hover {
	color:#0F9FD8!important;
}
.nav_box .nav_fu5 {
    display: flex;
    justify-content: center;
    margin-left: 0.5rem;
}
.nav_fu5 span {
    cursor: pointer;
    font-size: .14rem;
    text-align: center;
    margin-top: 0.1rem;
    margin-left: 0;
    color: #fff;
    padding: .1rem 0; 
     margin: 0.1rem; 
     margin-left: 0.6rem;
}
.nav_fu5 span a {
   color:#ffffff!important;
    text-decoration: none;
    border: none!important;

}
.nav_fu5 span a:hover {
	color:#0F9FD8!important;
}
.nav_box .nav_fu6 {
    display: flex;
    justify-content: center;
    margin-left: 3rem;
}
.nav_fu6 span {
    cursor: pointer;
    font-size: .14rem;
    text-align: center;
    margin-top: 0.1rem;
    margin-left: 0;
    color: #fff;
    padding: .1rem 0; 
     margin: 0.1rem;
     margin-left: 0.6rem; 
}
.nav_fu6 span a {
   color:#ffffff!important;
    text-decoration: none;
    border: none!important;

}
.nav_fu6 span a:hover {
	color:#0F9FD8!important;
}
.nav_box .nav_fu7 {
    display: flex;
    justify-content: center;
    margin-left: 5rem;
}
.nav_fu7 span {
    cursor: pointer;
    font-size: .14rem;
    text-align: center;
    margin-top: 0.1rem;
    margin-left: 0;
    color: #fff;
    padding: .1rem 0; 
     margin: 0.1rem; 
     margin-left: 0.6rem;
}
.nav_fu7 span a {
   color:#ffffff!important;
    text-decoration: none;
    border: none!important;

}
.nav_fu7 span a:hover {
	color:#0F9FD8!important;
}

.nav_box .nav_fu8 {
    display: flex;
    justify-content: center;
    margin-left: 7rem;
}
.nav_fu8 span {
    cursor: pointer;
    font-size: .14rem;
    text-align: center;
    margin-top: 0.1rem;
    margin-left: 0;
    color: #fff;
    padding: .1rem 0; 
     margin: 0.1rem; 
     margin-left: 0.6rem;
}
.nav_fu8 span a {
   color:#ffffff!important;
    text-decoration: none;
    border: none!important;

}
.nav_fu8 span a:hover {
	color:#0F9FD8!important;
}