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

pre { font-family: inherit; }

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()); }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

textarea { resize: none; outline: none; }

textarea, 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;font-family: Helvetica, 'Microsoft YaHei', arial, sans-serif; line-height: 1.2;overflow-x: hidden;color: #333;}

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

body * { -webkit-box-sizing: border-box; box-sizing: border-box; }

.editor img { max-width: 100%; }

.editor table { max-width: 100%; word-break: break-all; }

.editor iframe { max-width: 100%; }

.editor video { max-width: 100%; }

.editor dl, .editor ol, .editor ul { list-style-type: initial; }

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

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

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

.s0 { font-size: 0; }

@media (min-width: 1921px) { 
  html{font-size: 100px;}
  .s12 { font-size: 12px; }
  .s13 { font-size: 13px; }
  .s14 { font-size: 14px; }
  .s15 { font-size: 15px; }
  .s16 { font-size: 16px; }
  .s17 { font-size: 17px; }
  .s18 { font-size: 18px; }
  .s19 { font-size: 19px; }
  .s20 { font-size: 20px; }
  .s21 { font-size: 21px; }
  .s22 { font-size: 22px; }
  .s23 { font-size: 23px; }
  .s24 { font-size: 24px; }
  .s25 { font-size: 25px; }
  .s26 { font-size: 26px; }
  .s27 { font-size: 27px; }
  .s28 { font-size: 28px; }
  .s29 { font-size: 29px; }
  .s30 { font-size: 30px; }
  .s31 { font-size: 31px; }
  .s32 { font-size: 32px; }
  .s33 { font-size: 33px; }
  .s34 { font-size: 34px; }
  .s35 { font-size: 35px; }
  .s36 { font-size: 36px; }
  .s37 { font-size: 37px; }
  .s38 { font-size: 38px; }
  .s39 { font-size: 39px; }
  .s40 { font-size: 40px; }
  .s41 { font-size: 41px; }
  .s42 { font-size: 42px; }
  .s43 { font-size: 43px; }
  .s44 { font-size: 44px; }
  .s45 { font-size: 45px; }
  .s46 { font-size: 46px; }
  .s47 { font-size: 47px; }
  .s48 { font-size: 48px; }
  .s49 { font-size: 49px; }
  .s50 { font-size: 50px; }
  .s51 { font-size: 51px; }
  .s52 { font-size: 52px; }
  .s53 { font-size: 53px; }
  .s54 { font-size: 54px; }
  .s55 { font-size: 55px; }
  .s56 { font-size: 56px; }
  .s57 { font-size: 57px; }
  .s58 { font-size: 58px; }
  .s59 { font-size: 59px; }
  .s60 { font-size: 60px; }
  .s61 { font-size: 61px; }
  .s62 { font-size: 62px; }
  .s63 { font-size: 63px; }
  .s64 { font-size: 64px; }
  .s65 { font-size: 65px; }
  .s66 { font-size: 66px; }
  .s67 { font-size: 67px; }
  .s68 { font-size: 68px; }
  .s69 { font-size: 69px; }
  .s70 { font-size: 70px; }
  .s71 { font-size: 71px; }
  .s72 { font-size: 72px; }
  .s73 { font-size: 73px; }
  .s74 { font-size: 74px; }
  .s75 { font-size: 75px; }
  .s76 { font-size: 76px; }
  .s77 { font-size: 77px; }
  .s78 { font-size: 78px; }
  .s79 { font-size: 79px; }
  .s80 { font-size: 80px; }
  .s81 { font-size: 81px; }
  .s82 { font-size: 82px; }
  .s83 { font-size: 83px; }
  .s84 { font-size: 84px; }
  .s85 { font-size: 85px; }
  .s86 { font-size: 86px; }
  .s87 { font-size: 87px; }
  .s88 { font-size: 88px; }
  .s89 { font-size: 89px; }
  .s90 { font-size: 90px; }
  .s91 { font-size: 91px; }
  .s92 { font-size: 92px; }
  .s93 { font-size: 93px; }
  .s94 { font-size: 94px; }
  .s95 { font-size: 95px; }
  .s96 { font-size: 96px; }
  .s97 { font-size: 97px; }
  .s98 { font-size: 98px; }
  .s99 { font-size: 99px; }
  .s100 { font-size: 100px} }

