/* 20181129 */
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; }

html, body, fieldset, img, iframe, abbr { border: 0; }

li { list-style: none; }

textarea { overflow: auto; resize: none; }

a, button { cursor: pointer; }

h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: 700; }

a, a:hover { text-decoration: none; }

body, html { width: 100%; font-weight: 400; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-align: center; }

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-family: "Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif; }

body { background: #24252a; opacity: 1; -webkit-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; }

a { text-decoration: none; }

input { -webkit-appearance: none; }

* { outline: 0; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-focus-ring-color: rgba(0, 0, 0, 0); }

p, a, li, span, input { font-size: .28rem; }

h1 { font-size: .32rem; }

h2 { font-size: .34rem; }

h3 { font-size: .3rem; }

h4 { font-weight: 400; font-size: .3rem; }

h5 { font-size: .28rem; }

textarea { font-size: 24px; }

a { color: #434343; }

html { font-size: 312.5%; }

@media screen and (max-width: 359px) and (orientation: portrait) { html { font-size: 266.67%; } }
@media screen and (min-width: 360px) and (max-width: 374px) and (orientation: portrait) { html { font-size: 300%; } }
@media screen and (min-width: 384px) and (max-width: 399px) and (orientation: portrait) { html { font-size: 320%; } }
@media screen and (min-width: 400px) and (max-width: 413px) and (orientation: portrait) { html { font-size: 333.33%; } }
@media screen and (min-width: 414px) and (max-width: 431px) and (orientation: portrait) { html { font-size: 345%; } }
@media screen and (min-width: 432px) and (max-width: 479px) and (orientation: portrait) { html { font-size: 360%; } }
@media screen and (min-width: 480px) and (max-width: 639px) and (orientation: portrait) { html { font-size: 400%; } }
@media screen and (min-width: 640px) and (orientation: portrait) { html { font-size: 533.33%; } }
.hide { display: none; }

/*************/
#forhorview { position: fixed; z-index: 1000; top: 0; bottom: 0; left: 0; right: 0; width: 100%; background: rgba(0, 0, 0, 0.8); display: none; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; }
#forhorview p { font-size: .6rem; color: #ddd; }

/**top-bar**/
.topBar { width: 100%; height: 1.15rem; background-color: rgba(0, 0, 0, 0.9); position: fixed; top: 0; left: 0; z-index: 10; }
.topBar .icon1 { float: left; width: .96rem; height: .96rem; background: url(../images/icon04.png) no-repeat; background-size: .96rem .96rem; margin: .08rem 0 0 .15rem; }
.topBar .logo { float: left; width: 2.44rem; margin: .2rem 0 0 .15rem; font-size: .2rem; color: #fff; }
.topBar .logo h3 { font-size: .27rem; font-weight: bold; }
.topBar .btn1 { float: left; width: 3.6rem; height: .66rem; background: url(../images/enter.png) no-repeat; background-size: 3.6rem .66rem; margin: .22rem 0 0 0; }
.topBar .enter { float: left; width: 1.54rem; height: .64rem; margin-left: .06rem; }
.topBar .download1 { float: left; width: 1.54rem; height: .64rem; margin-left: .46rem; }

/**foot-bar**/
.footerBar { width: 100%; background-color: #14161a; font-size: .24rem; color: #eaf1fa; min-height: .77rem; position: relative; }
.footerBar .contBlock { padding: .35rem; }
.footerBar .contBlock .ft-logo { margin-right: 50px; display: block; }
.footerBar .contBlock .ft-logo a.jump-logo { width: 100px; height: 53px; background: url(../images/logo-jump.png) no-repeat; margin-right: 25px; display: inline-block; }
.footerBar .contBlock .ft-logo a.dzbq-logo img { width: 50px; height: 57px; }
.footerBar .contBlock .copyRight_m p { font-size: .24rem; color: #fff; line-height: 0.36rem; }
.footerBar .contBlock .btn_toTop { position: absolute; right: .3rem; bottom: .3rem; width: .93rem; height: .93rem; background: transparent url(../images/goTop.png) scroll no-repeat 0 0; background-size: 100% 100%; z-index: 10; }
.footerBar .contBlock .copyRight_p { width: 6rem; margin: 0 auto; padding: .2rem 0; }
.footerBar .contBlock .copyRight_p a { display: inline-block; text-decoration: none; height: .4rem; line-height: .4rem; }
.footerBar .contBlock .copyRight_p a img { float: left; width: .4rem; }
.footerBar .contBlock .copyRight_p a p { float: left; height: .4rem; line-height: .4rem; margin: 0 0 0 .05rem; color: #939393; }

/**main**/
.box-one { width: 100%; height: 13.94rem; background: url(../images/rm01.jpg) no-repeat bottom center; background-size: contain; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ position: relative; padding-top: 11.6rem; }
.box-one .btn_enter { width: 3.63rem; height: 1.11rem; background: url(../images/enter.png) no-repeat; background-size: contain; display: block; margin: 0 auto; }

.box-two { width: 100%; height: 13rem; background: url(../images/rm02.jpg) no-repeat top center; background-size: contain; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ padding-top: 6.7rem; text-align: center; }
.box-two img { width: 4.06rem; height: 4.15rem; }

.box-three { width: 100%; height: 18.41rem; background: url(../images/rm03.jpg) no-repeat top center; background-size: contain; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ padding-top: 1.5rem; }
.tab-skill { width: 6.84rem; height: .79rem; background: url(../images/tab-skill.png) no-repeat center; background-size: contain; margin: 0 auto; text-align: center; font-size: 0; }
.tab-skill span { display: inline-block; width: .93rem; height: 100%; margin: 0 0.1rem; vertical-align: top; text-align: center; position: relative; }
.tab-skill span.on:after { content: ""; width: .27rem; height: .12rem; background: url(../images/on.png) no-repeat; background-size: contain; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 100%); }
.tab-skill span#skill-q { background: url(../images/skill-q.png) no-repeat center; background-size: 100% .54rem; }
.tab-skill span#skill-q.on { background: url(../images/skill-q_a.png) no-repeat center; background-size: 100% .54rem; }
.tab-skill span#skill-w { background: url(../images/skill-w.png) no-repeat center; background-size: 100% .54rem; }
.tab-skill span#skill-w.on { background: url(../images/skill-w_a.png) no-repeat center; background-size: 100% .54rem; }
.tab-skill span#skill-e { background: url(../images/skill-e.png) no-repeat center; background-size: 100% .54rem; }
.tab-skill span#skill-e.on { background: url(../images/skill-e_a.png) no-repeat center; background-size: 100% .54rem; }
.tab-skill span#skill-r { background: url(../images/skill-r.png) no-repeat center; background-size: 100% .54rem; }
.tab-skill span#skill-r.on { background: url(../images/skill-r_a.png) no-repeat center; background-size: 100% .54rem; }
.tab-skill span#skill-b { width: 1.85rem; background: url(../images/skill-b.png) no-repeat center; background-size: 100% .54rem; }
.tab-skill span#skill-b.on { background: url(../images/skill-b_a.png) no-repeat center; background-size: 100% .54rem; }
.box-skill { padding: 0.60rem 0.6rem 0 0.5rem; }
.skill .sill-name { font-size: 0.4rem; color: #ffb400; font-weight: bold; line-height: 2; }
.skill .skill-detail { height: 3.4rem; font-size: 0.24rem; color: #7a8caa; font-weight: bold; line-height: 1.8; }
.skill .skill-img { text-align: center; }
.skill .skill-img img { width: auto; height: 3.08rem; }

/**pop**/
.mask { transition: opacity .3s ease-in-out 0s; -moz-transition: opacity .3s ease-in-out 0s; -webkit-transition: opacity .3s ease-in-out 0s; -o-transition: opacity .3s ease-in-out 0s; position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.8); display: none; opacity: 0; z-index: 999; }

.mask.show { opacity: 1; display: block; }

.pop .popMain { width: 6.2rem; height: 3rem; border-radius: .25rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 6; background: #fefef6; background-size: 100% 100%; display: none; }
.pop .popMain .p_content { width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 1rem .7rem 0; z-index: 6; text-align: center; display: none; font-size: .32rem; color: #7a1704; }
.pop .popMain .p_content.show { display: block; }
.pop .popMain .btn_popClose { width: .8rem; height: .8rem; position: absolute; top: -.2rem; right: .14rem; z-index: 66; font-size: .8rem; color: #99999b; }
.pop .popMain.show { display: block; }

@keyframes up { 0% { transform: translateY(25px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; } }
/*# sourceMappingURL=index.css.map */

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