@charset "UTF-8";
html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset { margin: 0; padding: 0; }

ul, ol, dl { list-style-type: none; }

header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer { display: block; margin: 0; padding: 0; }

address, caption, cite, code, dfn, em, th, var, i, b { font-style: normal; font-weight: normal; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

input, button { overflow: visible; vertical-align: middle; outline: none; }

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

a, area { outline: none; blr: expression(this.onFocus=this.blur()); }

a:focus, a:hover, a:active { outline: none; blr: expression(this.onFocus=this.blur()); }

sub, sup { vertical-align: baseline; }

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

textarea { resize: none; }

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

img { border: 0; vertical-align: middle; }

a img, img { -ms-interpolation-mode: bicubic; }

a { text-decoration: none; cursor: pointer; color: inherit; }

a:hover { text-decoration: none; }

.fl { float: left; }

.fr { float: right; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }

.clearfix { *zoom: 1; }

#web-ietip { width: 526px; height: 90px; padding: 83px 0 0 84px; overflow: hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0; }

#web-ietip a { display: block; width: 65px; height: 80px; float: left; }

/*初始化*/
@font-face { font-family: 'AKROBAT-BOLD'; src: url(../font/AKROBAT-BOLD.OTF); }

html { font-size: calc(100vw / 1920 * 100); }

@media (max-width: 1200px) { html { font-size: calc(1200px / 1920 * 100); } }

body { overflow-x: hidden; min-width: 1200px; font-family: 'AKROBAT-BOLD', '思源黑体 CN', 'SourceHanSansCN-Normal', '微软雅黑'; font-size: 14px; }

@-webkit-keyframes icon-enter { 0% { background-position: 0 0; }
  100% { background-position: 0 -9.9rem; } }

@keyframes icon-enter { 0% { background-position: 0 0; }
  100% { background-position: 0 -9.9rem; } }

@-webkit-keyframes icon-leave { 0% { background-position: 0 -9.9rem; }
  100% { background-position: 0 0; } }

@keyframes icon-leave { 0% { background-position: 0 -9.9rem; }
  100% { background-position: 0 0; } }

@-webkit-keyframes dot { 0%, 60%, 100% { -webkit-transform: scale(1); transform: scale(1); }
  30% { -webkit-transform: scale(2); transform: scale(2); } }

@keyframes dot { 0%, 60%, 100% { -webkit-transform: scale(1); transform: scale(1); }
  30% { -webkit-transform: scale(2); transform: scale(2); } }

@-webkit-keyframes cub { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  100% { -webkit-transform: translate(10px, 20px); transform: translate(10px, 20px); } }

@keyframes cub { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  100% { -webkit-transform: translate(10px, 20px); transform: translate(10px, 20px); } }

@-webkit-keyframes cubX { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(20%); transform: translateX(20%); } }

@keyframes cubX { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(20%); transform: translateX(20%); } }

@-webkit-keyframes cubY { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(20%); transform: translateY(20%); } }

@keyframes cubY { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(20%); transform: translateY(20%); } }

@-webkit-keyframes ball { 0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(1.5); transform: scale(1.5); } }

@keyframes ball { 0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(1.5); transform: scale(1.5); } }

.jw-layout { width: 12rem; margin-left: auto; margin-right: auto; }

.jw-title { text-align: center; }

