@charset "UTF-8";
html { -webkit-font-smoothing: antialiased; height: 100%; -ms-touch-action: manipulation; touch-action: manipulation; }

blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; }

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

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

fieldset, img { border: 0; }

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

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

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

a { text-decoration: none; color: inherit; outline: none; }

a:hover { text-decoration: none; -webkit-tap-highlight-color: rgba(255, 0, 0, 0); outline: 0; outline: none; blr: expression(this.onFocus=this.blur()); }

a, a:visited { color: inherit; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

textarea { resize: none; outline: none; font-family: siyuan; }

button, input[type=submit], input[type=text], input[type=button] { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 0, 0, 0); outline: 0; blr: expression(this.onFocus=this.blur()); font-family: inherit; font-size: inherit; color: inherit; }

button { padding: 0; border-style: solid; }

input { outline: 0; }

input::-webkit-input-safebox-button { display: none; /*去掉搜狗浏览器密码软盘*/ }

i { font-style: normal; }

body { font-size: 14px; color: #626262; font-family: '微软雅黑'; line-height: 1.2; overflow-x: hidden; }

body:-webkit-full-page-media { background: inherit; }

#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; }

.editor * { max-width: 100%; text-wrap: wrap !important; }
.editor img { height: auto; }
.editor table { word-break: break-all; }

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

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

.s0 { font-size: 0; }

@media (min-width: 1921px) { .s12 { font-size: calc(12 * 100vw / 1920); }
  .s13 { font-size: calc(13 * 100vw / 1920); }
  .s14 { font-size: calc(14 * 100vw / 1920); }
  .s15 { font-size: calc(15 * 100vw / 1920); }
  .s16 { font-size: calc(16 * 100vw / 1920); }
  .s17 { font-size: calc(17 * 100vw / 1920); }
  .s18 { font-size: calc(18 * 100vw / 1920); }
  .s19 { font-size: calc(19 * 100vw / 1920); }
  .s20 { font-size: calc(20 * 100vw / 1920); }
  .s21 { font-size: calc(21 * 100vw / 1920); }
  .s22 { font-size: calc(22 * 100vw / 1920); }
  .s23 { font-size: calc(23 * 100vw / 1920); }
  .s24 { font-size: calc(24 * 100vw / 1920); }
  .s25 { font-size: calc(25 * 100vw / 1920); }
  .s26 { font-size: calc(26 * 100vw / 1920); }
  .s27 { font-size: calc(27 * 100vw / 1920); }
  .s28 { font-size: calc(28 * 100vw / 1920); }
  .s29 { font-size: calc(29 * 100vw / 1920); }
  .s30 { font-size: calc(30 * 100vw / 1920); }
  .s31 { font-size: calc(31 * 100vw / 1920); }
  .s32 { font-size: calc(32 * 100vw / 1920); }
  .s33 { font-size: calc(33 * 100vw / 1920); }
  .s34 { font-size: calc(34 * 100vw / 1920); }
  .s35 { font-size: calc(35 * 100vw / 1920); }
  .s36 { font-size: calc(36 * 100vw / 1920); }
  .s37 { font-size: calc(37 * 100vw / 1920); }
  .s38 { font-size: calc(38 * 100vw / 1920); }
  .s39 { font-size: calc(39 * 100vw / 1920); }
  .s40 { font-size: calc(40 * 100vw / 1920); }
  .s41 { font-size: calc(41 * 100vw / 1920); }
  .s42 { font-size: calc(42 * 100vw / 1920); }
  .s43 { font-size: calc(43 * 100vw / 1920); }
  .s44 { font-size: calc(44 * 100vw / 1920); }
  .s45 { font-size: calc(45 * 100vw / 1920); }
  .s46 { font-size: calc(46 * 100vw / 1920); }
  .s47 { font-size: calc(47 * 100vw / 1920); }
  .s48 { font-size: calc(48 * 100vw / 1920); }
  .s49 { font-size: calc(49 * 100vw / 1920); }
  .s50 { font-size: calc(50 * 100vw / 1920); }
  .s51 { font-size: calc(51 * 100vw / 1920); }
  .s52 { font-size: calc(52 * 100vw / 1920); }
  .s53 { font-size: calc(53 * 100vw / 1920); }
  .s54 { font-size: calc(54 * 100vw / 1920); }
  .s55 { font-size: calc(55 * 100vw / 1920); }
  .s56 { font-size: calc(56 * 100vw / 1920); }
  .s57 { font-size: calc(57 * 100vw / 1920); }
  .s58 { font-size: calc(58 * 100vw / 1920); }
  .s59 { font-size: calc(59 * 100vw / 1920); }
  .s60 { font-size: calc(60 * 100vw / 1920); } }

@media (max-width: 1920px) and (min-width: 551px) { .s12 { font-size: 12px; }
  .s13 { font-size: calc(12px + 1 * 100vw / 1920); }
  .s14 { font-size: calc(12px + 2 * 100vw / 1920); }
  .s15 { font-size: calc(12px + 3 * 100vw / 1920); }
  .s16 { font-size: calc(12px + 4 * 100vw / 1920); }
  .s17 { font-size: calc(12px + 5 * 100vw / 1920); }
  .s18 { font-size: calc(12px + 6 * 100vw / 1920); }
  .s19 { font-size: calc(12px + 7 * 100vw / 1920); }
  .s20 { font-size: calc(12px + 8 * 100vw / 1920); }
  .s21 { font-size: calc(12px + 9 * 100vw / 1920); }
  .s22 { font-size: calc(12px + 10 * 100vw / 1920); }
  .s23 { font-size: calc(12px + 11 * 100vw / 1920); }
  .s24 { font-size: calc(12px + 12 * 100vw / 1920); }
  .s25 { font-size: calc(12px + 13 * 100vw / 1920); }
  .s26 { font-size: calc(12px + 14 * 100vw / 1920); }
  .s27 { font-size: calc(12px + 15 * 100vw / 1920); }
  .s28 { font-size: calc(12px + 16 * 100vw / 1920); }
  .s29 { font-size: calc(12px + 17 * 100vw / 1920); }
  .s30 { font-size: calc(12px + 18 * 100vw / 1920); }
  .s31 { font-size: calc(12px + 19 * 100vw / 1920); }
  .s32 { font-size: calc(12px + 20 * 100vw / 1920); }
  .s33 { font-size: calc(12px + 21 * 100vw / 1920); }
  .s34 { font-size: calc(12px + 22 * 100vw / 1920); }
  .s35 { font-size: calc(12px + 23 * 100vw / 1920); }
  .s36 { font-size: calc(12px + 24 * 100vw / 1920); }
  .s37 { font-size: calc(12px + 25 * 100vw / 1920); }
  .s38 { font-size: calc(12px + 26 * 100vw / 1920); }
  .s39 { font-size: calc(12px + 27 * 100vw / 1920); }
  .s40 { font-size: calc(12px + 28 * 100vw / 1920); }
  .s41 { font-size: calc(12px + 29 * 100vw / 1920); }
  .s42 { font-size: calc(12px + 30 * 100vw / 1920); }
  .s43 { font-size: calc(12px + 31 * 100vw / 1920); }
  .s44 { font-size: calc(12px + 32 * 100vw / 1920); }
  .s45 { font-size: calc(12px + 33 * 100vw / 1920); }
  .s46 { font-size: calc(12px + 34 * 100vw / 1920); }
  .s47 { font-size: calc(12px + 35 * 100vw / 1920); }
  .s48 { font-size: calc(12px + 36 * 100vw / 1920); }
  .s49 { font-size: calc(12px + 37 * 100vw / 1920); }
  .s50 { font-size: calc(12px + 38 * 100vw / 1920); }
  .s51 { font-size: calc(12px + 39 * 100vw / 1920); }
  .s52 { font-size: calc(12px + 40 * 100vw / 1920); }
  .s53 { font-size: calc(12px + 41 * 100vw / 1920); }
  .s54 { font-size: calc(12px + 42 * 100vw / 1920); }
  .s55 { font-size: calc(12px + 43 * 100vw / 1920); }
  .s56 { font-size: calc(12px + 44 * 100vw / 1920); }
  .s57 { font-size: calc(12px + 45 * 100vw / 1920); }
  .s58 { font-size: calc(12px + 46 * 100vw / 1920); }
  .s59 { font-size: calc(12px + 47 * 100vw / 1920); }
  .s60 { font-size: calc(12px + 48 * 100vw / 1920); } }

@media (max-width: 550px) { .s12 { font-size: 12px; }
  .s13 { font-size: calc(12px + 1 * 550px / 1920); }
  .s14 { font-size: calc(12px + 2 * 550px / 1920); }
  .s15 { font-size: calc(12px + 3 * 550px / 1920); }
  .s16 { font-size: calc(12px + 4 * 550px / 1920); }
  .s17 { font-size: calc(12px + 5 * 550px / 1920); }
  .s18 { font-size: calc(12px + 6 * 550px / 1920); }
  .s19 { font-size: calc(12px + 7 * 550px / 1920); }
  .s20 { font-size: calc(12px + 8 * 550px / 1920); }
  .s21 { font-size: calc(12px + 9 * 550px / 1920); }
  .s22 { font-size: calc(12px + 10 * 550px / 1920); }
  .s23 { font-size: calc(12px + 11 * 550px / 1920); }
  .s24 { font-size: calc(12px + 12 * 550px / 1920); }
  .s25 { font-size: calc(12px + 13 * 550px / 1920); }
  .s26 { font-size: calc(12px + 14 * 550px / 1920); }
  .s27 { font-size: calc(12px + 15 * 550px / 1920); }
  .s28 { font-size: calc(12px + 16 * 550px / 1920); }
  .s29 { font-size: calc(12px + 17 * 550px / 1920); }
  .s30 { font-size: calc(12px + 18 * 550px / 1920); }
  .s31 { font-size: calc(12px + 19 * 550px / 1920); }
  .s32 { font-size: calc(12px + 20 * 550px / 1920); }
  .s33 { font-size: calc(12px + 21 * 550px / 1920); }
  .s34 { font-size: calc(12px + 22 * 550px / 1920); }
  .s35 { font-size: calc(12px + 23 * 550px / 1920); }
  .s36 { font-size: calc(12px + 24 * 550px / 1920); }
  .s37 { font-size: calc(12px + 25 * 550px / 1920); }
  .s38 { font-size: calc(12px + 26 * 550px / 1920); }
  .s39 { font-size: calc(12px + 27 * 550px / 1920); }
  .s40 { font-size: calc(12px + 28 * 550px / 1920); }
  .s41 { font-size: calc(12px + 29 * 550px / 1920); }
  .s42 { font-size: calc(12px + 30 * 550px / 1920); }
  .s43 { font-size: calc(12px + 31 * 550px / 1920); }
  .s44 { font-size: calc(12px + 32 * 550px / 1920); }
  .s45 { font-size: calc(12px + 33 * 550px / 1920); }
  .s46 { font-size: calc(12px + 34 * 550px / 1920); }
  .s47 { font-size: calc(12px + 35 * 550px / 1920); }
  .s48 { font-size: calc(12px + 36 * 550px / 1920); }
  .s49 { font-size: calc(12px + 37 * 550px / 1920); }
  .s50 { font-size: calc(12px + 38 * 550px / 1920); }
  .s51 { font-size: calc(12px + 39 * 550px / 1920); }
  .s52 { font-size: calc(12px + 40 * 550px / 1920); }
  .s53 { font-size: calc(12px + 41 * 550px / 1920); }
  .s54 { font-size: calc(12px + 42 * 550px / 1920); }
  .s55 { font-size: calc(12px + 43 * 550px / 1920); }
  .s56 { font-size: calc(12px + 44 * 550px / 1920); }
  .s57 { font-size: calc(12px + 45 * 550px / 1920); }
  .s58 { font-size: calc(12px + 46 * 550px / 1920); }
  .s59 { font-size: calc(12px + 47 * 550px / 1920); }
  .s60 { font-size: calc(12px + 48 * 550px / 1920); } }

.teaser { opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); -webkit-transition: opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; -o-transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; }

.teaser.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.lefter { opacity: 0; -webkit-transform: translate3d(-35%, 35%, 0); transform: translate3d(-35%, 35%, 0); -webkit-transition: opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; -o-transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; }

.lefter.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.righter { opacity: 0; -webkit-transform: translate3d(35%, 35%, 0); transform: translate3d(35%, 35%, 0); -webkit-transition: opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; -o-transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; }

.righter.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.downer { opacity: 0; -webkit-transform: translate3d(0, -35%, 0); transform: translate3d(0, -35%, 0); -webkit-transition: opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; -o-transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; }

.downer.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.lter { opacity: 0; -webkit-transform: translate3d(-35%, 0, 0); transform: translate3d(-35%, 0, 0); -webkit-transition: opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; -o-transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; }

.lter.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.rter { opacity: 0; -webkit-transform: translate3d(35%, 0, 0); transform: translate3d(35%, 0, 0); -webkit-transition: opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; -o-transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s; transition: opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s,-webkit-transform 0.7s ease-out 0.2s; }

.rter.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.delay2 { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }

.delay4 { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }

.delay6 { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }

.delay8 { -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; }

.delay10 { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }

.v-a { position: fixed; left: 0; top: 120%; width: 100%; height: 100%; z-index: 10000000; -webkit-transition: top .5s ease-in-out; -o-transition: top .5s ease-in-out; transition: top .5s ease-in-out; background: rgba(0, 0, 0, 0.4); }

.v-a.full .v-b { max-width: 100%; max-height: 100%; }

.v-a.full .v-c { right: 0; }

.v-a.show { top: 0; }

.v-a.show .v-e { visibility: visible; }

.v-a.show .v-f { display: block; }

