@charset "UTF-8";
@font-face { font-family: 'Poppins-Light'; src: url(../fonts/Poppins-Light.ttf); }
@font-face { font-family: 'Poppins-Regular'; src: url(../fonts/Poppins-Regular.ttf); }
@font-face { font-family: 'Poppins-Medium'; src: url(../fonts/Poppins-Medium.ttf); }
@font-face { font-family: 'Poppins-SemiBold'; src: url(../fonts/Poppins-SemiBold.ttf); }
@font-face { font-family: 'Poppins-Bold'; src: url(../fonts/Poppins-Bold.ttf); }
.f-Light { font-family: 'Poppins-Light', sans-serif; }
.f-Regular { font-family: 'Poppins-Regular', sans-serif; }
.f-Medium { font-family: 'Poppins-Medium', sans-serif; }
.f-SemiBold { font-family: 'Poppins-SemiBold', sans-serif; }
.f-Bold { font-family: 'Poppins-Bold', sans-serif; }
html { font-family: 'Poppins-Regular', sans-serif; }

/* 阿拉伯语，标题跟文本设置文字方向为 右向左 */
html[lang=ar], [dir=rtl] { /* 只处理部分文本，不想布局也跟着乱 */ }

html[lang=ar] h1, html[lang=ar] h2, html[lang=ar] h3, html[lang=ar] h4, html[lang=ar] h5, html[lang=ar] h6, html[lang=ar] p, [dir=rtl] h1, [dir=rtl] h2, [dir=rtl] h3, [dir=rtl] h4, [dir=rtl] h5, [dir=rtl] h6, [dir=rtl] p { direction: rtl; }

