/*!base*/
body { background-color: #fff; color: #666; font-size: .22rem }
a:hover, a.active { color: #0093e9 }

/*!去除默认选中边框*/
input, select { outline: none; border: 0px }
.view { overflow-x: hidden; margin: 0 auto; width: 100%; height: 100%; max-width: 10rem; table-layout: fixed; word-break: break-all }
.top-fixed { position: fixed; top: 0; right: 0; left: 0; z-index: 99; margin: 0 auto; width: 100%; max-width: 10rem }
.bottom-fxied { position: fixed; right: 0; bottom: 0; left: 0; z-index: 99; margin: 0 auto; width: 100%; max-width: 10rem }
.main { max-width: 10rem; margin: 0 auto; width: 100% }
.top-fixed ~ .main { padding-top: .88rem }
.bottom-fxied ~ .main { padding-bottom: 1rem }
h1, h2, h3, h4, h5, h6 { font-weight: bold; font-size: initial }
.m400 { margin: .04rem 0 }
.mt10 { margin-top: .1rem }
.mt20 { margin-top: .2rem }
.mt30 { margin-top: .3rem }
.mt40 { margin-top: .4rem }
.mb40 { margin-bottom: .4rem }
.oh { overflow: hidden }
.tac { text-align: center }
img { width: 100% }

/*!****************************moblie*******************************/

/*!*header*/.header-wrap { line-height: 1.5; height: .88rem; width: 100%; background-color: #fff }
.header-wrap #logo { font-size: 0 }
.header-wrap #logo a { display: inline-block }
.header-wrap #logo img { width: 4rem; height: .88rem }
.header-wrap .header-title { font-size: .3rem; padding: 0 .2rem; color: #333 }
.header-wrap .header-title .header-title-tips .header-title-en { font-size: .2rem; color: #999 }
.header-wrap .header-nav { width: .8rem; height: .88rem }
.header-wrap .header-nav .menu-icon { position: relative; display: block; margin: 0 auto }
.header-wrap .header-nav .menu-icon i, .header-wrap .header-nav .menu-icon i:before, .header-wrap .header-nav .menu-icon i:after { position: relative; display: inline-block; width: .55rem; height: .06rem; content: ""; vertical-align: middle; background: url("../images/JY_m_menu.png") no-repeat center; -webkit-transition: all 0.3s cubic-bezier(0.305, 0.1, 0.485, 0.87); -moz-transition: all 0.3s cubic-bezier(0.305, 0.1, 0.485, 0.87); -o-transition: all 0.3s cubic-bezier(0.305, 0.1, 0.485, 0.87); transition: all 0.3s cubic-bezier(0.305, 0.1, 0.485, 0.87) }
.header-wrap .header-nav .menu-icon i:before { position: absolute; top: -.15rem }
.header-wrap .header-nav .menu-icon i:after { position: absolute; top: .15rem }
.header-wrap .header-nav .menu-icon.active i { background: transparent }
.header-wrap .header-nav .menu-icon.active i:before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.header-wrap .header-nav .menu-icon.active i:after { top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.header-nav-box { position: fixed; z-index: 9999; top: 0; left: 0; right: 0; display: none; overflow: hidden; margin: 0 auto; width: 100%; height: 100%; max-width: 10rem; background-color: rgba(0, 0, 0, 0.5) }
.header-nav-box .header-nav-close { position: absolute; top: 0; left: 1.55rem; width: 1.4rem; height: 100%; text-align: center }
.header-nav-box .header-nav-close span { position: absolute; top: 0; left: 0; display: inline-block; width: 1.4rem; height: .88rem; background: url(../images/JY_close.png) no-repeat center center #0093e9; background-size: .3rem .3rem }
.header-nav-menu { position: absolute; top: 0; left: 6.4rem; width: 100%; height: 100%; margin-left: 1.4rem; background-color: #fff }
.header-nav-menu>li>a { font-size: .3rem; font-weight: 500; height: 1rem; line-height: 1rem; position: relative; display: inline-block; width: 100%; padding-left: .65rem; border-top: .02rem solid #ddd; border-bottom: .02rem solid #ddd; margin-top: -.02rem }
.header-nav-menu>li>a:first-child a { height: .88rem; line-height: .88rem }
.header-nav-menu>li .arrow { position: absolute; display: inline-block; top: 50%; right: 1.8rem; width: .3rem; height: .3rem; background-color: transparent; border: .02rem solid #ddd; content: ""; vertical-align: middle; margin-top: -.15rem; transition: all .2s ease-in; transform: rotate(45deg) }
.header-nav-menu>li .arrow:after { position: absolute; top: .06rem; right: .06rem; width: .4rem; height: .4rem; background: #fff; content: ""; transform: rotate(45deg) }
.header-nav-menu>li.active .arrow { transform: rotate(135deg) }
.header-nav-menu .dropdown-menu { display: none }
.header-nav-menu .dropdown-menu li a { display: inline-block; height: .8rem; line-height: .8rem; width: 100%; padding-left: 0.9rem }
.moblie .i-box01 { width: 100%; height: 12.46rem; background: url("../images/JY_m_bg01.png") no-repeat center; background-size: cover; position: relative; overflow: hidden }
.moblie .i-box01 .a01 { position: absolute; top: 2.4rem; left: 0; right: 0; width: 100%; height: 2.12rem; margin: 0 auto }
.moblie .i-box01 .a02 { position: absolute; top: 6.7rem; left: 0; right: 0; width: 100%; height: 2.31rem; margin: 0 auto }
.moblie .i-box02 { width: 100%; height: 13.36rem; background-color: #f5f5f5; position: relative; overflow: hidden }
.moblie .i-box02 .a03 { position: absolute; top: .9rem; left: 0; right: 0; width: 100%; height: .35rem; margin: 0 auto }
.moblie .i-box02 .a04 { position: absolute; top: 1.95rem; left: 0; right: 0; width: 100%; height: 9.82rem; margin: 0 auto }
.moblie .i-box03 { width: 100%; height: 14.32rem; background: url("../images/JY_m_bg02.png") no-repeat center; background-size: cover; position: relative; overflow: hidden }
.moblie .i-box03 .a05 { position: absolute; top: .9rem; left: 0; right: 0; width: 100%; height: .35rem; margin: 0 auto }
.moblie .i-box03 .a06 { position: absolute; top: 1.95rem; left: 0; right: 0; width: 100%; height: 9.82rem; margin: 0 auto }
.moblie .i-box04 { width: 100%; height: 13.34rem; background: url("../images/JY_m_bg03.png") no-repeat center; background-size: cover; position: relative; overflow: hidden }
.moblie .i-box04 .a07 { position: absolute; top: .7rem; left: 0; right: 0; width: 100%; height: 1.59rem; margin: 0 auto }
.moblie .i-box04 .a08 { position: absolute; top: 3.06rem; left: 0; right: 0; width: 100%; height: 9.41rem; margin: 0 auto }
.moblie .i-box05 { width: 100%; height: 13.34rem; background: url("../images/JY_m_bg04.png") no-repeat center; background-size: cover; position: relative; overflow: hidden }
.moblie .i-box05 .a08 { position: absolute; top: .85rem; left: 0; right: 0; width: 100%; height: .35rem; margin: 0 auto }
.moblie .i-box05 .a09 { position: absolute; top: 1.97rem; left: 0; right: 0; width: 100%; height: 9.62rem; margin: 0 auto }
.foot-wrap { max-width: 10rem; margin: 0 auto; width: 100%; height: 11.31rem; background: url("../images/JY_m_bg05.png") no-repeat center; background-size: cover; position: relative }
.foot-wrap .a10 { position: absolute; top: 2.4rem; left: 0; right: 0; width: 100%; height: 2.58em; margin: 0 auto }
.foot-wrap .a11 { position: absolute; top: 6.5rem; left: 0; right: 0; width: 100%; height: 2.3rem; margin: 0 auto }
.foot-wrap .backTop { position: absolute; left: 0; right: 0; top: -.39rem; margin: 0 auto; width: .78rem; height: .78rem; cursor: pointer }
.wrap_qq { width: 1.14rem; height: 1.14rem; position: fixed; left: .2rem; bottom: .2rem; z-index: 9999; filter: alpha(opacity=80); opacity: .8 }
.icon_menu_qq { width: 1.14rem; height: 1.14rem; position: absolute; bottom: .04rem; left: .04rem; z-index: 10; cursor: pointer }
.icon_menu_qq span { diplay: none }
.btn_qq { width: .8rem; height: .8rem; background: url(../images/JY_bg1.png) no-repeat 0 0; z-index: 1; position: absolute; bottom: 0; left: 0; margin: 0 0px .04rem .04rem; cursor: pointer; background-size: .8rem .8rem }
.btn_qq span { display: block; width: .8rem; height: .8rem; font-size: .22rem; position: absolute; top: 50%; left: 50%; margin-top: -.4rem; margin-left: -.4rem; overflow: hidden; color: #fff; text-align: center; line-height: .8rem }
.btn_qq span a { color: #fff }
.btn_qq1 span { background-position: 0 -.02rem }
.btn_qq2 span { background-position: -.24rem -.02rem }
.btn_qq3 span { background-position: -.47rem -.02rem }
.btn_qq4 span { background-position: -.69rem -.02rem }
.btn_qq { -webkit-transition: bottom .2s, left .2s; -moz-transition: bottom .2s, left .2s; -o-transition: bottom .2s, left .2s; -ms-transition: bottom .2s, left .2s; transition: bottom .2s, left .2s }
.btn_qq1.close, .btn_qq2.close, .btn_qq3.close, .btn_qq4.close { bottom: .2rem; left: 0.2rem }
.btn_qq1.open { bottom: 1.8rem; left: 0 }
.btn_qq2.open { bottom: 1.55rem; left: 0.9rem }
.btn_qq3.open { bottom: 0.88rem; left: 1.7rem }
.btn_qq4.open { bottom: .05rem; left: 2.2rem }

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