@media screen and (max-width: 319px) { html { font-size: 42.67px; } }
@media screen and (min-width: 320px) and (max-width: 359px) { html { font-size: 42.67px; } }
@media screen and (min-width: 360px) and (max-width: 374px) { html { font-size: 48px; } }
@media screen and (min-width: 375px) and (max-width: 383px) { html { font-size: 50px; } }
@media screen and (min-width: 384px) and (max-width: 399px) { html { font-size: 51.2px; } }
@media screen and (min-width: 400px) and (max-width: 413px) { html { font-size: 53.33px; } }
@media screen and (min-width: 414px) { html { font-size: 55.2px; } }
@font-face { font-family: DINL; src: url(../font/DINPro-Light.ttf) format("truetype"); }
@font-face { font-family: DINR; src: url(../font/DINPro-Regular.ttf) format("truetype"); }
@font-face { font-family: DINM; src: url(../font/DINPro-Medium.ttf) format("truetype"); }
@font-face { font-family: 'iconfont'; src: url("../font/iconfont.ttf") format("truetype"); }
.iconfont { font-family: 'iconfont' !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

article, aside, audio, blockquote, body, button, dd, details, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, mark, menu, nav, ol, p, pre, section, summary, td, textarea, th, time, ul, video { margin: 0; padding: 0; border: 0; }

html { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

body { margin: 0 auto; max-width: 750px; background-color: #fff; color: #333; font: .28rem/1.5 'Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif; line-height: 1; -webkit-text-size-adjust: none; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; }

a, a:active, a:focus, a:hover, a:visited { text-decoration: none; }

img { vertical-align: top; max-width: 100% !important; height: auto; }

a, img { -webkit-touch-callout: none; }

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

i { font-style: normal; }

button, input[type=button], input[type=number], input[type=password], input[type=submit], input[type=tel], input[type=text], select, textarea { outline: 0; white-space: pre-wrap; word-wrap: break-word; font: .28rem/1.5 'Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif; line-height: 1; resize: none; appearance: none; -webkit-appearance: none; }

button, input[type=button] { cursor: pointer; }

.clearfix:after { clear: both; display: block; overflow: hidden; height: 0; content: " "; }

.fl { float: left; }

.fr { float: right; }

.oe1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.oe2 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.oe3 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.flex-box { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.flex-direction-row { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }

.flex-direction-column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.flex-wrap-nowrap { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap; }

.flex-wrap-wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }

.flex-justify-center { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; }

.flex-justify-between { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; }

.flex-justify-end { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; justify-content: flex-end; }

.flex-align-item-start { -webkit-box-align: start; -moz-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.flex-align-item-center { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }

.flex1 { -webkit-flex: 1; -ms-flex: 1; flex: 1; }

body.modal-open { position: fixed; width: 100%; }

.wap_container { position: relative; width: 100%; }
.wap_container.open .wap_content { right: 5.8rem; }
.wap_container.open .wap_content .shade { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1000; }
.wap_container.open .wap_content .header { right: 5.8rem; }
.wap_container.open .wap_content .header .menu { background-position-y: -1rem; }
.wap_container.open .wap_nav { right: 0; }

.wap_content { position: relative; width: 100%; right: 0; transition: all 0.3s ease; }

.wap_nav { position: fixed; z-index: 999; top: 0; right: -5.8rem; width: 5.8rem; height: 100%; background: -webkit-linear-gradient(#3464e0, #4696e0); background: -o-linear-gradient(#3464e0, #4696e0); background: -moz-linear-gradient(#3464e0, #4696e0); background: linear-gradient(#3464e0, #4696e0); overflow-y: auto; transition: all 0.3s ease; }
.wap_nav ul { margin: 0.98rem 0; }
.wap_nav li.up p > span { background-position-y: -2.2rem; }
.wap_nav li.up .in { display: block; }
.wap_nav li p { line-height: 1.08rem; font-size: 0.28rem; }
.wap_nav li p.cur { background: rgba(255, 255, 255, 0.2); }
.wap_nav li p > a, .wap_nav li p > span { display: block; color: #fff; padding: 0 0.48rem 0 0.4rem; }
.wap_nav li p > span { margin-right: 0.48rem; background: url(../img/nav_ico.png) no-repeat right -1.1rem; background-size: 0.2rem; }
.wap_nav li .icon { display: inline-block; width: 0.6rem; font-size: 0.32rem; }
.wap_nav li .in { display: none; background-color: rgba(255, 255, 255, 0.1); }
.wap_nav li .in p > a { padding-left: 1rem; background: url(../img/nav_ico.png) no-repeat 0.52rem 0; background-size: 0.2rem; }

header:after { display: block; overflow: hidden; content: ''; height: 0.98rem; }

.header { position: fixed; right: 0; top: 0; z-index: 999; width: 100%; height: 0.98rem; line-height: 0.98rem; background-color: #153ea6; transition: all 0.3s ease; }
.header .logo { margin-left: 0.35rem; margin-top: 0.26rem; height: 0.44rem; }
.header .menu { width: 1.2rem; height: 0.98rem; background: url(../img/header_icon.png) no-repeat 0 0; background-size: 1.2rem; }

.footer { padding: 0.6rem 0.5rem 0.2rem; background-color: #2c4689; }
.footer .name { color: #fff; }
.footer .name p { margin-bottom: 0.06rem; font-size: 0.32rem; font-weight: 700; opacity: 0.7; }
.footer .name span { font-size: 0.18rem; font-family: DINR; text-transform: uppercase; opacity: 0.4; }
.footer ul { padding-top: 0.14rem; }
.footer li { margin: 0.24rem 0; height: 0.48rem; line-height: 0.48rem; color: rgba(255, 255, 255, 0.6); font-size: 0.26rem; }
.footer li .iconfont { display: inline-block; font-size: 0.3rem; }
.footer li .icon { width: 0.46rem; }
.footer li .icon1 { margin-left: 0.1rem; width: 0.7rem; height: 0.48rem; border-radius: 0.48rem; background-color: #256afb; color: rgba(255, 255, 255, 0.6); text-align: center; }
.footer li .num { font-size: 0.3rem; font-family: DINR; text-transform: uppercase; }

.copyright { height: 0.9rem; line-height: 0.9rem; background-color: #233a75; color: rgba(255, 255, 255, 0.5); font-size: 0.24rem; text-align: center; }

/*# sourceMappingURL=base.css.map */