/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

/* 引入字体文件 */
@font-face {
    font-family: 'Medium';
    src: url('Poppins-Medium.ttf') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Regular';
    src: url('Poppins-Regular.ttf') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bold';
    src: url('Poppins-Bold.ttf') format('woff2');
    font-weight: normal;
    font-style: normal;
}

body {
    line-height: 1;
    font-family: 'Regular', Times New Roman, serif;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a:hover,a:link,a:visited,a:active,a:focus{
    color: #fff;
	text-decoration: none;
}

/* 初始状态 */
.fade-in-up {opacity: 0;transform: translateY(80px);transition: opacity 1s ease-out, transform 1s ease-out;}
.fade-in-down {opacity: 0;transform: translateY(-80px);transition: opacity 1s ease-out, transform 1s ease-out;}
.fade-in-right {opacity: 0;transform: translateX(-80px);transition: opacity 1s ease-out, transform 1s ease-out;}
.fade-in-left {opacity: 0;transform: translateX(80px);transition: opacity 1s ease-out, transform 1s ease-out;}
/* 触发动画的状态 */
.fade-in-up.show,.fade-in-down.show {opacity: 1;transform: translateY(0);}
.fade-in-right.show,.fade-in-left.show {opacity: 1;transform: translateX(0);}


/* navbar共用属性 */
.navber{height: 100px;width: 100%;position: fixed;top: 0;left: 0;line-height: 100px;color: #FFFFFF;font-size: 16px;text-align: center;z-index: 2025;}
.navbarBox{width: 1000px;margin:0 auto;text-align: center;position: relative;}
.navbarItem{display: inline-block;padding:0 30px;cursor: pointer;color:#FFFFFF !important;}
.navbarItem span{display: block;width: 0px;height: 2px;background-color: #FFFFFF;margin: -35px auto 6px;border-radius: 2px;}
.navbarItem.active{font-family: 'Bold';}
.navbarItem.active span{width: 100%;}
.navber.block{background-color: #000000;height: 60px;line-height: 60px;}
.navber.block .navbarItem span{margin: -15px auto 6px;}
.logo{position: absolute;left: -200px;top: 16px;width: 74px;height: 94px;}

.downloadBtn{display: none;}

.footer{margin-top: 140px;background: #262A2E;height: 382px;}
.footerBox{width: 1000px;margin:0 auto;}
.footerBoxCen01{padding-top: 56px;margin:0 38px;}
.footerBoxImg01{width: 53px;height: 70px;}
.footerBoxCen02{margin-top: 30px;display: flex;justify-content: space-between;}
.footerBoxCen03{width: 30%;}
.footerBoxCen03text01{padding-left: 20px;color: #D9D9D9;font-size: 14px;font-weight: bold;line-height: normal;background-image: url(../image/f_img018.png);background-repeat: no-repeat;background-size: 12px 12px;background-position: top 4px left 0;}
.footerBoxCen03text02{font-size: 13px;color: rgba(217, 217, 217, 0.72);margin-top: 12px;}
.footerBoxCen04{border-top: 1px solid #6B6F77;margin-top: 50px;}