.jw-title .t { font-size: .5rem; color: #000; }

.jw-title .dot { display: inline-block; width: 3px; height: 3px; background: #0056ff; border-radius: 50%; margin: 0 3px; -webkit-animation: dot 1s linear infinite; animation: dot 1s linear infinite; }

.jw-title .dot_wrap { margin-top: .22rem; }

.jw-title .dot_line { font-size: 0; }

.jw-title .dot_line:last-of-type { margin-top: .06rem; }

.jw-title .dot:nth-of-type(1), .jw-title .dot:nth-of-type(16) { opacity: 0.3; }

.jw-title .dot:nth-of-type(2), .jw-title .dot:nth-of-type(15) { opacity: 0.4; }

.jw-title .dot:nth-of-type(3), .jw-title .dot:nth-of-type(14) { opacity: 0.5; }

.jw-title .dot:nth-of-type(4), .jw-title .dot:nth-of-type(13) { opacity: 0.6; }

.jw-title .dot:nth-of-type(5), .jw-title .dot:nth-of-type(12) { opacity: 0.7; }

.jw-title .dot:nth-of-type(6), .jw-title .dot:nth-of-type(11) { opacity: 0.8; }

.jw-title .dot:nth-of-type(7), .jw-title .dot:nth-of-type(10) { opacity: 0.9; }

.jw-title .dot:nth-of-type(8), .jw-title .dot:nth-of-type(9) { opacity: 1; }

.jw-title .dot:nth-of-type(1) { -webkit-animation-delay: 0.06s; animation-delay: 0.06s; }

.jw-title .dot:nth-of-type(2) { -webkit-animation-delay: 0.12s; animation-delay: 0.12s; }

.jw-title .dot:nth-of-type(3) { -webkit-animation-delay: 0.18s; animation-delay: 0.18s; }

.jw-title .dot:nth-of-type(4) { -webkit-animation-delay: 0.24s; animation-delay: 0.24s; }

.jw-title .dot:nth-of-type(5) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

.jw-title .dot:nth-of-type(6) { -webkit-animation-delay: 0.36s; animation-delay: 0.36s; }

.jw-title .dot:nth-of-type(7) { -webkit-animation-delay: 0.42s; animation-delay: 0.42s; }

.jw-title .dot:nth-of-type(8) { -webkit-animation-delay: 0.48s; animation-delay: 0.48s; }

.jw-title .dot:nth-of-type(9) { -webkit-animation-delay: 0.54s; animation-delay: 0.54s; }

.jw-title .dot:nth-of-type(10) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.jw-title .dot:nth-of-type(11) { -webkit-animation-delay: 0.66s; animation-delay: 0.66s; }

.jw-title .dot:nth-of-type(12) { -webkit-animation-delay: 0.72s; animation-delay: 0.72s; }

.jw-title .dot:nth-of-type(13) { -webkit-animation-delay: 0.78s; animation-delay: 0.78s; }

.jw-title .dot:nth-of-type(14) { -webkit-animation-delay: 0.84s; animation-delay: 0.84s; }

.jw-title .dot:nth-of-type(15) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }

.jw-title .dot:nth-of-type(16) { -webkit-animation-delay: 0.96s; animation-delay: 0.96s; }

.jw-title--white .t { color: #fff; }

.jw-title--white .dot { background: #fff; }

.jw-btn { color: #fff; text-align: center; font-size: .16rem; width: 1.7rem; height: .5rem; line-height: .5rem; background-color: #0f5aff; -webkit-box-shadow: 0 0.2rem 0.3rem 0 rgba(15, 90, 255, 0.2); box-shadow: 0 0.2rem 0.3rem 0 rgba(15, 90, 255, 0.2); border-radius: .25rem; margin-left: auto; margin-right: auto; cursor: pointer; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.jw-btn:hover { opacity: 0.9; -webkit-transform: translateY(-10%); -ms-transform: translateY(-10%); transform: translateY(-10%); }

.jw-mod-1 { height: 8.24rem; padding-top: 1px; background: url(../images/1.png) no-repeat center/cover; position: relative; overflow: hidden; }

.jw-mod-1 .t1 { margin-top: 1.62rem; }

.jw-mod-1 .t1_cnt { font-size: .72rem; color: #fff; margin-left: 2.9rem; }

.jw-mod-1 .t1_cnt .s2 { color: #ffcc00; margin-left: .6rem; }

.jw-mod-1 .t2 { margin-top: 3.5rem; text-align: center; }

.jw-mod-1 .t2_cnt { font-size: 0; }

.jw-mod-1 .t2_cnt .s { font-size: .26rem; color: #fff; display: inline-block; }

.jw-mod-1 .t2_cnt .s2 { font-size: .5rem; color: #ffcd05; margin-left: .3rem; font-family: 'Akrobat-Bold'; }

.jw-mod-1 .icon { position: absolute; left: 50%; bottom: .3rem; width: 22px; margin-left: -11px; }

.jw-mod-2 { background: url(../images/3.jpg) no-repeat center/cover; padding-top: .96rem; padding-bottom: .94rem; overflow: hidden; }

.jw-mod-2 .jw-layout { position: relative; }

.jw-mod-2 .list { margin-top: .69rem; position: relative; z-index: 2; }

.jw-mod-2 .list .li { width: 3.73rem; height: 3.7rem; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: .3rem; margin-right: .4rem; margin-bottom: .4rem; float: left; text-align: center; position: relative; }

.jw-mod-2 .list .li:nth-of-type(2n) { -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; }

.jw-mod-2 .list .li:nth-of-type(3n) { margin-right: 0; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; }

.jw-mod-2 .list .li:after { content: ''; position: absolute; left: 0; top: 50%; z-index: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 100%; background: #fff; border-radius: 10px; -webkit-box-shadow: 0px 20px 30px 0px rgba(129, 165, 225, 0.1); box-shadow: 0px 20px 30px 0px rgba(129, 165, 225, 0.1); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.jw-mod-2 .list .li:hover:after { height: 110%; }

.jw-mod-2 .list .name { font-size: .3rem; color: #000; margin-top: .05rem; position: relative; z-index: 2; }

.jw-mod-2 .list .desc { font-size: .16rem; color: #666; line-height: .28rem; margin-top: .13rem; position: relative; z-index: 2; }

.jw-mod-2 .list .icon { width: 1.1rem; height: 1.1rem; margin: auto; position: relative; z-index: 2; background-position: center top; background-repeat: no-repeat; background-size: 100% auto; background-image: url(../images/icon-1.png); }

.jw-mod-2 .list .icon.is-enter { -webkit-animation: icon-enter 0.1s steps(9) forwards; animation: icon-enter 0.1s steps(9) forwards; }

.jw-mod-2 .list .icon.is-leave { -webkit-animation: icon-leave 0.1s steps(9) forwards; animation: icon-leave 0.1s steps(9) forwards; }

.jw-mod-2 .list-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.jw-mod-2 .list-2 .li { text-align: left; padding: .35rem; min-height: 3rem; height: auto; }

.jw-mod-2 .list-2 .li:hover:after { height: 100%; }

.jw-mod-2 .list-2 .icon { margin-left: 0; }

.jw-mod-2 .list-2 .name { line-height: .4rem; position: relative; font-size: .28rem; }

.jw-mod-2 .list-2 .name:after { content: ''; position: absolute; right: 0; top: .06rem; width: 8px; height: 8px; background-color: #0053db; opacity: 0.5; }

.jw-mod-2 .list-2 .name p:nth-of-type(2) { color: red; }

.jw-mod-2 .list-2 .desc { font-size: .18rem; color: #333; line-height: .32rem; }

.jw-mod-2 .jw-btn { margin-top: .2rem; }

.jw-mod-2 .cub { position: absolute; z-index: 1; -webkit-animation: cub 1s infinite alternate linear; animation: cub 1s infinite alternate linear; }

.jw-mod-2 .cub-1 { right: -1.16rem; top: 1.93rem; }

.jw-mod-2 .cub-2 { left: -1.47rem; bottom: 1.73rem; }

.jw-mod-3 { height: 9.89rem; overflow: hidden; background: url(../images/7.jpg) no-repeat center/cover; position: relative; }

.jw-mod-3 .logo_wrap { width: 1200px; height: 100%; position: absolute; left: 0; right: 0; top: 0; margin: auto; -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; }

.jw-mod-3 .jw-title { padding-top: .96rem; }

.jw-mod-3 .year { position: absolute; top: 400px; left: 335px; }

.jw-mod-3 .logo-item { position: absolute; cursor: default; }

.jw-mod-3 .logo-item:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.2s !important; -o-transition: all 0.2s !important; transition: all 0.2s !important; }

.jw-mod-3 .jw-ball { position: absolute; -webkit-animation: ball 1s infinite alternate linear; animation: ball 1s infinite alternate linear; }

.jw-mod-3 .jw-ball:nth-of-type(2) { -webkit-animation-delay: .1s; animation-delay: .1s; }

.jw-mod-3 .jw-ball:nth-of-type(4) { -webkit-animation-delay: .15s; animation-delay: .15s; }

.jw-mod-4 { min-height: 9rem; position: relative; overflow: hidden; }

.jw-mod-4--2 { min-height: 8.3rem; }

.jw-mod-4 .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: #000; }

.jw-mod-4 .bg .swiper-slide { min-height: 9rem; background-position: center; background-repeat: no-repeat; background-size: cover; }

.jw-mod-4 .bg-2 .swiper-slide { min-height: 8.3rem; }

.jw-mod-4 .cnt { position: relative; z-index: 2; padding-top: .96rem; padding-bottom: .8rem; }

.jw-mod-4 .section { position: relative; color: #fff; margin-top: .5rem; }

.jw-mod-4 .section .detail { width: 8rem; margin-left: 0; float: left; }

.jw-mod-4 .section .detail .name { font-size: 0.4rem; opacity: 0; }

.jw-mod-4 .section .detail .t1 { font-size: 0.18rem; margin-top: 0.19rem; opacity: 0; }

.jw-mod-4 .section .detail .t2 { font-size: 0.16rem; line-height: 0.28rem; margin-top: 0.3rem; opacity: 0; }

.jw-mod-4 .section .detail .t2 p { padding-left: 0.28rem; margin-bottom: 0.16rem; background: url(../images/26.png) no-repeat left top 0.06rem; }

.jw-mod-4 .section .detail .links { margin-top: 0.37rem; font-size: 0; opacity: 0; }

.jw-mod-4 .section .detail .links .btn { display: inline-block; width: 1.7rem; height: 0.5rem; line-height: 0.5rem; border-radius: 0.5rem; margin-right: 0.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; font-size: 0.16rem; color: #fff; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.jw-mod-4 .section .detail .links .btn:hover { opacity: 0.9; -webkit-transform: translateY(-10%); -ms-transform: translateY(-10%); transform: translateY(-10%); }

.jw-mod-4 .section .detail .links .btn-1 { background: #0f5aff; }

.jw-mod-4 .section .detail .links .btn-2 { border: 0.02rem solid; line-height: 0.46rem; }

.jw-mod-4 .section .detail .case { background-color: rgba(255, 255, 255, 0.5); border-radius: 0.03rem; margin-top: 0.5rem; font-size: 0; opacity: 0; }

.jw-mod-4 .section .detail .case-item { display: inline-block; width: 20%; height: 0.8rem; overflow: hidden; cursor: default; }

.jw-mod-4 .section .detail .case-item img { max-width: 100%; max-height: 100%; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.jw-mod-4 .section .detail .case-item:hover img { -webkit-transform: translateY(-5%); -ms-transform: translateY(-5%); transform: translateY(-5%); }

.jw-mod-4 .section .detail .swiper-slide-active .name { -webkit-animation: fadeInUp 0.5s forwards; animation: fadeInUp 0.5s forwards; }

.jw-mod-4 .section .detail .swiper-slide-active .t1 { -webkit-animation: fadeInUp 0.5s 0.2s forwards; animation: fadeInUp 0.5s 0.2s forwards; }

.jw-mod-4 .section .detail .swiper-slide-active .t2 { -webkit-animation: fadeInUp 0.5s 0.4s forwards; animation: fadeInUp 0.5s 0.4s forwards; }

.jw-mod-4 .section .detail .swiper-slide-active .links { -webkit-animation: fadeInUp 0.5s 0.8s forwards; animation: fadeInUp 0.5s 0.8s forwards; }

.jw-mod-4 .section .detail .swiper-slide-active .case { -webkit-animation: fadeInUp 0.5s 1s forwards; animation: fadeInUp 0.5s 1s forwards; }

.jw-mod-4 .section .detail-2 .name:after { content: ''; display: block; width: .4rem; height: .04rem; background-color: #ffffff; margin-top: .28rem; }

.jw-mod-4 .section .detail-2 .t1 { font-size: .24rem; margin-top: .43rem; }

.jw-mod-4 .section .detail-2 .t2 { line-height: .32rem; margin-top: .24rem; }

.jw-mod-4 .section .detail-2 .t2 p { margin-bottom: .12rem; background-position: left top .08rem; }

.jw-mod-4 .section .detail-2 .t2 p:last-child { margin-bottom: 0; }

.jw-mod-4 .section .detail-2 .links { margin-top: .5rem; }

.jw-mod-4 .section .anchor { position: relative; float: right; min-width: 1.6rem; padding: 0.15rem 0 0; margin-top: -0.5rem; }

.jw-mod-4 .section .anchor::before { content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.1); }

.jw-mod-4 .section .anchor-item { display: block; padding-left: 0.5rem; font-size: 0.16rem; color: rgba(255, 255, 255, 0.6); position: relative; margin-bottom: 0.26rem; }

.jw-mod-4 .section .anchor-item:last-of-type { margin-bottom: 0; }

.jw-mod-4 .section .anchor-item:before { content: ''; position: absolute; left: 0; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0.2rem; height: 0.2rem; background: url(../images/32.png) no-repeat center/100% auto; }

.jw-mod-4 .section .anchor-item.active { font-size: 0.18rem; color: #fff; }

.jw-mod-4 .section .anchor-item.active:before { width: 0.55rem; height: 0.55rem; background-image: url(../images/33.png); }

.jw-mod-4 .section .anchor-item:hover { color: #fff; }

.jw-mod-4 .section .anchor-2 { margin-top: 0; padding-top: 0.25rem; }

.jw-mod-4 .section .anchor-2:before { top: .6rem; bottom: .3rem; height: auto; }

.jw-mod-4 .section .anchor-2 .anchor-item { width: 2rem; height: 0.5rem; line-height: .5rem; border-radius: .5rem; background: #fff; color: #0f5aff; text-align: center; padding: 0; margin-left: .5rem; margin-bottom: .35rem; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.jw-mod-4 .section .anchor-2 .anchor-item:before { left: -.5rem; }

.jw-mod-4 .section .anchor-2 .anchor-item.active, .jw-mod-4 .section .anchor-2 .anchor-item:hover { background: #0f5aff; color: #fff; font-size: .18rem; }

.jw-mod-4 .section .anchor-2 .anchor-item:last-child { margin-bottom: 0; }

.jw-mod-5 { padding-top: 0.96rem; padding-bottom: 1.0rem; overflow: hidden; }

.jw-mod-5 .list { margin-top: 0.7rem; border-top: solid 1px #e1e6f0; background: url(../images/35.png) no-repeat center/cover; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.jw-mod-5 .list .li { float: left; width: 50%; border-bottom: solid 1px #e1e6f0; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.jw-mod-5 .list .li:nth-of-type(2n + 1) { border-right: solid 1px #e1e6f0; }

.jw-mod-5 .list .li:nth-of-type(2n + 1) .cnt { float: right; padding-right: 0.6rem; }

.jw-mod-5 .list .li:nth-of-type(2n) .cnt { padding-left: 0.6rem; }

.jw-mod-5 .list .li:hover { background: none; }

.jw-mod-5 .list .cnt { width: 6.0rem; min-height: 2.28rem; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 1px; }

.jw-mod-5 .list .icon { width: 1.1rem; height: 1.1rem; margin: auto; margin-top: 0.3rem; position: relative; z-index: 2; background-position: center top; background-repeat: no-repeat; background-size: 100% auto; background-image: url(../images/icon-1.png); float: left; }

.jw-mod-5 .list .icon.is-enter { -webkit-animation: icon-enter 0.1s steps(9) forwards; animation: icon-enter 0.1s steps(9) forwards; }

.jw-mod-5 .list .icon.is-leave { -webkit-animation: icon-leave 0.1s steps(9) forwards; animation: icon-leave 0.1s steps(9) forwards; }

.jw-mod-5 .list .text { padding-top: 0.43rem; padding-bottom: 0.44rem; overflow: hidden; text-align: justify; }

.jw-mod-5 .list .text .tit { font-size: 0.3rem; color: #000; }

.jw-mod-5 .list .text .desc { margin-top: 0.17rem; font-size: 0.16rem; color: #666; line-height: 0.28rem; }

.jw-mod-5 .jw-btn { margin-top: 0.6rem; }

.jw-mod-6 { padding-bottom: 1.0rem; overflow: hidden; background: url(../images/36.jpg) no-repeat center/cover; }

.jw-mod-6 .jw-layout { position: relative; padding-top: 0.96rem; }

.jw-mod-6 .cub { position: absolute; z-index: 1; -webkit-animation: cub 1s infinite alternate linear; animation: cub 1s infinite alternate linear; }

.jw-mod-6 .cub-1 { left: -1.37rem; top: 1.86rem; }

.jw-mod-6 .cub-2 { right: -1.97rem; top: 7.49rem; width: 2.7rem; }

.jw-mod-6 .list { margin-top: 0.7rem; position: relative; z-index: 2; }

.jw-mod-6 .list .swiper-container { padding-bottom: 0.45rem; }

.jw-mod-6 .list .swiper-pagination { font-size: 0; bottom: 0; }

.jw-mod-6 .list .swiper-pagination-bullet { width: 0.3rem; height: 0.05rem; background-color: #0f5aff; border-radius: 0.03rem; opacity: 0.2; margin: 0 0.1rem; }

.jw-mod-6 .list .swiper-pagination-bullet-active { opacity: 1; }

.jw-mod-6 .list .item { display: block; height: 2.88rem; position: relative; -webkit-box-shadow: 0 0.2rem 0.3rem 0 rgba(129, 165, 225, 0.1); box-shadow: 0 0.2rem 0.3rem 0 rgba(129, 165, 225, 0.1); border-radius: 0.1rem; overflow: hidden; }

.jw-mod-6 .list .item:hover .bg { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.jw-mod-6 .list .item:hover .mask { opacity: 1; }

.jw-mod-6 .list .item:hover .text { top: 50%; opacity: 1; }

.jw-mod-6 .list .bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.jw-mod-6 .list .bg img { visibility: hidden; }

.jw-mod-6 .list .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; opacity: 0; }

.jw-mod-6 .list .text { position: absolute; left: 50%; top: 80%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; width: 90%; max-height: 90%; color: #fff; text-align: center; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.jw-mod-6 .list .text .name { font-size: 0.3rem; }

.jw-mod-6 .list .text .desc { font-size: 0.16rem; margin-top: 0.1rem; }

.jw-mod-6 .list .text:before, .jw-mod-6 .list .text:after { content: ''; display: block; width: 0.1rem; height: 0.02rem; background: rgba(255, 255, 255, 0.6); margin: auto; }

.jw-mod-6 .list .text:before { margin-bottom: 0.22rem; }

.jw-mod-6 .list .text:after { margin-top: 0.27rem; }

.jw-mod-6 .jw-btn { margin-top: 0.5rem; }

.jw-mod-7 { background: url(../images/43.png) no-repeat center/cover; overflow: hidden; }

.jw-mod-7 .jw-layout { height: 1.8rem; padding: 0.65rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }

.jw-mod-7 .jw-layout .cnt { position: relative; z-index: 2; }

.jw-mod-7 .jw-layout .cnt .t1 { font-size: 0.34rem; color: #fff; line-height: 0.5rem; }

.jw-mod-7 .jw-layout .form .ipt { float: left; margin-left: 0.1rem; position: relative; border-radius: 0.03rem; overflow: hidden; }

.jw-mod-7 .jw-layout .form .ipt input { display: block; width: 1.7rem; height: 0.48rem; border-radius: 0.03rem; border: solid 1px rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.1); font-size: 0.16rem; color: #fff; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; padding-left: 0.43rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.jw-mod-7 .jw-layout .form .ipt input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); font-size: 0.16rem; }

.jw-mod-7 .jw-layout .form .ipt input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); font-size: 0.16rem; }

.jw-mod-7 .jw-layout .form .ipt input::-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); font-size: 0.16rem; }

.jw-mod-7 .jw-layout .form .ipt input::placeholder { color: rgba(255, 255, 255, 0.5); font-size: 0.16rem; }

.jw-mod-7 .jw-layout .form .ipt input:focus { border-color: #fff; }

.jw-mod-7 .jw-layout .form .ipt .icon { position: absolute; left: 0.19rem; top: 50%; height: 0.18rem; margin-top: -0.09rem; }

.jw-mod-7 .jw-layout .form .ipt--code input { padding-right: 0.85rem; width: 1.9rem; }

.jw-mod-7 .jw-layout .form .ipt--code .code-btn { position: absolute; right: 0; top: 0; color: #fff; font-size: 0.14rem; text-align: center; cursor: pointer; width: 0.8rem; height: 100%; line-height: 0.48rem; background-color: #fff; text-align: right; }

.jw-mod-7 .jw-layout .form .ipt--code .code-btn .figure { max-width: 100%; max-height: 100%; }

.jw-mod-7 .jw-layout .form .btn { width: 1.7rem; height: 0.5rem; line-height: 0.5rem; background-color: #ffffff; -webkit-box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 38, 242, 0.5); box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 38, 242, 0.5); border-radius: 0.25rem; font-size: 0.16rem; color: #0f5aff; border: none; float: left; margin-left: 0.2rem; cursor: pointer; }

.jw-mod-7 .jw-layout .form .btn:hover { opacity: 0.9; }

.jw-mod-7 .jw-layout .cub { position: absolute; -webkit-animation: cubX 2s alternate infinite linear; animation: cubX 2s alternate infinite linear; border-radius: 0.07rem; }

.jw-mod-7 .jw-layout .cub-1 { width: 0.54rem; height: 0.5rem; top: 0.81rem; left: -0.69rem; background-color: #007eff; -webkit-animation-name: cubY; animation-name: cubY; }

.jw-mod-7 .jw-layout .cub-2 { width: 1.25rem; height: 0.5rem; top: 0.09rem; left: 0.42rem; background-color: #009cff; -webkit-animation-delay: .1s; animation-delay: .1s; }

.jw-mod-7 .jw-layout .cub-3 { left: 2.04rem; top: 1.22rem; width: 0.35rem; height: 0.34rem; background-color: #0090ff; opacity: 0.5; -webkit-animation-name: cubY; animation-name: cubY; -webkit-animation-delay: .2s; animation-delay: .2s; }

.jw-mod-7 .jw-layout .cub-4 { left: 2.25rem; top: 1.4rem; width: 0.55rem; height: 0.34rem; background-color: #0038ff; -webkit-animation-delay: .3s; animation-delay: .3s; }

.jw-mod-7 .jw-layout .cub-5 { left: 3.5rem; top: 0.56rem; width: 0.59rem; height: 0.5rem; background-color: #0036ff; -webkit-animation-delay: .4s; animation-delay: .4s; }

.jw-mod-7 .jw-layout .cub-6 { left: 4.86rem; top: 1.53rem; width: 0.43rem; height: 0.5rem; background-color: #007dff; -webkit-animation-name: cubY; animation-name: cubY; -webkit-animation-delay: .5s; animation-delay: .5s; }

.jw-mod-7 .jw-layout .cub-7 { top: 0.35rem; right: 1.43rem; width: 1.05rem; height: 0.34rem; background-color: #0072ff; }

.jw-mod-7 .jw-layout .cub-8 { bottom: 0.28rem; right: 0.69rem; width: 0.44rem; height: 0.32rem; background-color: #0072ff; -webkit-animation-delay: .1s; animation-delay: .1s; }

.jw-mod-7 .jw-layout .cub-9 { bottom: 0.42rem; right: 0.51rem; width: 0.35rem; height: 0.32rem; background-color: #0036ff; -webkit-animation-name: cubY; animation-name: cubY; -webkit-animation-delay: .2s; animation-delay: .2s; }

.jw-mod-8 { background: url(../images/ban0.jpg) no-repeat center/cover; height: 8.25rem; color: #fff; }

.jw-mod-8 .jw-layout { position: relative; padding-top: 1px; }

.jw-mod-8 .t1 { font-size: 0.65rem; line-height: .78rem; margin-top: 1.31rem; }

.jw-mod-8 .t1 .s2 { color: #ffcc00; }

.jw-mod-8 .line { width: .4rem; height: .04rem; background: #fff; margin-top: 0.3rem; margin-bottom: .44rem; }

.jw-mod-8 .t2 { font-size: .26rem; line-height: 0.4rem; }

.jw-mod-8 .t2 span { color: #ffcc00; }

.jw-mod-8 .btn { display: block; width: 1.7rem; height: .5rem; line-height: .5rem; background-color: #ffcc00; border-radius: .5rem; text-align: center; color: #000; font-size: 0.16rem; margin-top: .62rem; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.jw-mod-8 .btn:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }

.jw-mod-8 .icon { width: .46rem; margin-top: 1.4rem; cursor: pointer; }

.jw-mod-8 .img1 { position: absolute; right: 1.4rem; top: 1.58rem; width: 5.09rem; }

.jw-mod-8 .img2 { position: absolute; right: 6.35rem; top: 5.05rem; width: 1.26rem; }

.jw-mod-8 .img3 { position: absolute; right: 5.8rem; top: 2.11rem; width: .71rem; }

.jw-mod-8 .img4 { position: absolute; right: 5.02rem; top: 1.45rem; width: .52rem; }

.jw-mod-8 .img5 { position: absolute; right: 2.95rem; top: .67rem; width: .62rem; }

.jw-mod-8 .img6 { position: absolute; right: 1.41rem; top: 1.83rem; width: .54rem; }

.jw-mod-8 .img7 { position: absolute; right: .56rem; top: 3.64rem; width: .64rem; }

.jw-mod-8 .img8 { position: absolute; right: -.18rem; top: 5.91rem; width: 1.85rem; }

.jw-mod-8 .img9 { position: absolute; right: 4.07rem; top: 6.58rem; width: 1.91rem; }

.jw-mod-9 { padding-top: .85rem; padding-bottom: .88rem; }

.jw-mod-9 .logo_wrap { margin-top: .37rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.jw-mod-9 .logo_wrap .jw-logo { cursor: default; }

.jw-mod-9 .logo_wrap .jw-logo img { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; height: .68rem; }

.jw-mod-9 .logo_wrap .jw-logo:hover img { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }

.jw-mod-10 { background: url(../images/48.jpg) no-repeat center/cover; padding: .8rem 0; }

.jw-mod-10 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.jw-mod-10 .list .item { width: calc(377 / 1200 * 100%); margin-right: calc(34 / 1200 * 100%); position: relative; background: #fff; border-radius: .1rem; padding: .43rem .39rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.jw-mod-10 .list .item:nth-of-type(3n) { margin-right: 0; }

.jw-mod-10 .list .item:after { content: ''; position: absolute; right: .4rem; bottom: .5rem; width: .08rem; height: .08rem; background-color: #0053db; opacity: 0.5; }

.jw-mod-10 .list .t1 { font-size: 0.3rem; line-height: 0.4rem; }

.jw-mod-10 .list .t2 { font-size: .16rem; line-height: .28rem; color: #666; margin-top: .17rem; }

.jw-mod-10 .list .icon { width: 1.1rem; height: 1.1rem; background-position: center top; background-repeat: no-repeat; background-size: 100% auto; background-image: url(../images/icon-1.png); position: absolute; right: .33rem; top: .36rem; }

.jw-mod-10 .list .icon.is-enter { -webkit-animation: icon-enter 0.1s steps(9) forwards; animation: icon-enter 0.1s steps(9) forwards; }

.jw-mod-10 .list .icon.is-leave { -webkit-animation: icon-leave 0.1s steps(9) forwards; animation: icon-leave 0.1s steps(9) forwards; }