.v-b { width: 100%; max-width: 450px; height: 100%; max-height: 600px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background: #000; }

.v-c { display: block; cursor: pointer; width: 40px; height: 40px; background-color: #1551ff; position: absolute; right: -40px; top: 0; z-index: 1000; }

@media (max-width: 550px) { .v-c { right: 0; } }

.v-d { display: block; width: 100%; height: 100%; font-size: 21px; text-align: center; line-height: 40px; color: #fff; }

.v-e { visibility: hidden; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0px; bottom: 0px; max-width: 100%; max-height: 100%; margin: auto; }

.v-f { display: none; width: 100%; height: 100%; }

.bg-theme { background-color: #1551ff; }

.color-theme { color: #1551ff; }

.color-3 { color: #333; }

.color-6 { color: #666; }

.color-9 { color: #999; }

.bold { font-weight: bold; }

.fl { float: left; }

.fr { float: right; }

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

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

.ep2 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.ep3 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.ep4 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.pointer { cursor: pointer; }

.layout { margin-left: auto; margin-right: auto; }

@media (min-width: 1921px) { .layout { width: 13.44rem; } }

@media (max-width: 1920px) { .layout { width: 90%; max-width: 1344px; } }

.w900 { margin-left: auto; margin-right: auto; }

@media (min-width: 1921px) { .w900 { width: 9rem; } }

@media (max-width: 1920px) { .w900 { width: 90%; max-width: 900px; } }

body { padding-top: 1rem; }

.header { position: fixed; left: 0; top: 0; width: 100%; z-index: 999; background: #fff; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-box-shadow: 0 2px 5px 0 #eee; box-shadow: 0 2px 5px 0 #eee; }

.header .cnt { height: 1rem; width: 17.28rem; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (max-width: 1200px) { .header .cnt { width: 100%; padding: 0 .15rem; -webkit-box-sizing: border-box; box-sizing: border-box; } }

.header .logo { width: 3.42rem; }

.header .logo img { width: 2rem; }

@media (max-width: 1100px) { .header .logo { width: auto; } }

.header .nav { text-align: center; }

.header .nav a { display: block; }

.header .nav a:hover { color: #1551ff; }

.header .nav .li1 { float: left; position: relative; }

.header .nav .li1.on { color: #1551ff; }

.header .nav .li1:hover .ul2 { display: block; }

.header .nav .li1:hover .a1 { color: #1551ff; }

.header .nav .a1 { padding: 0 .3rem; line-height: 1rem; }

.header .nav .ul2 { position: absolute; left: 0; top: 100%; z-index: 10; width: 100%; background: #f6f6f6; display: none; }

.header .nav .h-product + .ul2 { display: none; }

.header .nav .a2 { line-height: 1.5; padding: 8px 0; }

@media (min-width: 1101px) { .header .nav .li1 { float: left; position: relative; }
  .header .nav .li1.on { color: #1551ff; }
  .header .nav .li1:hover .ul2 { display: block; }
  .header .nav .li1:hover .h-product + .ul2 { display: none; }
  .header .nav .li1:hover .h-product { display: block; }
  .header .nav .li1:hover .a1 { color: #1551ff; }
  .header .nav .ul2 { padding: .1rem 0; } }

@media (max-width: 1100px) { .header .nav { text-align: left; }
  .header .nav .ul1 { position: fixed; right: 0; top: 0; z-index: 11; width: 60%; max-width: 300px; height: 100%; overflow-y: auto; background: #fff; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 1.2rem; }
  .header .nav .ul1 .li1 { float: none; width: 100%; border-bottom: 1px solid #dcdcdc; }
  .header .nav .ul1 .li1.show .ul2 { height: auto; padding-bottom: 10px; }
  .header .nav .ul1 .a1 { line-height: 2; padding: 10px 20px; }
  .header .nav .mask { position: fixed; right: 0; top: 0; z-index: 10; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; }
  .header .nav .ul2 { position: static; display: block; -webkit-box-shadow: none; box-shadow: none; height: 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; overflow: hidden; }
  .header .nav .ul2 .a2 { padding: 7px 20px 7px 30px; color: #666; }
  .header .nav .mbtn { background: #eeeeee; width: 30px; height: 30px; line-height: 30px; text-align: center; position: absolute; right: 10px; top: 8px; z-index: 15; cursor: pointer; color: #333; font-size: 20px; outline: none; }
  .header .nav .mbtn:after { content: '+'; }
  .header .nav li.show .mbtn:after { content: '-'; } }

.header .h-product { background: #f6f6f6; position: fixed; left: 0; top: 1rem; width: 100%; display: none; }

.header .h-product__cate { border-bottom: 1px solid #dddddd; }

.header .h-product__cate a { display: block; padding: .35rem .6rem .2rem; position: relative; }

.header .h-product__cate a:after { content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #1551ff; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.header .h-product__cate .wrap { width: 13.44rem; max-width: 95%; margin-left: auto; margin-right: auto; }

.header .h-product__cate .swiper-container { display: inline-block; vertical-align: top; width: auto; }

.header .h-product__cate .swiper-slide { width: auto; }

.header .h-product__cate .swiper-slide.on a { color: #1551ff; }

.header .h-product__cate .swiper-slide.on a:after { width: 100%; }

.header .h-product__product { text-align: center; margin-top: .1rem; }

.header .h-product__product .list { width: 17.28rem; margin-left: auto; margin-right: auto; position: relative; display: none; }

.header .h-product__product .list.on { display: block; }

.header .h-product__product .swiper-container { width: 13.44rem; max-width: 95%; margin-left: auto; margin-right: auto; position: static; }

.header .h-product__product .swiper-slide { padding-bottom: .3rem; padding-top: .4rem; }

.header .h-product__product .swiper-button-prev, .header .h-product__product .swiper-button-next { width: .7rem; height: 0.7rem; border-radius: 50%; border: 1px solid #ccc; background-position: center; background-repeat: no-repeat; background-size: .11rem auto; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; margin-top: -.35rem; }

.header .h-product__product .swiper-button-prev { background-image: url(../images/4.png); left: 0; }

.header .h-product__product .swiper-button-prev:hover { background-image: url(../images/6.png); background-color: #1551ff; border-color: #1551ff; }

.header .h-product__product .swiper-button-next { background-image: url(../images/5.png); right: 0; }

.header .h-product__product .swiper-button-next:hover { background-image: url(../images/7.png); background-color: #1551ff; border-color: #1551ff; }

.header .h-product__product a { padding: .1rem; }

.header .h-product__product a:hover .pic .in { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.header .h-product__product .pic { overflow: hidden; }

.header .h-product__product .pic .in { padding-top: calc(280 / 430 * 100%); background-position: center; background-repeat: no-repeat; background-size: contain; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.header .h-product__product .name { line-height: 2; margin-top: .1rem; }

.header__right { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: .3rem; }

.header .btn-login { display: block; background: #1551ff; color: #fff; line-height: 34px; border-radius: 17px; padding: 0 17px; }

@media (max-width: 900px) { .header .btn-login { line-height: 30px; border-radius: 15px; padding: 0 15px; } }

@media (max-width: 320px) { .header .btn-login { padding: 0 8px; } }

.header .lang { margin-left: .3rem; position: relative; }

.header .lang__hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 1rem; }

.header .lang__hd::before { content: ''; width: 21px; height: 21px; margin-right: 7px; display: block; background: url(../images/1.png) no-repeat center/contain; }

.header .lang__hd:after { content: ''; width: 5px; height: 4px; margin-left: 5px; display: block; background: url(../images/3.png) no-repeat center/contain; }

.header .lang__option { background: #fff; position: absolute; left: 50%; top: 100%; width: 100px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border: 1px solid #eee; -webkit-box-sizing: border-box; box-sizing: border-box; padding: .1rem 0; display: none; }

.header .lang__option a { display: block; line-height: 2; text-align: center; }

.header .lang__option a:hover { color: #1551ff; }

@media (max-width: 500px) { .header .lang__hd { font-size: 0; }
  .header .lang__hd:before { margin-right: 0; } }

.header .search { margin-left: .34rem; position: relative; }

.header .search__btn { width: 34px; height: 1rem; background: url(../images/2.png) no-repeat center/64.7%; }

@media (max-width: 900px) { .header .search__btn { width: 30px; } }

.header .search__box { position: absolute; right: 0; top: 100%; padding-top: .13rem; display: none; }

.header .search__box .search__form { background: #fff; border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .1rem .06rem; width: 192px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; -webkit-box-shadow: 0 0 5px #e8e8e8; box-shadow: 0 0 5px #e8e8e8; }

.header .search__box .search__form::after { content: ''; position: absolute; top: -12px; right: 14px; border: 6px solid transparent; border-bottom-color: #fff; }

.header .search__box .ipt { color: #333; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; padding-left: .1rem; border: none; }

.header .search__box .ipt::-webkit-input-placeholder { color: #ccc; font-size: inherit; }

.header .search__box .ipt:-ms-input-placeholder { color: #ccc; font-size: inherit; }

.header .search__box .ipt::-ms-input-placeholder { color: #ccc; font-size: inherit; }

.header .search__box .ipt::placeholder { color: #ccc; font-size: inherit; }

.header .search__box .btn { width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: none; background: none; }

.header .search__box .btn img { width: 16px; }

@media (max-width: 320px) { .header .search { margin-left: .1rem; } }

.header .nav-btn { display: none; width: 22px; position: relative; z-index: 12; padding: .1rem; margin-left: .2rem; }

.header .nav-btn span { display: block; height: 2px; background: #1551ff; margin-bottom: 6px; border-radius: 2px; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 100%; }

.header .nav-btn span:last-child { margin-bottom: 0; }

@media (max-width: 1100px) { .header .nav-btn { display: inline-block; } }

@media (max-width: 320px) { .header .nav-btn { margin-left: 0; } }

.header.open .mask { opacity: 1; visibility: visible; }

.header.open .nav-btn span:nth-of-type(1) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.header.open .nav-btn span:nth-of-type(3) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.header.open .nav-btn span:nth-of-type(2) { width: 0; }

.header.open .ul1 { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.header.open .mask { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.header.over { background: transparent; -webkit-box-shadow: none; box-shadow: none; }

.header.bg { background: #fff; border-bottom: 1px solid #eee; }

.footer { background: #040e3a; color: #fff; }

.footer .foot1 { padding-top: .65rem; padding-bottom: .56rem; border-bottom: 1px solid #353d62; }

.footer .foot1 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.footer .foot1 .list .li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.footer .foot1 .list .li .icon { height: .64rem; margin-right: .2rem; }

@media (max-width: 700px) { .footer .foot1 .list { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -.5rem; }
  .footer .foot1 .list .li { -ms-flex-preferred-size: 50%; flex-basis: 50%; margin-top: .5rem; } }

.footer .foot2 { padding-top: .44rem; padding-bottom: .46rem; }

.footer .foot2 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (max-width: 900px) { .footer .foot2 .layout { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .footer .foot2 .f-nav { width: 100%; margin-bottom: .5rem; }
  .footer .foot2 .f-nav dl { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .footer .foot2 .line { display: none; } }

@media (max-width: 500px) { .footer .foot2 .layout { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .footer .foot2 .f-nav { display: block; }
  .footer .foot2 .f-msg { text-align: left; margin-top: .5rem; } }

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

.footer .f-nav dl { margin-right: 1rem; }

.footer .f-nav dl:last-of-type { margin-right: 0; }

.footer .f-nav dl dt { line-height: 1.67; margin-bottom: .2rem; }

.footer .f-nav dl dd { color: rgba(255, 255, 255, 0.5); font-size: 14px; line-height: 1.714; }

.footer .f-nav dl dd a:hover { color: #fff; }

@media (max-width: 900px) { .footer .f-nav dl { margin-right: 0; } }

@media (max-width: 500px) { .footer .f-nav dl { margin-bottom: 10px; }
  .footer .f-nav dl dt { margin-bottom: 2px; }
  .footer .f-nav dl dd { display: inline-block; margin-right: 15px; } }

.footer .line { width: 1px; height: 2.43rem; background: #fff; opacity: .2; }

.footer .f-share { position: relative; }

.footer .f-share .hd { line-height: 1.67; margin-bottom: .2rem; }

.footer .f-share .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.footer .f-share .list .li { position: relative; margin-right: .4rem; }

.footer .f-share .list .li:last-of-type { margin-right: 0; }

.footer .f-share .list .li:hover .pop { display: block; }

.footer .f-share .list .pop { position: absolute; left: 50%; top: 100%; -webkit-transform: translate(-50%, 0.15rem); -ms-transform: translate(-50%, 0.15rem); transform: translate(-50%, 0.15rem); width: 1.4rem; padding: .18rem .18rem 0; background: #fff; text-align: center; border-radius: .1rem; display: none; }

.footer .f-share .list .pop img { width: 100%; }

.footer .f-share .list .pop p { line-height: 2.5; }

.footer .f-share .list .pop:before { content: ''; border: .14rem solid transparent; border-bottom-color: #fff; position: absolute; top: -.28rem; left: 50%; margin-left: -.14rem; }

.footer .f-msg { text-align: right; }

.footer .f-msg .f-logo { margin-bottom: 21px; }

.footer .f-msg .text { line-height: 1.67; color: rgba(255, 255, 255, 0.5); }

.footer .foot3 { color: rgba(255, 255, 255, 0.5); line-height: 1.928; padding-bottom: .4rem; padding-top: .4rem; }

.footer .foot3 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.footer .foot3 .lf .t1 img { margin-left: .14rem; }

.footer .foot3 .lf .t2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.footer .foot3 .lf .t2 img { margin-right: .1rem; }

.footer .foot3 .rg { text-align: right; }

@media (max-width: 500px) { .footer .foot3 .layout { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .footer .foot3 .lf { width: 100%; }
  .footer .foot3 .rg { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: .2rem; }
  .footer .foot3 .rg .t2 { margin-left: .2rem; } }

.ban { position: relative; }

.ban img { width: 100%; vertical-align: top; }

.ban .text { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; color: #fff; }

.ban .text .layout { margin-bottom: 1.2rem; }

.ban .text .t1 { line-height: 1.27; }

.ban .text .t2 { font-weight: bold; line-height: 1.3; margin-top: .18rem; }

.c-nav { background: #f5f5f5; color: #666; line-height: .7rem; }

@media (max-width: 1300px) { .c-nav { line-height: 1rem; } }

.c-nav .layout { position: relative; }

.c-nav .toHome { width: 25px; }

@media (min-width: 1921px) { .c-nav .toHome { width: .25rem; }
  .c-nav .toHome img { width: .12rem; } }

.c-nav .list { text-align: right; }

.c-nav .list li, .c-nav .list .li { width: auto; display: inline-block; color: #666; position: relative; padding-left: .4rem; }

.c-nav .list li:first-of-type, .c-nav .list .li:first-of-type { padding-left: 0; }

.c-nav .list li a, .c-nav .list .li a { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; display: block; position: relative; z-index: 2; }

.c-nav .list li a:after, .c-nav .list .li a:after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #1551ff; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; opacity: 0; }

.c-nav .list li.on a, .c-nav .list li:hover a, .c-nav .list .li.on a, .c-nav .list .li:hover a { color: #1551ff; }

.c-nav .list li.on a:after, .c-nav .list li:hover a:after, .c-nav .list .li.on a:after, .c-nav .list .li:hover a:after { width: 100%; opacity: 1; }

.c-nav .list2 { max-width: calc(100% - 1rem - 1.2rem); padding: 0 .2rem; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; }

.c-nav .list2 .li { width: auto; display: inline-block; font-size: 16px; color: #333; line-height: .8rem; position: relative; }

.c-nav .list2 .li a { display: block; position: relative; z-index: 2; padding: 0 .25rem; }

.c-nav .list2 .li.on:after, .c-nav .list2 .li:hover:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1551ff; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); }

@media (max-width: 1400px) { .c-nav .list2 .li { font-size: 14px; } }

@media (max-width: 500px) { .c-nav .list2 .li { font-size: 12px; } }

.c-nav .swiper-button-prev, .c-nav .swiper-button-next { position: static; margin: 0; height: .8rem; -webkit-transform: none; -ms-transform: none; transform: none; border: none; }

.c-nav .swiper-button-prev::after, .c-nav .swiper-button-next::after { -webkit-transform: none; -ms-transform: none; transform: none; }

.c-nav .more { background: url(../images/15.png) no-repeat center; width: .8rem; height: .8rem; position: relative; display: none; }

@media (min-width: 501px) { .c-nav .more:hover { background-color: #1551ff; }
  .c-nav .more:hover .listMore { display: block; } }

@media (max-width: 500px) { .c-nav .more { background-size: 30%; }
  .c-nav .more.on { background-color: #1551ff; }
  .c-nav .more.on .listMore { display: block; } }

.c-nav .listMore { position: absolute; right: 0; top: 100%; z-index: 10; background: #fff; width: 200px; border: 1px solid #ececec; display: none; padding: 5px 0; max-height: 300px; overflow-y: auto; }

.c-nav .listMore li { font-size: 14px; color: #333; line-height: 1.5; position: relative; }

.c-nav .listMore li a { display: block; position: relative; z-index: 2; padding: .08rem .25rem; }

.c-nav .listMore li.on, .c-nav .listMore li:hover { background: #1551ff; }

@media (max-width: 500px) { .c-nav .listMore li { font-size: 12px; } }

@media (max-width: 900px) { .c-nav .pro { display: none; } }

@media (max-width: 500px) { .c-nav .list, .c-nav .breadThumb { float: none; width: 100%; }
  .c-nav .list { border-top: 1px solid #ddd; text-align: center; } }

.breadThumb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 1921px) { .breadThumb .icon { width: .16rem; } }

@media (max-width: 900px) { .breadThumb .icon { width: 10px; } }

.breadThumb a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: rgba(51, 51, 51, 0.5); }

.breadThumb a:hover { color: #1551ff; }

.breadThumb a .icon { margin-right: .11rem; }

.breadThumb a:after { content: '-'; margin: 0 .11rem; }

.breadThumb a:last-of-type:after { display: none; }

/* 分页 */
.pagination { text-align: center; font-size: 0; }

.pagination .pagination-cnt { display: inline-block; vertical-align: top; }

.pagination a { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: .46rem; line-height: .46rem; padding: 0 .18rem; margin: 0 .05rem; text-align: center; border: solid 1px #eeeeee; }

.pagination a:hover, .pagination a.on { background: #1551ff; border-color: #1551ff; }

@media (max-width: 1000px) { .pagination a { line-height: 30px; padding: 0 10px; min-width: 30px; } }

.c-title { line-height: 1.3; }

.c-title .en { font-size: .7rem; color: #ccc; text-indent: -1em; }

.c-title .cn { font-weight: bold; }

@media (max-width: 1500px) { .c-title .en { text-indent: 0; } }

.c-title.noindent .en { text-indent: 0; }

.toTop { position: fixed; right: .17rem; bottom: 10%; z-index: 99; width: .6rem; height: 0.6rem; border-radius: 50%; background: #fff url(../images/49.png) no-repeat center; cursor: pointer; -webkit-box-shadow: 0 0 5px 0 #ccc; box-shadow: 0 0 5px 0 #ccc; }

.md-home-1 { position: relative; }

.md-home-1 .sec-video { width: 8.64rem; position: absolute; left: 0; bottom: 0; z-index: 99; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-home-1 .sec-video .text { width: calc(480 / 864 * 100%); background: -webkit-gradient(linear, right top, left top, from(rgba(50, 54, 165, 0.72)), to(rgba(65, 79, 214, 0.72))), -webkit-gradient(linear, left top, left bottom, from(#1652ff), to(#1652ff)); background: -o-linear-gradient(right, rgba(50, 54, 165, 0.72) 0%, rgba(65, 79, 214, 0.72) 100%), -o-linear-gradient(#1652ff, #1652ff); background: linear-gradient(-90deg, rgba(50, 54, 165, 0.72) 0%, rgba(65, 79, 214, 0.72) 100%), linear-gradient(#1652ff, #1652ff); color: #fff; padding-left: .95rem; padding-right: .4rem; padding-top: .2rem; padding-bottom: .2rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-home-1 .sec-video .text .tit { line-height: 1.4; }

.md-home-1 .sec-video .text .desc { opacity: .5; line-height: 1.714; margin-top: .23rem; }

@media (max-width: 1200px) { .md-home-1 .sec-video .text { padding-left: .4rem; } }

.md-home-1 .sec-video .video { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-top-right-radius: .4rem; overflow: hidden; }

.md-home-1 .sec-video .video .poster { background-size: cover; padding-top: calc(216 / 384 * 100%); min-height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.md-home-1 .sec-video .video .mask { background: rgba(0, 0, 0, 0.5) url(../images/23.png) no-repeat center/0.64rem; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.md-home-1 .sec-video .swiper-pagination-bullet { opacity: 1; }

@media (max-width: 900px) { .md-home-1 .sec-video { position: relative; width: 100%; }
  .md-home-1 .sec-video .video { border-radius: 0; } }

.md-home-1 .swiper-pagination { font-size: 0; }

@media (min-width: 901px) { .md-home-1 .swiper-pagination { left: 9.02rem; bottom: 0; width: 12px; min-height: 2.16rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .md-home-1 .swiper-pagination-bullet { background: none; border: 2px solid #fff; display: block; margin: 10px 0; opacity: 1; }
  .md-home-1 .swiper-pagination-bullet-active { background: #005cce; border-color: #005cce; } }

@media (max-width: 900px) { .md-home-1 .swiper-pagination { width: 100%; margin-top: 20px; position: static; }
  .md-home-1 .swiper-pagination-bullet { margin: 0 5px; } }

.banner img { width: 100%; vertical-align: top; }

.banner .arrow { position: absolute; bottom: .72rem; right: .96rem; z-index: 9; text-align: right; font-size: 0; }

@media (max-width: 900px) { .banner .arrow { bottom: auto; top: 30%; left: .15rem; right: .15rem; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

.banner .swiper-button-prev, .banner .swiper-button-next { width: .7rem; height: 0.7rem; border-radius: 50%; border: 1px solid #fff; background-position: center; background-repeat: no-repeat; background-size: .11rem auto; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; margin-top: 0; position: static; float: right; }

.banner .swiper-button-prev { background-image: url(../images/6.png); margin-right: 0.48rem; }

.banner .swiper-button-prev:hover { background-color: #1551ff; border-color: #1551ff; }

.banner .swiper-button-next { background-image: url(../images/7.png); }

.banner .swiper-button-next:hover { background-color: #1551ff; border-color: #1551ff; }

.md-home-2 { padding-top: .9rem; padding-bottom: 1.2rem; }

.md-home-2 .tit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 1.97rem; margin-bottom: .3rem; }

.md-home-2 .tit:before { content: ''; width: 1.92rem; height: 1px; background-color: #dddddd; margin-right: .34rem; }

.md-home-2 .row1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 1.14rem; }

.md-home-2 .row1 .text { width: calc(380 / 1344 * 100%); }

.md-home-2 .row1 .desc { line-height: 1.75; text-align: justify; color: rgba(51, 51, 51, 0.8); margin-top: .4rem; }

.md-home-2 .row1 .more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; margin-top: .72rem; }

.md-home-2 .row1 .more:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }

.md-home-2 .row1 .more:hover span { color: #1551ff; }

.md-home-2 .row1 .more .arrow { width: .36rem; height: 0.36rem; background: #1551ff url(../images/7.png) no-repeat center/0.07rem auto; border-radius: 50%; margin-left: .16rem; }

.md-home-2 .row1 .pic { width: calc(768 / 1344 * 100%); border-radius: .2rem; overflow: hidden; margin-top: .7rem; }

.md-home-2 .row1 .pic:hover .in { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-home-2 .row1 .pic .in { padding-top: calc(432 / 768 * 100%); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; background-position: center; background-repeat: no-repeat; background-size: cover; }

@media (max-width: 900px) { .md-home-2 .row1 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-home-2 .row1 .text { width: 100%; }
  .md-home-2 .row1 .pic { width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; } }

.md-home-2 .row2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: .45rem 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

.md-home-2 .row2 .item { text-align: center; }

.md-home-2 .row2 .t1 { color: #1551ff; }

.md-home-2 .row2 .num { font-weight: bold; }

.md-home-2 .row2 .unit { position: relative; top: -2px; }

.md-home-2 .row2 .t2 { color: rgba(51, 51, 51, 0.8); }

.c-contain-1 { position: relative; }

.c-contain-1:before { content: ''; background: -webkit-gradient(linear, left top, right top, from(#414fd6), to(#3236a5)); background: -o-linear-gradient(left, #414fd6, #3236a5); background: linear-gradient(to right, #414fd6, #3236a5); border-top-left-radius: 1rem; border-bottom-right-radius: 1rem; position: absolute; left: 0; right: 0; top: 0; bottom: 1.26rem; }

@media (max-width: 1400px) { .c-contain-1:before { border-top-left-radius: .5rem; border-bottom-right-radius: .5rem; } }

.md-home-3 { padding-top: 1rem; padding-bottom: .35rem; position: relative; z-index: 2; }

.md-home-3 .c-title .en { color: rgba(255, 255, 255, 0.2); }

.md-home-3 .c-title .cn { color: #fff; }

.md-home-3 .row1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.md-home-3 .cate { color: rgba(255, 255, 255, 0.5); margin-right: 0; }

.md-home-3 .cate-item { padding-left: .35rem; width: auto; }

.md-home-3 .cate-item.on { color: #ffbf00; }

.md-home-3 .cate-item.on:after { content: ''; width: .08rem; height: .08rem; background-color: #ffbf00; border-radius: 50%; display: block; margin: .08rem auto 0; }

.md-home-3 .cate-item:hover { color: #ffbf00; }

.md-home-3 .row2 { margin-top: .4rem; }

.md-home-3 .row2 .item { margin: auto; position: relative; display: none; }

.md-home-3 .row2 .item.on { display: block; }

@media (min-width: 1921px) { .md-home-3 .row2 .item { width: 15.7rem; } }

@media (max-width: 1920px) { .md-home-3 .row2 .item { max-width: 1570px; width: 95%; } }

.md-home-3 .row2 .swiper-slide { border-radius: .2rem; overflow: hidden; position: relative; }

.md-home-3 .row2 .swiper-slide:hover .bg { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-home-3 .row2 .swiper-slide:hover .text .more { color: #1551ff; }

.md-home-3 .row2 .bg { padding-top: calc(523 / 429 * 100%); background-size: cover; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.md-home-3 .row2 .text { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; line-height: 1.5; padding-top: .4rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.md-home-3 .row2 .text .type { color: #888; }

.md-home-3 .row2 .text .name { letter-spacing: .07rem; }

.md-home-3 .row2 .text .more { margin-top: .1rem; display: block; }

.md-home-3 .row2 .swiper-container { position: static; }

.md-home-3 .row2 .swiper-button-prev, .md-home-3 .row2 .swiper-button-next { width: .7rem; height: 0.7rem; border-radius: 50%; border: 1px solid #fff; background-position: center; background-repeat: no-repeat; background-size: .11rem auto; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; margin-top: -.35rem; }

.md-home-3 .row2 .swiper-button-prev { background-image: url(../images/6.png); left: 0; }

.md-home-3 .row2 .swiper-button-prev:hover { background-color: #1551ff; border-color: #1551ff; }

.md-home-3 .row2 .swiper-button-next { background-image: url(../images/7.png); right: 0; }

.md-home-3 .row2 .swiper-button-next:hover { background-color: #1551ff; border-color: #1551ff; }

@media (max-width: 1600px) { .md-home-3 .row2 .swiper-container { margin-left: .8rem; margin-right: .8rem; width: auto; } }

@media (max-width: 900px) { .md-home-3 .row1 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-home-3 .row1 .cate { width: 100%; margin-top: .5rem; } }

.md-home-4 { padding-top: .19rem; position: relative; z-index: 2; }

.md-home-4 .c-title .en { color: rgba(255, 255, 255, 0.2); }

.md-home-4 .c-title .cn { color: #fff; }

.md-home-4 .row1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.md-home-4 .cate { margin-right: 0; color: #fff; }

.md-home-4 .cate-item { margin-left: .65rem; width: 1rem; min-width: 70px; opacity: .5; text-align: center; }

.md-home-4 .cate-item.on, .md-home-4 .cate-item:hover { opacity: 1; }

.md-home-4 .cate-item .pic { padding-top: calc(80 / 100 * 100%); background-size: contain; }

.md-home-4 .cate-item .name { line-height: 1.7857; }

@media (max-width: 900px) { .md-home-4 .row1 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-home-4 .cate { width: 100%; margin-top: .5rem; } }

.md-home-4 .row2 { margin-top: .47rem; }

.md-home-4 .row2 .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-home-4 .row2 .pic { width: calc(864 / 1920 * 100%); }

.md-home-4 .row2 .pic .in { padding-top: calc(576 / 864 * 100%); background-size: cover; }

@media (max-width: 1344px) { .md-home-4 .row2 .pic { width: 50%; } }

.md-home-4 .row2 .rg { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-home-4 .row2 .text { background-color: #4955d8; border-top-right-radius: .6rem; color: #fff; padding: .86rem 1.9rem .7rem .96rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (min-width: 1921px) { .md-home-4 .row2 .text { width: 7.68rem; } }

@media (max-width: 1920px) { .md-home-4 .row2 .text { max-width: 768px; width: 95%; } }

.md-home-4 .row2 .text .desc { color: rgba(255, 255, 255, 0.8); line-height: 1.73; margin-top: .37rem; text-align: justify; }

.md-home-4 .row2 .text .more { margin-top: .95rem; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; display: block; }

.md-home-4 .row2 .text .more:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }

.md-home-4 .row2 .arrow { position: absolute; left: 0; top: 1.93rem; width: 100%; z-index: 10; }

.md-home-4 .row2 .arrow .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.md-home-4 .row2 .swiper-button-prev, .md-home-4 .row2 .swiper-button-next { position: static; width: .64rem; height: .64rem; margin-top: 0; opacity: 1; }

.md-home-4 .row2 .swiper-button-prev { background: #1d218a url(../images/6.png) no-repeat center/0.11rem; border-top-left-radius: .16rem; border-bottom-left-radius: .16rem; }

.md-home-4 .row2 .swiper-button-next { background: #1551ff url(../images/7.png) no-repeat center/0.11rem; }

@media (max-width: 900px) { .md-home-4 .row2 .swiper-container { max-width: 500px; margin-left: auto; margin-right: auto; }
  .md-home-4 .row2 .swiper-slide { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .md-home-4 .row2 .pic { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .md-home-4 .row2 .text { width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }

.c-contain-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -.22rem; }

.md-home-5 { width: 7.7rem; padding-bottom: 1.6rem; margin-top: 1.3rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

@media (min-width: 1921px) { .md-home-5 .cnt { width: 4.8rem; } }

@media (max-width: 1920px) { .md-home-5 .cnt { width: 480px; max-width: 90%; } }

.md-home-5 .c-title .en { font-size: .5rem; }

.md-home-5 .list { height: 5rem; margin-top: .67rem; }

.md-home-5 .list .desc { line-height: 1.8; margin-top: 0.2rem; text-align: justify; }

.md-home-5 .list .li { margin-bottom: .45rem; height: auto; }

.md-home-5 .list .li.on, .md-home-5 .list .li:hover { color: #1551ff; }

.md-home-5 .list .li.on .desc, .md-home-5 .list .li:hover .desc { opacity: 0.8; }

@media (max-width: 900px) { .md-home-5 { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 0; } }

.md-home-6 { background: url(../images/141.jpg) no-repeat center top/100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; }

.md-home-6 .c-title { text-align: center; }

.md-home-6 .c-title .en { font-size: .5rem; text-indent: 0; }

.md-home-6 .more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; margin-top: .2rem; }

.md-home-6 .more:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }

.md-home-6 .more:hover span { color: #1551ff; }

.md-home-6 .more .arrow { width: .36rem; height: 0.36rem; background: #1551ff url(../images/7.png) no-repeat center/0.07rem auto; border-radius: 50%; margin-left: .16rem; }

.md-home-6 .map { width: 100%; display: none; }

@-webkit-keyframes warn2 { 0% { -webkit-transform: scale(0.2); transform: scale(0.2);
    opacity: 0.3; }
  50% { -webkit-transform: scale(0.5); transform: scale(0.5);
    opacity: 0.5; }
  100% { -webkit-transform: scale(1); transform: scale(1);
    opacity: 0.0; } }

@keyframes warn2 { 0% { -webkit-transform: scale(0.2); transform: scale(0.2);
    opacity: 0.3; }
  50% { -webkit-transform: scale(0.5); transform: scale(0.5);
    opacity: 0.5; }
  100% { -webkit-transform: scale(1); transform: scale(1);
    opacity: 0.0; } }

.md-home-6 .area--pc .dot-wrap { position: absolute; }

.md-home-6 .area--pc .dot-wrap:hover .desc { display: block; }

.md-home-6 .area--pc .tit { position: absolute; left: 100; }

.md-home-6 .area--pc .desc { position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 300px; background: rgba(21, 81, 255, 0.8); color: #fff; padding: 20px; border-top-left-radius: 20px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 20px; display: none; z-index: 33; }

.md-home-6 .area--pc .dot { width: 40px; height: 40px; border-radius: 100%; z-index: 2; }

.md-home-6 .area--pc .dot:before { content: ''; position: absolute; width: 100%; height: 100%; border-radius: 100%; background: rgba(21, 81, 255, 0.5); left: 0; top: 0; z-index: 1; -webkit-animation: warn2 3s ease-out; animation: warn2 3s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.md-home-6 .area--pc .dot:after { content: ''; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; margin-left: -5px; margin-top: -5px; border-radius: 100%; background: #1551ff; z-index: 1; }

.md-home-6 .area--wap { display: none; width: 90%; margin-left: auto; margin-right: auto; }

.md-home-6 .area--wap .swiper-slide { width: auto; margin-right: .2rem; background: rgba(21, 81, 255, 0.8); color: #fff; padding: 20px; border-top-left-radius: 20px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 20px; }

@media (max-width: 900px) { .md-home-6 { margin-top: 1rem; background: none; width: 100%; }
  .md-home-6 .area--pc { display: none; }
  .md-home-6 .map { display: block; }
  .md-home-6 .area--wap { display: block; } }

.md-home-7 { padding-top: .3rem; padding-bottom: 1.27rem; }

.md-home-7 .c-title { position: absolute; right: 0; top: 0; z-index: 10; }

.md-home-7 .c-title .en { font-size: .5rem; }

.md-home-7 .layout { position: relative; }

.md-home-7 .cnt { position: relative; margin: auto; }

@media (min-width: 1921px) { .md-home-7 .cnt { width: 15.7rem; } }

@media (max-width: 1920px) { .md-home-7 .cnt { max-width: 1570px; width: 95%; } }

.md-home-7 .pic { margin-bottom: .2rem; overflow: hidden; border-radius: .1rem; }

.md-home-7 .pic:last-of-type { margin-bottom: 0; }

.md-home-7 .pic .in { padding-top: calc(190 / 253 * 100%); background-position: center; background-repeat: no-repeat; background-size: contain; background-color: #f2f4f7; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.md-home-7 .pic:hover { -webkit-box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.16); }

.md-home-7 .pic:hover .in { background-color: #fff; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-home-7 .swiper-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-home-7 .swiper-slide:nth-of-type(2n) { margin-top: .75rem; }

.md-home-7 .swiper-slide:nth-of-type(2n+1) .pic + .pic { margin-bottom: .75rem; }

.md-home-7 .swiper-button-prev, .md-home-7 .swiper-button-next { width: .7rem; height: 0.7rem; border-radius: 50%; border: 1px solid #ccc; background-position: center; background-repeat: no-repeat; background-size: .11rem auto; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; margin-top: -.35rem; }

.md-home-7 .swiper-button-prev { background-image: url(../images/4.png); left: 0; }

.md-home-7 .swiper-button-prev:hover { background-image: url(../images/6.png); background-color: #1551ff; border-color: #1551ff; }

.md-home-7 .swiper-button-next { background-image: url(../images/5.png); right: 0; }

.md-home-7 .swiper-button-next:hover { background-image: url(../images/7.png); background-color: #1551ff; border-color: #1551ff; }

.md-home-7 .swiper-container { padding-top: 1.4rem; padding-bottom: .4rem; }

@media (max-width: 1600px) { .md-home-7 .swiper-container { margin-left: .8rem; margin-right: .8rem; width: auto; } }

@media (max-width: 500px) { .md-home-7 { padding-top: 1rem; } }

.c-contain-3 { position: relative; margin-top: -1.2rem; min-height: 1.2rem; }

.c-contain-3:before { content: ''; position: absolute; left: 0; right: 1rem; z-index: 2; background: #fff; border-top-right-radius: .6rem; height: 100%; }

.c-contain-3:after { content: ''; position: absolute; left: 0; right: 0; top: 1.2rem; bottom: 0; z-index: 1; background: #f5f7f9; }

.c-contain-3 .c-content { position: relative; z-index: 3; }

@media (max-width: 1600px) { .c-contain-3:before { right: 1%; } }

@media (max-width: 500px) { .c-contain-3 { margin-top: -.5rem; }
  .c-contain-3:after { top: .5rem; } }

.c-cate { padding-top: .9rem; }

@media (max-width: 500px) { .c-cate { padding-top: .2rem; } }

.c-cate .swiper-container { position: relative; }

.c-cate .swiper-container:after { content: ''; width: 100%; height: 2px; background: #e8e8e8; position: absolute; left: 0; bottom: 0; }

.c-cate .item { display: block; line-height: 1.5; padding: .25rem 0; position: relative; }

.c-cate .item:after { content: ''; width: 0; height: 2px; background: #1551ff; position: absolute; left: 50%; bottom: 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.c-cate .swiper-slide { width: auto; margin-right: 1.25rem; }

.c-cate .swiper-slide.on, .c-cate .swiper-slide:hover { color: #1551ff; }

.c-cate .swiper-slide.on .item:after, .c-cate .swiper-slide:hover .item:after { width: 100%; }

.c-cate .swiper-slide:last-of-type { margin-right: 0; }

.md-product-list { margin-top: .8rem; padding-bottom: .93rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-product-list .item { width: calc(428 / 1344 * 100%); margin-right: calc(30 / 1344 * 100%); margin-bottom: calc(30 / 1344 * 100%); border-radius: .3rem; overflow: hidden; background: #f8fafb; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

@media (min-width: 901px) { .md-product-list .item:nth-of-type(3n) { margin-right: 0; } }

@media (max-width: 900px) { .md-product-list .item { width: 49%; margin-right: 2%; }
  .md-product-list .item:nth-of-type(2n) { margin-right: 0; } }

@media (max-width: 500px) { .md-product-list .item .text { padding: .4rem .2rem; }
  .md-product-list .item .desc { font-size: 12px; } }

.md-product-list .item:hover { background: #fff; -webkit-box-shadow: 0px 5px 30px 0px rgba(102, 102, 102, 0.2); box-shadow: 0px 5px 30px 0px rgba(102, 102, 102, 0.2); }

.md-product-list .item:hover .pic .in { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-product-list .item:hover .more { color: #1551ff; background-image: url(../images/47.png); }

.md-product-list .pic { overflow: hidden; }

.md-product-list .pic .in { padding-top: calc(300 / 428 * 100%); background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.md-product-list .text { padding: .4rem; }

.md-product-list .name { line-height: 1.5; }

.md-product-list .desc { color: #555; line-height: 1.625; margin-top: .07rem; }

.md-product-list .more { display: inline-block; background: url(../images/46.png) no-repeat right center; margin-top: .2rem; }

@media (min-width: 1921px) { .md-product-list .more { padding-right: .25rem; background-size: .08rem; } }

@media (max-width: 1920px) { .md-product-list .more { padding-right: 25px; } }

@media (max-width: 900px) { .md-product-list .more { padding-right: 15px; background-size: auto 10px; } }

.ban-product { position: relative; }

.ban-product img { width: 100%; vertical-align: top; }

.ban-product .text { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; color: #fff; }

.ban-product .text .layout { margin-bottom: 1.2rem; }

.ban-product .text .t1 { line-height: 1.27; color: #656567; }

.ban-product .text .t2 { font-weight: bold; line-height: 1.3; margin-top: .18rem; }

.c-headline { line-height: 1.5; font-weight: bold; }

.c-describe { line-height: 1.77; margin-top: .24rem; }

.md-product-1 { position: relative; margin-top: -1.2rem; min-height: 1.2rem; }

@media (max-width: 500px) { .md-product-1 { margin-top: -.5rem; } }

.md-product-1:before { content: ''; position: absolute; left: 0; right: 0; z-index: 2; background: #fff; border-top-right-radius: .6rem; height: 100%; }

.md-product-1 .content { position: relative; z-index: 3; text-align: center; padding-top: 1.1rem; }

.md-product-1 .row1 { margin-left: auto; margin-right: auto; }

@media (min-width: 1921px) { .md-product-1 .row1 { width: 9rem; } }

@media (max-width: 1920px) { .md-product-1 .row1 { width: 95%; max-width: 900px; } }

.md-product-1 .row2 { margin-top: .72rem; padding-bottom: .97rem; }

.md-product-1 .row2 .pic { border-radius: .4rem; overflow: hidden; }

.md-product-1 .row2 .pic .in { padding-top: calc(460 / 800 * 100%); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; background-size: cover; background-position: center; background-repeat: no-repeat; }

.md-product-1 .row2 .arrow { position: absolute; left: 0; top: 35.3%; z-index: 9; width: 100%; }

.md-product-1 .row2 .arrow .layout { position: relative; }

.md-product-1 .row2 .swiper-button-prev, .md-product-1 .row2 .swiper-button-next { width: .74rem; height: .74rem; border-radius: 50%; border: 1px solid #ececec; background-position: center; background-repeat: no-repeat; background-color: #fff; background-size: .15rem auto; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; margin-top: 0; }

.md-product-1 .row2 .swiper-button-prev { background-image: url(../images/52.png); left: .5rem; }

.md-product-1 .row2 .swiper-button-prev:hover { background-image: url(../images/54.png); background-color: #1551ff; border-color: #1551ff; }

.md-product-1 .row2 .swiper-button-next { background-image: url(../images/53.png); right: .5rem; }

.md-product-1 .row2 .swiper-button-next:hover { background-image: url(../images/55.png); background-color: #1551ff; border-color: #1551ff; }

@media (max-width: 500px) { .md-product-1 .row2 .swiper-button-prev, .md-product-1 .row2 .swiper-button-next { background-size: 12px auto; }
  .md-product-1 .row2 .swiper-button-prev { left: 0; }
  .md-product-1 .row2 .swiper-button-next { right: 0; } }

.md-product-1 .row2 .foot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: .58rem; }

.md-product-1 .row2 .swiper-scrollbar { width: 6rem; height: 2px; background: #d0dcff; border-radius: 0; }

.md-product-1 .row2 .swiper-scrollbar-drag { background: #1551ff; height: 4px; margin-top: -1px; border-radius: 0; }

.md-product-1 .row2 .autoBtn { width: 20px; height: 20px; margin-left: .15rem; background: url(../images/56.png) no-repeat center; cursor: pointer; }

.md-product-1 .row2 .autoBtn.stop { background-image: url(../images/57.png); }

.md-product-2 .media { padding-top: calc(840 / 1920 * 100%); position: relative; }

.md-product-2 .media video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.md-product-2 .text { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }

.md-product-2 .text .c-headline { color: #fff; }

.md-product-2 .text .btn { width: 1rem; margin-top: .7rem; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.md-product-2 .text .btn:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-product-2 .text .t1 { color: #fff; margin-top: .18rem; }

.md-product-3 { padding-top: 1.43rem; padding-bottom: 1.07rem; }

.md-product-3 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-product-3 .lf { position: relative; padding-left: 1.14rem; padding-right: 1.23rem; width: calc(672 / 1344 * 100%); -webkit-box-sizing: border-box; box-sizing: border-box; }

.md-product-3 .lf .pic .in { padding-top: calc(383 / 435 * 100%); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.md-product-3 .lf .pic .in:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-product-3 .lf .sym { position: absolute; left: 0; top: 0; width: .49rem; }

.md-product-3 .rg { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: .3rem; padding-right: .6rem; text-align: justify; }

@media (max-width: 768px) { .md-product-3 .layout { display: block; }
  .md-product-3 .lf { width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; }
  .md-product-3 .rg { margin-top: .5rem; padding: 0; } }

.md-product-4 { color: #fff; min-height: 8.4rem; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 1.85rem; padding-bottom: 1.71rem; }

.md-product-4 .text { width: 50%; }

.md-product-4 .desc { line-height: 1.5; margin-top: .15rem; }

.md-product-4 .desc p { padding: .11rem 0; }

.md-product-4 .t1 { margin-top: .34rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-product-4 .t1 img { width: .58rem; margin-right: .1rem; }

@media (max-width: 900px) { .md-product-4 .text { width: 100%; } }

.md-product-5 { text-align: center; padding-top: .9rem; padding-bottom: .85rem; }

.md-product-5 .content { margin-left: auto; margin-right: auto; }

@media (min-width: 1921px) { .md-product-5 .content { width: 9rem; } }

@media (max-width: 1920px) { .md-product-5 .content { width: 90%; max-width: 900px; } }

.md-product-5 .pic { margin-top: .7rem; }

.md-product-5 .pic img { max-width: 100%; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.md-product-5 .pic img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-product-6 { background-position: center; background-repeat: no-repeat; background-size: cover; text-align: center; color: #fff; padding-top: .75rem; padding-bottom: .9rem; }

.md-product-6 .row1 { margin-top: .57rem; }

.md-product-6 .row1 .t1 { line-height: 1.5; margin-top: .3rem; }

.md-product-6 .row2 { margin-top: .57rem; }

.md-product-6 .row2 .swiper-container { padding-bottom: .47rem; width: 9.5rem; margin-left: auto; margin-right: auto; }

@media (max-width: 1920px) { .md-product-6 .row2 .swiper-container { width: 950px; max-width: 100%; } }

.md-product-6 .row2 .swiper-pagination { bottom: 0; font-size: 0; }

.md-product-6 .row2 .swiper-pagination-bullet { vertical-align: top; opacity: 1; width: 6px; height: 6px; border-radius: 6px; background: #fff; }

.md-product-6 .row2 .swiper-pagination-bullet-active { background: #1551ff; width: 20px; }

.md-product-6 .row2 .text { padding-top: 5px; width: 9rem; margin-left: auto; margin-right: auto; }

@media (max-width: 1920px) { .md-product-6 .row2 .text { width: 900px; max-width: 100%; } }

.md-product-6 .row2 .tit { line-height: 2; }

.md-product-6 .row2 .desc { line-height: 2; margin-top: 7px; }

.md-product-6 .row2 .pic img { width: 100%; }

.md-product-7 { background-position: center; background-repeat: no-repeat; background-size: cover; color: #fff; text-align: center; padding-top: .9rem; padding-bottom: 1rem; }

.md-product-7 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 11.9rem; margin-top: 1.73rem; margin-left: auto; margin-right: auto; }

.md-product-7 .list .li { width: 33.33%; }

.md-product-7 .list .li:hover .icon { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-product-7 .list .icon { height: .7rem; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.md-product-7 .list .tit { margin-top: .23rem; }

.md-product-7 .list .desc { line-height: 1.5; margin-top: .29rem; }

@media (max-width: 1920px) { .md-product-7 .list { width: 1190px; max-width: 100%; } }

@media (max-width: 900px) { .md-product-7 .list .li { width: 100%; margin-bottom: .5rem; }
  .md-product-7 .list .li:last-of-type { margin-bottom: 0; } }

.md-product-7 .t1 { line-height: 1.5; margin-top: 1.52rem; }

.md-product-8 .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #f9f9f9; }

@media (min-width: 901px) { .md-product-8 .list .li:nth-of-type(2n + 1) .pic { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .md-product-8 .list .li:nth-of-type(2n + 1) .text { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } }

.md-product-8 .list .li:nth-of-type(2n) .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.md-product-8 .list .li .pic { width: 50%; }

.md-product-8 .list .li .pic .in { background-position: center; background-repeat: no-repeat; background-size: cover; min-height: 100%; padding-top: calc(600 / 960 * 100%); -webkit-box-sizing: border-box; box-sizing: border-box; }

.md-product-8 .list .li .text { width: 50%; }

.md-product-8 .list .li .text .cnt { -webkit-box-sizing: border-box; box-sizing: border-box; width: 7.57rem; padding-left: .85rem; padding-right: .85rem; padding-top: .5rem; padding-bottom: .5rem; }

@media (max-width: 1920px) { .md-product-8 .list .li .text .cnt { width: 757px; max-width: 100%; } }

.md-product-8 .list .li .text .t1 { margin-top: .43rem; }

.md-product-8 .list .li .text .t2 { margin-top: .12rem; }

@media (max-width: 900px) { .md-product-8 .list .li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 5%; padding-right: 5%; padding-bottom: .5rem; }
  .md-product-8 .list .li .pic { width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; }
  .md-product-8 .list .li .text { width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; }
  .md-product-8 .list .li .text .cnt { padding-left: 0; padding-right: 0; } }

.md-product-9 { padding-bottom: .45rem; }

.md-product-9 .list { padding-top: 1rem; }

.md-product-9 .list .hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 1.15rem; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; cursor: pointer; }

.md-product-9 .list .hd .tit { background: url(../images/73.png) no-repeat right center/0.35rem; padding-right: .56rem; }

.md-product-9 .list .hd .rg { width: .27rem; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.md-product-9 .list .bd { background: #f9f9f9; overflow: hidden; display: none; }

.md-product-9 .list .bd .text { padding: .4rem .6rem; line-height: 1.77; }

.md-product-9 .list .bd .ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; padding-top: .15rem; padding-bottom: .34rem; }

.md-product-9 .list .bd .item { margin-top: .39rem; width: 50%; padding: 0 .6rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.md-product-9 .list .bd .name { line-height: 1.5; }

.md-product-9 .list .bd .desc { line-height: 1.77; margin-top: .1rem; min-height: calc(1.77 * 2em); }

@media (max-width: 768px) { .md-product-9 .list .bd .item { width: 100%; }
  .md-product-9 .list .bd .desc { min-height: 0; } }

.md-product-9 .list .li.show .hd .rg { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }

.md-product-10 { padding-top: .45rem; padding-bottom: 1rem; }

.md-product-10 .c-headline { text-align: center; }

.md-product-10 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .72rem; }

.md-product-10 .list .li { width: calc(422 / 1344 * 100%); margin-right: calc(39 / 1344 * 100%); border-radius: .3rem; overflow: hidden; position: relative; }

.md-product-10 .list .li:nth-of-type(3n) { margin-right: 0; }

.md-product-10 .list .li:hover .bg { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-product-10 .list .li .bg { padding-top: calc(500 / 422 * 100%); background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.md-product-10 .list .li .cnt { position: absolute; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; width: 100%; padding-bottom: .69rem; padding-left: .34rem; padding-top: .54rem; }

.md-product-10 .list .li .text { color: #fff; }

.md-product-10 .list .li .tit { line-height: 1.5; }

.md-product-10 .list .li .desc { line-height: 1.77; margin-top: .08rem; }

.md-product-10 .list .li .btn { display: inline-block; background-color: #f5f7f9; border-radius: .23rem; padding: 0 .23rem; line-height: 2.875; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 1.5rem; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

@media (max-width: 1920px) { .md-product-10 .list .li .btn { border-radius: 23px; padding: 0 23px; } }

.md-product-10 .list .li .btn span { display: inline-block; vertical-align: middle; }

.md-product-10 .list .li .btn .icon { width: .14rem; height: .12rem; display: inline-block; vertical-align: middle; margin-left: .19rem; background: url(../images/78.png) no-repeat center/contain; }

@media (max-width: 1920px) { .md-product-10 .list .li .btn .icon { width: 14px; height: 12px; } }

.md-product-10 .list .li .btn:hover { background: #1551ff; color: #fff; }

.md-product-10 .list .li .btn:hover .icon { background-image: url(../images/79.png); }

@media (max-width: 900px) { .md-product-10 .list .li .btn { background: #1551ff; color: #fff; }
  .md-product-10 .list .li .btn .icon { background-image: url(../images/79.png); } }

@media (max-width: 900px) { .md-product-10 .list { display: block; margin-left: auto; margin-right: auto; max-width: 500px; }
  .md-product-10 .list .li { width: 100%; margin-right: 0; margin-bottom: .2rem; } }

.md-product-11 { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; background: #1551ff; color: #fff; display: none; }

.md-product-11 .layout { height: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-product-11 .back { line-height: 2; background: #fff; color: #1551ff; border-radius: .5rem; padding: 0 .2rem; margin-left: 0.1rem; }

.md-product-11 .rg { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-bread-wrap { padding-top: 1.2rem; padding-bottom: .8rem; }

.md-bread-wrap .row1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 900px) { .md-bread-wrap .row1 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.md-bread-wrap .text { margin-top: .4rem; }

@media (max-width: 900px) { .md-bread-wrap { padding-top: .5rem; }
  .md-bread-wrap .breadThumb, .md-bread-wrap .c-search { margin-top: .6rem; }
  .md-bread-wrap .row1 { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }

.md-detail { padding-top: .8rem; padding-bottom: 1.3rem; line-height: 1.77; text-align: justify; border-top: 2px solid #e8e8e8; }

.md-detail .title { font-weight: bold; line-height: 1.5; margin-bottom: .35rem; }

.md-detail .editor td, .md-detail .editor th { border: 1px solid #ddd; }

.md-detail img { max-width: 100%; height: auto!important; }

.md-detail .foot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: .4rem; margin-top: .6rem; border-top: 1px solid #e8e8e8; }

.md-detail .foot .nav { line-height: 1.6; width: 30%; }

.md-detail .foot .nav a { display: block; }

.md-detail .foot .nav a:hover { color: #1551ff; }

.md-detail .foot .msg { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }

.md-detail .foot .msg .item { margin-right: .35rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-detail .foot .msg .item:last-of-type { margin-right: 0; }

@media (max-width: 900px) { 
  .md-detail img{  }
  .md-detail .foot { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .md-detail .foot .nav { width: 100%; }
  .md-detail .foot .msg { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: .2rem; } 
}
@media (max-width: 500px) { 
  .md-detail img{ display: block; }
}

.c-search { display: -webkit-box; display: -ms-flexbox; display: flex; width: 4.6rem; height: .58rem; line-height: .58rem; background-color: #f5f7f9; border-radius: .29rem; overflow: hidden; }

.c-search .ipt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: rgba(102, 102, 102, 0.5); background: none; border: none; padding: 0 .3rem; }

.c-search .btn { background: url(../images/2.png) no-repeat center/0.22rem auto; width: .58rem; height: .58rem; border: none; cursor: pointer; }

.cover-image { background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.md-news-1 { position: relative; margin-left: auto; margin-right: auto; padding-bottom: .8rem; }

@media (min-width: 1921px) { .md-news-1 { width: 15.23rem; } }

@media (max-width: 1920px) { .md-news-1 { width: 90%; max-width: 1523px; } }

.md-news-1 .swiper-container { position: static; margin-left: .9rem; margin-right: .9rem; }

.md-news-1 .bg { padding-top: calc(350 / 420 * 100%); }

.md-news-1 .swiper-slide { border-radius: .3rem; overflow: hidden; position: relative; }

.md-news-1 .swiper-slide:hover .bg { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-news-1 .swiper-slide:hover .tit { color: #1551ff; }

.md-news-1 .text { position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; padding: .3rem; -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba(0, 0, 0, 0.3); }

.md-news-1 .text .tit { line-height: 1.27; }

.md-news-1 .text .desc { line-height: 1.75; margin-top: .08rem; }

.md-news-1 .swiper-button-prev, .md-news-1 .swiper-button-next { width: .6rem; height: .6rem; border-radius: 50%; border: 1px solid #ececec; background-position: center; background-repeat: no-repeat; background-color: #f6f7f8; background-size: .15rem auto; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; margin-top: -.3rem; }

.md-news-1 .swiper-button-prev { background-image: url(../images/52.png); left: 0; }

.md-news-1 .swiper-button-prev:hover { background-image: url(../images/85.png); }

.md-news-1 .swiper-button-next { background-image: url(../images/53.png); right: 0; }

.md-news-1 .swiper-button-next:hover { background-image: url(../images/86.png); }

@media (max-width: 500px) { .md-news-1 .swiper-button-prev, .md-news-1 .swiper-button-next { background-size: 12px auto; }
  .md-news-1 .swiper-button-prev { left: 0; }
  .md-news-1 .swiper-button-next { right: 0; } }

.md-news-2 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #e8e8e8; }

.md-news-2 .cate { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-news-2 .cate .item { margin-right: .69rem; line-height: 2.72; }

.md-news-2 .cate .item:hover { color: #1551ff; }

.md-news-2 .cate .item.on { color: #1551ff; position: relative; }

.md-news-2 .cate .item.on:after { content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: #1551ff; }

.md-news-2 .cate .item:last-of-type { margin-right: 0; }

.md-news-2 .search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-news-2 .search .date { width: 1.6rem; line-height: 2.375; border-radius: .05rem; border: solid 1px #e8e8e8; background: url(../images/87.png) no-repeat right 0.1rem center/0.16rem auto; padding: 0 .4rem 0 .2rem; margin-left: .1rem; }

@media (max-width: 900px) { .md-news-2 .search .date { padding-right: 15px; background-size: 12px; } }

@media (max-width: 900px) { .md-news-2 .layout { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .md-news-2 .search { margin: .5rem 0; }
  .md-news-2 .search .date { width: 100px; } }

.md-news-3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 1.11rem; }

.md-news-3 .main { width: calc(922 / 1344 * 100%); }

.md-news-3 .main .list .item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: .4rem 0; border-bottom: 1px solid #e8e8e8; }

.md-news-3 .main .list .item:hover { border-bottom-color: #1551ff; }

.md-news-3 .main .list .item:hover .pic .in { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-news-3 .main .list .item:hover .tit { color: #1551ff; }

.md-news-3 .main .list .item:hover .time { background-image: url(../images/88.png); }

.md-news-3 .main .list .item:hover .arrow { background-image: url(../images/90.png); }

.md-news-3 .main .list .pic { width: calc(300 / 922 * 100%); overflow: hidden; border-radius: .3rem; }

.md-news-3 .main .list .pic .in { padding-top: calc(236 / 300 * 100%); }

.md-news-3 .main .list .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: .22rem .28rem .2rem .6rem; }

.md-news-3 .main .list .tit { line-height: 1.27273; }

.md-news-3 .main .list .desc { margin-top: .2rem; line-height: 1.75; }

.md-news-3 .main .list .time { background: url(../images/87.png) no-repeat left center/0.16rem; padding-left: .24rem; }

.md-news-3 .main .list .t2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 1.17647; margin-top: .3rem; }

.md-news-3 .main .list .arrow { width: .19rem; background: url(../images/89.png) no-repeat center/contain; margin-right: .3rem; }

@media (max-width: 900px) { .md-news-3 .main .list .time { background-size: 12px; padding-left: 16px; }
  .md-news-3 .main .list .arrow { width: 12px; } }

@media (max-width: 700px) { .md-news-3 .main .list .item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }

@media (max-width: 500px) { .md-news-3 .main .list .item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .md-news-3 .main .list .pic { width: 100%; }
  .md-news-3 .main .list .text { padding-left: 0; padding-right: 0; } }

.md-news-3 .main .pagination2 { margin-top: .6rem; }

.md-news-3 .side { width: calc(330 / 1344 * 100%); -webkit-box-shadow: 0px 0px 9px 0px rgba(2, 26, 58, 0.08); box-shadow: 0px 0px 9px 0px rgba(2, 26, 58, 0.08); border-radius: .1rem; margin-top: .4rem; }

.md-news-3 .side .hd { line-height: 1.4; text-align: center; line-height: 3.4; margin: 0 .15rem; border-bottom: 1px dashed #e8e8e8; }

.md-news-3 .side .list { padding-bottom: .48rem; counter-reset: section; }

.md-news-3 .side .list .item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 .15rem; margin-top: .16rem; }

.md-news-3 .side .list .item:before { counter-increment: section; content: counter(section); width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background: #999999; font-size: 14px; color: #fff; text-align: center; margin-right: .1rem; margin-top: 4px; }

.md-news-3 .side .list .item:nth-of-type(1)::before { background: #f84521; }

.md-news-3 .side .list .item:nth-of-type(2)::before { background: #ff6f24; }

.md-news-3 .side .list .item:nth-of-type(3)::before { background: #ffa352; }

.md-news-3 .side .list .item:hover .tit { color: #1551ff; }

.md-news-3 .side .list .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-news-3 .side .list .tit { line-height: 1.75; }

.md-news-3 .side .list .time { color: rgba(102, 102, 102, 0.5); margin-top: 5px; }

@media (max-width: 500px) { .md-news-3 .side .list .item:before { width: 16px; height: 16px; line-height: 16px; font-size: 12px; } }

@media (max-width: 900px) { .md-news-3 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .md-news-3 .main { width: 100%; }
  .md-news-3 .side { width: 100%; margin-top: 1rem; } }

.pagination2 { color: #555; text-align: center; line-height: 37px; }

.pagination2 a { display: inline-block; vertical-align: middle; width: 34px; height: 37px; margin: 0 7px; background: no-repeat center; }

.pagination2 a:hover, .pagination2 a.cur { color: #1551ff; }

.pagination2 .cur { background-image: url(../images/icon54.png); background-size: contain; }

.pagination2 .first { background-image: url(../images/icon50.png); }

.pagination2 .prev { background-image: url(../images/icon53.png); }

.pagination2 .next { background-image: url(../images/icon52.png); }

.pagination2 .last { background-image: url(../images/icon51.png); }

@media (max-width: 900px) { .pagination2 a { margin: 0; } }

.md-co-1 { margin-top: .5rem; }

.md-co-1 .quot { width: .31rem; margin: auto; display: block; }

.md-co-1 .desc { text-align: center; max-width: 100%; width: 960px; margin-left: auto; margin-right: auto; line-height: 1.77778; text-align: center; margin-top: .22rem; }

@media (min-width: 1921px) { .md-co-1 .desc { width: 9.6rem; } }

.md-co-2 { margin-top: .7rem; padding-bottom: 1.2rem; }

.md-co-2 .form { margin-left: auto; margin-right: auto; width: 1240px; max-width: 100%; background-color: #f5f7f9; border-radius: .3rem; -webkit-box-sizing: border-box; box-sizing: border-box; padding: .8rem .83rem .78rem .97rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (min-width: 1921px) { .md-co-2 .form { width: 12.4rem; } }

.md-co-2 .form-item { width: calc(520 / 1060 * 100%); background: #fff; line-height: 3.22222; border-radius: .1rem; overflow: hidden; -webkit-box-shadow: 3px 4px 20px 0px rgba(2, 26, 58, 0.05); box-shadow: 3px 4px 20px 0px rgba(2, 26, 58, 0.05); margin-bottom: .2rem; position: relative; }

.md-co-2 .form-item input, .md-co-2 .form-item select { width: 100%; height: 100%; border: none; background: none; padding: 0 .3rem; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; color: #000; }

.md-co-2 .form-item input::-webkit-input-placeholder, .md-co-2 .form-item select::-webkit-input-placeholder { color: #999; }

.md-co-2 .form-item input:-ms-input-placeholder, .md-co-2 .form-item select:-ms-input-placeholder { color: #999; }

.md-co-2 .form-item input::-ms-input-placeholder, .md-co-2 .form-item select::-ms-input-placeholder { color: #999; }

.md-co-2 .form-item input::placeholder, .md-co-2 .form-item select::placeholder { color: #999; }

.md-co-2 .form-item select { background: url(../images/93.png) no-repeat right 0.12rem center/10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: inherit; }

.md-co-2 .form-item--big { width: 100%; }

.md-co-2 .form-item--big textarea { height: 1.4rem; width: 100%; border: none; display: block; padding: .2rem .3rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.md-co-2 .form-item.required:before { content: '*'; color: red; position: absolute; left: .1rem; top: .05rem; }

.md-co-2 .form .submit { min-width: 1.6rem; line-height: 2.88889; padding: 0 .52rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: -o-linear-gradient(350deg, #334ee1 0%, #2a3dc0 100%); background-image: linear-gradient(100deg, #334ee1 0%, #2a3dc0 100%); border-radius: .52rem; text-align: center; color: #fff; border: none; cursor: pointer; margin: .4rem auto 0; }

@media (max-width: 900px) { .md-co-2 .form-item { width: 100%; } }

@media (max-width: 500px) { .md-co-2 .form { padding-left: .4rem; padding-right: .4rem; } }

.md-service-1 { padding-bottom: .25rem; }

.c-search-2 { padding: .5rem 0; background-color: #f5f7f9; border-radius: .3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.c-search-2 .ipt { width: calc(570 / 1344 * 100%); height: .58rem; border: none; margin-right: .2rem; border-radius: .58rem; padding: 0 .3rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; }

.c-search-2 .sel { width: calc(570 / 1344 * 100%); height: .58rem; border: none; margin-right: .2rem; border-radius: .58rem; padding: 0 .3rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; background: #fff url(../images/93.png) no-repeat right 0.2rem center/0.1rem; font-size: inherit; }

.c-search-2 .btn { width: .58rem; height: .58rem; background: #fff url(../images/2.png) no-repeat center/0.22rem; border: none; border-radius: 50%; cursor: pointer; }

@media (max-width: 500px) { .c-search-2 .sel { margin-right: 5px; } }

.md-service-2 { margin-top: .25rem; padding-bottom: 1rem; }

.md-service-2 .cnt { background-color: #f8fafb; border-radius: .3rem; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-service-2 .map { width: calc(660 / 1344 * 100%); min-height: 5rem; }

.md-service-2 .map img { width: 100%; height: 100%; }

.md-service-2 .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: .4rem .8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-service-2 .text .tit { line-height: 2; }

.md-service-2 .text .desc { line-height: 2.11111; margin-top: .34rem; }

@media (max-width: 900px) { .md-service-2 .map { width: 100%; }
  .md-service-2 .text { padding: .5rem; } }

.md-join-1 { margin-top: .6rem; padding-bottom: 1rem; }

.md-join-1 .thead { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 2px solid #e8e8e8; line-height: 2.53846; }

.md-join-1 .td { padding-right: .1rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.md-join-1 .col-1 { width: calc(400 / 1344 * 100%); }

.md-join-1 .col-2 { width: calc(400 / 1344 * 100%); }

.md-join-1 .col-3 { width: calc(300 / 1344 * 100%); }

.md-join-1 .col-4 { text-align: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: .1rem; }

.md-join-1 .btn { min-width: 1.2rem; height: 34px; line-height: 34px; padding: 0 .17rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; border-radius: .17rem; border: solid 1px #1551ff; color: #1551ff; cursor: pointer; }

.md-join-1 .tr .hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: .87rem; border-bottom: 1px solid #e8e8e8; padding: .2rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.md-join-1 .tr .hd.show .btn { background: #1551ff; color: #fff; }

.md-join-1 .tr .bd { background: #f5f7f9; padding: .3rem .5rem; line-height: 1.25; border-bottom: 1px solid #e8e8e8; display: none; }

.md-join-1 .tr .bd .list { line-height: 2.25; width: 6.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-join-1 .tr .bd .list li { min-width: 1.6rem; margin-right: .2rem; }

@media (max-width: 900px) { .md-join-1 .tr .bd .list { width: 100%; }
  .md-join-1 .tr .bd .list li { width: 50%; margin-right: 0; padding-right: .1rem; -webkit-box-sizing: border-box; box-sizing: border-box; } }

.md-join-1 .tr .bd .row1 { margin-top: .26rem; display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: .15rem; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-join-1 .tr .bd .row1 .item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: .6rem; text-align: justify; }

.md-join-1 .tr .bd .row1 .tit { color: #1551ff; }

.md-join-1 .tr .bd .row1 .desc { margin-top: .2rem; }

.md-join-1 .tr .bd .row1 .desc li { list-style-type: auto; margin-bottom: 1em; margin-left: 1em; }

@media (max-width: 900px) { .md-join-1 .tr .bd .row1 .item { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-right: 0; margin-top: .2rem; } }

.md-join-1 .tr .bd .row2 { border-top: 1px solid #e8e8e8; padding-top: .5rem; padding-bottom: .46rem; }

.md-join-1 .more { margin-top: .4rem; padding-bottom: .26rem; cursor: pointer; text-align: center; }

.md-join-1 .more .t1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-join-1 .more .t1:before { content: ''; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 1px; background: #e8e8e8; }

.md-join-1 .more .t1:after { content: ''; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 1px; background: #e8e8e8; }

.md-join-1 .more .t1 img { width: .6rem; margin-left: .43rem; margin-right: .43rem; }

.md-join-1 .more .t2 { margin-top: .2rem; }

@media (max-width: 900px) { .md-join-1 .thead { font-size: 14px; }
  .md-join-1 .tbody { font-size: 12px; }
  .md-join-1 .col-4 { display: none; }
  .md-join-1 .col-1 { width: 30%; }
  .md-join-1 .col-2 { width: 40%; }
  .md-join-1 .col-3 { width: 100px; }
  .md-join-1 .thead, .md-join-1 .tr .hd { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

.md-join-2 { background: #f5f7f9; padding-top: .6rem; padding-bottom: 1.2rem; text-align: center; }

.md-join-2 .t1 { line-height: 2.22222; }

.md-join-2 .t2 { margin-top: .35rem; }

.md-join-2 .btn { margin-top: .26rem; min-width: 3rem; height: .62rem; line-height: .62rem; background-color: #2a3dc0; border-radius: .62rem; padding: 0 .31rem; display: inline-block; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.md-contact-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 2px solid #e8e8e8; padding-top: .8rem; padding-bottom: .8rem; }

.md-contact-1 .map { width: calc(660 / 1344 * 100%); border-radius: .6rem; overflow: hidden; height: 5rem; }

.md-contact-1 .map img { width: 100%; height: 100%; }

.md-contact-1 .text { width: calc(560 / 1344 * 100%); }

.md-contact-1 .text .t3 { line-height: 2.11111; margin-top: .25rem; }

.md-contact-1 .text .t2 { margin-top: .1rem; }

.md-contact-1 .text .phone { margin-right: .15rem; }

.md-contact-1 .text .t4 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .96rem; }

.md-contact-1 .text .code { text-align: center; margin-right: .4rem; }

.md-contact-1 .text .code:last-of-type { margin-right: 0; }

.md-contact-1 .text .code img { display: block; border: .05rem solid #f6f6f6; border-radius: .08rem; width: 1.6rem; height: 1.6rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: .2rem; }

@media (max-width: 900px) { .md-contact-1 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .md-contact-1 .map { width: 100%; margin-top: .5rem; }
  .md-contact-1 .text { width: 100%; }
  .md-contact-1 .text .t4 { margin-top: .5rem; }
  .md-contact-1 .text .code img { width: 100px; height: 100px; } }

.md-contact-2 { border-top: 2px solid #e8e8e8; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: .8rem; padding-bottom: 1.2rem; }

.md-contact-2 .item { width: calc(428 / 1344 * 100%); margin-right: calc(30 / 1344 * 100%); -webkit-box-sizing: border-box; box-sizing: border-box; padding: .54rem .5rem .7rem; border-radius: .6rem; border: solid 1px #e8e8e8; background: url(../images/101.png) no-repeat right 0.95rem top -0.06rem/1.01rem; }

.md-contact-2 .item .tit { line-height: 1.5; font-weight: bold; }

.md-contact-2 .item .desc { line-height: 1.55556; min-height: calc(28 / 18 * 3em); margin-top: .1rem; }

.md-contact-2 .item .mail { line-height: 1.55556; }

.md-contact-2 .item .btn { min-width: 1.52rem; padding: 0 .27rem; height: .53rem; border-radius: .53rem; border: solid 0.02rem #1551ff; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: .43rem; color: #1551ff; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.md-contact-2 .item .btn:hover { background: #1551ff; color: #fff; }

@media (min-width: 901px) { .md-contact-2 .item:nth-of-type(3n) { margin-right: 0; } }

@media (max-width: 900px) { .md-contact-2 .item { margin-right: 0; margin-bottom: .4rem; width: 100%; padding: .4rem; text-align: center; }
  .md-contact-2 .item .desc { min-height: 0; }
  .md-contact-2 .item .btn { line-height: 2; height: auto; } }

.md-service-3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 1.2rem; }

.md-service-3 .side { width: calc(320 / 1344 * 100%); margin-right: .24rem; border-radius: .2rem; overflow: hidden; background: #f8fafb; }

.md-service-3 .side .search { height: .64rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #e5e8e9; }

.md-service-3 .side .search .icon { width: 17px; margin-right: .13rem; margin-left: .22rem; }

.md-service-3 .side .search input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #333; border: none; background: transparent; height: 100%; }

.md-service-3 .side .search input::-webkit-input-placeholder { color: #666; }

.md-service-3 .side .search input:-ms-input-placeholder { color: #666; }

.md-service-3 .side .search input::-ms-input-placeholder { color: #666; }

.md-service-3 .side .search input::placeholder { color: #666; }

.md-service-3 .side .list { padding-top: .2rem; padding-bottom: .3rem; }

.md-service-3 .side .list a { display: block; line-height: 2; margin-bottom: .1rem; padding-left: .4rem; }

.md-service-3 .side .list a:hover { color: #1551ff; }

.md-service-3 .side .list a.on { background: url(../images/103.png) no-repeat right 0.6rem center/0.09rem; color: #1551ff; }

.md-service-3 .side .code { padding: .4rem .6rem; border-top: 1px solid #e5e8e9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-service-3 .side .code .cnt { background-color: #ffffff; border-radius: .2rem; padding: .27rem .38rem .2rem; text-align: center; width: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (min-width: 1921px) { .md-service-3 .side .code .cnt { width: 2rem; } }

.md-service-3 .side .code .cnt img { width: 100%; }

.md-service-3 .side .code .cnt p { line-height: 1.1875; margin-top: .15rem; }

.md-service-3 .main { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-radius: .2rem; overflow: hidden; background: #f8fafb; padding: .52rem .6rem 0; }

.md-service-3 .main .cate-name { font-weight: bold; line-height: 1.5; border-bottom: 1px solid #e5e8e9; padding-bottom: .33rem; }

@media (max-width: 900px) { .md-service-3 .side { width: 100%; margin-right: 0; }
  .md-service-3 .side .search { height: 50px; }
  .md-service-3 .main { margin-top: .3rem; padding: 0.4rem .4rem 0; } }

.md-problem-1 { padding-bottom: .52rem; }

.md-problem-1 .list .li { border-bottom: 1px solid #e5e8e9; }

.md-problem-1 .list .li.on .arrow { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.md-problem-1 .list .hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: .7rem; line-height: 1.5; cursor: pointer; padding: .2rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: justify; }

.md-problem-1 .list .hd p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: .2rem; }

.md-problem-1 .list .arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.md-problem-1 .list .bd { background: rgba(239, 241, 243, 0.8); line-height: 2; padding: .13rem .2rem; border-top: 1px solid #e5e8e9; display: none; }

.md-problem-1 .list .bd td, .md-problem-1 .list .bd th { padding: 5px 10px; border: 1px solid #DDD; }

@media (max-width: 900px) { .md-problem-1 { padding-bottom: .4rem; }
  .md-problem-1 .list .arrow { width: 5px; } }

.c-title-2 { font-weight: bold; text-align: center; }

.md-platform-1 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 2px solid #e7e7e7; padding-top: .9rem; padding-bottom: .9rem; }

.md-platform-1 .lf { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: .2rem; line-height: 1.2; font-weight: bold; }

.md-platform-1 .rg { width: calc(868 / 1344 * 100%); line-height: 1.88889; text-align: justify; }

@media (max-width: 900px) { .md-platform-1 .lf { width: 100%; text-align: center; }
  .md-platform-1 .rg { width: 100%; margin-top: .5rem; } }

.md-platform-2 { background: #f2f4f7; padding-top: .9rem; padding-bottom: 1rem; }

.md-platform-2 .swiper-container { margin-top: .5rem; }

.md-platform-2 .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-radius: .3rem; overflow: hidden; }

.md-platform-2 .pic { width: calc(500 / 1344 * 100%); overflow: hidden; }

.md-platform-2 .pic .in { padding-top: calc(460 / 500 * 100%); height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.md-platform-2 .pic:hover .in { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-platform-2 .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 1.1rem; padding-right: 1.77rem; padding-top: .2rem; padding-bottom: .2rem; text-align: justify; }

.md-platform-2 .tit { line-height: 1.5; font-weight: bold; }

.md-platform-2 .desc { line-height: 1.77778; margin-top: .14rem; }

.md-platform-2 .swiper-pagination { right: .4rem; bottom: 50%; left: auto; width: auto; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); }

.md-platform-2 .swiper-pagination-bullet { background: none; border: solid 1px #dddddd; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 6px 0 !important; display: block; opacity: 1; }

.md-platform-2 .swiper-pagination-bullet-active { background: #1551ff; border-color: #1551ff; }

@media (max-width: 900px) { .md-platform-2 .swiper-container { max-width: 500px; }
  .md-platform-2 .pic { width: 100%; }
  .md-platform-2 .text { padding: .5rem; } }

.md-platform-3 { padding-top: .9rem; padding-bottom: 1rem; }

.md-platform-3 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .5rem; }

.md-platform-3 .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: calc(660 / 1344 * 100%); background-color: #f8fafb; border-radius: .3rem; overflow: hidden; margin-right: calc(18 / 1344 * 100%); margin-bottom: calc(20 / 1344 * 100%); padding: .4rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.md-platform-3 .li:nth-of-type(2n) { margin-right: 0; }

.md-platform-3 .li .pic { width: calc(150 / 660 * 100%); border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #f0f1f2; background: #f7fafb; }

.md-platform-3 .li .pic .img { background: #fff; margin: .09rem; border-radius: 50%; }

.md-platform-3 .li .pic .img .in { padding-top: 100%; }

.md-platform-3 .li .text { width: calc(340 / 660 * 100%); }

.md-platform-3 .li .tit { line-height: 1.5; margin-top: 3px; }

.md-platform-3 .li .desc { line-height: 1.77778; margin-top: .13rem; }

.md-platform-3 .li:hover .in { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

@media (max-width: 1400px) { .md-platform-3 .li .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: .5rem; } }

@media (max-width: 900px) { .md-platform-3 .li { width: 100%; margin-right: 0; }
  .md-platform-3 .li .pic { width: 100px; }
  .md-platform-3 .li .text { margin-right: .2rem; } }

.md-platform-4 { padding-top: .9rem; padding-bottom: 1rem; }

.md-platform-4 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .8rem; text-align: center; }

.md-platform-4 .list .li { width: calc(380 / 1344 * 100%); margin-right: calc(100 / 1344 * 100%); }

.md-platform-4 .list .li:nth-of-type(3n) { margin-right: 0; }

.md-platform-4 .list .icon { padding: .07rem; display: inline-block; -webkit-box-shadow: 6px 6px 20px 0px rgba(50, 50, 50, 0.1); box-shadow: 6px 6px 20px 0px rgba(50, 50, 50, 0.1); border-radius: .1rem; }

.md-platform-4 .list .icon .img { width: .76rem; height: .76rem; background-color: #fff; border-radius: .1rem; -webkit-box-shadow: 6px 6px 20px 0px rgba(50, 50, 50, 0.1); box-shadow: 6px 6px 20px 0px rgba(50, 50, 50, 0.1); }

.md-platform-4 .list .tit { line-height: 1.5; margin-top: .43rem; }

.md-platform-4 .list .desc { line-height: 1.77778; margin-top: .17rem; text-align: left; }

@media (max-width: 900px) { .md-platform-4 .list .li { width: 100%; margin-right: 0; margin-bottom: .5rem; }
  .md-platform-4 .list .icon .img { width: 60px; height: 60px; } }

.md-platform-5 .layout { border-top: 2px solid #e8e8e8; padding-top: 0.74rem; padding-bottom: .93rem; }

.md-platform-5 .t1 { line-height: 1.5; }

.md-platform-5 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 1.5; margin-top: .52rem; }

.md-platform-5 .list .bd { margin-top: 2px; }

.md-platform-5 .list .li { margin-right: .9rem; }

.md-platform-5 .list .li:last-of-type { margin-right: 0; }

@media (max-width: 500px) { .md-platform-5 .li { width: 100%; margin-bottom: .2rem; } }

.md-business-1 { padding-bottom: 1.2rem; }

.md-business-1 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-business-1 .pic { width: calc(670 / 1344 * 100%); overflow: hidden; border-radius: .3rem; }

.md-business-1 .pic .in { padding-top: calc(460 / 670 * 100%); }

.md-business-1 .pic:hover .in { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-business-1 .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 1rem; }

.md-business-1 .text .tit { line-height: 1.5; font-weight: bold; }

.md-business-1 .text .desc { line-height: 1.77778; margin-top: .23rem; }

@media (max-width: 900px) { .md-business-1 .pic { width: 100%; }
  .md-business-1 .text { padding: 0; margin-top: .5rem; } }

.md-business-3 { padding-bottom: 1.2rem; padding-top: 1.2rem; }

.md-business-3 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-business-3 .pic { width: calc(670 / 1344 * 100%); overflow: hidden; border-radius: .3rem; }

.md-business-3 .pic .in { padding-top: calc(460 / 670 * 100%); }

.md-business-3 .pic:hover .in { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-business-3 .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 1rem; }

.md-business-3 .text .tit { line-height: 1.5; font-weight: bold; }

.md-business-3 .text .desc { line-height: 1.77778; margin-top: .23rem; }

.md-business-3 .text .t1 { color: #333; font-weight: bold; margin-right: .2rem; }

.md-business-3 .text .li { margin-bottom: .18rem; }

@media (max-width: 900px) { .md-business-3 .pic { width: 100%; }
  .md-business-3 .text { padding: 0; margin-top: .5rem; } }

.md-business-2 { background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 1.48rem; padding-bottom: 1.48rem; }

.md-business-2 .content { width: 560px; max-width: 100%; }

@media (min-width: 1921px) { .md-business-2 .content { width: 5.6rem; } }

.md-business-2 .tit { line-height: 1.5; font-weight: bold; }

.md-business-2 .t1 { line-height: 1.5; margin-top: .24rem; font-weight: bold; }

.md-business-2 .desc { line-height: 1.77778; margin-top: .24rem; text-align: justify; }

.md-business-2 .list { margin-top: 1.02rem; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-business-2 .list .num { line-height: 1.2; }

.md-business-2 .list .t2 { margin-top: .06rem; }

.md-business-4 { text-align: center; }

.md-business-4 .layout { border-top: 1px solid #e8e8e8; padding-top: 1rem; padding-bottom: 1rem; }

.md-business-4 .btn { color: #f5f7f9; background: #2a3dc0; display: inline-block; line-height: 3.1; border-radius: .62rem; min-width: 2.4rem; margin-top: .55rem; }

.md-business-4 .md-co-2 { padding-bottom: 0; }

.md-ecology-1 { text-align: center; padding-bottom: 1.4rem; padding-top: .4rem; }

.md-ecology-1 .tit { line-height: 1.22222; }

.md-ecology-1 .list { margin-top: .97rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-ecology-1 .li { width: calc(377 / 1344 * 100%); margin-right: calc(104 / 1344 * 100%); }

.md-ecology-1 .icon { background-color: #ffffff; -webkit-box-shadow: 6px 6px 20px 0px rgba(50, 50, 50, 0.1); box-shadow: 6px 6px 20px 0px rgba(50, 50, 50, 0.1); border-radius: .1rem; height: 90px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

@media (min-width: 1921px) { .md-ecology-1 .icon { height: .9rem; } }

@media (max-width: 500px) { .md-ecology-1 .icon { height: 60px; } }

.md-ecology-1 .icon:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-ecology-1 .desc { line-height: 1.77778; margin-top: .43rem; }

@media (min-width: 701px) { .md-ecology-1 .li:nth-of-type(3n) { margin-right: 0; } }

@media (max-width: 700px) { .md-ecology-1 .li { width: 100%; max-width: 250px; margin-bottom: .5rem; margin-right: auto; margin-left: auto; } }

.md-ecology-2 { background: #eef1f5; padding-top: 1.2rem; padding-bottom: 1.2rem; }

.md-ecology-2 .tit { text-align: center; }

.md-ecology-2 .content { margin-top: .75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-ecology-2 .pic { width: calc(428 / 1344 * 100%); margin-right: .4rem; border-radius: .2rem; overflow: hidden; }

.md-ecology-2 .pic .in { padding-top: calc(360 / 428 * 100%); min-height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.md-ecology-2 .pic:hover .in { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-ecology-2 .list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -.2rem; }

.md-ecology-2 .list .li { width: calc(428 / 876 * 100%); margin-bottom: .2rem; background-color: #ffffff; border-radius: .2rem; -webkit-box-sizing: border-box; box-sizing: border-box; padding: .25rem .3rem; }

.md-ecology-2 .list .li .t1 { line-height: 2.08333; }

.md-ecology-2 .list .li .t2 { line-height: 1.77778; margin-top: .06rem; }

@media (max-width: 700px) { .md-ecology-2 .content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .md-ecology-2 .pic { width: 100%; margin-right: 0; }
  .md-ecology-2 .list { margin-top: .5rem; }
  .md-ecology-2 .list .li { width: 100%; } }

.md-ecology-3 { padding-top: 1.2rem; padding-bottom: 1.2rem; }

.md-ecology-3 .tit { text-align: center; }

.md-ecology-3 .btn { display: block; margin: .63rem auto 0; width: 1.6rem; height: .52rem; line-height: .52rem; background-image: -o-linear-gradient(350deg, #334ee1 0%, #2a3dc0 100%); background-image: linear-gradient(100deg, #334ee1 0%, #2a3dc0 100%); border-radius: .52rem; color: #fff; text-align: center; }

.md-ecology-3 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: center; margin-top: .25rem; background-position: center top; background-repeat: no-repeat; background-size: 100% 100%; }

.md-ecology-3 .list .li { width: calc(160 / 1344 * 100%); }

.md-ecology-3 .list .li:nth-of-type(1) { margin-top: .78rem; }

.md-ecology-3 .list .li:nth-of-type(2) { margin-top: 1.68rem; }

.md-ecology-3 .list .li:nth-of-type(3) { margin-top: .91rem; }

.md-ecology-3 .list .li:nth-of-type(4) { margin-top: 1.68rem; }

.md-ecology-3 .list .num { width: .9rem; height: .9rem; line-height: .9rem; background-color: #ffffff; -webkit-box-shadow: 6px 6px 20px 0px rgba(50, 50, 50, 0.1); box-shadow: 6px 6px 20px 0px rgba(50, 50, 50, 0.1); border-radius: 50%; margin-left: auto; margin-right: auto; }

.md-ecology-3 .list .desc { line-height: 1.4; margin-top: .26rem; }

@media (max-width: 900px) { .md-ecology-3 .list .li { width: 20%; } }

.md-download-1 { padding-top: .9rem; padding-bottom: 1.2rem; }

.md-download-1 .code { text-align: center; }

.md-download-1 .code .img { width: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; border-radius: .1rem; margin-left: auto; margin-right: auto; }

.md-download-1 .code .img img { width: 100%; }

@media (min-width: 1921px) { .md-download-1 .code .img { width: 2rem; } }

.md-download-1 .code .text { line-height: 1.44444; margin-top: .25rem; }

.md-download-2 { padding-bottom: .58rem; }

.md-download-2 .list .thead, .md-download-2 .list .tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #e8e8e8; }

.md-download-2 .list .thead { font-weight: bold; line-height: 1.5; padding-bottom: .17rem; padding-top: .44rem; }

.md-download-2 .list .tr { padding: .25rem 0; }

.md-download-2 .list .col-1 { width: calc(430 / 880 * 100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-download-2 .list .col-1 .icon { border: 1px solid #eeeeee; border-radius: 6px; margin-right: .15rem; }

@media (min-width: 1401px) { .md-download-2 .list .col-1 .icon { width: 0.3rem; height: 0.3rem; } }

@media (max-width: 1400px) { .md-download-2 .list .col-1 .icon { width: 20px; height: 20px; } }

.md-download-2 .list .col-2 { width: 7em; }

.md-download-2 .list .col-3 { width: 7em; }

.md-download-2 .list .col-4 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.md-download-2 .list .btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 1rem; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 2.25; background-color: #ffffff; border-radius: .36rem; border: solid 1px #f4f4f4; color: #666; }

.md-download-2 .list .btn .icon { width: 14px; height: 14px; background: url(../images/129.png) no-repeat center/contain; margin-right: .05rem; }

.md-download-2 .list .btn:hover { color: #fff; background: #1551ff; }

.md-download-2 .list .btn:hover .icon { background-image: url(../images/130.png); }

.md-download-2 .list .btn + .btn { margin-left: 3px; }

@media (max-width: 1100px) { .md-download-2 .list .col-1 { width: calc(400 / 880 * 100%); } }

@media (max-width: 900px) { .md-download-2 .list .tr { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-download-2 .list .col-4 { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: .2rem; }
  .md-download-2 .list .btn { padding: 0 .5rem; }
  .md-download-2 .list .col-1 { width: 50%; }
  .md-download-2 .list .col-2 { width: 25%; }
  .md-download-2 .list .col-3 { width: 25%; } }

.md-download-2 .pagination2 { margin-top: .5rem; }

.md-download-3 { padding-bottom: .5rem; }

.md-download-3 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .5rem; }

.md-download-3 .list .li { width: calc(275 / 880 * 100%); margin-right: calc(27 / 880 * 100%); margin-bottom: calc(30 / 880 * 100%); border-radius: .15rem; overflow: hidden; -webkit-box-shadow: 6px 8px 30px 0px rgba(235, 235, 235, 0.2); box-shadow: 6px 8px 30px 0px rgba(235, 235, 235, 0.2); position: relative; }

.md-download-3 .list .li .size { color: rgba(102, 102, 102, 0.6); margin-top: 2px; }

.md-download-3 .list .li .bg { padding-top: calc(220 / 275 * 100%); }

.md-download-3 .list .li .cnt { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.md-download-3 .list .li .box { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-download-3 .list .li .icon { width: calc(48 / 275 * 100%); }

.md-download-3 .list .li .text { background: #fff; border-radius: .1rem; line-height: 1.5; padding: .16rem .2rem .14rem; }

.md-download-3 .list .li:hover .bg { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

@media (min-width: 901px) { .md-download-3 .list .li:nth-of-type(3n) { margin-right: 0; } }

@media (max-width: 900px) { .md-download-3 .list .li { width: 48%; margin-right: 4%; }
  .md-download-3 .list .li:nth-of-type(2n) { margin-right: 0; } }

.md-about-1 { padding-bottom: .5rem; }

.md-about-1 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-about-1 .pic { width: calc(670 / 1344 * 100%); border-radius: .3rem; overflow: hidden; }

.md-about-1 .pic .in { padding-top: calc(460 / 670 * 100%); }

.md-about-1 .pic:hover .in { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-about-1 .text { width: calc(567 / 1344 * 100%); }

.md-about-1 .tit { line-height: 1.5; }

.md-about-1 .desc { line-height: 1.77778; margin-top: .24rem; text-align: justify; }

@media (max-width: 900px) { .md-about-1 .layout { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .md-about-1 .pic { width: 100%; }
  .md-about-1 .text { width: 100%; margin-top: .5rem; } }

.md-about-2 { padding-top: .5rem; padding-bottom: 1.4rem; }

.md-about-2 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-about-2 .pic { width: calc(730 / 1344 * 100%); }

.md-about-2 .pic img { max-width: 100%; }

.md-about-2 .pic:hover .in { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-about-2 .text { width: calc(567 / 1344 * 100%); }

.md-about-2 .text .tit { line-height: 1.5; }

.md-about-2 .text .desc { line-height: 1.77778; margin-top: .24rem; text-align: justify; }

.md-about-2 .text .list { line-height: 1.73333; margin-top: .26rem; }

.md-about-2 .rg { width: 5.23rem; height: 5.23rem; border: solid 1px #e8e8e8; position: relative; border-radius: 50%; margin-right: .94rem; }

.md-about-2 .rg .box { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #fff; -webkit-box-shadow: 0px 0px 50px 0px rgba(34, 34, 34, 0.05); box-shadow: 0px 0px 50px 0px rgba(34, 34, 34, 0.05); position: absolute; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.md-about-2 .rg .box .tit { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.md-about-2 .rg .box .t1 { margin-top: .15rem; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.md-about-2 .rg .box:hover { background: #1551ff; color: #fff; }

.md-about-2 .rg .box:hover .tit { color: inherit; }

.md-about-2 .rg .box:hover .t1 { color: inherit; }

.md-about-2 .rg .box1 { width: 3.6rem; height: 3.6rem; background: #f6f6f6; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-box-shadow: none; box-shadow: none; }

.md-about-2 .rg .box1 img { width: .74rem; }

.md-about-2 .rg .box1 .tit { margin-top: .4rem; }

.md-about-2 .rg .box2 { width: 1.33rem; height: 1.33rem; left: -.25rem; top: .58rem; }

.md-about-2 .rg .box3 { width: 2.3rem; height: 2.3rem; right: -.94rem; top: .13rem; }

.md-about-2 .rg .box4 { width: 2.7rem; height: 2.7rem; left: -.44rem; bottom: -.25rem; }

.md-about-2 .rg .box4 img { width: .44rem; }

.md-about-2 .rg .box4 .tit { margin-top: .3rem; }

.md-about-2 .rg .box5 { width: 1.92rem; height: 1.92rem; right: -.94rem; bottom: -.25rem; }

@media (max-width: 900px) { .md-about-2 .layout { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .md-about-2 .pic { width: 100%; margin-top: .5rem; }
  .md-about-2 .rg { margin-top: .5rem; }
  .md-about-2 .text { width: 100%; } }

.md-about-3 { color: #fff; padding-top: .97rem; padding-left: 1rem; margin-right: 1rem; background-size: cover; }

.md-about-3 .swiper-container.big { margin-top: .54rem; border-bottom: 1px solid rgba(221, 221, 221, 0.22); }

.md-about-3 .swiper-container.big .swiper-slide { opacity: 0.5; padding-right: 2.9rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.md-about-3 .swiper-container.big .swiper-slide-active { opacity: 1; }

.md-about-3 .swiper-container.big .swiper-slide.show { opacity: 1; }

.md-about-3 .swiper-container.big .year { line-height: 1.5; }

.md-about-3 .swiper-container.big .desc { line-height: 1.91667; margin-top: .1rem; height: calc(8em * 2); overflow: hidden; font-weight: lighter; margin-bottom: 2em; }

.md-about-3 .thumb { margin-top: -1px; }

.md-about-3 .thumb .swiper-slide { width: auto; margin-right: .8rem; border-top: 1px solid transparent; line-height: .95rem; cursor: pointer; }

.md-about-3 .thumb .swiper-slide.on { border-color: #fff; }

@media (max-width: 1600px) { .md-about-3 { padding-left: 1%; margin-right: 1%; } }

@media (max-width: 900px) { .md-about-3 .swiper-container.big .swiper-slide { padding-right: 0; } }

.md-about-4 { text-align: center; padding-top: 1rem; padding-bottom: 1rem; }

.md-about-4 .t1 { margin-top: .35rem; }

.md-about-4 .list1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .7rem; }

.md-about-4 .list1 .li { padding: .2rem .45rem; margin: 0 .4rem; background: url(../images/137.png) no-repeat center top/100%; margin-bottom: .4rem; cursor: pointer; }

.md-about-4 .list1 .li .t3 { line-height: 1.5; width: 6em; }

.md-about-4 .list1 .li:hover .t2, .md-about-4 .list1 .li:hover .t3 { color: #1551ff; }

@media (min-width: 1921px) { .md-about-4 .list1 .li { width: .9rem; } }

@media (max-width: 500px) { .md-about-4 .list1 .li { margin-left: .1rem; margin-right: .1rem; } }

.md-about-4 .list-wrap .item { display: none; }

.md-about-4 .list2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .5rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-about-4 .list2 .li { width: calc(262 / 1344 *100%); margin-right: calc(65 / 1344 * 100%); margin-bottom: .36rem; }

.md-about-4 .list2 .li:hover .pic .in, .md-about-4 .list2 .li:hover .pic .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-about-4 .list2 .pic .in { padding-top: calc(350 / 262 * 100%); background-position: center; background-repeat: no-repeat; background-size: contain; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.md-about-4 .list2 .pic .img { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; width: 100%; }

.md-about-4 .list2 .name { line-height: 1.5; margin-top: .15rem; }

@media (min-width: 901px) { .md-about-4 .list2:nth-of-type(4n) { margin-right: 0; } }

@media (max-width: 900px) { .md-about-4 .list2 .li { width: 30%; margin-right: 5%; }
  .md-about-4 .list2 .li:nth-of-type(3n) { margin-right: 0; } }

.md-about-4 .more { width: 1.52rem; height: .53rem; line-height: .5rem; border-radius: .53rem; border: solid 0.02rem #1551ff; color: #1551ff; display: block; margin: .8rem auto 0; }

.md-about-4 .more:hover { color: #fff; background: #1551ff; }