@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); }
  .s61 { font-size: calc(12px + 49 * 100vw / 1920); }
  .s62 { font-size: calc(12px + 50 * 100vw / 1920); }
  .s63 { font-size: calc(12px + 51 * 100vw / 1920); }
  .s64 { font-size: calc(12px + 52 * 100vw / 1920); }
  .s65 { font-size: calc(12px + 53 * 100vw / 1920); }
  .s66 { font-size: calc(12px + 54 * 100vw / 1920); }
  .s67 { font-size: calc(12px + 55 * 100vw / 1920); }
  .s68 { font-size: calc(12px + 56 * 100vw / 1920); }
  .s69 { font-size: calc(12px + 57 * 100vw / 1920); }
  .s70 { font-size: calc(12px + 58 * 100vw / 1920); }
  .s71 { font-size: calc(12px + 59 * 100vw / 1920); }
  .s72 { font-size: calc(12px + 60 * 100vw / 1920); }
  .s73 { font-size: calc(12px + 61 * 100vw / 1920); }
  .s74 { font-size: calc(12px + 62 * 100vw / 1920); }
  .s75 { font-size: calc(12px + 63 * 100vw / 1920); }
  .s76 { font-size: calc(12px + 64 * 100vw / 1920); }
  .s77 { font-size: calc(12px + 65 * 100vw / 1920); }
  .s78 { font-size: calc(12px + 66 * 100vw / 1920); }
  .s79 { font-size: calc(12px + 67 * 100vw / 1920); }
  .s80 { font-size: calc(12px + 68 * 100vw / 1920); }
  .s81 { font-size: calc(12px + 69 * 100vw / 1920); }
  .s82 { font-size: calc(12px + 70 * 100vw / 1920); }
  .s83 { font-size: calc(12px + 71 * 100vw / 1920); }
  .s84 { font-size: calc(12px + 72 * 100vw / 1920); }
  .s85 { font-size: calc(12px + 73 * 100vw / 1920); }
  .s86 { font-size: calc(12px + 74 * 100vw / 1920); }
  .s87 { font-size: calc(12px + 75 * 100vw / 1920); }
  .s88 { font-size: calc(12px + 76 * 100vw / 1920); }
  .s89 { font-size: calc(12px + 77 * 100vw / 1920); }
  .s90 { font-size: calc(12px + 78 * 100vw / 1920); }
  .s91 { font-size: calc(12px + 79 * 100vw / 1920); }
  .s92 { font-size: calc(12px + 80 * 100vw / 1920); }
  .s93 { font-size: calc(12px + 81 * 100vw / 1920); }
  .s94 { font-size: calc(12px + 82 * 100vw / 1920); }
  .s95 { font-size: calc(12px + 83 * 100vw / 1920); }
  .s96 { font-size: calc(12px + 84 * 100vw / 1920); }
  .s97 { font-size: calc(12px + 85 * 100vw / 1920); }
  .s98 { font-size: calc(12px + 86 * 100vw / 1920); }
  .s99 { font-size: calc(12px + 87 * 100vw / 1920); }
  .s100 { font-size: calc(12px + 88 * 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); }
  .s61 { font-size: calc(12px + 49 * 550px / 1920); }
  .s62 { font-size: calc(12px + 50 * 550px / 1920); }
  .s63 { font-size: calc(12px + 51 * 550px / 1920); }
  .s64 { font-size: calc(12px + 52 * 550px / 1920); }
  .s65 { font-size: calc(12px + 53 * 550px / 1920); }
  .s66 { font-size: calc(12px + 54 * 550px / 1920); }
  .s67 { font-size: calc(12px + 55 * 550px / 1920); }
  .s68 { font-size: calc(12px + 56 * 550px / 1920); }
  .s69 { font-size: calc(12px + 57 * 550px / 1920); }
  .s70 { font-size: calc(12px + 58 * 550px / 1920); }
  .s71 { font-size: calc(12px + 59 * 550px / 1920); }
  .s72 { font-size: calc(12px + 60 * 550px / 1920); }
  .s73 { font-size: calc(12px + 61 * 550px / 1920); }
  .s74 { font-size: calc(12px + 62 * 550px / 1920); }
  .s75 { font-size: calc(12px + 63 * 550px / 1920); }
  .s76 { font-size: calc(12px + 64 * 550px / 1920); }
  .s77 { font-size: calc(12px + 65 * 550px / 1920); }
  .s78 { font-size: calc(12px + 66 * 550px / 1920); }
  .s79 { font-size: calc(12px + 67 * 550px / 1920); }
  .s80 { font-size: calc(12px + 68 * 550px / 1920); }
  .s81 { font-size: calc(12px + 69 * 550px / 1920); }
  .s82 { font-size: calc(12px + 70 * 550px / 1920); }
  .s83 { font-size: calc(12px + 71 * 550px / 1920); }
  .s84 { font-size: calc(12px + 72 * 550px / 1920); }
  .s85 { font-size: calc(12px + 73 * 550px / 1920); }
  .s86 { font-size: calc(12px + 74 * 550px / 1920); }
  .s87 { font-size: calc(12px + 75 * 550px / 1920); }
  .s88 { font-size: calc(12px + 76 * 550px / 1920); }
  .s89 { font-size: calc(12px + 77 * 550px / 1920); }
  .s90 { font-size: calc(12px + 78 * 550px / 1920); }
  .s91 { font-size: calc(12px + 79 * 550px / 1920); }
  .s92 { font-size: calc(12px + 80 * 550px / 1920); }
  .s93 { font-size: calc(12px + 81 * 550px / 1920); }
  .s94 { font-size: calc(12px + 82 * 550px / 1920); }
  .s95 { font-size: calc(12px + 83 * 550px / 1920); }
  .s96 { font-size: calc(12px + 84 * 550px / 1920); }
  .s97 { font-size: calc(12px + 85 * 550px / 1920); }
  .s98 { font-size: calc(12px + 86 * 550px / 1920); }
  .s99 { font-size: calc(12px + 87 * 550px / 1920); }
  .s100 { font-size: calc(12px + 88 * 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; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-height: 80%; }

.v-b { width: 100%; max-width: 900px; 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; 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: #0a3190; }

.color-theme { color: #0a3190; }

.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: 11.8rem; } }

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

.header { position: absolute; left: 0; top: .41rem; z-index: 10; width: 100%; color: #fff; }

.header .cnt {width: 1636px;max-width: 96%;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;justify-content: space-between;}

.header .logo {/* margin-right: 1.51rem; */}

.header .logo img { max-width: 2.67rem; max-height: 1.15rem; }

.header .nav-btn { display: none; width: 24px; position: relative; z-index: 12; padding: 4px; -webkit-box-sizing: content-box; box-sizing: content-box; }

.header .nav-btn span { display: block; height: 3px; background: #fff; margin-bottom: 5px; -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; }

.header .nav .ul1 { display: -webkit-box; display: -ms-flexbox; display: flex; }

.header .nav .a1 { padding: 0 .2rem; line-height: 2; display: block; }

.header .lang {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;/* margin-right: 1.2rem; */}

.header .lang__item { width: 39px; height: 39px; line-height: 37px; border-radius: 50%; border: 1px solid #fff; text-align: center; margin-right: .27rem; }

.header .lang__item:hover, .header .lang__item.on { background: #fff; color: #666; }

.header .lang__item:last-of-type { margin-right: 0; }

@media (max-width: 1400px) { .header .lang { margin-right: 0; } }

@media (min-width: 1025px) { .header .nav .li1 { margin-right: 0.1rem; }
  .header .nav .li1:last-of-type { margin-right: 0; }
  .header .nav .li1:hover .a1, .header .nav .li1.on .a1 { position: relative; }
  .header .nav .li1:hover .a1:after, .header .nav .li1.on .a1:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: .03rem; background: #fff; }
/*   .header .lang { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }  */
}

@media (max-width: 1024px) { .header { padding-bottom: 17px; }
  .header .cnt { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .header .nav-btn { display: block; }
  .header .nav { position: absolute; left: 0; top: 100%; display: none; background-color: #e6ebef; color: #353535; padding: .1rem .29rem .66rem .26rem; }
  .header .nav .ul1 { display: block; }
  .header .nav .li1 { padding: .35rem 0 .27rem 0; border-bottom: 1px solid #353535; }
  .header .nav .a1 { padding: 0; line-height: .29rem; }
  .header .logo { margin-right: 0; } }

@media (max-width: 750px) { .header { top: .32rem; padding-bottom: .17rem; }
  .header .cnt { max-width: 90%; }
  .header .logo { margin-left: .8rem; }
  .header .logo img { max-width: 1.34rem; max-height: .57rem; }
  .header .lang { font-size: .17rem; }
  .header .lang__item { width: .39rem; height: .39rem; line-height: .37rem; }
  .header .nav-btn { width: .24rem; padding: .04rem; }
  .header .nav-btn span { height: .03rem; margin-bottom: .05rem; }
  .header .nav { font-size: .23rem; width: 2.07rem; }
  .header .nav .a1 { padding: 0; line-height: .29rem; } }

.header.open .nav { display: block; }

.footer .cnt { width: 1760px; max-width: 96%; margin-left: auto; margin-right: auto; color: #0a3190; }

.footer .foot1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .12rem 0; border-bottom: 0.02rem solid #0a3190; }

.footer .foot1 .logo { width: 1.83rem; height: .79rem; margin-right: .17rem; }

.footer .foot1 .logo img { max-width: 100%; max-height: 100%; }

.footer .foot1 .nav { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: .17rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.footer .foot1 .nav .li { margin-right: 0; padding: 0 .35rem; position: relative; line-height: .22rem; }

.footer .foot1 .nav .li:after { content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 0.22rem; background: #0a3190; }

.footer .foot1 .nav .li:last-of-type:after { display: none; }

.footer .foot2 { 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; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: .36rem; padding-bottom: .97rem; }

.footer .foot2 .item { margin-top: .17rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 2em; }
.footer .foot2 .item:last-of-type{margin-right: 0;}
.footer .foot2 .icon { margin-right: 0.05rem; font-size: 0; }

.footer .foot2 .icon img { height: .36rem; vertical-align: middle; }
@media (max-width: 1600px) {
  .footer .foot2 { font-size: 13px; }
}
@media (max-width: 1400px) {
  .footer .foot2 { font-size: 12px; }
}
@media (max-width: 750px) { .footer .cnt { max-width: 92%; }
  .footer .foot1 { padding: .28rem 0; }
  .footer .foot1 .logo { display: none; }
  .footer .foot1 .lang { display: none; }
  .footer .foot1 .nav { font-size: .23rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; }
  .footer .foot1 .nav .li { padding: 0; line-height: 1.5; margin-right: 0.05rem; }
  .footer .foot1 .nav .li:after { display: none; }
  .footer .foot2 { font-size: 0.23rem; display: block; padding-bottom: .7rem; }
  .footer .foot2 .item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: .3rem; margin-right: 0;}
  .footer .foot2 .item .hd { font-weight: bold; }
  .footer .foot2 .item .bd { display: block; }
  .footer .foot2 .item .t { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .footer .foot2 .icon { width: .5rem; margin-right: 0; } }

.md-home-1 { padding-top: calc(792 / 1920 * 100%); position: relative; z-index: 1; }

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

.md-home-1 .text { color: #fff; text-align: center; line-height: 1.5; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }

.md-home-1 .text .t1 { font-weight: bold; }

.md-home-1 .mask {position: absolute;bottom: -1px;left: 0;width: 100%;}

.md-home-1 .mask img { width: 100%; }

.md-home-1 .mask .pc { display: block; }

.md-home-1 .mask .wap { display: none; }

@media (max-width: 750px) { .md-home-1 { padding-top: 0; height: 4.9rem; }
  .md-home-1 .text .t1 { font-size: .42rem; }
  .md-home-1 .text .t2 { font-size: 0.23rem; }
  .md-home-1 .mask { position: absolute; bottom: -1px; left: 0; }
  .md-home-1 .mask img { width: 100%; }
  .md-home-1 .mask .pc { display: none; }
  .md-home-1 .mask .wap { display: block; } }

.md-home-2 { padding-top: 1.74rem; padding-bottom: 2.13rem; margin-top: -.68rem; position: relative; z-index: 2; }

.md-home-2:before { content: ''; position: absolute; left: 0; top: 0; height: .69rem; width: 100%; background: url(../images/mask1-1.png) no-repeat center/100% 100%; }

.md-home-2:after { content: ''; position: absolute; left: 0; bottom: 0; height: 2.15rem; width: 100%; background: url(../images/mask1-2.png) no-repeat center/100% 100%; }

.md-home-2 .text { color: #0a3190; line-height: 1.5; padding: 0 1rem; position: relative; background: #fff; }

.md-home-2 .text .t1 { font-weight: bold; }

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

.md-home-2 .text .t2 img { width: .2rem; }

.md-home-2 .text .t2 img, .md-home-2 .text .t2 span { vertical-align: middle; }

@media (max-width: 750px) { .md-home-2 { padding-top: .73rem; padding-bottom: .8rem; margin-top: -0.2rem; }
  .md-home-2:before { height: 2.42rem; background-image: url(../images/mask1-3.png); }
  .md-home-2:after { height: .85rem; }
  .md-home-2 .text { padding: 0 .35rem .3rem; }
  .md-home-2 .text .t1 { font-size: .42rem; line-height: .6rem; width: 60%; }
  .md-home-2 .text .t2 { font-size: .26rem; margin-top: .26rem; }
  .md-home-2 .text .t2 img { width: .2rem; } }

.md-home-3 { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin-top: -.36rem; height: 6.19rem; padding-top: 1px; margin-bottom: .6rem; }

.md-home-3:before { content: ''; background: url(../images/mask2.png) no-repeat center/100% 100%; position: absolute; left: 0; top: 0; width: 100%; height: .77rem; }

.md-home-3:after { content: ''; background: url(../images/index_5.png) no-repeat center/100% 100%; position: absolute; left: 0; bottom: 0; width: 100%; height: 2.46rem; }

.md-home-3 .link {display: block;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;background-position: center;background-repeat: no-repeat;background-size: cover;color: #0a3190;padding-top: 1.47rem;padding-left: 1rem;color: #fff;padding-top: 1rem;}

.md-home-3 .link .tit { font-weight: bold; }

.md-home-3 .link .desc { margin-top: 3px; }

.md-home-3 .link .btn {width: 4.38rem;margin-top: .18rem;border-top: 1px solid #0a3190;padding-top: .15rem;border-top-color: #fff;}

.md-home-3 .link .btn:before {content: '';display: inline-block;border-width: .1rem 0 .1rem .18rem;border-style: solid;border-color: transparent;border-left-color: #0a3190;vertical-align: middle;margin-right: .1rem;border-left-color: #fff;}

.md-home-3 .link .btn span { vertical-align: middle; }

.md-address .btn {
  /* position: absolute; left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10; */
  width: 6rem; max-width: 100%;
  color: #0a3190;
  cursor: pointer;
  margin-top: .2rem;
  border-top: 1px solid #0a3190; padding-top: .15rem;
}

.md-address .btn:before { content: ''; display: inline-block; border-width: .1rem 0 .1rem .18rem; border-style: solid; border-color: transparent; border-left-color: #0a3190; vertical-align: middle; margin-right: .1rem; }

.md-address .btn span { vertical-align: middle; }

.md-home-3 .rg .svg { display: none; }

@media (max-width: 750px) { .md-home-3 { margin-top: -.16rem; margin-bottom: .86rem; display: block; height: auto; }
  .md-home-3:before { background-image: url(../images/mask2-1.png); height: .3rem; }
  .md-home-3:after { background-image: url(../images/mask4.png); height: .75rem; }
  .md-home-3 .link { padding: 0; }
  .md-home-3 .link .tit { font-size: .42rem; }
  .md-home-3 .link .desc { font-size: .26rem; }
  .md-home-3 .link .btn { font-size: .23rem; }
  .md-home-3 .lf { height: 2.4rem; }
  .md-home-3 .lf a { position: relative; display: block; height: 100%; padding-left: .34rem; padding-top: .4rem; }
  .md-home-3 .lf a:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: .86rem; background: url(../images/mask-3.png) no-repeat center/100% 100%; }
  .md-home-3 .rg { height: 3.4rem; background: none !important; position: relative; padding: 0; margin-top: -.29rem; }
  .md-home-3 .rg .svg { position: relative; display: block; }
  .md-home-3 .rg a { position: absolute; left: 0; top: 0; width: 100%; padding-left: .34rem; padding-top: .63rem; }
  /* .md-home-3 .rg .tit { font-size: .48rem; }  */
}

svg { overflow: hidden; }

.svg1 { margin-top: -1.67rem; position: relative; z-index: 2; }

.svg1_pc { display: block; }

.svg1_wap { display: none; }

@media (max-width: 750px) { .svg1 { margin-top: -.7rem; }
  .svg1_pc { display: none; }
  .svg1_wap { display: block; } }

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

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

@-webkit-keyframes fadeDown { 0% { -webkit-transform: translateY(-0.5rem); transform: translateY(-0.5rem);
    opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0);
    opacity: 1; } }

@keyframes fadeDown { 0% { -webkit-transform: translateY(-0.5rem); transform: translateY(-0.5rem);
    opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes jump { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-0.2rem); transform: translateY(-0.2rem); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@keyframes jump { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-0.2rem); transform: translateY(-0.2rem); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

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

.md-about-1:after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2.61rem; background: url(../images/mask5.png) no-repeat center/100% 100%; }

.md-about-1 .bg { width: 100%; height: 17.37rem; background-position: center; background-repeat: no-repeat; background-size: cover; }

.md-about-1 .text { position: absolute; left: 0; top: 0; width: 50%; height: 100%; background: rgba(0, 0, 0, 0.2); background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, transparent), color-stop(20%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.4))); background: -o-linear-gradient(top, transparent, transparent 15%, rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0.4)); background: linear-gradient(to bottom, transparent, transparent 15%, rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0.4)); -webkit-animation: slideLeft 1.5s; animation: slideLeft 1.5s; color: #fff; padding-top: 3.3rem; padding-left: 1.3rem; padding-right: 1rem; padding-bottom: 2.6rem; }

.md-about-1 .text .item { padding-top: .4rem; margin-bottom: .47rem; -webkit-transform: translateY(-0.5rem); -ms-transform: translateY(-0.5rem); transform: translateY(-0.5rem); opacity: 0; -webkit-animation: fadeDown 1.5s 1.5s forwards; animation: fadeDown 1.5s 1.5s forwards; font-size: 0.23rem; }

.md-about-1 .text .item:last-of-type { margin-bottom: 0; }

.md-about-1 .text .item .hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: .38rem; font-weight: bold; }

.md-about-1 .text .item .hd .icon { width: .5rem; height: .5rem; margin-right: 0.1rem; background-position: center; background-repeat: no-repeat; background-size: contain; }

.md-about-1 .text .item .hd .icon1 { background-image: url(../images/about2.png); }

.md-about-1 .text .item .hd .icon2 { background-image: url(../images/about3.png); }

.md-about-1 .text .item .hd .icon3 { background-image: url(../images/about4.png); }

.md-about-1 .text .item .hd .line { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: .02rem; background: #fff; margin-left: 0.1rem; }

.md-about-1 .text .item .hd:after { content: ''; width: 0.14rem; height: .14rem; border-radius: 50%; background: #fff; }

.md-about-1 .text .item .bd { line-height: 1.69565; margin-top: .05rem; }

.md-about-1 .text .item .bd bold { font-weight: bold; }
@media (max-width: 1600px) {
  .md-about-1 .text .item{ font-size: 18px; }
}
@media (max-width: 750px) { .md-about-1:after { display: none; }
  .md-about-1 .bg { height: 5.42rem; position: relative; }
  .md-about-1 .bg:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: .7rem; background: url(../images/about7.png) no-repeat center/100% 100%; }
  .md-about-1 .text { position: static; width: 100%; background: none; color: #0a3190; padding: .2rem .3rem .5rem; font-size: 0.23rem; -webkit-animation: none; animation: none; }
  .md-about-1 .text .item { margin-bottom: 0.2rem; -webkit-animation: fadeDown 1.5s forwards; animation: fadeDown 1.5s forwards; }
  .md-about-1 .text .item .hd { font-size: 0.32rem; }
  .md-about-1 .text .item .hd .icon1 { background-image: url(../images/about2-m.png); }
  .md-about-1 .text .item .hd .icon2 { background-image: url(../images/about3-m.png); }
  .md-about-1 .text .item .hd .icon3 { background-image: url(../images/about4-m.png); }
  .md-about-1 .text .item .hd .line { background: #0a3190; }
  .md-about-1 .text .item .hd:after { background: #0a3190; } }

.md-about-2 { padding-top: 1.4rem; padding-bottom: 2.15rem; background: #e7eef3; }

.md-about-2 .title { margin: 0 1.52rem; color: #0a3190; }

.md-about-2 .title .t1 { font-weight: bold; }

.md-about-2 .title .t2 {color: #333;margin-top: .49rem;}

.md-about-2 .title .t2:before { content: ''; display: inline-block; width: .81rem; height: .11rem; background: #0a3190; margin-right: .26rem; }

@media (max-width: 750px) { .md-about-2 .title { margin-left: .3rem; margin-right: 0.3rem; }
  .md-about-2 .title .t1 { font-size: .42rem; }
  .md-about-2 .title .t2 { font-size: .26rem; margin-top: .3rem; }
  .md-about-2 .title .t2:before { width: .52rem; height: .08rem; margin-right: .16rem; } }

.md-about-2 .chart {color: #333;margin: 2.8rem .9rem 0;padding-top: 5.56rem;padding-bottom: 4.4rem;font-size: 0.24rem;}
.md-about-2 .chart .pres{ white-space: pre; }
.md-about-2 .chart .cnt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: .1rem; background: #a4bfd0; position: relative; }

.md-about-2 .chart .cnt:after { content: ''; position: absolute; right: 0; top: 0; width: 1.15rem; height: 0.1rem; background: url(../images/about20.jpg) no-repeat center/100% 100%; }

.md-about-2 .chart .dot { position: relative; }

.md-about-2 .chart .year { position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.md-about-2 .chart .year:before { content: ''; display: block; margin: auto; width: 1px; height: 0.3rem; background: #000; margin-bottom: 0.14rem; }

.md-about-2 .chart .style1 {text-align: center;position: absolute;left: 50%;bottom: 100%;-webkit-transform: translate(-50%, 0%);-ms-transform: translate(-50%, 0%);transform: translate(-50%, 0%);font-size: 0;opacity: 0;}

.md-about-2 .chart .style1:after { content: ''; display: inline-block; height: 0; border-left: 1px dashed #000; -webkit-transition: height 1s; -o-transition: height 1s; transition: height 1s; }

.md-about-2 .chart .style1 .t {/* width: 2rem; */font-size: 0.18rem;line-height: 1.16667;text-align: left;}

.md-about-2 .chart .style1 .t:after { content: ''; display: block; width: .15rem; height: .15rem; margin-left: auto; margin-right: auto; border-radius: 50%; background: #000; margin-top: 0.15rem; }

.md-about-2 .chart .style1 .big { text-align: left; }

.md-about-2 .chart .style1--bottom { bottom: auto; top: .9rem; -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }

.md-about-2 .chart .style1--bottom:after { display: none; }

.md-about-2 .chart .style1--bottom:before { content: ''; height: 0; display: inline-block; border-left: 1px dashed #000; -webkit-transition: height 1s 1s; -o-transition: height 1s 1s; transition: height 1s 1s; }

.md-about-2 .chart .style1--bottom .t:before { content: ''; display: block; width: .15rem; height: .15rem; margin-left: auto; margin-right: auto; border-radius: 50%; background: #000; margin-bottom: 0.15rem; }

.md-about-2 .chart .style1--bottom .t:after { display: none; }

.md-about-2 .chart .style1-1:after { height: 0; }

.md-about-2 .chart .style2 { text-align: center; position: absolute; left: 50%; bottom: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 0; }

.md-about-2 .chart .style2 .style__cnt { -webkit-animation: jump 1s infinite; animation: jump 1s infinite; }

.md-about-2 .chart .style2.on .style__cnt { -webkit-animation-play-state: paused; animation-play-state: paused; }

.md-about-2 .chart .style2 .tit {color: #8aaab7;line-height: 1.18182;/* width: 2rem; */font-size: 0.18rem;text-align: left;padding: 0 .1rem;}

.md-about-2 .chart .style2 .icon { width: .58rem; margin-top: 0.2rem; }

.md-about-2 .chart .style2 .line { width: 0; margin-left: auto; margin-right: auto; border-left: 1px dashed #8aaab7; position: relative; }

.md-about-2 .chart .style2 .line .t {display: none;width: 2rem;text-align: left;padding: .1rem 0 2rem .2rem;font-size: 0.18rem;white-space: pre;}

.md-about-2 .chart .style2-1 { -webkit-transform: translateX(-80%); -ms-transform: translateX(-80%); transform: translateX(-80%); }

.md-about-2 .chart .style2-1 .tit {/* width: 1.3rem; */}

.md-about-2 .chart .style3 { text-align: center; position: absolute; left: 50%; bottom: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 0; opacity: 0; -webkit-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; }

.md-about-2 .chart .style3 .t { color: #0a3190; font-size: .36rem; }

.md-about-2 .chart .style3 .bar { width: .6rem; height: 0; background: #0a3190; margin-left: auto; margin-right: auto; margin-top: 0.15rem; -webkit-transition: height 1s 2s; -o-transition: height 1s 2s; transition: height 1s 2s; }

.md-about-2 .chart .part.on .style1 { opacity: 1; }

.md-about-2 .chart .part.on .style1:after { height: 1.86rem; }

.md-about-2 .chart .part.on .style1-1:after { height: 3.16rem; }

.md-about-2 .chart .part.on .style1--bottom:before { height: 1.15rem; }

.md-about-2 .chart .part.on .style3 { opacity: 1; }

.md-about-2 .chart .part.on .style3 .bar-1 { height: 1.2rem; }

.md-about-2 .chart .part.on .style3 .bar-2 { height: 2.65rem; }

.md-about-2 .chart .part.on .style3 .bar-3 { height: 4.7rem; }

.md-about-2 .chart--wap { display: none; }

@media (max-width: 750px) { .md-about-2 .chart { margin-left: 0.3rem; margin-right: 0.3rem; margin-top: .7rem; padding: 0; }
  .md-about-2 .chart--pc { display: none; }
  .md-about-2 .chart--wap { display: block; }
  .md-about-2 .chart .part-1 { padding-top: 3rem; padding-bottom: 2.5rem; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
  .md-about-2 .chart .part-1 .cnt:after { display: none; }
  .md-about-2 .chart .part-1.show { padding-top: 5rem; }
  .md-about-2 .chart .part-2 {padding-top: 3.3rem;padding-bottom: 3.45rem;margin-top: 2rem;}
  .md-about-2 .chart .style2 .tit { width: 2.3rem; }
  .md-about-2 .chart .part.on .style1--bottom:before { height: .6rem; }
  .md-about-2 .chart .part.on .style1-1:after { height: .7rem; }
  .md-about-2 .chart .part.on .style1 .big { width: 3.15rem; }
  .md-about-2 .chart .part.on .style3 .bar-1 { height: .6rem; }
  .md-about-2 .chart .part.on .style3 .bar-2 { height: 1.25rem; }
  .md-about-2 .chart .part.on .style3 .bar-3 { height: 2.64rem; } }

@media (max-width: 750px) { .md-about-2 { padding-top: 1.3rem; padding-bottom: .7rem; position: relative; }
  .md-about-2:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: .51rem; background: url(../images/chart-2.png) no-repeat center/100% 100%; } }

.md-about-3 { position: relative; padding-top: 2rem; }

.md-about-3 .icon { width: .25rem; height: .25rem; background-position: center; background-repeat: no-repeat; background-size: contain; }

.md-about-3 .icon-1 { background-image: url(../images/about10.png); }

.md-about-3 .icon-2 { background-image: url(../images/about11.png); }

.md-about-3 .icon-3 { background-image: url(../images/about12.png); }

.md-about-3 .icon-4 { background-image: url(../images/about13.png); }

.md-about-3:before { content: ''; position: absolute; left: 0; top: -1px; width: 100%; height: 2rem; background: url(../images/about8.png) no-repeat center/100% 100%; }

.md-about-3 .text { position: absolute; left: 1.54rem; top: 2.16rem; }

.md-about-3 .text .tit { color: #0a3190; font-size: 0.6rem; font-weight: bold; line-height: 1rem; }

.md-about-3 .text .list {color: #333;margin-top: .8rem;}

.md-about-3 .text .list .li { line-height: 1.5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .27rem; }

.md-about-3 .text .list .li:last-of-type { margin-bottom: 0; }

.md-about-3 .text .list .icon { vertical-align: middle; margin-right: .1rem; }

.md-about-3 .text .list span { vertical-align: middle; font-size: 0.18rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-about-3 .map {margin-right: .73rem;margin-left: 5.64rem;margin-top: 1.12rem;position: relative;color: #333;}

.md-about-3 .map .bg { width: 100%; }

.md-about-3 .map .tips { position: absolute; left: 0; bottom: 1.14rem; }

.md-about-3 .map .tips img { width: .97rem; }

.md-about-3 .map .tips p { font-size: .19rem; margin-top: 0.15rem; }

.md-about-3 .map .dot { position: absolute; background: url(../images/about14.png) no-repeat center/contain; width: .22rem; height: .24rem; }

.md-about-3 .map .dot .name {position: absolute;left: 100%;top: 0;font-size: .23rem;color: #333;font-weight: bold;white-space: nowrap;padding-left: .15rem;}

.md-about-3 .map .dot .name:hover { color: #0a3190; }

.md-about-3 .map .dot .style1 { position: absolute; left: .11rem; bottom: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.md-about-3 .map .dot .style1:before { content: ''; width: 1px; height: 2.85rem; background: #000; }

.md-about-3 .map .dot .style1 .line { height: 1px; width: .26rem; background: #000; }

.md-about-3 .map .dot .style1 .p {border: 1px solid;font-size: 0.16rem;line-height: 1.4;width: 1.87rem;padding: .05rem 0.08rem;/* color: #000; */-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 1.74rem;}

.md-about-3 .map .dot .style2 { position: absolute; left: .11rem; bottom: 100%; height: 3.4rem; border-left: 1px dotted #000; padding-left: .1rem; }

.md-about-3 .map .dot .style2_cnt { position: absolute; left: .1rem; top: 0; }

.md-about-3 .map .dot .style2--bottom { bottom: auto; top: 100%; }

.md-about-3 .map .dot .style2--bottom .style2_cnt { top: auto; bottom: 0; }

@media (max-width: 750px) { .md-about-3 { padding-top: .82rem; padding-bottom: .3rem; }
  .md-about-3:before { background-image: url(../images/about9.png); height: .82rem; }
  .md-about-3 .icon { width: 0.15rem; height: .15rem; }
  .md-about-3 .text { position: static; margin-left: .3rem; margin-top: .3rem; }
  .md-about-3 .text .tit { font-size: .42rem; line-height: 1.5; }
  .md-about-3 .text .list { margin-top: 0.3rem; }
  .md-about-3 .text .list .li { margin-bottom: .23rem; }
  .md-about-3 .text .list span { font-size: 0.2rem; }
  .md-about-3 .map { margin: .6rem 0 0; }
  .md-about-3 .map .dot .style1:before { height: 1.9rem; }
  .md-about-3 .map .dot .style1 .line { width: .1rem; }
  .md-about-3 .map .dot .style1 .p { width: 1.6rem; }
  .md-about-3 .map .dot .style2 { height: 1.8rem; }
  .md-about-3 .map .tips { left: .84rem; bottom: 0; }
  .md-about-3 .map .tips img { width: .4rem; }
  .md-about-3 .map .tips p { font-size: 0.2rem; margin-top: 0.1rem; } }

.md-about-4 { position: relative; padding-top: .7rem; }

.md-about-4:before { content: ''; background: url(../images/about16.png) no-repeat center/100% 100%; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 1.68rem; }

.md-about-4:after { content: ''; background: url(../images/about17.png) no-repeat center/100% 100%; position: absolute; left: 0; bottom: 0; width: 100%; height: 2.44rem; }

.md-about-4 .bg { width: 100%; height: 12.2rem; -o-object-fit: cover; object-fit: cover; }

.md-about-4 .gif { display: none; }

.md-about-4 .cnt1 { position: absolute; left: 1.55rem; top: 3.26rem; color: #0a3190; width: 7.8rem; }

.md-about-4 .cnt1 .tit { font-size: .6rem; font-weight: bold; }

.md-about-4 .cnt1 .desc {font-size: 0.23rem;line-height: 1.69565;margin-top: .32rem;max-height: 6rem;overflow: hidden;}

.md-about-4 .cnt2 { position: absolute; right: 1.6rem; top: 2.43rem; width: 5.6rem; color: #fff; }

.md-about-4 .cnt2 .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: .84rem; }

.md-about-4 .cnt2 .item:last-of-type { margin-bottom: 0; }

.md-about-4 .cnt2 .icon { width: 1rem; margin-right: .2rem; }

.md-about-4 .cnt2 .icon img { width: 100%; }

.md-about-4 .cnt2 .icon .wap { display: none; }

.md-about-4 .cnt2 .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-top: 0.06rem; }

.md-about-4 .cnt2 .tit { font-size: 0.28rem; line-height: .39rem; }

.md-about-4 .cnt2 .desc { line-height: .33rem; font-size: .23rem; margin-top: .08rem; }
@media (max-width: 1600px) {
  .md-about-4 .cnt1 .desc{font-size: 14px;}
}
@media (max-width: 750px) { .md-about-4 { padding-top: 0.4rem; }
  .md-about-4:before { background-image: url(../images/about18.png); height: 0.79rem; }
  .md-about-4:after { display: none; }
  .md-about-4 .bg { height: 10.25rem; vertical-align: top; }
  .md-about-4 .cnt1 { width: 100%; padding: 0 .3rem; left: 0; top: 2rem; }
  .md-about-4 .cnt1 .tit { font-size: 0.42rem; }
  .md-about-4 .cnt2 {position: static;color: #333;width: 100%;padding-left: 0.2rem;padding-right: .2rem;padding-top: 1.5rem;padding-bottom: .5rem;margin-top: -1rem;position: relative;left: 0;top: 0;}
  .md-about-4 .cnt2:before { content: ''; background: url(../images/about19.png) no-repeat center/100% 100%; position: absolute; left: 0; top: 0; width: 100%; height: 1rem; }
  .md-about-4 .cnt2 .icon .pc { display: none; }
  .md-about-4 .cnt2 .icon .wap { display: block; }
  .md-about-4 .cnt2 .tit { font-weight: bold; } }

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

.md-team-1 .img { padding-top: calc(988 / 1920 * 100%); background-position: center; background-size: cover; background-repeat: no-repeat; }

.md-team-1 .swiper-scrollbar { left: 50%; bottom: 1.56rem; margin-left: -2.1rem; height: 1px; width: 4.2rem; background: #fff; }

.md-team-1 .swiper-scrollbar-drag { height: 5px; background: #fff; border-radius: 0; margin-top: -2px; }

.md-team-1 .mask { position: absolute; left: 0; bottom: -1px; z-index: 10; width: 100%; }

@media (max-width: 750px) { .md-team-1 .swiper-scrollbar { bottom: .75rem; }
  .md-team-1 .img { padding-top: calc(535 / 750 * 100%); } }

.md-team-2 { padding-top: .93rem; padding-bottom: 1.95rem; background: url(../images/team8.png) no-repeat center bottom/contain; }

.md-team-2 .title-team { margin: 0 1.84rem; }

.md-team-2 .cnt { margin-left: 1.47rem; margin-right: 1.07rem; margin-top: 1.6rem; position: relative; }

.md-team-2 .cnt .bg { width: 100%; }

.md-team-2 .cnt .man { position: absolute; width: 1.16rem; height: 1.16rem; background-position: center top; background-repeat: no-repeat; background-size: 130%; border: .03rem solid #97b7cb; border-radius: 50%; overflow: hidden; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-team-2 .cnt .man .text { position: absolute; bottom: 0; left: 0; width: 100%; padding: 5px 20px 15px; background: #97b7cb; color: #0a3190; text-align: center; opacity: 0; }

.md-team-2 .cnt .man .text .name { font-weight: bold; }

.md-team-2 .cnt .man .text .desc { padding: 0 30px; }

@media (min-width: 751px) { .md-team-2 .cnt .man:hover { width: 200px; height: 200px; z-index: 100; -webkit-transform: translate(-20%, -20%); -ms-transform: translate(-20%, -20%); transform: translate(-20%, -20%); background-size: 100%; }
  .md-team-2 .cnt .man:hover .text { -webkit-transition: all .1s; -o-transition: all .1s; transition: all .1s; opacity: 1; } }

@media (max-width: 750px) { .md-team-2 { padding-bottom: 1.1rem; }
  .md-team-2 .title-team { margin: 0 .32rem; }
  .md-team-2 .cnt { margin-left: .32rem; margin-right: 0.29rem; margin-top: .7rem; }
  .md-team-2 .cnt .man { width: .48rem; height: .48rem; }
  .md-team-2 .cnt .man .text { padding: 10px 50px 20px; }
  .md-team-2 .cnt .man.show { width: 300px; height: 300px; position: fixed; left: 0 !important; right: 0; top: 0 !important; bottom: 0; z-index: 999; margin: auto; }
  .md-team-2 .cnt .man.show .text { display: block; opacity: 1; } }

.title-team { color: #0a3190; }

.title-team .t1 { font-weight: bold; }

.title-team .t2 { margin-top: 2px; }

@media (max-width: 750px) { .title-team .t1 { font-size: 0.42rem; }
  .title-team .t2 { font-size: .32rem; margin-top: 0.1rem; } }

.md-team-3 { margin-top: 1.5rem; margin-left: 1.7rem; margin-right: .7rem; display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 1.24rem; }

.md-team-3 .lf { width: calc(730 / 1682 * 100%); margin-right: calc(125 / 1682 * 100%); }

.md-team-3 .lf .desc { color: #313131; line-height: 1.69565; margin-top: 1.12rem; }

.md-team-3 .rg { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: .76rem; }

.md-team-3 .rg img { width: 100%; }

@media (max-width: 750px) { .md-team-3 { display: block; margin: 1.13rem .32rem 0; }
  .md-team-3 .lf { width: 100%; }
  .md-team-3 .lf .desc { margin-top: .42rem; } }

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

.md-tec-1 .img { width: 100%; vertical-align: top; }

.md-tec-1 .swiper-scrollbar { left: 50%; bottom: 1.56rem; margin-left: -2.1rem; height: 1px; width: 4.2rem; background: #fff; }

.md-tec-1 .swiper-scrollbar-drag { height: 5px; background: #fff; border-radius: 0; margin-top: -2px; }

.md-tec-1 .mask { position: absolute; left: 0; bottom: -1px; z-index: 10; width: 100%; }

.md-tec-1 .mask2 { position: absolute; left: 0; bottom: -1px; z-index: 10; width: 100%; display: none; }

.md-tec-1 .text {position: absolute;left: 1.38rem;top: 2.8rem;z-index: 9;color: #fff;max-height: 7rem;overflow: auto;}

.md-tec-1 .text .mask3 { display: none; }

.md-tec-1 .text .t1 { font-weight: bold; margin-left: .2rem; }

.md-tec-1 .text .t2 { margin-top: .13rem; margin-left: .2rem; }

.md-tec-1 .text ul { margin-top: .19rem; padding-top: 0.11rem; border-top: 1px solid; line-height: 1.56522; list-style-type: disc; list-style-position: inside; }

.md-tec-1 .text .t3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.56522; margin-top: .64rem; }

.md-tec-1 .text .t3 p {width: 13em;}  
.md-tec-1 .text .t3 img { width: .56rem; margin-right: 0.2rem; }

.md-tec-1 .text .t3 .wap { display: none; width: 0.4rem; }

@media (max-width: 750px) { .md-tec-1 .swiper-scrollbar { bottom: .75rem; }
  .md-tec-1 .text { position: relative; left: 0; top: 0; color: #333; padding: .7rem .32rem 1.3rem; max-height: none; }
  .md-tec-1 .text .t3 .wap { display: block; }
  .md-tec-1 .text .t3 .pc { display: none; }
  .md-tec-1 .text .t3 p{ width: auto; }
  .md-tec-1 .text .mask3 { display: block; position: absolute; left: 0; bottom: 0; width: 100%; }
  .md-tec-1 .mask { display: none; }
  .md-tec-1 .mask2 { display: block; } }

.md-tec-2 { padding-top: .73rem; background: #e7eef3; height: 12.2rem; position: relative; }

.md-tec-2 .title-team { margin-left: 2.19rem; line-height: 1.3; }

.md-tec-2 .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-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.md-tec-2 .box img{ margin: .1rem 0; }
.md-tec-2 .box1 { background: url(../images/tec5.png) no-repeat center/contain; width: 4.87rem; height: 4.04rem; padding-right: .6rem; position: absolute; left: 1.35rem; top: 4.12rem; }

.md-tec-2 .box1 p { line-height: 1.25; font-size: 0.36rem; color: #fff; }

.md-tec-2 .box2 { position: absolute; top: 1.49rem; left: 9.5rem; width: 2.28rem; height: 2.28rem; background: #97b7ca; border-radius: 50%; text-align: center; }

.md-tec-2 .box2 p { color: #fff; line-height: 1.16667; font-size: 0.24rem; }

.md-tec-2 .box3 { position: absolute; top: 8.73rem; left: 9.76rem; width: 2.09rem; height: 2.09rem; background: #97b7ca; border-radius: 50%; text-align: center; }

.md-tec-2 .box3 p { color: #fff; line-height: 1.16667; font-size: 0.24rem; }

.md-tec-2 .box4 { position: absolute; top: 1.77rem; left: 15.11rem; width: 2.72rem; height: 2.72rem; background: #fff; border-radius: 50%; text-align: center; }

.md-tec-2 .box4 p {color: #09318f;line-height: 1.16667;font-size: 0.24rem;/* margin-top: .1rem; */}

.md-tec-2 .box5 { position: absolute; top: 8.2rem; left: 14.97rem; width: 2.28rem; height: 2.28rem; background: #fff; border-radius: 50%; text-align: center; }

.md-tec-2 .box5 p {color: #09318f;line-height: 1.16667;font-size: 0.24rem;/* margin-top: .1rem; */}

.md-tec-2 .box6 { position: absolute; top: 4.42rem; left: 10.72rem; width: 3.54rem; height: 3.54rem; border-radius: 50%; text-align: center; background-repeat: no-repeat; background-position: center; background-size: contain; color: #09318f; }

.md-tec-2 .box6 .t1 { font-size: .6rem; }

.md-tec-2 .box6 .t2 { font-size: 0.2rem; }

.md-tec-2 .line { position: absolute; height: 1px; background: #0a3190; width: 1rem; }

.md-tec-2 .line:before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -.14rem; width: .19rem; height: .28rem; background: url(../images/tec12.png) no-repeat center/contain; }

.md-tec-2 .line:after { content: ''; position: absolute; right: 0; top: 50%; margin-top: -.14rem; width: .19rem; height: .28rem; background: url(../images/tec13.png) no-repeat center/contain; }

.md-tec-2 .line1 { left: 8.7rem; top: 6.2rem; -webkit-animation: line .5s linear infinite alternate; animation: line .5s linear infinite alternate; }

.md-tec-2 .line2 { left: 11.4rem; top: 4rem; -webkit-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); -webkit-animation: line2 .5s linear infinite alternate; animation: line2 .5s linear infinite alternate; }

.md-tec-2 .line3 { left: 13.8rem; top: 4.1rem; -webkit-transform: rotate(-35deg); -ms-transform: rotate(-35deg); transform: rotate(-35deg); -webkit-animation: line .5s linear infinite alternate; animation: line .5s linear infinite alternate; }

.md-tec-2 .line4 { left: 11.4rem; top: 8.5rem; -webkit-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg); -webkit-animation: line2 .5s linear infinite alternate; animation: line2 .5s linear infinite alternate; }

.md-tec-2 .line5 { left: 14rem; top: 7.9rem; -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); -webkit-animation: line .5s linear infinite alternate; animation: line .5s linear infinite alternate; }

.md-tec-2 .tx1 { position: absolute; left: 6.34rem; top: 5.84rem; text-align: center; color: #0a3190; font-size: .23rem; line-height: 1.3913; }

.md-tec-2 .dash { width: 5rem; height: 2px; position: absolute; overflow: hidden; }

.md-tec-2 .dash .bar { width: 300%; border-top: 2px dashed #0a3190; position: absolute; left: 0; top: 0; }

.md-tec-2 .dash1 { left: 5.7rem; top: 5.67rem; }

.md-tec-2 .dash1 .bar { -webkit-animation: dash linear 1.5s infinite alternate; animation: dash linear 1.5s infinite alternate; }

.md-tec-2 .dash2 { left: 5.7rem; top: 6.67rem; }

.md-tec-2 .dash2 .bar { left: auto; right: 0; -webkit-animation: dash2 linear 1.5s infinite alternate; animation: dash2 linear 1.5s infinite alternate; }

@media (max-width: 750px) { .md-tec-2 { height: 8.5rem; }
  .md-tec-2 .title-team { margin-left: .57rem; }
  .md-tec-2 .box1 { background-image: url(../images/tec17.png); width: 2.21rem; height: 2.68rem; padding-right: 0; padding-bottom: .6rem; left: .15rem; top: 3.6rem; }
  .md-tec-2 .box1 p { font-size: .2rem; margin-top: 0.1rem; }
  .md-tec-2 .box2 { width: 1.5rem; height: 1.5rem; left: 3.16rem; top: 1.83rem; }
  .md-tec-2 .box2 p { font-size: .18rem; }
  .md-tec-2 .box3 { width: 1.5rem; height: 1.5rem; left: 3.04rem; top: 6.2rem; }
  .md-tec-2 .box3 p { font-size: .18rem; }
  .md-tec-2 .box4 { width: 1.7rem; height: 1.7rem; left: 5.5rem; top: 1.54rem; }
  .md-tec-2 .box4 p { font-size: .18rem; }
  .md-tec-2 .box5 { width: 1.5rem; height: 1.5rem; left: 5.46rem; top: 6.34rem; }
  .md-tec-2 .box5 p { font-size: .18rem; }
  .md-tec-2 .box6 { width: 2.5rem; height: 2.5rem; left: 3.82rem; top: 3.5rem; }
  .md-tec-2 .box6 .t1 { font-size: 0.4rem; }
  .md-tec-2 .box6 .t2 { padding: 0 .4rem; }
  .md-tec-2 .line1 { left: 2.56rem; top: 4.45rem; }
  .md-tec-2 .line2 { left: 3.88rem; top: 3.57rem; }
  .md-tec-2 .line3 { left: 5.9rem; top: 3.5rem; }
  .md-tec-2 .line4 { left: 4.35rem; top: 6rem; }
  .md-tec-2 .line5 { left: 5.34rem; top: 6.14rem; }
  .md-tec-2 .tx1 { left: 2.2rem; top: 4.6rem; font-size: .16rem; width: 1.66rem; }
  .md-tec-2 .dash { width: 1.9rem; }
  .md-tec-2 .dash1 { left: 2.1rem; top: 4.18rem; }
  .md-tec-2 .dash2 { left: 2.1rem; top: 5.4rem; } }

@-webkit-keyframes dash { 0% { left: 0; }
  100% { left: -200%; } }

@keyframes dash { 0% { left: 0; }
  100% { left: -200%; } }

@-webkit-keyframes dash2 { 0% { right: 0; }
  100% { right: -200%; } }

@keyframes dash2 { 0% { right: 0; }
  100% { right: -200%; } }

@-webkit-keyframes line { 0% { width: 1rem;
    margin-left: 0; }
  100% { width: 1.7rem;
    margin-left: -.35rem; } }

@keyframes line { 0% { width: 1rem;
    margin-left: 0; }
  100% { width: 1.7rem;
    margin-left: -.35rem; } }

@-webkit-keyframes line2 { 0% { width: 0.4rem;
    margin-left: 0; }
  100% { width: 0.8rem;
    margin-left: -.2rem; } }

@keyframes line2 { 0% { width: 0.4rem;
    margin-left: 0; }
  100% { width: 0.8rem;
    margin-left: -.2rem; } }

.md-tec-3 { position: relative; }

.md-tec-3 .mask1 { position: absolute; left: 0; top: -1px; width: 100%; }

.md-tec-3 .mask2 { position: absolute; left: 0; bottom: -1px; width: 100%; }

.md-tec-3 .bg { width: 100%; vertical-align: top; }

.md-tec-3 .text { position: absolute; left: 2.25rem; top: 1.3rem; color: #fff; }

.md-tec-3 .text .t1 { line-height: 1.33333; font-weight: bold; width: 5.9rem; }

.md-tec-3 .text .t2 { margin-top: .25rem; }

.md-tec-3 .text .t2:before { content: ''; display: inline-block; vertical-align: middle; height: 2px; width: 1.5rem; background: #fff; margin-right: .1rem; }

@media (max-width: 750px) { .md-tec-3 .text { left: .32rem; top: 1rem; }
  .md-tec-3 .text .t1 { font-size: .42rem; width: 4.3rem; }
  .md-tec-3 .text .t2 { font-size: .28rem; }
  .md-tec-3 .text .t2:before { width: .8rem; } }

.md-tec-4 { width: 11rem; height: 10.9rem; padding-top: 1px; margin-left: 4.39rem; position: relative; }

.md-tec-4 .ct { width: 3.73rem; height: 3.73rem; background-position: center; background-repeat: no-repeat; background-size: contain; margin: 3.26rem auto 0; color: #fff; 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; line-height: 1.76667; font-size: 0.3rem; text-align: center; padding: 0 .2rem; padding: .5rem; }

.md-tec-4 .box { position: absolute; text-align: center; }

.md-tec-4 .box .icon { width: 1.3rem; }

.md-tec-4 .box p { font-size: .24rem; color: #0a3190; line-height: 1.54167; }

.md-tec-4 .box1 { left: 27%; top: 10%; }

.md-tec-4 .box2 { left: 59%; top: 10%; }

.md-tec-4 .box3 { left: 15%; top: 37%; }

.md-tec-4 .box4 { left: 71%; top: 36%; }

.md-tec-4 .box5 { left: 22%; top: 65%; }

.md-tec-4 .box6 { left: 58%; top: 65%; }

@media (max-width: 750px) { .md-tec-4 { margin-left: 0; width: 100%; overflow: hidden; }
  .md-tec-4 .ct { width: 3.4rem; height: 3.4rem; }
  .md-tec-4 .box1 { left: 21%; }
  .md-tec-4 .box3 { left: 4%; }
  .md-tec-4 .box4 { left: 77%; }
  .md-tec-4 .box5 { left: 16%; } }

.md-tec-5 { padding-bottom: 1.43rem; }

.md-tec-5 .mask { width: 100%; display: block; }

.md-tec-5 .cnt { margin: 0 2.2rem; }

.md-tec-5 .title-team { margin-top: 0.3rem; }

.md-tec-5 .list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: .65rem; }

.md-tec-5 .list .li:nth-of-type(1) { width: 6rem; }

.md-tec-5 .list .li:nth-of-type(2) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-tec-5 .list .hd { font-size: 0.28rem; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-tec-5 .list .hd:before { content: ''; display: inline-block; width: .14rem; height: .14rem; border-radius: 50%; background: #333; margin-right: .14rem; }

.md-tec-5 .list .bd { font-size: .23rem; line-height: 1.69565; padding-left: .33rem; margin-top: 0.1rem; }

@media (max-width: 750px) { .md-tec-5 { margin-top: -1rem; }
  .md-tec-5 .cnt { margin: 0 .3rem; }
  .md-tec-5 .title-team { margin-top: 0.6rem; }
  .md-tec-5 .list { display: block; }
  .md-tec-5 .list .li { margin-bottom: .5rem; }
  .md-tec-5 .list .li:nth-of-type(1) { width: 100%; }
  .md-tec-5 .list .li:last-of-type { margin-bottom: 0; } }

.md-address .swiper-scrollbar { left: 50%; bottom: 1.56rem; margin-left: -2.1rem; height: 1px; width: 4.2rem; background: #fff; }

.md-address .swiper-scrollbar-drag { height: 5px; background: #fff; border-radius: 0; margin-top: -2px; }

.c-pic { overflow: hidden; }

.c-pic .img { -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; }

.c-pic .img img { display: none; }

.bg-cover { background-size: cover; }

.bg-contain { background-size: contain; }

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

.md-news-1 .bg { display: block; width: 100%; }

.md-news-1 .mask { position: absolute; left: 0; bottom: 0; width: 100%; }

.md-news-2 { padding-top: 0.86rem; padding-bottom: 1.53rem; width: 1600px; max-width: 92%; margin: auto; }

.md-news-2 .news-top { display: block; border-radius: .3rem; overflow: hidden; position: relative; -webkit-box-shadow: 0 0.02rem 0.4rem 0 rgba(10, 49, 144, 0.08); box-shadow: 0 0.02rem 0.4rem 0 rgba(10, 49, 144, 0.08); }

.md-news-2 .news-top .c-pic { width: calc(840 / 1600 * 100%); }

.md-news-2 .news-top .img { padding-top: calc(480 / 840 * 100%); }

.md-news-2 .news-top .rg { position: absolute; right: 0; top: 0; width: calc(852 / 1600 * 100%); height: 100%; background: url(../images/news2.png) no-repeat left center; background-size: auto 100%; padding-left: calc(130 / 1600 * 100%); padding-right: calc(86 / 1600 * 100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-news-2 .news-top .text .tit { margin-top: .07rem; }

.md-news-2 .news-top .text .desc { margin-top: 0.14rem; }

.md-news-2 .news-top .text .more { margin-top: .94rem; }

.md-news-2 .news-top:hover .img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.md-news-2 .news-top:hover .text .tit, .md-news-2 .news-top:hover .text .more { color: #0a3190; }

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

.md-news-2 .text .desc { line-height: 1.875; }

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

.md-news-2 .text .more img { margin-left: .2rem; }

.md-news-2 .list { margin-top: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-news-2 .list .li { width: calc(500 / 1600 * 100%); margin-right: calc(50 / 1600 * 100%); margin-bottom: calc(50 / 1600 * 100%); border-radius: .2rem; overflow: hidden; -webkit-box-shadow: 0 0.02rem 0.4rem 0 rgba(10, 49, 144, 0.08); box-shadow: 0 0.02rem 0.4rem 0 rgba(10, 49, 144, 0.08); }

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

.md-news-2 .list .li:hover .text .tit, .md-news-2 .list .li:hover .text .more { color: #0a3190; }

.md-news-2 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-news-2 .list .img { padding-top: calc(300 / 500 * 100%); }

.md-news-2 .list .text { padding: .28rem .3rem .45rem; }

.md-news-2 .list .text .tit { margin-top: .14rem; }

.md-news-2 .list .text .desc { margin-top: .16rem; }

.md-news-2 .list .text .more { margin-top: .57rem; }

.md-news-2 .c-pagination { margin-top: .14rem; }

@media (max-width: 1100px) { .md-news-2 .news-top .text .more { margin-top: .5rem; } }

@media (max-width: 750px) { .md-news-2 { padding-bottom: 1rem; }
  .md-news-2 .news-top .c-pic { width: 100%; }
  .md-news-2 .news-top .rg { position: static; width: 100%; padding: 5%; background: none; }
  .md-news-2 .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-news-2 .list .li { width: 48%; margin-right: 0; }
  .md-news-2 .c-pagination { margin-top: .5rem; } }

@media (max-width: 500px) { .md-news-2 .list .li { width: 100%; } }

.c-pagination { 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; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.c-pagination .item { width: .54rem; height: 0.54rem; min-width: 35px; min-height: 35px; border-radius: 50%; 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; background-color: #e7eef3; color: #666; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; margin-right: .1rem; }

.c-pagination .item:last-of-type { margin-right: 0; }

.c-pagination .item.on, .c-pagination .item:hover { background-color: #0a3190; color: #fff; }

.c-pagination .item-prev, .c-pagination .item-next { background-image: url(../images/a-left.png); background-repeat: no-repeat; background-position: center; }

.c-pagination .item-prev:hover, .c-pagination .item-next:hover { background-image: url(../images/a-left2.png); }

.c-pagination .item-next { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }


/* 20231124 新加发展历程 */

.md-about-5 { background: #e7eef3; padding-top: 1.35rem; color: #000; }

.md-about-5 .title { margin: 0 1.52rem; color: #0a3190; }

.md-about-5 .title .t1 { font-weight: bold; }

.md-about-5 .title .t2 { color: #202020; margin-top: .49rem; }

.md-about-5 .title .t2:before { content: ''; display: inline-block; width: .81rem; height: .11rem; background: #0a3190; margin-right: .26rem; }

@media (max-width: 750px) { .md-about-5 .title { margin-left: .3rem; margin-right: 0.3rem; }
  .md-about-5 .title .t1 { font-size: .42rem; }
  .md-about-5 .title .t2 { font-size: .26rem; margin-top: .3rem; }
  .md-about-5 .title .t2:before { width: .52rem; height: .08rem; margin-right: .16rem; } }

.md-about-5 .list { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-about-5 .list .swiper-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-about-5 .list .swiper-container:after { content: ''; position: absolute; left: 0; right: 0; top: 4.1rem; margin: auto; height: .1rem; background: #a4bfd0; }

.md-about-5 .list .swiper-slide { width: auto; padding-top: 4.1rem; padding-bottom: 3.7rem; }

.md-about-5 .list .swiper-slide--start { width: .4rem; min-width: auto; }

.md-about-5 .list .swiper-slide--end { width: 1.5rem; min-width: auto; overflow: hidden; }

.md-about-5 .list .swiper-slide--end .item { background: none; display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-about-5 .list .swiper-slide--end .item:before { content: ''; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #a4bfd0; }

.md-about-5 .list .swiper-slide--end .item img { height: 100%; }

.md-about-5 .list .item { position: relative; text-align: center; background: #a4bfd0; height: 0.1rem; }

.md-about-5 .list .year { position: absolute; top: 100%; width: 100%; color: #333; font-weight: bold; opacity: 0; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; }

.md-about-5 .list .year:before { content: ''; display: block; height: 0; margin: 0 auto .08rem; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; width: 0; border-left: .02rem solid #444; }

.md-about-5 .list .tit-top { position: absolute; bottom: 100%; width: 100%; line-height: 1.55556; opacity: 0; -webkit-transition: 1s .5s; -o-transition: 1s .5s; transition: 1s .5s; }

.md-about-5 .list .tit-top .text { white-space: pre-line; }

.md-about-5 .list .tit-top .dash { margin-top: .23rem; }

.md-about-5 .list .tit-top .dash:before { content: ''; display: block; margin: 0 auto; width: .08rem; height: .08rem; min-width: 6px; min-height: 6px; border-radius: 50%; background: #333333; }

.md-about-5 .list .tit-top .dash:after { content: ''; display: block; -webkit-transition: 1s .5s; -o-transition: 1s .5s; transition: 1s .5s; height: 0; margin: auto; width: 0; border-left: .02rem dashed #666; }

.md-about-5 .list .tit-bottom { position: absolute; top: .89rem; width: 100%; opacity: 0; -webkit-transition: 1s .5s; -o-transition: 1s .5s; transition: 1s .5s; }

.md-about-5 .list .tit-bottom .dash { margin-bottom: .15rem; }

.md-about-5 .list .tit-bottom .dash:before { content: ''; display: block; margin: 0 auto; -webkit-transition: 1s .5s; -o-transition: 1s .5s; transition: 1s .5s; height: 0; width: 0; border-left: .02rem dashed #666; }

.md-about-5 .list .tit-bottom .dash:after { content: ''; display: block; width: .08rem; height: .08rem; min-width: 6px; min-height: 6px; margin: 0 auto; border-radius: 50%; background: #333333; }

.md-about-5 .list .tit-bottom .text { line-height: 1.55556; white-space: pre-line; }

.md-about-5 .list .bar { position: absolute; bottom: 100%; width: 100%; opacity: 0; -webkit-transition: 1s .5s; -o-transition: 1s .5s; transition: 1s .5s; }

.md-about-5 .list .bar-tit { color: #0a3190; font-weight: bold; }

.md-about-5 .list .bar-body { width: .6rem; width: .5rem; margin: .13rem auto 0; }

.md-about-5 .list .bar-main { background: #0a3190; -webkit-transition: 1s .5s; -o-transition: 1s .5s; transition: 1s .5s; height: 0; }

.md-about-5 .list.on .swiper-slide-visible .year { opacity: 1; }

.md-about-5 .list.on .swiper-slide-visible .year:before { height: .26rem; }

.md-about-5 .list.on .swiper-slide-visible .tit-top { opacity: 1; }

.md-about-5 .list.on .swiper-slide-visible .tit-top .dash:after { height: 1.14rem; }

.md-about-5 .list.on .swiper-slide-visible .tit-bottom { opacity: 1; }

.md-about-5 .list.on .swiper-slide-visible .tit-bottom .dash:before { height: .36rem; }

.md-about-5 .list.on .swiper-slide-visible .bar { opacity: 1; }

.md-about-5 .list.on .swiper-slide-visible .bar-main { height: var(--height, 1.2rem); }

.md-about-5 .list .arrow { width: .5rem; height: .5rem; background-position: center; background-repeat: no-repeat; background-size: 80%; margin: .38rem .1rem 0; cursor: pointer; opacity: 0; -webkit-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s; border-radius: 50%; }

.md-about-5 .list .arrow-prev { background-image: url(../images/arr-1.png); background-position: 40% center; }

.md-about-5 .list .arrow-prev.swiper-button-disabled { background-image: url(../images/arr-3.png); }

.md-about-5 .list .arrow-next { background-image: url(../images/arr-2.png); background-position: 60% center; }

.md-about-5 .list .arrow-next.swiper-button-disabled { background-image: url(../images/arr-4.png); }

.md-about-5 .list .arrow.show { opacity: 1; }

.md-about-5 .list .arrow:hover { background-color: #a4bfd0; }

.md-about-5 .list .arrow.swiper-button-disabled { cursor: auto; }

.md-about-5 .list .arrow.swiper-button-disabled:hover { background-color: rgba(164, 191, 208, 0.5); }

@media (min-width: 1440px) { .md-about-5 .list { font-size: .18rem; }
  .md-about-5 .list .year { font-size: 0.24rem; }
  .md-about-5 .list .bar-tit { font-size: 0.26rem; } }

@media (max-width: 1439px) { .md-about-5 .list { font-size: calc(18px * 1440 / 1920); }
  .md-about-5 .list .year { font-size: calc(24px * 1440 / 1920); }
  .md-about-5 .list .bar-tit { font-size: calc(26px * 1440 / 1920); } }

@media (max-width: 750px) { .md-about-5 .list .swiper-slide--start { display: none; }
  .md-about-5 .list .swiper-slide--end { width: .85rem; } }

@media (max-width: 500px) { .md-about-5 .list { font-size: 12px; }
  .md-about-5 .list .year { font-size: 14px; }
  .md-about-5 .list .bar-tit { font-size: 16px; } }

@media (max-width: 750px) { .md-about-5 { display: none; } }

.md-about-6 { background: #e7eef3; padding-top: 1.35rem; display: none; color: #000; }

.md-about-6 .title { margin: 0 1.52rem; color: #0a3190; }

.md-about-6 .title .t1 { font-weight: bold; }

.md-about-6 .title .t2 { color: #202020; margin-top: .49rem; }

.md-about-6 .title .t2:before { content: ''; display: inline-block; width: .81rem; height: .11rem; background: #0a3190; margin-right: .26rem; }

@media (max-width: 750px) { .md-about-6 .title { margin-left: .3rem; margin-right: 0.3rem; }
  .md-about-6 .title .t1 { font-size: .42rem; }
  .md-about-6 .title .t2 { font-size: .26rem; margin-top: .3rem; }
  .md-about-6 .title .t2:before { width: .52rem; height: .08rem; margin-right: .16rem; } }

.md-about-6 .list { position: relative; margin: 0 .65rem; 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-about-6 .list .swiper-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-about-6 .list .swiper-container:after { content: ''; position: absolute; left: 0; right: 0; top: 4.1rem; margin: auto; height: .1rem; background: #a4bfd0; }

.md-about-6 .list .slide { width: 8.5em; padding-top: 3.7rem; padding-bottom: 3rem; }

.md-about-6 .list .slide--start { width: .4rem; min-width: auto; }

.md-about-6 .list .slide--end { width: 1.5rem; min-width: auto; overflow: hidden; }

.md-about-6 .list .slide--end .item { background: none; display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-about-6 .list .slide--end .item:before { content: ''; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #a4bfd0; }

.md-about-6 .list .slide--end .item img { height: 100%; }

.md-about-6 .list .item { position: relative; text-align: center; background: #a4bfd0; height: 0.1rem; }

.md-about-6 .list .year { position: absolute; top: 100%; width: 100%; color: #333; font-weight: bold; opacity: 0; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; }

.md-about-6 .list .year:before { content: ''; display: block; height: 0; margin: 0 auto .08rem; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; width: 0; border-left: .02rem solid #444; }

.md-about-6 .list .tit-top { position: absolute; bottom: 100%; width: 100%; line-height: 1.55556; opacity: 0; -webkit-transition: 1s .5s; -o-transition: 1s .5s; transition: 1s .5s; }

.md-about-6 .list .tit-top .text { white-space: pre-line; }

.md-about-6 .list .tit-top .dash { margin-top: .23rem; }

.md-about-6 .list .tit-top .dash:before { content: ''; display: block; margin: 0 auto; width: .08rem; height: .08rem; min-width: 6px; min-height: 6px; border-radius: 50%; background: #333333; }

.md-about-6 .list .tit-top .dash:after { content: ''; display: block; -webkit-transition: 1s .5s; -o-transition: 1s .5s; transition: 1s .5s; height: 0; margin: auto; width: 0; border-left: .02rem dashed #444; }

.md-about-6 .list .tit-bottom { position: absolute; top: .89rem; width: 100%; opacity: 0; -webkit-transition: 1s .5s; -o-transition: 1s .5s; transition: 1s .5s; }

.md-about-6 .list .tit-bottom .dash { margin-bottom: .15rem; }

.md-about-6 .list .tit-bottom .dash:before { content: ''; display: block; margin: 0 auto; -webkit-transition: 1s .5s; -o-transition: 1s .5s; transition: 1s .5s; height: 0; width: .02rem; background: url(../images/dash.png) repeat center top/100%; }

.md-about-6 .list .tit-bottom .dash:after { content: ''; display: block; width: .08rem; height: .08rem; min-width: 6px; min-height: 6px; margin: 0 auto; border-radius: 50%; background: #333333; }

.md-about-6 .list .tit-bottom .text { line-height: 1.55556; white-space: pre-line; }

.md-about-6 .list .bar { position: absolute; bottom: 100%; width: 100%; opacity: 0; -webkit-transition: 1s .5s; -o-transition: 1s .5s; transition: 1s .5s; }

.md-about-6 .list .bar-tit { color: #0a3190; font-weight: bold; }

.md-about-6 .list .bar-body { width: .6rem; width: .5rem; margin: .13rem auto 0; }

.md-about-6 .list .bar-main { background: #0a3190; -webkit-transition: 1s .5s; -o-transition: 1s .5s; transition: 1s .5s; height: 0; }

.md-about-6 .list .slide-visible .year { opacity: 1; }

.md-about-6 .list .slide-visible .year:before { height: .26rem; }

.md-about-6 .list .slide-visible .tit-top { opacity: 1; }

.md-about-6 .list .slide-visible .tit-top .dash:after { height: 1.14rem; }

.md-about-6 .list .slide-visible .tit-bottom { opacity: 1; }

.md-about-6 .list .slide-visible .tit-bottom .dash:before { height: .36rem; }

.md-about-6 .list .slide-visible .bar { opacity: 1; }

.md-about-6 .list .slide-visible .bar-main { height: var(--height, 1.2rem); }

@media (min-width: 1440px) { .md-about-6 .list { font-size: .18rem; }
  .md-about-6 .list .year { font-size: 0.24rem; }
  .md-about-6 .list .bar-tit { font-size: 0.26rem; } }

@media (max-width: 1439px) { .md-about-6 .list { font-size: calc(18px * 1440 / 1920); }
  .md-about-6 .list .year { font-size: calc(24px * 1440 / 1920); }
  .md-about-6 .list .bar-tit { font-size: calc(26px * 1440 / 1920); } }

@media (max-width: 750px) { .md-about-6 .list { margin: 0 .3rem; }
  .md-about-6 .list .slide { width: 20%; }
  .md-about-6 .list .slide--start { display: none; }
  .md-about-6 .list .slide--end { width: 0.85rem; display: none; } }

@media (max-width: 500px) { .md-about-6 .list { font-size: 10px; }
  .md-about-6 .list .year { font-size: 14px; }
  .md-about-6 .list .bar-tit { font-size: 16px; } }

@media (max-width: 750px) { .md-about-6 { display: block; } }