body { direction: ltr; color: #333; font-size: 14px; line-height: 1.2; overflow-x: hidden; }

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

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

*:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

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

@media (min-width: 1921px) { html { font-size: 100px; } }

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

.s0 { font-size: 0; }

.s12 { font-size: calc(12 / 1920 * 100vw); }

@media (max-width: 1920px) { .s12 { font-size: 12px; } }

.s13 { font-size: calc(13 / 1920 * 100vw); }

@media (max-width: 1801.84615px) { .s13 { font-size: 12.2px; } }

.s14 { font-size: calc(14 / 1920 * 100vw); }

@media (max-width: 1700.57143px) { .s14 { font-size: 12.4px; } }

.s15 { font-size: calc(15 / 1920 * 100vw); }

@media (max-width: 1612.8px) { .s15 { font-size: 12.6px; } }

.s16 { font-size: calc(16 / 1920 * 100vw); }

@media (max-width: 1536px) { .s16 { font-size: 12.8px; } }

.s17 { font-size: calc(17 / 1920 * 100vw); }

@media (max-width: 1468.23529px) { .s17 { font-size: 13px; } }

.s18 { font-size: calc(18 / 1920 * 100vw); }

@media (max-width: 1408px) { .s18 { font-size: 13.2px; } }

.s19 { font-size: calc(19 / 1920 * 100vw); }

@media (max-width: 1354.10526px) { .s19 { font-size: 13.4px; } }

.s20 { font-size: calc(20 / 1920 * 100vw); }

@media (max-width: 1305.6px) { .s20 { font-size: 13.6px; } }

.s21 { font-size: calc(21 / 1920 * 100vw); }

@media (max-width: 1261.71429px) { .s21 { font-size: 13.8px; } }

.s22 { font-size: calc(22 / 1920 * 100vw); }

@media (max-width: 1221.81818px) { .s22 { font-size: 14px; } }

.s23 { font-size: calc(23 / 1920 * 100vw); }

@media (max-width: 1185.3913px) { .s23 { font-size: 14.2px; } }

.s24 { font-size: calc(24 / 1920 * 100vw); }

@media (max-width: 1152px) { .s24 { font-size: 14.4px; } }

.s25 { font-size: calc(25 / 1920 * 100vw); }

@media (max-width: 1121.28px) { .s25 { font-size: 14.6px; } }

.s26 { font-size: calc(26 / 1920 * 100vw); }

@media (max-width: 1092.92308px) { .s26 { font-size: 14.8px; } }

.s27 { font-size: calc(27 / 1920 * 100vw); }

@media (max-width: 1066.66667px) { .s27 { font-size: 15px; } }

.s28 { font-size: calc(28 / 1920 * 100vw); }

@media (max-width: 1042.28571px) { .s28 { font-size: 15.2px; } }

.s29 { font-size: calc(29 / 1920 * 100vw); }

@media (max-width: 1019.58621px) { .s29 { font-size: 15.4px; } }

.s30 { font-size: calc(30 / 1920 * 100vw); }

@media (max-width: 998.4px) { .s30 { font-size: 15.6px; } }

.s31 { font-size: calc(31 / 1920 * 100vw); }

@media (max-width: 978.58065px) { .s31 { font-size: 15.8px; } }

.s32 { font-size: calc(32 / 1920 * 100vw); }

@media (max-width: 960px) { .s32 { font-size: 16px; } }

.s33 { font-size: calc(33 / 1920 * 100vw); }

@media (max-width: 942.54545px) { .s33 { font-size: 16.2px; } }

.s34 { font-size: calc(34 / 1920 * 100vw); }

@media (max-width: 926.11765px) { .s34 { font-size: 16.4px; } }

.s35 { font-size: calc(35 / 1920 * 100vw); }

@media (max-width: 910.62857px) { .s35 { font-size: 16.6px; } }

.s36 { font-size: calc(36 / 1920 * 100vw); }

@media (max-width: 896px) { .s36 { font-size: 16.8px; } }

.s37 { font-size: calc(37 / 1920 * 100vw); }

@media (max-width: 882.16216px) { .s37 { font-size: 17px; } }

.s38 { font-size: calc(38 / 1920 * 100vw); }

@media (max-width: 869.05263px) { .s38 { font-size: 17.2px; } }

.s39 { font-size: calc(39 / 1920 * 100vw); }

@media (max-width: 856.61538px) { .s39 { font-size: 17.4px; } }

.s40 { font-size: calc(40 / 1920 * 100vw); }

@media (max-width: 844.8px) { .s40 { font-size: 17.6px; } }

.s41 { font-size: calc(41 / 1920 * 100vw); }

@media (max-width: 833.56098px) { .s41 { font-size: 17.8px; } }

.s42 { font-size: calc(42 / 1920 * 100vw); }

@media (max-width: 822.85714px) { .s42 { font-size: 18px; } }

.s43 { font-size: calc(43 / 1920 * 100vw); }

@media (max-width: 812.65116px) { .s43 { font-size: 18.2px; } }

.s44 { font-size: calc(44 / 1920 * 100vw); }

@media (max-width: 802.90909px) { .s44 { font-size: 18.4px; } }

.s45 { font-size: calc(45 / 1920 * 100vw); }

@media (max-width: 793.6px) { .s45 { font-size: 18.6px; } }

.s46 { font-size: calc(46 / 1920 * 100vw); }

@media (max-width: 784.69565px) { .s46 { font-size: 18.8px; } }

.s47 { font-size: calc(47 / 1920 * 100vw); }

@media (max-width: 776.17021px) { .s47 { font-size: 19px; } }

.s48 { font-size: calc(48 / 1920 * 100vw); }

@media (max-width: 768px) { .s48 { font-size: 19.2px; } }

.s49 { font-size: calc(49 / 1920 * 100vw); }

@media (max-width: 760.16327px) { .s49 { font-size: 19.4px; } }

.s50 { font-size: calc(50 / 1920 * 100vw); }

@media (max-width: 752.64px) { .s50 { font-size: 19.6px; } }

.s51 { font-size: calc(51 / 1920 * 100vw); }

@media (max-width: 745.41176px) { .s51 { font-size: 19.8px; } }

.s52 { font-size: calc(52 / 1920 * 100vw); }

@media (max-width: 738.46154px) { .s52 { font-size: 20px; } }

.s53 { font-size: calc(53 / 1920 * 100vw); }

@media (max-width: 731.77358px) { .s53 { font-size: 20.2px; } }

.s54 { font-size: calc(54 / 1920 * 100vw); }

@media (max-width: 725.33333px) { .s54 { font-size: 20.4px; } }

.s55 { font-size: calc(55 / 1920 * 100vw); }

@media (max-width: 719.12727px) { .s55 { font-size: 20.6px; } }

.s56 { font-size: calc(56 / 1920 * 100vw); }

@media (max-width: 713.14286px) { .s56 { font-size: 20.8px; } }

.s57 { font-size: calc(57 / 1920 * 100vw); }

@media (max-width: 707.36842px) { .s57 { font-size: 21px; } }

.s58 { font-size: calc(58 / 1920 * 100vw); }

@media (max-width: 701.7931px) { .s58 { font-size: 21.2px; } }

.s59 { font-size: calc(59 / 1920 * 100vw); }

@media (max-width: 696.40678px) { .s59 { font-size: 21.4px; } }

.s60 { font-size: calc(60 / 1920 * 100vw); }

@media (max-width: 691.2px) { .s60 { font-size: 21.6px; } }

.s61 { font-size: calc(61 / 1920 * 100vw); }

@media (max-width: 686.16393px) { .s61 { font-size: 21.8px; } }

.s62 { font-size: calc(62 / 1920 * 100vw); }

@media (max-width: 681.29032px) { .s62 { font-size: 22px; } }

.s63 { font-size: calc(63 / 1920 * 100vw); }

@media (max-width: 676.57143px) { .s63 { font-size: 22.2px; } }

.s64 { font-size: calc(64 / 1920 * 100vw); }

@media (max-width: 672px) { .s64 { font-size: 22.4px; } }

.s65 { font-size: calc(65 / 1920 * 100vw); }

@media (max-width: 667.56923px) { .s65 { font-size: 22.6px; } }

.s66 { font-size: calc(66 / 1920 * 100vw); }

@media (max-width: 663.27273px) { .s66 { font-size: 22.8px; } }

.s67 { font-size: calc(67 / 1920 * 100vw); }

@media (max-width: 659.10448px) { .s67 { font-size: 23px; } }

.s68 { font-size: calc(68 / 1920 * 100vw); }

@media (max-width: 655.05882px) { .s68 { font-size: 23.2px; } }

.s69 { font-size: calc(69 / 1920 * 100vw); }

@media (max-width: 651.13043px) { .s69 { font-size: 23.4px; } }

.s70 { font-size: calc(70 / 1920 * 100vw); }

@media (max-width: 647.31429px) { .s70 { font-size: 23.6px; } }

.s71 { font-size: calc(71 / 1920 * 100vw); }

@media (max-width: 643.60563px) { .s71 { font-size: 23.8px; } }

.s72 { font-size: calc(72 / 1920 * 100vw); }

@media (max-width: 640px) { .s72 { font-size: 24px; } }

.s73 { font-size: calc(73 / 1920 * 100vw); }

@media (max-width: 636.49315px) { .s73 { font-size: 24.2px; } }

.s74 { font-size: calc(74 / 1920 * 100vw); }

@media (max-width: 633.08108px) { .s74 { font-size: 24.4px; } }

.s75 { font-size: calc(75 / 1920 * 100vw); }

@media (max-width: 629.76px) { .s75 { font-size: 24.6px; } }

.s76 { font-size: calc(76 / 1920 * 100vw); }

@media (max-width: 626.52632px) { .s76 { font-size: 24.8px; } }

.s77 { font-size: calc(77 / 1920 * 100vw); }

@media (max-width: 623.37662px) { .s77 { font-size: 25px; } }

.s78 { font-size: calc(78 / 1920 * 100vw); }

@media (max-width: 620.30769px) { .s78 { font-size: 25.2px; } }

.s79 { font-size: calc(79 / 1920 * 100vw); }

@media (max-width: 617.31646px) { .s79 { font-size: 25.4px; } }

.s80 { font-size: calc(80 / 1920 * 100vw); }

@media (max-width: 614.4px) { .s80 { font-size: 25.6px; } }

.s81 { font-size: calc(81 / 1920 * 100vw); }

@media (max-width: 611.55556px) { .s81 { font-size: 25.8px; } }

.s82 { font-size: calc(82 / 1920 * 100vw); }

@media (max-width: 608.78049px) { .s82 { font-size: 26px; } }

.s83 { font-size: calc(83 / 1920 * 100vw); }

@media (max-width: 606.07229px) { .s83 { font-size: 26.2px; } }

.s84 { font-size: calc(84 / 1920 * 100vw); }

@media (max-width: 603.42857px) { .s84 { font-size: 26.4px; } }

.s85 { font-size: calc(85 / 1920 * 100vw); }

@media (max-width: 600.84706px) { .s85 { font-size: 26.6px; } }

.s86 { font-size: calc(86 / 1920 * 100vw); }

@media (max-width: 598.32558px) { .s86 { font-size: 26.8px; } }

.s87 { font-size: calc(87 / 1920 * 100vw); }

@media (max-width: 595.86207px) { .s87 { font-size: 27px; } }

.s88 { font-size: calc(88 / 1920 * 100vw); }

@media (max-width: 593.45455px) { .s88 { font-size: 27.2px; } }

.s89 { font-size: calc(89 / 1920 * 100vw); }

@media (max-width: 591.10112px) { .s89 { font-size: 27.4px; } }

.s90 { font-size: calc(90 / 1920 * 100vw); }

@media (max-width: 588.8px) { .s90 { font-size: 27.6px; } }

.s91 { font-size: calc(91 / 1920 * 100vw); }

@media (max-width: 586.54945px) { .s91 { font-size: 27.8px; } }

.s92 { font-size: calc(92 / 1920 * 100vw); }

@media (max-width: 584.34783px) { .s92 { font-size: 28px; } }

.s93 { font-size: calc(93 / 1920 * 100vw); }

@media (max-width: 582.19355px) { .s93 { font-size: 28.2px; } }

.s94 { font-size: calc(94 / 1920 * 100vw); }

@media (max-width: 580.08511px) { .s94 { font-size: 28.4px; } }

.s95 { font-size: calc(95 / 1920 * 100vw); }

@media (max-width: 578.02105px) { .s95 { font-size: 28.6px; } }

.s96 { font-size: calc(96 / 1920 * 100vw); }

@media (max-width: 576px) { .s96 { font-size: 28.8px; } }

.s97 { font-size: calc(97 / 1920 * 100vw); }

@media (max-width: 574.02062px) { .s97 { font-size: 29px; } }

.s98 { font-size: calc(98 / 1920 * 100vw); }

@media (max-width: 572.08163px) { .s98 { font-size: 29.2px; } }

.s99 { font-size: calc(99 / 1920 * 100vw); }

@media (max-width: 570.18182px) { .s99 { font-size: 29.4px; } }

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

@media (max-width: 568.32px) { .s100 { font-size: 29.6px; } }

@media (min-width: 1921px) { .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; } }

