.main { width: 100%; box-sizing: border-box; overflow: hidden; }
.main-header,.main-body,.main-footer { box-sizing: border-box; width: 100%; position: relative; }
.main-header { top: 0; }
.main-center { width: 100%; box-sizing: border-box; padding: 18.75%; padding-top: 0; padding-bottom: 0; }
.header-top { position: absolute; top: 1.1875rem; z-index: 2; height: 1.71875rem; line-height: 1.71875rem; }
.logo { width: 5.6875rem; height: 1.71875rem; display: inline-block; }
.logo img { width: 100%; height: 100%; }
.header-list { position: relative; right: 0; display: inline-block; height: 1.25rem; line-height: 1.25rem; width: 43.5%; float: right; font-size: 0.5rem; color: #ffffff; text-align: center; display: inline-flex; }
.header-list>li { cursor: pointer; display: inline-block; height: 1.25rem; line-height: 1.25rem; flex: 1; text-align: center; text-align: -webkit-center; }
.header-list>li:first-child { text-align: left; text-align: -webkit-left; }
.header-list>li:nth-child(2) { text-align: left; text-align: -webkit-left; }
.header-list>li:last-child { text-align: right; text-align: -webkit-right; }
.header-list>li>div { width: fit-content; }
.header-list>li.selected>div { border-bottom: 2px solid #ffffff; }
.banner { position: relative; top: 0; width: 100%; height: 100%; overflow: hidden; }
.banner-wrap { position: absolute; }
.banner-wrap>li { float: left; }
.banner-wrap>img { display: inline-block; width: 100%; height: 100%; }
.banner-prev,.banner-next { z-index: 2; width: 1.0625rem; height: 1.8125rem; position: relative; top: 54%; position: absolute; background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; }
.banner-prev { left: 3%; background: url(../images/icon_left.png) no-repeat; background-size: 100% 100%; }
.banner-next { right: 3%; background: url(../images/icon_right.png) no-repeat; background-size: 100% 100%; }
.banner-btns { height: 0.1875rem; text-align: center; width: 100%; position: absolute; bottom: 2.25rem; }
.banner-btns>.banner-btn { height: 0.1875rem; width: 1.25rem; margin-left: 0.6875rem; background-color: #cccccc; display: inline-block; }
.banner-btns>.banner-btn.selected { background-color: #ffffff; }
.banner-btns>.banner-btn:first-child { margin-left: 0; }
.main-body-box { margin-top: 3.03125rem; }
.main-body-box .title { color: #333333; font-size: 1rem; height: 2.15625rem; }
.main-body-box .title.color-white { color:#ffffff; }
.split-line { width: 1.875rem; height: 0.125rem; background-color: #cccccc; margin: auto; margin-top: 1.03125rem; }
.color-white .split-line { background-color: #ffffff; }
.main-body-box .content { padding-top: 1.03125rem; }
.main-body-box .content .ctx-header { color: #333333; font-size: 0.625rem; }
.main-body-box .content .ctx-body { padding-top: 1.09375rem; height: 17.9375rem; }
.ctx-body .ctx-left { width: 52.42%; line-height: 0.9375rem; font-size: 0.4375rem; color: #333333; display: inline-block; }
.ctx-body .ctx-right { width: 46%; display: inline-block; height: 100%; text-align: center; vertical-align: top; }
.ctx-right img { width: 76.35%; margin-top: 50%; transform: translateY(-50%); }
.main-body-box1 { box-sizing: border-box; background-image: linear-gradient(#44A8FD, #0B7DF0); padding-top: 2.03125rem; height: 53.875rem; }
.main-body-box2 { box-sizing: border-box; background: url(../images/team_bj.png) no-repeat; background-size: 100% 100%; padding-top: 1.0625rem; height: 23.40625rem; }
.team-box { padding-top: 2.15625rem; }
.team-row { width: 100%; height: 6.875rem; text-align: center; }
.team-item { float: left; width: 6.875rem; height: 6.875rem; box-sizing: border-box; padding-top: 1.5rem; padding-bottom: 1.34375rem; text-align: center; background-color: #ffffff; border-radius: 0.1875rem; display: inline-block; }
.team-item img { width: 2.4375rem; height: 2.4375rem; }
.team-item>div { margin-top: 1.125rem; font-size: 0.5625rem; color: #333333; height: 0.5625rem; line-height: 0.5625rem; }
.split-hori,.split-ver { background: #ffffff; position: absolute; }
.split-hori { height: 2px; }
.split-ver { width: 2px; }
.split-hori.dark,.split-ver.dark { background-color: #0361DF; }
.team-row-vertical { width: 100%; height: 6.75rem; text-align: center; margin: auto; margin-top: 2.1875rem; }
.team-item-vertical { width: 6.875rem; height: 100%; display: inline-block; float: left; padding-left: 0.15625rem; box-sizing: border-box; }
.team-item-vertical .team-item { vertical-align: top; width: 1.5625rem; height: 100%; box-sizing: border-box; padding-top: 1rem; padding-bottom: 1rem; margin-left: 0.9375rem; font-size: 0.5625rem; color: #ffffff; padding-left: 0.5rem; padding-right: 0.5rem; background-color: #0361DF; border-radius: 0.125rem; }
.team-item-vertical .team-item:first-child { margin-left: 0; }
.team-desc { height: 17.5rem; width: 37.625rem; text-align: center; margin: auto; margin-top: 4.8125rem; }
.team-desc .team-item { width: 11.625rem; vertical-align: top; overflow: hidden; cursor: pointer; box-shadow: 0px 3px 38px 0px rgba(232,236,239,1); padding: 0; border-radius: 0; height: 100%; margin-left: 1.3125rem; background-color: #ffffff; }
.team-desc .team-item:first-child { margin-left: 0; }
.main-body-box.team { height: 63.5rem; }
.team-item .team-item-1 { margin-top: 0; width: 100%; height: 100%!important; z-index: 9990; width: 100%; height: 100%; box-sizing: border-box; padding: 2.3125rem 1.3125rem 2.09375rem; }
.team-item-1 img { width: 9rem; height: 9rem; }
.team-item-1>div { width: 100%; margin-top: 2.96875rem; text-align: center; height: 1.25rem; font-size: 0.625rem; }
.team-item-1>div>div { height: 4px; background-color: #0766DD; width: 0.625rem; color: #333333; margin-top: 0.6rem; }
.team-item .team-item-2 { margin-top: 0; width: 100%; height: 100% !important; z-index: 9999; opacity: 1; background-color: #001F3A; box-sizing: border-box; padding: 2.4375rem 1.65625rem; color: #ffffff; }
.team-item-2 .split-line { width: 0.625rem; background-color: #0766DD; }
.team-item-2>div:last-child { text-align: center; margin-top: 0.90625rem; font-size: 0.4375rem; line-height: 0.9375rem; text-align: left; word-break: break-all; }
.contact { height: 24.625rem; }
.address { margin-top: 2.21875rem; width: 100%; height: 20.4375rem; position: relative; }
.address .map { width: 100%; height: 100%; z-index: 9990; }
.address .point { width: 0.6875rem; height: 1.03125rem; top: 50%; left: 54.4%; position: absolute; cursor: pointer; z-index: 9991; }
.contact-info { z-index: 9992; display: none; background-color: #0766DD; position: absolute; width: 14.375rem; height: 17.53125rem; box-sizing: border-box; top: 1.4375rem; left: 11.25rem; padding: 1.53125rem 1.4375rem 0.78125rem; opacity: 0.9; color: #ffffff; }
.contact-info .name { font-size: 0.9375rem; height: 1.71875rem; border-bottom: 1px solid #66A8FB; }
.contact-info .kefu,.contact-info .address-info { height: 3.75rem; box-sizing: border-box; padding: 0.96875rem 0 0.9375rem; border-bottom: 1px solid #66A8FB; font-size: 0.625rem; }
.contact-info .kefu>div:last-child,.contact-info .address-info:last-child { margin-top: 0.6875rem; }
.contact-info .qrcode { margin-top: 0.5rem; }
.contact-info .qrcode img { width: 5.1875rem; height: 5.1875rem; }
.contact-info .address-info { border: none; }
.main-footer { height: 3.125rem; margin-top: 3.125rem; background-color: #F2F2F2; line-height: 3.125rem; font-size: 0.4375rem; color: #999999; text-align: center; }
.toTop { z-index: 9999; width: 1.5rem; height: 1.5rem; background-image: url(../images/top.png); background-repeat: no-repeat; background-size: 100% 100%; position: fixed; bottom: 6.25rem; right: 3rem; display: none; }