.layout { margin-left: auto; margin-right: auto; width: 16rem; max-width: 92%; }

.layout-full { margin-left: auto; margin-right: auto; width: 19.2rem; max-width: 100%; }

.oh { overflow: hidden; }

.pointer { cursor: pointer; }

.fl { float: left; }

.fr { float: right; }

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

.color-theme { color: #2f6eb6; }

.color-active { color: #2f6eb6; }

.bg-theme { background-color: #2f6eb6; }

.bg-active { background-color: #2f6eb6; }

.bg-gradient { background: -webkit-gradient(linear, left top, right top, from(#2f6eb6), to(#598bc5)); background: -o-linear-gradient(left, #2f6eb6, #598bc5); background: linear-gradient(to right, #2f6eb6, #598bc5); }

.bg-cover { background-position: center; background-repeat: no-repeat; background-size: cover; }

.bg-contain { background-position: center; background-repeat: no-repeat; background-size: contain; }

.color-0 { color: #000; }

.bg-0 { background-color: #000; }

.color-1 { color: #111; }

.bg-1 { background-color: #111; }

.color-2 { color: #222; }

.bg-2 { background-color: #222; }

.color-3 { color: #333; }

.bg-3 { background-color: #333; }

.color-4 { color: #444; }

.bg-4 { background-color: #444; }

.color-5 { color: #555; }

.bg-5 { background-color: #555; }

.color-6 { color: #666; }

.bg-6 { background-color: #666; }

.color-7 { color: #777; }

.bg-7 { background-color: #777; }

.color-8 { color: #888; }

.bg-8 { background-color: #888; }

.color-9 { color: #999; }

.bg-9 { background-color: #999; }

.color-a { color: #aaa; }

.bg-a { background-color: #aaa; }

.color-b { color: #bbb; }

.bg-b { background-color: #bbb; }

.color-c { color: #ccc; }

.bg-c { background-color: #ccc; }

.color-d { color: #ddd; }

.bg-d { background-color: #ddd; }

.color-e { color: #eee; }

.bg-e { background-color: #eee; }

.color-f { color: #fff; }

.bg-f { background-color: #fff; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.noscroll { overflow: hidden; }

.c-video { position: fixed; left: 0; top: 120%; z-index: 10000000; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); display: none; }

.c-video.show { top: 0; display: block; }

.c-video__main { width: 70%; position: absolute; left: 0; right: 0; top: 50%; margin: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.c-video__cnt { padding-top: calc(1080 / 1920 * 100%); position: relative; background: rgba(0, 0, 0, 0.7); }

.c-video__iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.c-video__video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; }

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

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

@media (max-width: 800px) { .c-video__main { width: 100%; height: 100%; }
  .c-video__cnt { height: 100%; }
  .c-video__close { right: 0; } }

.rich-text * { max-width: 100%; text-wrap: wrap !important; }

.rich-text img { height: auto; vertical-align: top; }

.rich-text table { word-break: break-word; }

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

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-justify { text-align: justify; }

.c-pic { overflow: hidden; position: relative; }

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

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

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

.flex-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.flex-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.flex-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.flex-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.flex-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.flex-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

@media (min-width: 901px) { .hidden-pc { display: none; } }

@media (max-width: 900px) { .hidden-wap { display: none; } }

.c-img-full { font-size: 0; }

.c-img-full img { width: 100%; }

.c-scroll { overflow: auto; }

.c-scroll::-webkit-scrollbar { width: 4px; height: 4px; background-color: #e5edf8; border-radius: 2px; }

.c-scroll::-webkit-scrollbar-thumb { background-color: #2f6eb6; border-radius: 2px; }

.pswp__bg { background: rgba(0, 0, 0, 0.7); }

/* 自定义图标，去掉插件默认的 */
.social-share .icon-wechat .wechat-qrcode { z-index: 100; }

.social-share .custom-icon:before { display: none; }

.social-share .custom-icon:hover { background: none; }

.c-select { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.c-select input, .c-select select { display: none; }

.c-select__bd { position: absolute; left: 0; top: 100%; z-index: 20; width: 100%; background: #f6f6f6; color: #333; -webkit-box-shadow: 0 .05rem .1rem 0 #ccc; box-shadow: 0 .05rem .1rem 0 #ccc; display: none; max-height: 6rem; overflow: auto; }

.c-select.show .c-select__bd { display: block; }

.media img, .media video { display: block; width: 100%; -o-object-fit: cover; object-fit: cover; }

.media-ratio { position: relative; }

.media-ratio img, .media-ratio video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

[data-ani] { opacity: 0; }

.ani { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

[data-ani-delay='100'] { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }

[data-ani-delay='200'] { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

[data-ani-delay='300'] { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

[data-ani-delay='400'] { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

[data-ani-delay='500'] { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

[data-ani-delay='600'] { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

[data-ani-delay='700'] { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }

[data-ani-delay='800'] { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

[data-ani-delay='900'] { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }

[data-ani-delay='1000'] { -webkit-animation-delay: 1s; animation-delay: 1s; }

@-webkit-keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

[data-ani=fade-in].ani { -webkit-animation-name: fade-in; animation-name: fade-in; }

@-webkit-keyframes fade-up { from { opacity: 0;
    -webkit-transform: translateY(1.4rem);
            transform: translateY(1.4rem); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fade-up { from { opacity: 0;
    -webkit-transform: translateY(1.4rem);
            transform: translateY(1.4rem); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

[data-ani=fade-up].ani { -webkit-animation-name: fade-up; animation-name: fade-up; }

@-webkit-keyframes fade-down { from { opacity: 0;
    -webkit-transform: translateY(-1.4rem);
            transform: translateY(-1.4rem); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fade-down { from { opacity: 0;
    -webkit-transform: translateY(-1.4rem);
            transform: translateY(-1.4rem); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

[data-ani=fade-down].ani { -webkit-animation-name: fade-down; animation-name: fade-down; }

@-webkit-keyframes fade-left { from { opacity: 0;
    -webkit-transform: translateX(1.4rem);
            transform: translateX(1.4rem); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes fade-left { from { opacity: 0;
    -webkit-transform: translateX(1.4rem);
            transform: translateX(1.4rem); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

[data-ani=fade-left].ani { -webkit-animation-name: fade-left; animation-name: fade-left; }

@-webkit-keyframes fade-right { from { opacity: 0;
    -webkit-transform: translateX(-1.4rem);
            transform: translateX(-1.4rem); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes fade-right { from { opacity: 0;
    -webkit-transform: translateX(-1.4rem);
            transform: translateX(-1.4rem); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

[data-ani=fade-right].ani { -webkit-animation-name: fade-right; animation-name: fade-right; }

@-webkit-keyframes zoom-in { from { opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  to { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes zoom-in { from { opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  to { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

[data-ani=zoom-in].ani { -webkit-animation-name: zoom-in; animation-name: zoom-in; }

[data-original] { min-height: 10px; }

.m-title .t2 { margin-top: .04rem; }

.m-more { 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; min-width: 1.8rem; min-height: .54rem; border-radius: .54rem; padding: .6em .28rem; background-color: #2f6eb6; color: #fff; border: none; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.m-more:after { content: ''; width: .08rem; height: .11rem; min-width: 8px; min-height: 11px; margin-left: .18rem; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../images/i-right-1.png); background-size: contain; position: relative; z-index: 2; }

@media (any-hover: hover) { .m-more:hover { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0 0.1rem 0.1rem -0.05rem rgba(47, 110, 182, 0.5); box-shadow: 0 0.1rem 0.1rem -0.05rem rgba(47, 110, 182, 0.5); } }

.m-more.border { background-color: transparent; border: 1px solid #2f6eb6; color: #2f6eb6; }

.m-more.border::after { background-image: url(../images/i-right-2.png); }

@media (any-hover: hover) { .m-more.border:hover { background-color: #2f6eb6; color: #fff; }
  .m-more.border:hover::after { background-image: url(../images/i-right-1.png); } }

.m-arrow { width: .54rem; height: .54rem; min-width: 30px; min-height: 30px; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: 8px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; cursor: pointer; border: 1px solid #2f6eb6; }

.m-arrow:hover { background-color: #2f6eb6; }

.m-arrow.swiper-button-disabled { cursor: not-allowed; pointer-events: none; }

.m-arrow.prev { background-image: url(../images/i-left-2.png); }

.m-arrow.prev:hover { background-image: url(../images/i-left-1.png); }

.m-arrow.next { background-image: url(../images/i-right-2.png); }

.m-arrow.next:hover { background-image: url(../images/i-right-1.png); }

.md-ban { position: relative; }

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

.md-ban .t2 { margin-top: .35rem; line-height: 2.0625; width: 8.4rem; max-width: 100%; }

.md-ban--solution .text { top: 49.6%; }

.md-ban--solution .t1 { line-height: 1.5; width: 9.3rem; max-width: 100%; }

.md-ban--solution .t2 { line-height: 1.5; width: 9.3rem; max-width: 100%; margin-top: .21rem; }

@media (max-width: 750px) { .md-ban .text { top: 55%; }
  .md-ban .img { min-height: 300px; }
  .md-ban .t2 { line-height: 1.5; } }

@media (max-width: 500px) { .md-ban .t1 { font-size: calc(60 / 1000 * 100vw); }
  .md-ban .t2 { font-size: 12px; }
  .md-ban--solution .t1 { font-size: calc(48 / 1000 * 100vw); } }

/* 面包屑 */
.md_bread { min-height: .9rem; 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; line-height: 1.5; padding: .2rem 0; }

.md_bread img { width: .14rem; min-width: 12px; margin-right: .14rem; }

.md_bread-split { margin: 0 .1em; }

.md_bread-item:hover { color: #2f6eb6; }

.md_subnav-item { width: auto; max-width: 100vw; position: relative; line-height: .9rem; margin-right: .4rem; }

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

.md_subnav-item:after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: .04rem; background: #2f6eb6; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md_subnav-item.on, .md_subnav-item:hover { color: #2f6eb6; }

.md_subnav-item.on:after, .md_subnav-item:hover:after { width: 100%; }

.md_nav { background-color: #ffffff; border-bottom: 1px solid #f3f3f3; position: relative; z-index: 2; }

.md_nav .layout { 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_nav .md_bread { -ms-flex-negative: 0; flex-shrink: 0; max-width: 50%; }

.md_nav .md_subnav { margin-left: .7rem; }

@media (max-width: 900px) { .md_nav .layout { display: block; }
  .md_nav .md_bread { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: 0; max-width: 100%; }
  .md_nav .md_subnav { border-bottom: 1px solid #eee; margin-left: 0; } }

.m_pages { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; }

.m_pages-item { min-width: 0.54rem; height: 0.54rem; line-height: 0.54rem; border-radius: 0.54rem; padding: 0 .2em; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; margin-right: .2rem; position: relative; }

.m_pages-item::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #2f6eb6; }

.m_pages-item:last-child { margin-right: 0; }

.m_pages-item:hover { color: #2f6eb6; font-weight: bold; }

.m_pages .on { background: #2f6eb6; color: #fff; }

.m_pages .disabled { pointer-events: none; }

.m_pages-prev, .m_pages-next { background-position: center; background-repeat: no-repeat; background-size: 8px; }

.m_pages-prev:hover, .m_pages-next:hover { background-color: #2f6eb6; }

.m_pages-prev { background-image: url(../images/i-left-2.png); }

.m_pages-prev:hover { background-image: url(../images/i-left-1.png); }

.m_pages-next { background-image: url(../images/i-right-2.png); }

.m_pages-next:hover { background-image: url(../images/i-right-1.png); }

@media (max-width: 1400px) { .m_pages-item { min-width: 30px; height: 30px; line-height: 30px; line-height: 30px; } }

/* 头部 */
.md-header { position: fixed; left: 0; top: 0; z-index: 10; width: 100%; color: #fff; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(transparent)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.3), transparent); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-header::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #fff; opacity: .15; }

.md-header-cnt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 2; }

.md-header .logo { width: 2.5rem; height: 0.9rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-header .logo img { width: 100%; max-height: 90%; -o-object-fit: contain; object-fit: contain; }

.md-header .logo .i-2 { display: none; }

.md-header .rg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-header .rg .line { width: 1px; height: .2rem; min-height: 14px; background-color: rgba(255, 255, 255, 0.3); margin: 0 .2rem; }

.md-header .h-search { width: .19rem; height: .19rem; min-width: 14px; min-height: 14px; background-repeat: no-repeat; background-position: center; background-size: contain; background-color: transparent; background-image: url(../images/i-search-2.png); cursor: pointer; border: none; }

.md-header .h-lang { position: relative; }

.md-header .h-lang__hd { height: 0.9rem; 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; cursor: pointer; }

.md-header .h-lang__hd .i-1 { width: .18rem; height: .18rem; min-width: 14px; min-height: 14px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../images/i-lang-2.png); }

.md-header .h-lang__hd .tx { margin-left: .1rem; }

.md-header .h-lang__bd { position: absolute; left: 50%; top: 100%; z-index: 10; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center; background-color: #fff; color: #000; width: 100%; min-width: 100px; -webkit-box-shadow: 0 .05rem .1rem 0 #999; box-shadow: 0 .05rem .1rem 0 #999; display: none; border-radius: .05rem; overflow: hidden; }

.md-header .h-lang__opt { display: block; line-height: 1.8; padding: .25em .5em; }

.md-header .h-lang__opt:hover { background-color: #2f6eb6; color: #fff; }

.md-header .h-lang:hover .h-lang__bd { display: block; }

.md-header .nav-btn { position: relative; z-index: 12; margin-left: 15px; display: none; }

.md-header .nav-btn span { display: block; width: 23px; height: 2px; background: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; margin-bottom: 6px; }

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

.md-header .nav .mask { display: none; }

.md-header.over, .md-header.active { background: #fff; color: #222; }

.md-header.over::before, .md-header.active::before { background: #666; }

.md-header.over .logo .i-1, .md-header.active .logo .i-1 { display: none; }

.md-header.over .logo .i-2, .md-header.active .logo .i-2 { display: block; }

.md-header.over .rg .line, .md-header.active .rg .line { background-color: rgba(34, 34, 34, 0.3); }

.md-header.over .h-search, .md-header.active .h-search { background-image: url(../images/i-search.png); }

.md-header.over .h-lang__hd .i-1, .md-header.active .h-lang__hd .i-1 { background-image: url(../images/i-lang.png); }

.md-header.over .nav-btn span, .md-header.active .nav-btn span { background: #000; }

.md-header.over .nav .li1.on .a1-wrap, .md-header.active .nav .li1.on .a1-wrap { color: #2f6eb6; }

.md-header.over .nav .a1-wrap::after, .md-header.active .nav .a1-wrap::after { background-color: #2f6eb6; }

@media (max-width: 1200px) { .md-header-cnt { width: 92%; } }

@media (min-width: 901px) { .md-header .nav { margin-right: .28rem; }
  .md-header .nav .ul1 { 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; }
  .md-header .nav .li1 { position: relative; margin-right: .66rem; }
  .md-header .nav .li1:last-of-type { margin-right: 0; }
  .md-header .nav .li1.on .a1-wrap::after { width: 100%; }
  .md-header .nav .li1:hover .a1 { color: #2f6eb6; }
  .md-header .nav .li1:hover .ul2 { visibility: visible; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 1; }
  .md-header .nav .li1:hover .dropmenu { visibility: visible; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 1; }
  .md-header .nav .a1-wrap { position: relative; }
  .md-header .nav .a1-wrap:after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 0.03rem; min-height: 3px; background-color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .md-header .nav .a1 { display: block; line-height: 0.9rem; }
  .md-header .nav .ul2 { position: absolute; left: 50%; top: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; min-width: 10em; max-width: 20em; padding-top: 0.1rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; visibility: hidden; -webkit-transform: translate(-50%, 0.2rem); -ms-transform: translate(-50%, 0.2rem); transform: translate(-50%, 0.2rem); opacity: 0; }
  .md-header .nav .ul2-cnt { -webkit-box-shadow: 0 0 0.32rem 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 0.32rem 0 rgba(0, 0, 0, 0.16); background: #fff; border-radius: .1rem; line-height: 1.3125; padding: .2rem; max-height: 80vh; overflow-y: auto; }
  .md-header .nav .a2 { display: block; padding: .1rem .2rem; border-radius: .1rem; }
  .md-header .nav .a2:hover { background-color: #f7f7f7; color: #2f6eb6; }
  .md-header .nav .dropmenu { position: absolute; left: 50%; top: 100%; width: 10.8rem; max-width: 100vw; padding-top: .1rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: translate(-50%, 0.2rem); -ms-transform: translate(-50%, 0.2rem); transform: translate(-50%, 0.2rem); visibility: hidden; opacity: 0; }
  .md-header .nav .dropmenu-cnt { -webkit-box-shadow: 0 0 0.32rem 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 0.32rem 0 rgba(0, 0, 0, 0.16); background: #fff; border-radius: .1rem; padding: .4rem; max-height: 80vh; overflow-y: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-header .nav .dropmenu .list-link { width: calc(460 / 1000 * 100%); line-height: 1.3125; padding-top: .08rem; }
  .md-header .nav .dropmenu .list-link .list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: .1rem; padding: .1rem .2rem; padding-left: .3rem; margin-bottom: .128rem; }
  .md-header .nav .dropmenu .list-link .list-item:after { margin-left: auto; -ms-flex-negative: 0; flex-shrink: 0; content: ''; width: 0.4rem; height: .4rem; border-radius: 50%; background: #2f6eb6; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../images/i-right-1.png); background-size: calc(8 / 40 * 100%); opacity: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .md-header .nav .dropmenu .list-link .list-item.active { background-color: #f7f7f7; color: #2f6eb6; }
  .md-header .nav .dropmenu .list-link .list-item.active::after { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  .md-header .nav .dropmenu .list-img { width: calc(460 / 1000 * 100%); }
  .md-header .nav .dropmenu .list-img .list-item { border-radius: .1rem; background-color: #fff; display: none; }
  .md-header .nav .dropmenu .list-img .list-item.active { display: block; }
  .md-header .nav .dropmenu .list-img .list-item:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
  .md-header .nav .dropmenu .list-img .img { padding-top: calc(400 / 460 * 100%); } }

@media (max-width: 900px) { .md-header .h-search { background-size: 16px; }
  .md-header .nav-btn { display: block; }
  .md-header .nav .ul1 { position: fixed; right: 0; top: 0; z-index: 11; width: 80%; max-width: 300px; height: 100%; padding-top: 50px; background: #fff; color: #000; overflow-y: auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; visibility: hidden; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }
  .md-header .nav .li1 { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); }
  .md-header .nav .li1:first-of-type { border-top: 1px dashed rgba(0, 0, 0, 0.2); }
  .md-header .nav .li1.show .a1 { color: #2f6eb6; }
  .md-header .nav .li1.show .ul2 { display: block; }
  .md-header .nav .li1.show .mbtn { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
  .md-header .nav .li1.show .dropmenu { display: block; }
  .md-header .nav .a1-wrap { 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: 5px 10px 5px 15px; }
  .md-header .nav .a1 { display: block; padding: 10px 0; }
  .md-header .nav .ul2 { display: none; color: #666; padding-bottom: 10px; }
  .md-header .nav .a2 { display: block; padding: 10px; padding-left: 25px; }
  .md-header .nav .mask { position: fixed; left: 0; top: 0; z-index: 9; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
  .md-header .nav .mbtn { width: 24px; height: 24px; background: url(../images/i-cor.png) no-repeat center; background-size: 16px; margin-left: 10px; cursor: pointer; -ms-flex-negative: 0; flex-shrink: 0; }
  .md-header .nav .dropmenu { display: none; padding-bottom: 10px; }
  .md-header .nav .dropmenu .list-link .list-item { display: block; padding: 6px 10px; padding-left: 25px; line-height: 1.25; }
  .md-header .nav .dropmenu .list-img { display: none; }
  .md-header.open .nav-btn span { background: #000; }
  .md-header.open .nav-btn span:nth-of-type(1) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
  .md-header.open .nav-btn span:nth-of-type(3) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  .md-header.open .nav-btn span:nth-of-type(2) { width: 0; }
  .md-header.open .nav .ul1 { visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  .md-header.open .nav .mask { display: block; } }

/* 搜索 */
.md-search .mask { position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); display: none; }

.md-search .main { position: fixed; left: 0; top: 0; z-index: 101; width: 100%; background: #fff; padding: .5rem 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; visibility: hidden; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.md-search .form { width: 6rem; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #999; padding-bottom: .1rem; }

.md-search .form .ipt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border: none; font-size: inherit; }

.md-search .form .btn { border: none; background: #2f6eb6; height: .5rem; width: .5rem; min-width: 40px; min-height: 40px; border-radius: 50%; cursor: pointer; font-size: 0; }

.md-search .form .btn img { width: .23rem; min-width: 20px; }

.md-search.show .main { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.md-search.show .mask { display: block; }

@media (max-width: 1920px) { .md-search .form { width: 600px; max-width: 90%; } }

.md-footer { background-color: #0f151c; color: #fff; }

.md-footer a:hover { color: #fff; }

.md-footer .foot-1 .container { 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; padding-top: .5rem; padding-bottom: .5rem; }

.md-footer .foot-2 .container { border-top: 1px solid rgba(255, 255, 255, 0.2); display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: .5rem; }

.md-footer .foot-3 { background-color: #060a0e; color: rgba(255, 255, 255, 0.7); line-height: 1.5; }

.md-footer .foot-3 .container { 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; padding: .27rem 0 .3rem; }

.md-footer .foot-3 .lf { 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-footer .foot-3 .beian { margin-left: 1em; }

.md-footer .logo { font-size: 0; }

.md-footer .logo img { width: 2.5rem; }

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

.md-footer .share .item { margin-right: .2rem; position: relative; }

.md-footer .share .item:last-child { margin-right: 0; }

.md-footer .share .item .icon { width: .44rem; height: .44rem; min-width: 30px; min-height: 30px; border-radius: 50%; -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff; opacity: .5; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-footer .share .item .icon img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.md-footer .share .item .icon .i-2 { display: none; }

.md-footer .share .item .pop { position: absolute; left: 50%; bottom: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: none; padding-bottom: 0.1rem; }

.md-footer .share .item .pop-cnt { background-color: #fff; border-radius: .1rem; -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1); padding: .1rem; position: relative; }

.md-footer .share .item .pop-cnt:before { content: ''; position: absolute; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 80%); -ms-transform: translate(-50%, 80%); transform: translate(-50%, 80%); border: .1rem solid transparent; border-top-color: #fff; }

.md-footer .share .item .pop img { width: 1rem; min-width: 80px; display: block; }

.md-footer .share .item:hover .icon { opacity: 1; background-color: #fff; }

.md-footer .share .item:hover .icon .i-1 { display: none; }

.md-footer .share .item:hover .icon .i-2 { display: block; }

.md-footer .share .item:hover .pop { display: block; }

.md-footer .nav { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.md-footer .nav .li1 { margin-bottom: .3rem; float: left; margin-right: .8rem; }

.md-footer .nav .ul2 { color: rgba(255, 255, 255, 0.6); margin-top: .27rem; line-height: 1.3125; }

.md-footer .nav .li2 { margin-bottom: .18rem; max-width: 20em; }

.md-footer .nav .a1-wrap { line-height: 1.20833; }

.md-footer .nav .btns { margin-top: .2rem; }

.md-footer .nav .a2:hover { color: #fff; }

.md-footer .subscribe { width: 3.8rem; }

.md-footer .subscribe .t2 { line-height: 1.4375; margin-top: .15rem; color: rgba(255, 255, 255, 0.6); }

.md-footer .subscribe .form { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid rgba(228, 225, 223, 0.3); border-radius: .06rem; margin-top: .28rem; padding: .04rem; }

.md-footer .subscribe .form:focus-within { border-color: #fff; }

.md-footer .subscribe .form .ipt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: transparent; border: none; min-width: 100px; padding: 0 .14rem; }

.md-footer .subscribe .form .ipt::-webkit-input-placeholder { color: #999; }

.md-footer .subscribe .form .ipt:-ms-input-placeholder { color: #999; }

.md-footer .subscribe .form .ipt::-ms-input-placeholder { color: #999; }

.md-footer .subscribe .form .ipt::placeholder { color: #999; }

.md-footer .subscribe .form .btn { min-width: 1.2rem; height: .5rem; min-height: 35px; border-radius: 0.06rem; background: #2f6eb6; border: none; padding: 0 .1rem; }

@media (max-width: 1200px) { .md-footer .foot-2 .container { display: block; }
  .md-footer .subscribe { width: 100%; margin-left: 0; margin-top: .3rem; } }

@media (max-width: 900px) { .md-footer .foot-1 .container { display: block; text-align: center; }
  .md-footer .foot-3 .container { padding: 5% 0; }
  .md-footer .share { margin-top: .2rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media (min-width: 751px) { .md-footer .nav .ul2 { display: block !important; } }

@media (max-width: 750px) { .md-footer .foot-2 .container { padding-top: 0; }
  .md-footer .nav { display: block; }
  .md-footer .nav .li1 { margin-bottom: 0; float: none; margin-right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .md-footer .nav .a1-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .md-footer .nav .a1-wrap::after { content: ''; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../images/i-b-2.png); background-size: 25%; background-position: right center; margin-left: auto; -ms-flex-negative: 0; flex-shrink: 0; }
  .md-footer .nav .a1-wrap .a1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 40px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .md-footer .nav .ul2 { display: none; line-height: 1.2; margin-top: .7em; }
  .md-footer .nav .li2 { margin-bottom: .7em; padding-right: 1em; }
  .md-footer .foot-3 .container { display: block; }
  .md-footer .foot-3 .lf { display: block; }
  .md-footer .foot-3 .beian { display: block; margin-left: 0; margin-top: .1em; }
  .md-footer .foot-3 .rg { margin-top: 1em; } }

.md-side { position: fixed; right: 0.56rem; bottom: 10%; z-index: 5; }

.md-side .item { display: block; margin-bottom: .1rem; }

.md-side .item:last-child { margin-bottom: 0; }

.md-side .item:hover .hd { border-color: #2f6eb6; }

.md-side .item:hover .hd img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-side .hd { width: .6rem; height: .6rem; border-radius: 50%; background-color: #2f6eb6; }

.md-side .hd img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

@media (max-width: 900px) { .md-side { right: 0; } }

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

.md-home-banner .list { height: 100%; }

.md-home-banner .li { display: block; position: relative; }

.md-home-banner .swiper-slide-active .layout { -webkit-animation: fade-up 1.5s; animation: fade-up 1.5s; }

.md-home-banner .media-ratio { /* padding-top: calc(940 / 1920 * 100%); */ height: 100vh; }

.md-home-banner .text { position: absolute; left: 0; top: 49.6%; z-index: 2; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.md-home-banner .text .t1 { line-height: 1.15278; }

.md-home-banner .text .t2 { line-height: 1.63889; margin-top: .1rem; }

.md-home-banner .text-cnt { width: 7.5rem; max-width: 100%; }

.md-home-banner .swiper-pagination { bottom: .5rem; font-size: 0; }

.md-home-banner .swiper-pagination-bullet { width: .1rem; min-width: 7px; height: .1rem; min-height: 7px; border-radius: .1rem; background-color: #fff; opacity: 1; position: relative; margin: 0 0.05rem !important; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-home-banner .swiper-pagination-bullet-active { opacity: 1; width: 0.3rem; }

@media (max-width: 750px) { .md-home-banner .media-ratio { padding: 0; height: 300px; } }

.md-home-prod { background-color: rgba(47, 110, 182, 0.06); padding-top: .98rem; padding-bottom: 1.03rem; }

.md-home-prod .hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-home-prod .hd .title { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 1em; }

.md-home-prod .hd .cat { margin-left: auto; margin-right: 0; }

.md-home-prod .hd .cat-item { width: auto; line-height: 1.25; padding: 0.804em .3rem; cursor: pointer; }

.md-home-prod .hd .cat-item.active { background: #2f6eb6; color: #fff; border-radius: .04rem; }

.md-home-prod .bd { margin-top: .4rem; }

.md-home-prod .bd-item { display: none; }

.md-home-prod .bd-item.active { display: block; }

.md-home-prod .list { padding-bottom: .54rem; }

.md-home-prod .list .item { display: block; width: 4rem; height: auto; padding-top: .26rem; background-color: #fff; text-align: center; border-radius: .1rem; margin-right: .2rem; }

.md-home-prod .list .item:last-of-type { margin-right: 0; }

.md-home-prod .list .c-pic { margin: 0 .25rem; }

.md-home-prod .list .img { padding-top: 100%; }

.md-home-prod .list .text { padding: .5rem .2rem .27rem; }

.md-home-prod .list .desc { line-height: 2; max-height: 2em; overflow: hidden; margin-top: .11rem; }

.md-home-prod .list .param { line-height: 2.25; margin-top: .14rem; display: none; }

.md-home-prod .list .m-more { display: none; }

.md-home-prod .swiper-container-horizontal > .swiper-pagination-progress { top: auto; bottom: 0; background-color: #ccc; }

.md-home-prod .swiper-pagination-progressbar { background-color: #2f6eb6; }

@media (max-width: 1200px) { .md-home-prod .list .param { line-height: 1.5; } }

@media (min-width: 901px) { .md-home-prod .list .item.active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 7.6rem; padding: .4rem; }
  .md-home-prod .list .item.active .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; text-align: left; padding: 0; }
  .md-home-prod .list .item.active .c-pic { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 3.5rem; margin: 0; }
  .md-home-prod .list .item.active .tit { color: #2f6eb6; }
  .md-home-prod .list .item.active .desc { margin-top: .06rem; color: #333; }
  .md-home-prod .list .item.active .param { display: block; max-height: 14em; overflow-y: hidden; }
  .md-home-prod .list .item.active .m-more { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: .53rem; } }

@media (max-width: 900px) { .md-home-prod .hd { display: block; }
  .md-home-prod .hd .cat { margin-top: .3rem; } }

.md-home-solution { padding-top: .92rem; padding-bottom: 1rem; position: relative; overflow: hidden; }

.md-home-solution .bg { position: absolute; right: -2.25rem; top: -2.7rem; width: 7rem; }

.md-home-solution .cnt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: .46rem; }

.md-home-solution .lf { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: .7rem; position: relative; }

.md-home-solution .lf .arrow { width: .8rem; height: 0.1rem; min-height: 10px; background-repeat: no-repeat; background-position: center; background-size: contain; cursor: pointer; }

.md-home-solution .lf .arrow.prev { background-image: url(../images/i-a-1.png); }

.md-home-solution .lf .arrow.next { background-image: url(../images/i-b-1.png); }

.md-home-solution .lf .swiper-container { height: 6.2rem; }

.md-home-solution .lf .item { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; margin-bottom: .4rem; }

.md-home-solution .lf .item:last-child { margin-bottom: 0; }

.md-home-solution .lf .item.active .icon { margin-top: 0.1rem; }

.md-home-solution .lf .item.active .icon img { -webkit-filter: none; filter: none; opacity: 1; }

.md-home-solution .lf .item.active .icon::before { width: 100%; height: 100%; border: solid 0.08rem #2f6eb6; opacity: .2; }

.md-home-solution .lf .item.active .icon:after { content: ''; position: absolute; right: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; border: solid 0.08rem #2f6eb6; -webkit-clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%); clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%); }

.md-home-solution .lf .item.active .text { padding-top: .08rem; }

.md-home-solution .lf .item.active .tit { color: #222; }

.md-home-solution .lf .item.active .hide { display: block; }

.md-home-solution .lf .icon { width: .8rem; height: .8rem; 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; position: relative; }

.md-home-solution .lf .icon:before { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: .6rem; height: .6rem; border-radius: 50%; border: solid 0.04rem #f3f3f3; }

.md-home-solution .lf .icon img { width: 0.6rem; height: .6rem; -o-object-fit: contain; object-fit: contain; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .4; }

.md-home-solution .lf .text { margin-left: .38rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-top: .05rem; }

.md-home-solution .lf .tit { line-height: 1.54545; }

.md-home-solution .lf .desc { line-height: 1.8125; margin-top: .07rem; }

.md-home-solution .lf .m-more { margin-top: .52rem; }

.md-home-solution .lf .hide { display: none; }

.md-home-solution .imgs { width: calc(980 / 1600 * 100%); border-radius: .1rem; overflow: hidden; }

.md-home-solution .imgs .item:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-home-solution .imgs .img { padding-top: calc(640 / 980 * 100%); }

@media (max-width: 900px) { .md-home-solution .bg { right: -3.5rem; top: -3.5rem; }
  .md-home-solution .cnt { display: block; }
  .md-home-solution .imgs { display: none; }
  .md-home-solution .lf { margin-right: 0; position: relative; }
  .md-home-solution .lf .arrow { position: absolute; top: 50%; width: 10px; height: 10px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
  .md-home-solution .lf .arrow.prev { left: 0; }
  .md-home-solution .lf .arrow.next { right: 0; }
  .md-home-solution .lf .c-pic { margin-top: 5%; }
  .md-home-solution .lf .img { padding-top: 50%; border-radius: .1rem; }
  .md-home-solution .lf .swiper-container { height: auto; }
  .md-home-solution .lf .hide { display: block; }
  .md-home-solution .lf .text { margin-right: .4rem; }
  .md-home-solution .lf .tit { color: #222; }
  .md-home-solution .lf .icon img { opacity: 1; -webkit-filter: none; filter: none; }
  .md-home-solution .lf .icon::before { width: 100%; height: 100%; border: solid 0.08rem #2f6eb6; opacity: .2; }
  .md-home-solution .lf .icon:after { content: ''; position: absolute; right: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; border: solid 0.08rem #2f6eb6; -webkit-clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%); clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%); } }

.md-home-why { padding-top: .91rem; padding-bottom: 1rem; }

.md-home-why .hd { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-home-why .hd .title { -ms-flex-negative: 0; flex-shrink: 0; }

.md-home-why .hd .text { width: calc(835 / 1600 * 100%); margin-left: auto; line-height: 1.25; padding-top: .06rem; }

.md-home-why .hd .desc { line-height: 2.0625; margin-top: .04rem; }

.md-home-why .list { margin-top: .57rem; }

.md-home-why .list .li { background-color: #fff; border-radius: 0.1rem; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: .5; }

.md-home-why .list .li.swiper-slide-active { opacity: 1; }

.md-home-why .list .c-pic { width: calc(700 / 1200 * 100%); }

.md-home-why .list .c-pic:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-home-why .list .img { padding-top: calc(500 / 700 * 100%); height: 100%; }

.md-home-why .list .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: .6rem; padding-top: .73rem; }

.md-home-why .list .tit { border-bottom: 1px solid #f3f3f3; padding-bottom: .13rem; }

.md-home-why .list .intro { line-height: 1.33333; margin-top: .16rem; }

.md-home-why .list .desc { line-height: 1.875; margin-top: .15rem; }

.md-home-why .list .m-more { margin-top: .5rem; }

.md-home-why .pages { margin-top: .5rem; }

.md-home-why .pages .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-home-why .pages .btn { cursor: pointer; width: 0.54rem; height: 0.54rem; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: contain; background-color: #ffffff; background-size: calc(11 / 54 * 100%); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.md-home-why .pages .btn.prev { background-image: url(../images/i-a-1.png); }

.md-home-why .pages .btn.next { background-image: url(../images/i-b-1.png); }

.md-home-why .pages .swiper-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 .6rem; }

.md-home-why .pages .tit { border-radius: 0.1rem; border: solid 0.01rem #cccccc; text-align: center; padding: .22rem; cursor: pointer; }

.md-home-why .pages .tit.active { background-color: #2f6eb6; color: #fff; border-color: #2f6eb6; }

@media (max-width: 900px) { .md-home-why .hd { display: block; }
  .md-home-why .hd .text { width: 100%; margin-top: 5%; }
  .md-home-why .list .li { display: block; }
  .md-home-why .list .c-pic { width: 100%; }
  .md-home-why .list .text { padding: 5%; }
  .md-home-why .pages .swiper-container { margin: 0 .1rem; } }

.md-home-news { padding-top: .98rem; padding-bottom: .55rem; }

.md-home-news .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; }

.md-home-news .list { margin-top: .28rem; margin-left: -.3rem; margin-right: -.3rem; padding: .3rem; padding-bottom: .55rem; }

.md-home-news .list .li { border-radius: 0.1rem; overflow: hidden; -webkit-box-shadow: 0rem 0rem 0.3rem 0rem rgba(47, 110, 182, 0.1); box-shadow: 0rem 0rem 0.3rem 0rem rgba(47, 110, 182, 0.1); }

.md-home-news .list .li:hover .text { background-color: #2f6eb6; }

.md-home-news .list .li:hover .tit, .md-home-news .list .li:hover .date, .md-home-news .list .li:hover .desc { color: #fff; }

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

.md-home-news .list .li:hover .date .icon { background-image: url(../images/i-date-2.png); }

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

.md-home-news .list .text { padding: .46rem .4rem .57rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-home-news .list .tit { line-height: 1.45; height: calc(29 / 20 * 2em); }

.md-home-news .list .date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: .31rem; }

.md-home-news .list .date .icon { width: .18rem; min-width: 14px; height: .18rem; min-height: 14px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../images/i-date.png); margin-right: .11rem; }

.md-home-news .list .desc { line-height: 1.5625; margin-top: .39rem; }

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

.md-home-news .swiper-pagination-bullet { background-color: #2f6eb6; opacity: 0.5; }

.md-home-news .swiper-pagination-bullet-active { opacity: 1; }

.m-prod-list { 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; }

.m-prod-list .li { background-color: #ffffff; border-radius: 0.1rem; width: calc(780 / 1600 * 100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .6rem .4rem; margin-bottom: .4rem; }

.m-prod-list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.m-prod-list .li:hover .tit { color: #2f6eb6; }

.m-prod-list .li:hover .line::after { width: 100%; }

.m-prod-list .li:hover .m-more { background-color: #2f6eb6; color: #fff; }

.m-prod-list .li:hover .m-more::after { background-image: url(../images/i-right-1.png); }

.m-prod-list .c-pic { width: calc(320 / 700 * 100%); }

.m-prod-list .img { padding-top: 100%; }

.m-prod-list .text { width: calc(380 / 700 * 100%); }

.m-prod-list .desc { margin-top: .12rem; }

.m-prod-list .line { margin: .22rem 0 .08rem; height: 1px; background: #f3f3f3; position: relative; }

.m-prod-list .line:after { content: ''; position: absolute; left: 0; bottom: 0; width: .4rem; height: 2px; background: #2f6eb6; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.m-prod-list .param { line-height: 2.25; height: calc(36 / 16 * 3em); }

.m-prod-list .m-more { margin-top: .3rem; }

@media (max-width: 900px) { .m-prod-list .li { padding: .4rem; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .m-prod-list .c-pic { width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .m-prod-list .text { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 5%; } }

@media (max-width: 500px) { .m-prod-list .li { width: 100%; margin-bottom: 5%; }
  .m-prod-list .c-pic { width: 70%; margin: auto; } }