@charset "UTF-8";
html { font-family: Arial, sans-serif; font-weight: normal; }

.f-Medium, .f-Bold { font-weight: bold; }

/* 阿拉伯语，标题跟文本设置文字方向为 右向左 */
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; }

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

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

html { scroll-behavior: smooth; }

body { color: #fff; background-color: #000; background-position: center bottom; background-repeat: no-repeat; background-size: 100%; font-size: 14px; line-height: 1.2; overflow-x: hidden; }

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

@media (max-width: 900px) { body { background-size: 400%; } }

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

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

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

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

@media (max-width: 1400px) { .layout { max-width: 85%; } }

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

.layout-px { margin-left: auto; margin-right: auto; width: 14rem; max-width: 90%; }

@media (max-width: 1920px) { .layout-px { width: 1400px; } }

.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: #0c369d; }

.color-active { color: #0c369d; }

.bg-theme { background-color: #0c369d; }

.bg-active { background-color: #0c369d; }

.bg-gradient { background: -webkit-gradient(linear, left top, right top, from(#0c369d), to(#3d5eb1)); background: -o-linear-gradient(left, #0c369d, #3d5eb1); background: linear-gradient(to right, #0c369d, #3d5eb1); }

.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 { -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

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

.s0 { font-size: 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: #0c369d; 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 { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }

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

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

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

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

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

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

.text-align { 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::-webkit-scrollbar { width: 4px; height: 4px; background-color: #e5edf8; border-radius: 2px; }

.c-scroll::-webkit-scrollbar-thumb { background-color: #0c369d; 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: .75s; animation-duration: .75s; -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; }

[data-ani-delay='1100'] { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }

[data-ani-delay='1200'] { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

[data-ani-delay='1300'] { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; }

[data-ani-delay='1400'] { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }

[data-ani-delay='1500'] { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

[data-ani-delay='1600'] { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; }

[data-ani-delay='1700'] { -webkit-animation-delay: 1.7s; animation-delay: 1.7s; }

[data-ani-delay='1800'] { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; }

[data-ani-delay='1900'] { -webkit-animation-delay: 1.9s; animation-delay: 1.9s; }

[data-ani-delay='2000'] { -webkit-animation-delay: 2s; animation-delay: 2s; }

@-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(2rem);
    transform: translateY(2rem); }
    to { opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0); } }

@keyframes fade-up { from { opacity: 0;
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem); }
    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(-2rem);
    transform: translateY(-2rem); }
    to { opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0); } }

@keyframes fade-down { from { opacity: 0;
    -webkit-transform: translateY(-2rem);
    transform: translateY(-2rem); }
    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(2rem);
    transform: translateX(2rem); }
    to { opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0); } }

@keyframes fade-left { from { opacity: 0;
    -webkit-transform: translateX(2rem);
    transform: translateX(2rem); }
    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(-2rem);
    transform: translateX(-2rem); }
    to { opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0); } }

@keyframes fade-right { from { opacity: 0;
    -webkit-transform: translateX(-2rem);
    transform: translateX(-2rem); }
    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; }

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

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

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

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

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

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

.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: justify; -ms-flex-pack: justify; justify-content: space-between; min-width: 2rem; min-height: .6rem; border-radius: .6rem; background: transparent; border: 1px solid rgba(255, 255, 255, 0.63); padding: .09rem .1rem .09rem .3rem; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: #fff; }

.m-more:after { content: ''; width: .4rem; height: .4rem; min-width: 24px; min-height: 24px; border-radius: 50%; background: #fff url(../images/i-more-1.png) no-repeat center; background-size: calc(6 / 40 * 100%); margin-left: 2em; }

@media (any-hover: hover) { .m-more:hover { background-color: #0c369d; border-color: #0c369d; } }

.m-more-theme { border-color: #0c369d; background: #0c369d; }

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

.md-ban { position: relative; }

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

.md-ban .intro { margin-top: .19rem; }

.md-ban .swiper-pagination-bullet { background-color: #fff; width: 0.12rem; height: 0.12rem; opacity: 0.6; }

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

.md-ban-half img { height: 3rem; min-height: 200px; -o-object-fit: cover; object-fit: cover; }

.md-ban-half .text { top: 60%; }

@media (max-width: 900px) { .md-ban .media img { min-height: 200px; }
    .md-ban .text { top: 60%; } }

.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.56rem; height: 0.56rem; line-height: 0.56rem; border-radius: 0.56rem; padding: 0 .2em; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; background: #fff; margin-right: .1rem; }

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

.m_pages-item:hover { color: #0c369d; }

.m_pages .on { background: #0c369d; color: #fff; }

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

.m_pages-prev, .m_pages-next { background-position: center; background-repeat: no-repeat; background-size: calc(5 / $pagesSize * 100%); }

.m_pages-prev { background-image: url(../images/i-more-1.png); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

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

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

.m-back { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; }

.m-back:before { content: ''; width: .17rem; min-width: 12px; height: .18rem; min-height: 12px; margin-right: .1rem; background: url(../images/i-back.png) no-repeat center/contain; }

.m-back:hover { color: #0c369d; }

.m-back:hover:before { background-image: url(../images/i-back-2.png); }

.m_head { padding-top: .97rem; padding-bottom: .35rem; }

.m_head-tit { display: inline-block; position: relative; margin: auto; }

.m_head-tit:after { content: ''; position: absolute; right: -.18rem; top: -.01rem; z-index: 1; width: .28rem; height: .28rem; background: url(../images/i-title.png) no-repeat center/contain; }

.m_head-tit span { position: relative; z-index: 2; }

.m_head-desc { letter-spacing: 0.098rem; margin-top: .1rem; }

.white .m_head-tit::after { background-image: url(../images/i-title-2.png); }

.white .m_head-desc { color: rgba(255, 255, 255, 0.7); }

.m-arrow { width: .5rem; height: .5rem; min-width: 30px; min-height: 30px; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: calc(8 / 50 * 100%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; cursor: pointer; background-color: #0c369d; }

.m-arrow.swiper-button-disabled { pointer-events: none; background-color: #f7f7f7; }

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

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

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

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

.md_nav { background-color: #ffffff; -webkit-box-shadow: 0.04rem 0rem 0.1rem 0rem rgba(0, 0, 0, 0.1); box-shadow: 0.04rem 0rem 0.1rem 0rem rgba(0, 0, 0, 0.1); 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 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: .2rem; }

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

.md_subnav-item { width: auto; position: relative; line-height: 0.72rem; padding: 0 .3rem; }

.md_subnav-item:hover { color: #0c369d; }

.md_subnav-item.on { color: #fff; background: -webkit-gradient(linear, left top, right top, from(#0c369d), to(#3d5eb1)); background: -o-linear-gradient(left, #0c369d, #3d5eb1); background: linear-gradient(to right, #0c369d, #3d5eb1); }

@media (max-width: 600px) { .md_subnav-item { margin-right: 0; } }

/* 面包屑 */
.md_bread { 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: end; -ms-flex-pack: end; justify-content: flex-end; min-height: .72rem; line-height: 1.5; padding: .2rem 0; }

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

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

.md_bread-item:hover { color: #0c369d; }

.md_route { 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; min-height: .72rem; line-height: 1.5; padding: .2rem 0; }

.md_route .item:hover { color: #0c369d; }

.md_route .split { margin: 0 .26em; }

/* 头部 */
.md-header { position: absolute; left: 0; top: 0; z-index: 10; width: 100%; padding: .39rem .6rem; 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-header .logo { font-size: 0; }

.md-header .logo img { width: 1.09rem; min-width: 80px; }

.md-header .nav { position: relative; }

.md-header .nav-hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; }

.md-header .nav-hd img { width: 0.29rem; min-width: 20px; margin-left: .13rem; }

.md-header .nav-bd { position: absolute; right: 0; top: 100%; text-align: right; padding-top: .56rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; visibility: hidden; opacity: 0; -webkit-transform: translateY(-0.1rem); -ms-transform: translateY(-0.1rem); transform: translateY(-0.1rem); width: -webkit-max-content; width: -moz-max-content; width: max-content; }

.md-header .nav-item { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: auto; margin-bottom: .17rem; position: relative; }

.md-header .nav-item:after { content: ''; position: absolute; left: 50%; top: 120%; width: 0; height: .02rem; background: #0c369d; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-header .nav-item:last-of-type { margin-bottom: 0; }

.md-header .nav-item:hover { color: #fff; }

.md-header .nav-item:hover:after { width: 100%; left: 0; }

.md-header .nav:hover .nav-bd { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

@-webkit-keyframes headerDown { from { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
    to { -webkit-transform: translateY(0); transform: translateY(0); } }

@keyframes headerDown { from { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
    to { -webkit-transform: translateY(0); transform: translateY(0); } }

@-webkit-keyframes headerUp { from { -webkit-transform: translateY(0); transform: translateY(0); }
    to { -webkit-transform: translateY(-100%); transform: translateY(-100%); } }

@keyframes headerUp { from { -webkit-transform: translateY(0); transform: translateY(0); }
    to { -webkit-transform: translateY(-100%); transform: translateY(-100%); } }

@media (max-width: 900px) { .md-header .nav-bd { padding: 0.56rem 0.2rem 0.2rem; background: rgba(0, 0, 0, 0.3); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } }

.md-footer { overflow: hidden; background-position: center top; background-size: cover; background-repeat: no-repeat; background-image: url(../images/bg-footer-2.jpg); }

.md-footer .foot-1 .container { padding-top: .8rem; padding-bottom: .6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

.md-footer .form { min-width: 4rem; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: .05rem; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; padding: .04rem; padding-left: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

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

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

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

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

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

.md-footer .form .btn { min-width: 1rem; height: .4rem; min-height: 30px; padding: 0 .2rem; background-color: #0c369d; color: #fff; border-radius: .05rem; text-align: center; border: none; position: relative; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-footer .form .btn:after { content: ''; position: absolute; left: .02rem; right: .02rem; top: .02rem; bottom: .02rem; border-radius: .05rem; margin: auto; border: 1px solid rgba(255, 255, 255, 0.2); }

.md-footer .form .btn:hover { background-color: #3d5eb1; }

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

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

.md-footer .logo img { width: 1.09rem; min-width: 80px; }

.md-footer .contact { margin-left: auto; }

.md-footer .contact .t2 { margin-top: .22rem; }

.md-footer .share { margin-top: .21rem; }

.md-footer .share-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: .22rem; }

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

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

.md-footer .share .item .icon { width: .4rem; min-width: 30px; height: .4rem; min-height: 30px; font-size: 0; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 50%; -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%; top: 100%; z-index: 2; padding-top: .15rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: none; }

.md-footer .share .item .pop-cnt { background-color: #fff; }

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

.md-footer .share .item:hover .icon { 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 .foot-2 .container { padding-top: .8rem; padding-bottom: .4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

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

.md-footer .nav .li1 { width: 1.95rem; padding-right: .2rem; margin-bottom: .2rem; }

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

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

.md-footer .nav .li2:last-of-type { margin-bottom: 0; }

.md-footer .nav a { position: relative; }

.md-footer .nav a:after { content: ''; position: absolute; left: 50%; top: 120%; width: 0; height: .02rem; background: #0c369d; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

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

.md-footer .nav a:hover:after { width: 100%; left: 0; }

.md-footer .foot-3 { color: rgba(255, 255, 255, 0.6); 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: 0.39rem 0 .39rem; }

.md-footer .foot-3 a:hover { color: #fff; text-decoration: underline; }

.active .md-footer .ani { -webkit-animation: fade-up 1s forwards; animation: fade-up 1s forwards; }

@media (max-width: 900px) { .md-footer .foot-1 .container { display: block; }
    .md-footer .form { margin-top: .3rem; width: 100%; }
    .md-footer .nav { display: block; }
    .md-footer .nav .li1 { width: 100%; }
    .md-footer .nav .li1:last-of-type { width: 100%; }
    .md-footer .nav .ul2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 1.2; }
    .md-footer .nav .li2 { margin-bottom: .7em; margin-right: 2em; }
    .md-footer .contact { margin-top: 20px; }
    .md-footer .foot-2 .container { display: block; }
    .md-footer .foot-3 .container { display: block; }
    .md-footer .foot-3 .rg { margin-top: .2rem; } }

/* 首页 */
.page-home { height: 100vh; }

.page-home .fp-tableCell { position: relative; }

.page-home .md-home-bg { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }

.page-home .active .md-home-bg { opacity: 1; }

.page-home .animate-ele { opacity: 0; -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; -webkit-animation-play-state: paused; animation-play-state: paused; }

.page-home .pageUp .animate-ele { -webkit-animation-name: fade-up; animation-name: fade-up; -webkit-animation-play-state: running; animation-play-state: running; }

.page-home .pageDown .animate-ele { -webkit-animation-name: fade-down; animation-name: fade-down; -webkit-animation-play-state: running; animation-play-state: running; }

@media (max-width: 900px) { .page-home .md-footer { padding-top: 2rem; }
    .page-home .md-footer .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .page-home .md-footer .nav .li1 { width: 50%; }
    .page-home .md-footer .nav .ul2 { display: none; } }

.md-home-1 { position: relative; height: 100vh; }

.md-home-1 .media-ratio { height: 100vh; }

.md-home-1 .layout { -webkit-animation-delay: 6s; animation-delay: 6s; }

.md-home-1 .text { position: absolute; left: 0; top: 43.4%; z-index: 2; width: 100%; }

.md-home-1 .tit { line-height: 1.25; }

.md-home-1 .m-more { margin-top: 1.3rem; }

@media (max-width: 900px) { .md-home-1 .tit { font-size: 6vw; } }

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

.md-home-about .media-ratio video { -o-object-position: right top; object-position: right top; }

.md-home-about .layout { position: relative; z-index: 2; padding-top: 2.12rem; height: 100%; }

.md-home-about .sec-1 { width: 5.5rem; max-width: 100%; position: relative; z-index: 2; }

.md-home-about .sec-1 .img { width: 4rem; }

.md-home-about .sec-1 .tit { margin-top: .18rem; }

.md-home-about .sec-1 .desc { line-height: 1.88889; margin-top: .26rem; }

.md-home-about .sec-1 .m-more { margin-top: .66rem; }

.md-home-about .sec-2 { position: absolute; right: 0; bottom: 1.01rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.md-home-about .list1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.md-home-about .list1 .swiper-container { width: 100%; margin: 0; }

.md-home-about .list1-item { text-align: right; }

.md-home-about .list1-t1 { font-size: calc(100 / 1920 * 100vw); line-height: 1.1; }

.md-home-about .list1-2 { margin-top: .12rem; }

.md-home-about .list2 { min-width: 1.75rem; margin-top: .26rem; padding-left: .2rem; }

.md-home-about .list2-item { opacity: .5; 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-bottom: .09rem; cursor: pointer; }

.md-home-about .list2-item:last-of-type { margin-bottom: 0; }

.md-home-about .list2-item::before { content: ''; width: 0.1rem; height: .02rem; min-height: 2px; background-color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-right: .09rem; }

.md-home-about .list2-item span { min-width: 3.3em; }

.md-home-about .list2-item.active { opacity: 1; }

.md-home-about .list2-item.active:before { width: .32rem; }

@media (max-width: 900px) { .md-home-about .sec-1 { width: 100%; }
    .md-home-about .sec-1 .img { width: 50vw; }
    .md-home-about .list2 { margin-top: 0; }
    .md-home-about .list2-item { margin-bottom: 6px; }
    .md-home-about .list1-t1 { font-size: 10vw; } }

.md-home-develop .md-home-bg canvas { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.md-home-develop .md-home-bg .line { position: absolute; left: 0; bottom: 0; }

.md-home-develop .md-home-bg .line svg { width: calc(973 / 1920 * 100vw); height: calc(475 / 1920 * 100vw); }

.md-home-develop .container { height: 100vh; padding-top: 1.16rem; position: relative; z-index: 2; }

.md-home-develop .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-home-develop .list .li { position: absolute; top: 30%; width: -webkit-max-content; width: -moz-max-content; width: max-content; }

.md-home-develop .list .li:nth-of-type(odd) { text-align: right; right: 100%; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }

.md-home-develop .list .li:nth-of-type(odd) .tx-1 { margin-left: auto; }

.md-home-develop .list .li:nth-of-type(odd) .arrow { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; background-image: url(../images/i-arrow-2.png); }

.md-home-develop .list .li:nth-of-type(odd) .tx-3 { margin-left: auto; }

.md-home-develop .list .li:nth-of-type(odd) .tx-2 { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.md-home-develop .list .li:nth-of-type(odd) .tx-2 .tit { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.md-home-develop .list .li:nth-of-type(odd).active { -webkit-transition: all 4s ease-in; -o-transition: all 4s ease-in; transition: all 4s ease-in; right: 50%; opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); }

.md-home-develop .list .li:nth-of-type(even) { left: 100%; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }

.md-home-develop .list .li:nth-of-type(even).show { visibility: visible; }

.md-home-develop .list .li:nth-of-type(even).active { -webkit-transition: all 4s ease-out; -o-transition: all 4s ease-out; transition: all 4s ease-out; left: 50%; opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); }

.md-home-develop .list .arrow { width: 0.45rem; height: .45rem; background-image: url(../images/i-arrow-1.png); background-position: center; background-repeat: no-repeat; background-size: contain; }

.md-home-develop .list .tx-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: .2rem; padding-bottom: .11rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: relative; border-bottom: .03rem solid #fff; }

.md-home-develop .list .tx-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: .3rem; gap: .18rem; }

.md-home-develop .list .tx-2 .tit { font-size: calc(113 / 1920 * 100vw); }

.md-home-develop .list .tx-3 { margin-top: 0.35rem; max-width: 16em; }

.md-home-dev { overflow: hidden; }

.md-home-dev .row-1 { padding-top: 1.16rem; position: relative; z-index: 2; position: absolute; top: 0; left: 0; width: 100%; }

.md-home-dev .row-2 { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; }

.md-home-dev .row-2 .layout { width: 14rem; max-width: 90%; }

.md-home-dev .line { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%, 0 0); clip-path: polygon(0 0, 0 0, 0 100%, 0 100%, 0 0); -webkit-transition: all 1.5s 1s; -o-transition: all 1.5s 1s; transition: all 1.5s 1s; pointer-events: none; }

.md-home-dev .list { padding-top: 1rem; padding-bottom: 1.7rem; overflow: visible; }

.md-home-dev .list .li { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-animation-delay: .8s; animation-delay: .8s; }

.md-home-dev .list .li-cnt { margin-top: auto; width: 70%; min-height: 3.33rem; padding-top: .1rem; padding-left: .26rem; position: relative; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-home-dev .list .li-cnt::before { content: ''; position: absolute; left: .06rem; top: 0; width: .04rem; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#fff), to(transparent)); background: -o-linear-gradient(top, transparent, #fff, transparent); background: linear-gradient(to bottom, transparent, #fff, transparent); }

.md-home-dev .list .li-cnt:after { content: ''; position: absolute; left: 0; bottom: 0; width: 0.16rem; height: 0.16rem; border-radius: 50%; border: 1px solid #fff; }

.md-home-dev .list .li-cnt * { position: relative; z-index: 2; }

.md-home-dev .list .li-cnt:hover { -webkit-transform: translateY(-0.4rem); -ms-transform: translateY(-0.4rem); transform: translateY(-0.4rem); }

.md-home-dev .list .li-cnt:hover .bg { opacity: 1; }

.md-home-dev .list .bg { position: absolute; z-index: 1; inset: -.4rem; background: -webkit-gradient(linear, left top, left bottom, from(#0c369d), to(transparent)); background: -o-linear-gradient(top, #0c369d, transparent); background: linear-gradient(to bottom, #0c369d, transparent); border-radius: .2rem; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-home-dev .list .tit { margin-top: .11rem; }

.md-home-dev .list .desc { margin-top: .14rem; line-height: 1.875; width: calc(150 / 280 * 100%); }

.md-home-dev .swiper-pagination-bullet { background-color: #fff; }

.md-home-dev.active .line { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0); }

@media (min-width: 901px) { .md-home-dev .list .li:nth-of-type(5n+2) { padding-bottom: 1rem; -webkit-animation-delay: .9s; animation-delay: .9s; }
    .md-home-dev .list .li:nth-of-type(5n+3) { padding-bottom: 1.57rem; -webkit-animation-delay: 1s; animation-delay: 1s; }
    .md-home-dev .list .li:nth-of-type(5n+4) { padding-bottom: 1.9rem; -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }
    .md-home-dev .list .li:nth-of-type(5n+5) { padding-bottom: 1.95rem; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } }

@media (max-width: 900px) { .md-home-dev .row-1 { padding-top: 40vw; }
    .md-home-dev .row-2 { bottom: 20vh; }
    .md-home-dev .list { padding-bottom: 4.5vw; }
    .md-home-dev .list .li:last-of-type, .md-home-dev .list .li:nth-of-type(2n + 2) { padding-bottom: 13vw; }
    .md-home-dev .list .li-cnt { min-height: 4.5rem; width: 80%; }
    .md-home-dev .list .desc { width: 80%; } }

.md-home-chip { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

.md-home-chip .layout { position: relative; z-index: 2; padding-top: .5rem; }

.md-home-chip .img { width: 4rem; }

.md-home-chip .tit { margin-top: .51rem; margin-top: .2rem; }

.md-home-chip .desc { margin-top: .15rem; }

.md-home-chip .m-more { margin-top: .45rem; }

.md-home-chip .container { position: relative; width: calc(244 / 1920 * 100vw); height: calc(244 / 1920 * 100vw); margin-left: calc(100 / 1920 * 100vw); margin-top: calc(198 / 1920 * 100vw); }

.md-home-chip .container .box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 0; 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; opacity: 0; -webkit-transform: scale(0.5) translate(-100%, 50%); -ms-transform: scale(0.5) translate(-100%, 50%); transform: scale(0.5) translate(-100%, 50%); -webkit-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; }

.md-home-chip .container .box.active { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

.md-home-chip .container .box .ring { position: absolute; left: 54%; top: 40%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; pointer-events: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-home-chip .container .box:hover .ring { opacity: 1; }

.md-home-chip .container .box--1 { left: -.3vw; top: .3vw; }

.md-home-chip .container .box--1 img { width: calc(444 / 1920 * 100vw); }

.md-home-chip .container .box-0 { left: -.3vw; top: .3vw; }

.md-home-chip .container .box-0 img { width: calc(244 / 1920 * 100vw); }

.md-home-chip .container .box-1 img { width: calc(89 / 1920 * 100vw); }

.md-home-chip .container .box-1 .ring { width: 110%; }

.md-home-chip .container .box-2 { left: 3.26vw; top: -0.9vw; }

.md-home-chip .container .box-2 img { width: calc(117 / 1920 * 100vw); }

.md-home-chip .container .box-2 .ring { width: 120%; }

.md-home-chip .container .box-3 { left: 7.6vw; top: -2.1vw; }

.md-home-chip .container .box-3 img { width: calc(150 / 1920 * 100vw); }

.md-home-chip .container .box-3 .ring { width: 150%; }

.md-home-chip .container .box-4 { left: 12.4vw; top: -3.6vw; }

.md-home-chip .container .box-4 img { width: calc(178 / 1920 * 100vw); }

.md-home-chip .container .box-4 .ring { width: 190%; }

.md-home-chip .container .box-5 { left: 17.3vw; top: -4.9vw; }

.md-home-chip .container .box-5 img { width: calc(192 / 1920 * 100vw); }

.md-home-chip .container .box-5 .ring { width: 190%; }

.md-home-chip .container .box-6 { left: 22.3vw; top: -6.3vw; }

.md-home-chip .container .box-6 img { width: calc(218 / 1920 * 100vw); }

.md-home-chip .container .box-6 .ring { width: 220%; }

.md-home-chip .container .box-7 { left: 28.8vw; top: -8.1vw; }

.md-home-chip .container .box-7 img { width: calc(237 / 1920 * 100vw); }

.md-home-chip .container .box-7 .ring { width: 240%; }

.md-home-chip .container .box-8 { left: 36.4vw; top: -10.3vw; }

.md-home-chip .container .box-8 img { width: calc(271 / 1920 * 100vw); }

.md-home-chip .container .box-8 .ring { width: 280%; }

.md-home-chip .container .box-9 { left: 48.4vw; top: -13.4vw; }

.md-home-chip .container .box-9 img { width: calc(293 / 1920 * 100vw); }

.md-home-chip .container .box-9 .ring { width: 340%; }

.md-home-chip .container .box-10 { left: 49.2vw; top: -15.3vw; }

.md-home-chip .container .box-10 img { width: calc(798 / 1920 * 100vw); }

@media (max-width: 900px) { .md-home-chip .container { margin-top: 40vw; margin-bottom: 20vw; -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); margin-left: 2vw; }
    .md-home-chip .img { width: 50vw; } }

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

.md-home-news .earth { position: absolute; left: 0; top: -0.75rem; z-index: 2; width: 6.21rem; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }

.md-home-news .layout { position: relative; z-index: 3; padding-top: .5rem; display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-home-news .cnt { width: calc(1207 / 1800 * 100%); max-width: 100%; margin-left: auto; }

.md-home-news .title { margin-top: .5rem; }

.md-home-news .list .li { display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-top: .5rem; padding-bottom: .38rem; padding-left: .2rem; position: relative; }

.md-home-news .list .li::before { content: ''; position: absolute; left: -1.76rem; top: -.23rem; top: .22rem; width: 1.72rem; height: 1.06rem; background: url(../images/icon-2.png) no-repeat center/contain; -webkit-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }

.md-home-news .list .li:last-of-type { margin-bottom: 0; }

.md-home-news .list .li:hover, .md-home-news .list .li.active { background: -webkit-gradient(linear, left bottom, left top, from(rgba(12, 54, 157, 0.5)), to(transparent)); background: -o-linear-gradient(bottom, rgba(12, 54, 157, 0.5), transparent); background: linear-gradient(to top, rgba(12, 54, 157, 0.5), transparent); }

.md-home-news .list .li:hover:before, .md-home-news .list .li.active:before { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.md-home-news .list .li:hover .tit, .md-home-news .list .li.active .tit { opacity: 1; font-weight: bold; }

.md-home-news .list .tit { opacity: .7; }

.md-home-news .list .tx-2 { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: .17rem; opacity: .7; }

.md-home-news .list .intro { margin-right: .2rem; }

.md-home-news .m-more { margin-top: .75rem; }

.md-home-news.active .earth { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

@media (max-width: 900px) { .md-home-news .cnt { width: 1000%; margin-top: 4vw; }
    .md-home-news .layout { display: block; } }

.md-home-footer { background: url(../images/bg-body.jpg) no-repeat center bottom/cover; }

.md-home-footer .md-footer { background: none; }

.md-news-1 { background-color: #f8f8f8; padding-top: .75rem; padding-bottom: 1rem; }

.md-news-1 .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.md-news-1 .side { width: calc(330 / 1920 * 100%); margin-left: calc(164 / 1920 * 100%); margin-right: calc(76 / 1920 * 100%); padding-top: .2rem; position: -webkit-sticky; position: sticky; top: .2rem; }

.md-news-1 .main { width: calc(1090 / 1920 * 100%); }

.md-news-1 .pager { position: relative; padding: .62rem 0; margin-top: .48rem; }

.md-news-1 .pager::before { content: ''; position: absolute; left: 50%; top: 0; width: .11rem; height: 0.11rem; background: #0c369d; border-radius: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.md-news-1 .pager::after { content: ''; position: absolute; left: 50%; top: 0; z-index: 2; width: 1px; height: 100%; background: #000; opacity: .05; }

.md-news-1 .pager-bg { width: 100%; padding-top: 100%; position: relative; }

.md-news-1 .pager-bg::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: solid 0.65rem #ffffff; border-radius: 50%; }

.md-news-1 .pager-cnt { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-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; }

.md-news-1 .pager-cnt .current { margin-right: .3rem; }

.md-news-1 .pager-cnt .total { margin-right: .34rem; }

.md-news-1 .contact .img { width: 1.2rem; display: block; margin-left: auto; margin-right: auto; }

.md-news-1 .contact .text { line-height: 2; margin-top: .23rem; }

.md-news-1 .form { display: -webkit-box; display: -ms-flexbox; display: flex; width: 5.2rem; height: .68rem; min-height: 40px; margin-left: auto; border-bottom: 1px solid rgba(0, 0, 0, 0.08); }

.md-news-1 .form:focus-within { border-bottom-color: #0c369d; }

.md-news-1 .form .ipt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 100px; border: none; padding-right: .2rem; background: none; }

.md-news-1 .form .ipt::-webkit-input-placeholder { color: #666; }

.md-news-1 .form .ipt:-ms-input-placeholder { color: #666; }

.md-news-1 .form .ipt::-ms-input-placeholder { color: #666; }

.md-news-1 .form .ipt::placeholder { color: #666; }

.md-news-1 .form .btn { border: none; background: none; cursor: pointer; }

.md-news-1 .form .btn img { width: .19rem; min-width: 14px; }

.md-news-1 .list { margin-top: .8rem; 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; }

.md-news-1 .list .li { width: calc(520 / 1090 * 100%); border-radius: .1rem; overflow: hidden; position: relative; margin-bottom: .5rem; }

.md-news-1 .list .li::after { content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 50%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(12, 54, 157, 0.8))); background: -o-linear-gradient(top, transparent, rgba(12, 54, 157, 0.8)); background: linear-gradient(to bottom, transparent, rgba(12, 54, 157, 0.8)); }

.md-news-1 .list .li:nth-of-type(2n) { -webkit-animation-delay: .2s; animation-delay: .2s; }

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

.md-news-1 .list .img { padding-top: calc(325 / 520 * 100%); }

.md-news-1 .list .date { position: absolute; right: .2rem; top: .19rem; z-index: 2; }

.md-news-1 .list .date img { width: .18rem; min-width: 12px; margin-right: .1rem; }

.md-news-1 .list .tit { position: absolute; left: 0; bottom: .23rem; z-index: 2; width: 100%; padding: 0 .4rem; line-height: 1.54545; }

.md-news-1 .m_pages { margin-top: .1rem; }

@media (max-width: 900px) { .md-news-1 { padding-top: 0; }
    .md-news-1 .container { display: block; padding: 5%; }
    .md-news-1 .side { width: 100%; margin: 0; padding: 0; text-align: left; }
    .md-news-1 .pager { display: none; }
    .md-news-1 .contact { display: none; }
    .md-news-1 .main { width: 100%; margin-top: 5%; }
    .md-news-1 .form { width: 100%; } }

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

.md-news-2 .row-1 { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: .41rem; }

.md-news-2 .row-1 .btn-back { margin-left: auto; }

.md-news-2 .row-1 .btn-back img { width: .17rem; min-width: 12px; margin-right: .1rem; }

.md-news-2 .row-1 .btn-back:hover { color: #0c369d; }

.md-news-2 .row-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 1rem; padding-top: .4rem; }

.md-news-2 .main { width: calc(920 / 1400 * 100%); }

.md-news-2 .main .date { margin-top: .3rem; }

.md-news-2 .main .date img { width: .18rem; min-width: 12px; margin-right: .1rem; }

.md-news-2 .main .detail { border-top: 1px solid rgba(0, 0, 0, 0.08); padding-top: .6rem; margin-top: .6rem; line-height: 2; }

.md-news-2 .side { width: calc(350 / 1400 * 100%); position: -webkit-sticky; position: sticky; top: .2rem; }

.md-news-2 .side-list { margin-top: .59rem; }

.md-news-2 .side-list .li { display: block; border-radius: .08rem; overflow: hidden; position: relative; margin-bottom: .4rem; }

.md-news-2 .side-list .li::after { content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 50%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(12, 54, 157, 0.8))); background: -o-linear-gradient(top, transparent, rgba(12, 54, 157, 0.8)); background: linear-gradient(to bottom, transparent, rgba(12, 54, 157, 0.8)); }

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

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

.md-news-2 .side-list .date { position: absolute; right: .2rem; top: .19rem; z-index: 2; }

.md-news-2 .side-list .date img { width: .15rem; min-width: 12px; margin-right: .1rem; }

.md-news-2 .side-list .tit { position: absolute; left: 0; bottom: .15rem; z-index: 2; width: 100%; padding: 0 .2rem; line-height: 1.55556; }

@media (max-width: 900px) { .md-news-2 .row-2 { display: block; }
    .md-news-2 .main { width: 100%; }
    .md-news-2 .side { width: 100%; margin-top: 10%; }
    .md-news-2 .side-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; }
    .md-news-2 .side-list .li { width: 48%; } }

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

.md-contact-1 { background-color: #f8f8f8; color: #000; padding-top: 1.03rem; padding-bottom: .8rem; }

.md-contact-1 .map { position: relative; border-radius: 0.1rem; overflow: hidden; }

.md-contact-1 .map .media { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }

.md-contact-1 .map .main { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; width: 5.3rem; max-width: 90%; margin-left: auto; margin-right: auto; background-color: #fff; border-radius: .1rem; padding: .05rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-contact-1 .map .main .logo { width: 1.5rem; height: 1.5rem; border-radius: 0.05rem; }

.md-contact-1 .map .main .logo img { width: 1.1rem; max-width: 90%; max-height: 90%; -o-object-fit: contain; object-fit: contain; }

.md-contact-1 .map .main .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: .2rem .4rem .16rem; }

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

.md-contact-1 .map .main .more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: .19rem; }

.md-contact-1 .map .main .more .icon { width: .32rem; height: .32rem; border-radius: 50%; margin-left: .08rem; background: #0c369d url(../images/i-right-1.png) no-repeat center/calc(5 / 32 * 100%); }

.md-contact-1 .map .main:hover .more { color: #0c369d; }

.md-contact-1 .map:has(.main:hover) .media { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-contact-1 .list { margin-top: .6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-contact-1 .list .li { background-color: #fff; border-radius: .1rem; padding: .35rem .4rem .34rem; margin-bottom: .2rem; width: calc(453 / 1400 * 100%); margin-right: calc(20 / 1400 * 100%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-contact-1 .list .li:first-of-type { width: 100%; margin-right: 0; }

.md-contact-1 .list .li:first-of-type .bd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; }

.md-contact-1 .list .li:first-of-type .bd::before { content: ''; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: rgba(0, 0, 0, 0.05); }

.md-contact-1 .list .li:first-of-type .ct { width: calc(610 / 1320 * 100%); }

.md-contact-1 .list .li:nth-of-type(3n+1) { margin-right: 0; }

.md-contact-1 .list .li:hover { background-color: #0c369d; color: #fff; }

.md-contact-1 .list .li:hover .t1, .md-contact-1 .list .li:hover .t2 { color: #fff; }

.md-contact-1 .list .li:hover .ct { border-top-color: rgba(255, 255, 255, 0.1); }

.md-contact-1 .list .li:hover .ct-icon { background-color: #fff; }

.md-contact-1 .list .li:hover .ct-icon.icon-tel { background-image: url(../images/ct-icon-tel-2.png); }

.md-contact-1 .list .li:hover .ct-icon.icon-email { background-image: url(../images/ct-icon-email-2.png); }

.md-contact-1 .list .hd { padding-bottom: .23rem; }

.md-contact-1 .list .ct { border-top: 1px solid rgba(0, 0, 0, 0.05); padding-top: .26rem; }

.md-contact-1 .list .ct-item { margin-bottom: .25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-contact-1 .list .ct-item:last-of-type { margin-bottom: 0; }

.md-contact-1 .list .ct-icon { width: .5rem; height: .5rem; border-radius: 50%; margin-right: .2rem; -ms-flex-negative: 0; flex-shrink: 0; background-color: #0c369d; background-repeat: no-repeat; background-size: contain; background-position: center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-contact-1 .list .ct-icon.icon-tel { background-image: url(../images/ct-icon-tel.png); }

.md-contact-1 .list .ct-icon.icon-email { background-image: url(../images/ct-icon-email.png); }

.md-contact-1 .list .ct-tx { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; word-break: break-all; }

.md-contact-1 .list .ct-tx .t2 { margin-top: .08rem; }

.md-contact-1 .list a:hover { color: #0c369d; }

@media (max-width: 900px) { .md-contact-1 .map .main { width: 90%; }
    .md-contact-1 .map .main .text { padding: 0 .2rem; }
    .md-contact-1 .map .main .more .icon { background-size: 20%; }
    .md-contact-1 .list .li { width: 100%; margin-right: 0; }
    .md-contact-1 .list .li:first-of-type .bd { display: block; }
    .md-contact-1 .list .li:first-of-type .bd::before { display: none; }
    .md-contact-1 .list .li:first-of-type .ct { width: 100%; }
    .md-contact-1 .list .li:first-of-type .ct + .ct { margin-top: .3rem; } }

.md-job-1 { background-color: #f8f8f8; padding-top: .62rem; }

.md-job-1 .row-1 { 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-job-1 .row-1 .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-job-1 .row-1 .nav-item { margin-right: .6rem; padding: .2rem 0; border-bottom: .02rem solid transparent; }

.md-job-1 .row-1 .nav-item:last-of-type { margin-right: 0; }

.md-job-1 .row-1 .nav-item.on { color: #000; border-bottom-color: #0c369d; }

.md-job-1 .row-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: .19rem; padding-bottom: .79rem; }

.md-job-1 .row-2 .side { width: calc(320 / 1400 * 100%); padding-top: 1.13rem; position: -webkit-sticky; position: sticky; top: 0; }

.md-job-1 .row-2 .main { width: calc(1000 / 1400 * 100%); }

.md-job-1 .row-2 .form { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; height: .68rem; min-height: 40px; margin-left: auto; border-bottom: 1px solid rgba(0, 0, 0, 0.08); }

.md-job-1 .row-2 .form:focus-within { border-bottom-color: #0c369d; }

.md-job-1 .row-2 .form .ipt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 100px; border: none; padding-right: .2rem; background: none; }

.md-job-1 .row-2 .form .ipt::-webkit-input-placeholder { color: #666; }

.md-job-1 .row-2 .form .ipt:-ms-input-placeholder { color: #666; }

.md-job-1 .row-2 .form .ipt::-ms-input-placeholder { color: #666; }

.md-job-1 .row-2 .form .ipt::placeholder { color: #666; }

.md-job-1 .row-2 .form .btn { border: none; background: none; cursor: pointer; }

.md-job-1 .row-2 .form .btn img { width: .19rem; min-width: 14px; }

.md-job-1 .row-2 .form-2 { margin-top: .19rem; }

.md-job-1 .row-2 .form-2 .form-item .hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.08); padding: .17rem 0; }

.md-job-1 .row-2 .form-2 .form-item .hd .tit { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-job-1 .row-2 .form-2 .form-item .hd .icon { cursor: pointer; width: .16rem; height: .16rem; min-width: 14px; min-height: 14px; background-image: url(../images/i--.png); background-position: center; background-repeat: no-repeat; background-size: 100%; }

.md-job-1 .row-2 .form-2 .form-item .hd.fold .icon { background-image: url(../images/i-+.png); }

.md-job-1 .row-2 .form-2 .form-item .bd { padding-top: .29rem; }

.md-job-1 .row-2 .form-2 .checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; margin-bottom: .26rem; }

.md-job-1 .row-2 .form-2 .checkbox input { width: 0.16rem; min-width: 12px; height: 0.16rem; min-height: 12px; border-radius: 0.02rem; border: solid 0.01rem rgba(0, 0, 0, 0.15); margin-right: .14rem; }

.md-job-1 .row-2 .form-2 .checkbox input:checked ~ span { color: #000; }

.md-job-1 .row-2 .form-2 .checkbox span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-job-1 .row-2 .count { margin-top: .45rem; }

.md-job-1 .row-2 .list { margin-top: .38rem; }

.md-job-1 .row-2 .list .li { display: block; margin-bottom: .2rem; background-color: #fff; border-radius: 0.1rem; padding: .32rem .35rem .34rem; position: relative; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-job-1 .row-2 .list .li:hover { background: #0c369d; }

.md-job-1 .row-2 .list .li:hover .icon { background-image: url(../images/i-link-1.png); }

.md-job-1 .row-2 .list .li:hover .tit { color: #fff; }

.md-job-1 .row-2 .list .li:hover .data { color: #fff; }

.md-job-1 .row-2 .list .li:hover .data-item:after { background-color: #fff; }

.md-job-1 .row-2 .list .li:hover .desc { color: rgba(255, 255, 255, 0.6); }

.md-job-1 .row-2 .list .icon { position: absolute; right: .34rem; top: .35rem; width: .21rem; height: 0.2rem; min-width: 12px; min-height: 12px; background: url(../images/i-link.png) no-repeat center/contain; }

.md-job-1 .row-2 .list .desc { margin-top: .25rem; }

.md-job-1 .row-2 .list .data { 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; margin-top: .1rem; }

.md-job-1 .row-2 .list .data-item { margin-top: .06rem; }

.md-job-1 .row-2 .list .data-item:after { content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 1em; background: #000; opacity: .1; margin: 0 .15rem; }

.md-job-1 .row-2 .m_pages { margin-top: .4rem; }

@media (max-width: 900px) { .md-job-1 .row-1 { display: block; }
    .md-job-1 .row-1 .title { text-align: center; }
    .md-job-1 .row-1 .nav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 5%; }
    .md-job-1 .row-2 { display: block; }
    .md-job-1 .row-2 .side { width: 100%; padding-top: 5%; position: static; }
    .md-job-1 .row-2 .main { width: 100%; margin-top: 5%; }
    .md-job-1 .row-2 .form-2 .checkbox { width: 33%; }
    .md-job-1 .row-2 .form-2 .checkbox-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.md-job-2 { background-color: #f8f8f8; }

.md-job-2 .row-1 { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: .41rem; }

.md-job-2 .row-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: .4rem; padding-bottom: 1rem; }

.md-job-2 .main { width: calc(920 / 1400 * 100%); }

.md-job-2 .main .data { margin-top: .25rem; }

.md-job-2 .main .data-item { margin-top: .06rem; }

.md-job-2 .main .data-item:after { content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 1em; background: #000; opacity: .1; margin: 0 .15rem; }

.md-job-2 .main .detail { border-top: 1px solid rgba(0, 0, 0, 0.08); padding-top: .36rem; margin-top: .5rem; line-height: 2.125; }

.md-job-2 .main .detail .dl { margin-bottom: .3rem; }

.md-job-2 .main .detail .dd { margin-top: .04rem; }

.md-job-2 .main .m-more { margin-top: .21rem; padding-left: .3rem; }

.md-job-2 .side { width: calc(350 / 1400 * 100%); position: -webkit-sticky; position: sticky; top: 1rem; }

.md-job-2 .side-list { margin-top: .34rem; }

.md-job-2 .side-list .li { display: block; margin-bottom: .2rem; background-color: #fff; border-radius: 0.1rem; padding: .33rem .35rem .28rem; position: relative; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-job-2 .side-list .li:hover { background: #0c369d; }

.md-job-2 .side-list .li:hover .icon { background-image: url(../images/i-link-1.png); }

.md-job-2 .side-list .li:hover .tit { color: #fff; }

.md-job-2 .side-list .li:hover .data { color: #fff; }

.md-job-2 .side-list .li:hover .data-item:after { background: #fff; }

.md-job-2 .side-list .li:hover .desc { color: rgba(255, 255, 255, 0.6); }

.md-job-2 .side-list .icon { position: absolute; right: .34rem; top: .35rem; width: .21rem; height: 0.2rem; min-width: 12px; min-height: 12px; background: url(../images/i-link.png) no-repeat center/contain; }

.md-job-2 .side-list .desc { margin-top: .27rem; line-height: 1.71429; }

.md-job-2 .side-list .data { 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; margin-top: .1rem; }

.md-job-2 .side-list .data-item { margin-top: .06rem; }

.md-job-2 .side-list .data-item:after { content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 1em; background: #000; opacity: .1; margin: 0 .15rem; }

@media (max-width: 900px) { .md-job-2 .row-2 { display: block; }
    .md-job-2 .main { width: 100%; }
    .md-job-2 .side { width: 100%; margin-top: 10%; }
    .md-job-2 .side-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; }
    .md-job-2 .side-list .li { width: 48%; margin-bottom: 4%; } }

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

.md-job-3 { background-color: #f8f8f8; color: #000; padding-bottom: 1rem; padding-top: .44rem; }

.md-job-3 .row-1 .title { margin-top: .22rem; }

.md-job-3 .row-2 { position: relative; margin-top: .55rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.md-job-3 .row-2 .main { width: calc(800 / 1400 * 100%); margin-left: auto; margin-right: .5rem; min-height: 600px; }

.md-job-3 .row-2 .side { width: calc(250 / 1400 * 100%); position: -webkit-sticky; position: sticky; right: 0; top: .4rem; border-left: 1px solid #e5e5e5; }

.md-job-3 .row-2 .side .item { display: block; position: relative; line-height: 1.78571; padding-left: .14rem; margin-bottom: .21rem; cursor: pointer; }

.md-job-3 .row-2 .side .item:last-of-type { margin-bottom: 0; }

.md-job-3 .row-2 .side .item:before { content: ''; position: absolute; left: -1px; top: 0; width: 2px; height: .25rem; min-height: calc(25 / 14 * 1em); background: #0c369d; display: none; }

.md-job-3 .row-2 .side .item.on { color: #0c369d; }

.md-job-3 .row-2 .side .item.on:before { display: block; }

.md-job-3 .card { background-color: #ffffff; color: #000; border-radius: 0.1rem; margin-bottom: .2rem; display: -webkit-box; display: -ms-flexbox; display: flex; padding: .48rem .5rem .5rem; }

.md-job-3 .card-lf { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: .2rem; }

.md-job-3 .card-rg { width: 4rem; }

@media (max-width: 1920px) { .md-job-3 .card-rg { width: 400px; max-width: 65%; } }

.md-job-3 .card-desc { margin-top: .14rem; }

.md-job-3 .form-item { margin-bottom: .29rem; }

.md-job-3 .form-item:last-of-type { margin-bottom: 0; }

.md-job-3 .form-item_name { margin-bottom: .13rem; }

.md-job-3 .form-item_cnt .tips { margin-top: .12rem; }

.md-job-3 .form-item-group { padding-bottom: 0.2rem; }

.md-job-3 .form-item-group + .form-item-group { padding-top: .39rem; margin-top: .3rem; border-top: solid 0.01rem rgba(0, 0, 0, 0.08); }

.md-job-3 .form-item-group:has(.btn-delete:hover) { background: #f8f8f8; }

.md-job-3 .btn-add { cursor: pointer; margin-top: .3rem; }

.md-job-3 .m-input { width: 100%; height: 0.4rem; min-height: 35px; border-radius: 0.03rem; border: solid 0.01rem rgba(0, 0, 0, 0.08); padding: 0 .2rem; background: none; }

.md-job-3 .m-input::-webkit-input-placeholder { color: #999; }

.md-job-3 .m-input:-ms-input-placeholder { color: #999; }

.md-job-3 .m-input::-ms-input-placeholder { color: #999; }

.md-job-3 .m-input::placeholder { color: #999; }

.md-job-3 .m-input:focus { border-color: #0c369d; }

.md-job-3 .m-input--month { background: url(../images/i-date-3.png) no-repeat right 0.2rem center/14px; }

.md-job-3 .m-radio-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-job-3 .m-radio-group .radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: .2rem; margin-top: .05rem; }

.md-job-3 .m-radio-group .radio:last-of-type { margin-right: 0; }

.md-job-3 .m-radio-group .radio input { margin-right: .1rem; }

.md-job-3 .m-select { width: 100%; height: 0.4rem; min-height: 35px; border-radius: 0.03rem; border: solid 0.01rem rgba(0, 0, 0, 0.08); padding: 0 .2rem; background: url(../images/i-select.png) no-repeat right 0.19rem center/10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; }

.md-job-3 .m-select:focus { border-color: #0c369d; }

.md-job-3 .m-select ~ .m-input { margin-top: .1rem; }

.md-job-3 .m-avatar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-job-3 .m-avatar-upload { width: 1rem; height: 1rem; position: relative; margin-right: .15rem; }

.md-job-3 .m-avatar-upload .icon { width: 100%; height: 100%; }

.md-job-3 .m-avatar-upload input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; }

.md-job-3 .m-avatar-item { width: 1rem; height: 1rem; background-color: #ffffff; border-radius: 0.05rem; border: solid 0.01rem #eeeeee; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: .15rem; }

.md-job-3 .m-avatar-item .img { max-width: 90%; max-height: 90%; -webkit-filter: drop-shadow(1px 2px 3px #999); filter: drop-shadow(1px 2px 3px #999); }

.md-job-3 .m-avatar-item .close { position: absolute; right: -.11rem; top: -.11rem; width: .22rem; height: .22rem; line-height: .22rem; text-align: center; border-radius: 50%; background: #0c369d url(../images/i-close.png) no-repeat center/40%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.md-job-3 .m-month-range { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; }

.md-job-3 .m-month-range-cnt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 0.4rem; min-height: 35px; border-radius: 0.03rem; border: solid 0.01rem rgba(0, 0, 0, 0.08); padding-right: .2rem; }

.md-job-3 .m-month-range-cnt input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; width: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: none; padding-left: .2rem; }

.md-job-3 .m-month-range-cnt .i-1 { width: .13rem; min-width: 10px; }

.md-job-3 .m-month-range-cnt .i-2 { width: .14rem; min-width: 10px; }

.md-job-3 .m-month-range-cnt:focus-within { border-color: #0c369d; }

.md-job-3 .m-month-range-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; margin-left: .15rem; }

.md-job-3 .m-month-range-btn input { margin-right: .1rem; width: 0.16rem; height: 0.16rem; min-width: 14px; min-height: 14px; }

.md-job-3 .m-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; }

.md-job-3 .m-checkbox input { margin-right: .1rem; width: 0.16rem; height: 0.16rem; min-width: 14px; min-height: 14px; }

.md-job-3 .m-textarea textarea { width: 100%; height: 1rem; min-height: 50px; border-radius: 0.03rem; border: solid 0.01rem rgba(0, 0, 0, 0.08); padding: .13rem .2rem; background: none; }

.md-job-3 .m-textarea textarea::-webkit-input-placeholder { color: #999; }

.md-job-3 .m-textarea textarea:-ms-input-placeholder { color: #999; }

.md-job-3 .m-textarea textarea::-ms-input-placeholder { color: #999; }

.md-job-3 .m-textarea textarea::placeholder { color: #999; }

.md-job-3 .m-textarea textarea:focus { border-color: #0c369d; }

.md-job-3 .m-textarea-foot { 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-job-3 .m-textarea-foot .tips { margin-top: .09rem; margin-right: .8rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-job-3 .m-textarea-foot .max { margin-top: .09rem; }

.md-job-3 .m-upload { border: 1px dashed rgba(0, 0, 0, 0.1); background: #fcfcfc; border-radius: 0.08rem; padding: .3rem .45rem .26rem; text-align: center; position: relative; }

.md-job-3 .m-upload .file { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

.md-job-3 .m-upload_icon { width: .29rem; }

.md-job-3 .m-upload_tit { margin-top: .13rem; }

.md-job-3 .m-upload_tips { line-height: 1.5; margin-top: .09rem; }

.md-job-3 .m-upload.over { border-color: #0c369d; }

.md-job-3 .m-upload-files { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0.1rem; background: #f8f8f8; padding: .1rem; border-radius: .05rem; display: none; }

.md-job-3 .m-upload-files .name { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-job-3 .m-upload-files .close { width: .22rem; height: .22rem; line-height: .22rem; text-align: center; border-radius: 50%; background: #0c369d url(../images/i-close.png) no-repeat center/40%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.md-job-3 .m-upload2-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: 1.2rem; line-height: 1.25; padding: .1rem; border-radius: .03rem; position: relative; }

.md-job-3 .m-upload2-btn input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

.md-job-3 .m-upload2-btn img { width: .13rem; min-width: 10px; margin-right: .1rem; }

.md-job-3 .m-upload2-files { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0.2rem; background: #f8f8f8; padding: .1rem; border-radius: .05rem; display: none; }

.md-job-3 .m-upload2-files .name { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-job-3 .m-upload2-files .close { width: .22rem; height: .22rem; min-width: 20px; min-height: 20px; line-height: .22rem; text-align: center; border-radius: 50%; background: #0c369d url(../images/i-close.png) no-repeat center/40%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.md-job-3 .form-foot { margin-top: .5rem; }

.md-job-3 .form-foot a { color: #0c369d; }

.md-job-3 .btn-delete { cursor: pointer; 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-left: auto; margin-top: .48rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

.md-job-3 .btn-delete .icon { width: .13rem; height: .14rem; min-width: 10px; min-height: 10px; background: url(../images/i-delete.png) no-repeat center/contain; margin-right: .1rem; }

.md-job-3 .btn-delete:hover { color: #0c369d; }

.md-job-3 .btn-delete:hover .icon { background-image: url(../images/i-delete-2.png); }

.md-job-3 .m-region { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-job-3 .m-region .m-select { width: 49%; }

.md-job-3 .lang-input { display: none; }

@media (max-width: 900px) { .md-job-3 .row-2 .side { display: none; }
    .md-job-3 .row-2 .main { width: 100%; margin-left: 0; margin-right: 0; } }

@media (max-width: 500px) { .md-job-3 .card { display: block; padding: .3rem; }
    .md-job-3 .card-lf { margin-bottom: 5%; }
    .md-job-3 .card-rg { width: 100%; max-width: 100%; } }

.md-job-pop { position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); 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; display: none; }

.md-job-pop.show { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-job-pop.show .main { -webkit-animation: zoom-in .5s forwards; animation: zoom-in .5s forwards; }

.md-job-pop .main { background-color: #fff; color: #000; width: 10rem; max-width: 96%; max-height: 90%; border-radius: 0.1rem; position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.md-job-pop .close { padding: .2rem; position: absolute; right: 0.09rem; top: .07rem; border: none; background: none; cursor: pointer; }

.md-job-pop .close img { width: .17rem; }

.md-job-pop .title { width: 100%; text-align: center; padding: .4rem 0 0; -ms-flex-negative: 0; flex-shrink: 0; }

.md-job-pop .cnt { line-height: 2; padding: .2rem .5rem; max-height: 90vh; overflow-y: auto; }

.md-job-pop .foot { text-align: center; padding: .2rem; }

@media (max-width: 900px) { .md-job-pop .cnt { max-height: 70vh; } }

.layui-laydate-footer span:hover { color: #0c369d !important; }

/* 九重 */
.md-jc-ban { position: relative; }

.md-jc-ban .bg { position: relative; }

.md-jc-ban .bg .img { display: block; width: 100%; min-height: 500px; -o-object-position: 75%; object-position: 75%; }

.md-jc-ban .text { position: absolute; left: 0; top: 1.57rem; bottom: 5%; z-index: 3; margin: auto; width: 100%; }

.md-jc-ban .text .layout { height: 100%; }

.md-jc-ban .text-cnt { width: 5rem; max-width: 100%; height: 100%; }

.md-jc-ban .text .tx { margin-bottom: 2rem; }

.md-jc-ban .text .tx:last-of-type { margin-bottom: 0; }

.md-jc-ban .text .desc { line-height: 2; margin-top: .21rem; }

@media (max-width: 1600px) { .md-jc-ban .text .tx { margin-bottom: 1rem; } }

@media (max-width: 750px) { .md-jc-ban .text-cnt { width: 100%; } }

.md-jc-ban--25d .bg { overflow: hidden; }

.md-jc-ban--25d .line-1 { position: absolute; left: 48.85%; top: 0; bottom: 22.6%; width: 3px; margin: auto; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(#fff)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), #fff); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), #fff); -webkit-box-shadow: 0 0 0.1rem .05rem #095f92; box-shadow: 0 0 0.1rem .05rem #095f92; margin-left: .4rem; }

.md-jc-ban--25d .line-blue { width: 1rem; height: 7.3rem; background-image: url(../images/light-1.png); background-repeat: no-repeat; background-position: center bottom; mix-blend-mode: lighten; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }

.md-jc-ban--25d .line-blue.active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.md-jc-ban--25d .line-orange { height: 5.76rem; background-image: url(../images/light-2.png); background-repeat: no-repeat; background-position: right top; mix-blend-mode: lighten; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate(-100%, 100%); -ms-transform: translate(-100%, 100%); transform: translate(-100%, 100%); }

.md-jc-ban--25d .line-orange.active { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); }

.md-jc-ban--25d .line-green { background-image: url(../images/light-3.png); background-repeat: no-repeat; background-position: left top; background-size: 100% 100%; mix-blend-mode: lighten; min-width: 45.7%; min-height: 70.3%; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translate(100%, 100%); -ms-transform: translate(100%, 100%); transform: translate(100%, 100%); }

.md-jc-ban--25d .line-green.active { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); }

.md-jc-ban--25d .line-2 { position: absolute; left: 46.3%; top: 0; bottom: 23.3%; margin: auto; }

.md-jc-ban--25d .line-3 { position: absolute; left: 76%; top: 0; bottom: 55.7%; margin: auto; }

.md-jc-ban--25d .line-4 { position: absolute; left: 86.5%; top: 0; bottom: 23.3%; margin: auto; }

.md-jc-ban--25d .line-5 { position: absolute; right: 21.3%; top: 60.9%; width: 71%; height: 39.5%; }

.md-jc-ban--25d .line-6 { position: absolute; right: 10.8%; top: 77.3%; width: 42.4%; height: 23.6%; }

.md-jc-ban--25d .line-7 { position: absolute; left: 48%; top: 75.8%; }

.md-jc-ban--25d .line-8 { position: absolute; left: 77.7%; top: 59.3%; }

.md-jc-ban--25d .prod-img { position: absolute; right: 15.9%; top: 24%; z-index: 3; width: 5.9rem; }

@media (max-width: 900px) { .md-jc-ban--25d .line { display: none; }
    .md-jc-ban--25d .prod-img { display: none; } }

.md-jc-1 { padding-top: .94rem; padding-bottom: .5rem; background-image: url(../images/jc-bg.jpg); }

.md-jc-1 .line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: .2rem 0; }

.md-jc-1 .line::before { content: ''; width: 0.3rem; min-width: 10px; height: 0.04rem; min-height: 2px; background-color: #0c369d; border-radius: 0.02rem; margin-right: .04rem; }

.md-jc-1 .line::after { content: ''; width: 0.04rem; min-width: 2px; height: 0.04rem; min-height: 2px; background-color: #0c369d; border-radius: 0.04rem; }

.md-jc-1 .cate { 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: #fff; -webkit-box-shadow: 0rem 0rem 0.3rem 0rem rgba(0, 15, 52, 0.1); box-shadow: 0rem 0rem 0.3rem 0rem rgba(0, 15, 52, 0.1); border-radius: 0.3rem; padding: .05rem; margin: .5rem auto 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

.md-jc-1 .cate-item { min-width: 1.2rem; border-radius: .5rem; text-align: center; padding: 0.13rem 0.5rem; }

.md-jc-1 .cate-item:hover { color: #0c369d; }

.md-jc-1 .cate-item.on { background-color: #0c369d; color: #fff; }

.md-jc-1 .cate-cnt { -webkit-box-shadow: 0rem 0rem 0.3rem 0rem rgba(0, 15, 52, 0.15); box-shadow: 0rem 0rem 0.3rem 0rem rgba(0, 15, 52, 0.15); margin-top: .4rem; border-radius: 0.1rem; }

.md-jc-1 .cnt { border-radius: 0.1rem; background-color: rgba(255, 255, 255, 0.8); padding: .4rem; -webkit-box-shadow: 0rem 0rem 0.3rem 0rem rgba(0, 15, 52, 0.15); box-shadow: 0rem 0rem 0.3rem 0rem rgba(0, 15, 52, 0.15); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-jc-1 .cnt .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-top: .45rem; }

.md-jc-1 .cnt .tit { border-bottom: 1px solid rgba(0, 0, 0, 0.08); position: relative; padding-bottom: .25rem; }

.md-jc-1 .cnt .tit::after { content: ''; position: absolute; left: 0; bottom: -1px; width: 0.4rem; height: 0.04rem; background-color: #0c369d; border-radius: 0.02rem; }

.md-jc-1 .cnt .tit-en { margin-left: .2rem; }

.md-jc-1 .cnt .dl { line-height: 2.125; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .4rem; }

.md-jc-1 .cnt .dd { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-jc-1 .cnt .dd:before { content: ''; display: inline-block; width: 0.11rem; min-width: 6px; height: 0.11rem; min-height: 6px; border-radius: 50%; border: solid 0.02rem #0c369d; margin-right: .14rem; -ms-flex-negative: 0; flex-shrink: 0; margin-top: .75em; }

.md-jc-1 .cnt .c-pic { width: 5.3rem; margin-left: .4rem; border-radius: .1rem; overflow: hidden; }

.md-jc-1 .cnt .img { padding-top: calc(400 / 530 * 100%); }

.md-jc-1 .cnt .img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

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

.md-jc-1 .list .li { background-color: #fff; -webkit-box-shadow: 0rem 0rem 0.3rem 0rem rgba(0, 15, 52, 0.15); box-shadow: 0rem 0rem 0.3rem 0rem rgba(0, 15, 52, 0.15); border-radius: 0.1rem; padding: .36rem .4rem .3rem; height: auto; }

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

.md-jc-1 .list .tit-en { margin-left: .2rem; }

.md-jc-1 .list .c-pic { margin-top: .29rem; border-radius: .1rem; overflow: hidden; }

.md-jc-1 .list .img { padding-top: calc(210 / 360 * 100%); }

.md-jc-1 .list .dl { line-height: 2.125; margin-top: .2rem; }

.md-jc-1 .list .dd { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-jc-1 .list .dd:before { content: ''; display: inline-block; width: 0.11rem; min-width: 6px; height: 0.11rem; min-height: 6px; border-radius: 50%; border: solid 0.02rem #0c369d; margin-right: .14rem; -ms-flex-negative: 0; flex-shrink: 0; margin-top: .75em; }

.md-jc-1 .list .swiper-pagination { bottom: 0; }

.md-jc-1 .list .swiper-pagination-bullet { background-color: #0c369d; }

@media (min-width: 901px) { .md-jc-1 .list .li { margin-top: .4rem; margin-right: calc(40 / 1400 * 100%); width: calc(440 / 1400 * 100%); }
    .md-jc-1 .list .li:nth-of-type(3n+2) { -webkit-animation-delay: .1s; animation-delay: .1s; }
    .md-jc-1 .list .li:nth-of-type(3n) { margin-right: 0; -webkit-animation-delay: .2s; animation-delay: .2s; } }

@media (max-width: 900px) { .md-jc-1 .cnt .text { padding-top: 0; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; }
    .md-jc-1 .cnt .c-pic { width: 100%; margin-left: 0; margin-top: .4rem; }
    .md-jc-1 .list .li { width: 49%; margin-right: 2%; margin-top: 2%; }
    .md-jc-1 .list .li:nth-of-type(2n) { margin-right: 0; } }

@media (max-width: 600px) { .md-jc-1 .cnt .dl { display: block; margin-top: .2rem; }
    .md-jc-1 .cnt .dd { width: 100%; }
    .md-jc-1 .cnt .dd::before { margin-top: .8em; }
    .md-jc-1 .list .li { width: 100%; margin-right: 0; margin-top: 5%; } }

.md-jc-2 { padding-top: 1.58rem; }

.md-jc-2 .cnt { margin-top: -.3rem; position: relative; }

.md-jc-2 .img-1 { width: 1.89rem; margin-left: .4rem; }

.md-jc-2 .cate-1-list { padding-bottom: .14rem; }

.md-jc-2 .cate-1-list .line-1 { position: absolute; left: 0; right: 0; top: .22rem; z-index: 2; margin: auto; height: 1px; background: rgba(255, 255, 255, 0.25); }

.md-jc-2 .cate-1-list .line-1::before { content: ''; position: absolute; left: 50%; bottom: 100%; width: 1px; height: .15rem; background: rgba(255, 255, 255, 0.25); }

.md-jc-2 .cate-1-list .line-2 { position: absolute; left: 0; right: 0; bottom: .24rem; z-index: 2; margin: auto; height: 1px; background: rgba(255, 255, 255, 0.25); }

.md-jc-2 .cate-1-list .line-2::before { content: ''; position: absolute; left: 50%; top: 100%; width: 1px; height: .17rem; background: rgba(255, 255, 255, 0.25); }

.md-jc-2 .cate-1-list .cate-1 { padding-top: .3rem; }

.md-jc-2 .cate-1-list .cate-1:hover .cate-1-item .img::after { display: block; }

.md-jc-2 .cate-1-list .cate-1:hover .cate-2 { background: -webkit-gradient(linear, left top, left bottom, from(#1947b8), to(transparent)); background: -o-linear-gradient(top, #1947b8, transparent); background: linear-gradient(to bottom, #1947b8, transparent); }

.md-jc-2 .cate-1-list .cate-1 .line-wrap { position: relative; }

.md-jc-2 .cate-1-list .cate-1 .line { position: absolute; left: 0; right: 0; top: -.3rem; margin: auto; height: 1px; background: rgba(255, 255, 255, 0.25); }

.md-jc-2 .cate-1-list .cate-1-item { display: block; width: 100%; position: relative; }

.md-jc-2 .cate-1-list .cate-1-item:before { content: ''; position: absolute; left: 50%; top: -.07rem; bottom: -.21rem; margin: auto; width: 1px; background: rgba(255, 255, 255, 0.25); }

.md-jc-2 .cate-1-list .cate-1-item .text { text-align: left; position: absolute; top: 50%; right: calc(50% + .66rem + 0.3rem); width: -webkit-max-content; width: -moz-max-content; width: max-content; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.md-jc-2 .cate-1-list .cate-1-item .more { margin-top: .07rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-jc-2 .cate-1-list .cate-1-item .more::after { content: ''; width: 0.32rem; height: 0.32rem; border-radius: 50%; margin-left: .08rem; background-color: #ffffff; background-image: url(../images/i-more-1.png); background-repeat: no-repeat; background-position: center; background-size: .05rem; }

.md-jc-2 .cate-1-list .cate-1-item .img { width: 1.32rem; height: 1.32rem; margin-left: auto; margin-right: auto; font-size: 0; border-radius: 50%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#2e48d0)); background: -o-linear-gradient(top, transparent, #2e48d0); background: linear-gradient(to bottom, transparent, #2e48d0); position: relative; }

.md-jc-2 .cate-1-list .cate-1-item .img img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.md-jc-2 .cate-1-list .cate-1-item .img::after { content: ''; width: 2.55rem; height: 2.55rem; background: url(../images/jc-5.png) no-repeat center/contain; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); mix-blend-mode: lighten; display: none; }

.md-jc-2 .cate-1-list .cate-2-list { display: -webkit-box; display: -ms-flexbox; display: flex; gap: .14rem; margin-top: .51rem; }

.md-jc-2 .cate-1-list .cate-2 { min-height: 1.8rem; padding: .15rem .05rem .2rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-radius: .2rem; background: -webkit-gradient(linear, left top, left bottom, from(rgba(72, 126, 223, 0.35)), to(transparent)); background: -o-linear-gradient(top, rgba(72, 126, 223, 0.35), transparent); background: linear-gradient(to bottom, rgba(72, 126, 223, 0.35), transparent); position: relative; }

.md-jc-2 .cate-1-list .cate-2:before { content: ''; position: absolute; left: 50%; top: -.29rem; width: 1px; height: .2rem; background: rgba(255, 255, 255, 0.25); }

.md-jc-2 .cate-1-list .cate-2:after { content: ''; position: absolute; left: 50%; bottom: .1rem; width: 1px; height: .2rem; background: rgba(255, 255, 255, 0.25); }

.md-jc-2 .cate-1-list .cate-2 .t2 { line-height: 1.57143; height: 3.14286em; margin-top: .02rem; }

.md-jc-2 .cate-1-list .cate-2 .img { 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; height: .5rem; margin-top: .08rem; }

.md-jc-2 .cate-1-list .cate-2 .img img { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; }

.md-jc-2 .box-2 { line-height: 1.71429; border-radius: .14rem; padding: .17rem .2rem; min-height: .76rem; background: -webkit-gradient(linear, left top, left bottom, from(rgba(72, 126, 223, 0.35)), to(transparent)); background: -o-linear-gradient(top, rgba(72, 126, 223, 0.35), transparent); background: linear-gradient(to bottom, rgba(72, 126, 223, 0.35), transparent); }

.md-jc-2 .list-1 { display: -webkit-box; display: -ms-flexbox; display: flex; gap: .22rem; margin-top: .45rem; }

.md-jc-2 .list-1 .li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-height: 1.38rem; background: -webkit-gradient(linear, left top, left bottom, from(rgba(72, 126, 223, 0.35)), to(transparent)); background: -o-linear-gradient(top, rgba(72, 126, 223, 0.35), transparent); background: linear-gradient(to bottom, rgba(72, 126, 223, 0.35), transparent); padding: .12rem; line-height: 1.71429; border-radius: .14rem; }

.md-jc-2 .list-1 .dd { opacity: .8; }

.md-jc-2 .line-3 { position: absolute; margin: auto; background: rgba(255, 255, 255, 0.25); height: 1px; }

.md-jc-2 .line-3 .col { position: absolute; bottom: 100%; background: rgba(255, 255, 255, 0.25); width: 1px; height: .2rem; }

.md-jc-2 .line-3:after { content: ''; position: absolute; top: 100%; left: 50%; background: rgba(255, 255, 255, 0.25); width: 1px; height: .2rem; }

@media (max-width: 900px) { .md-jc-2 .cate-1-list .line-1 { display: none; }
    .md-jc-2 .cate-1-list .line-2 { bottom: 25px; }
    .md-jc-2 .cate-1-list .cate-1-item .text { position: static; text-align: center; -webkit-transform: none; -ms-transform: none; transform: none; width: 100%; margin-top: .3rem; }
    .md-jc-2 .cate-1-list .cate-1-item .tit { font-size: 20px; }
    .md-jc-2 .cate-1-list .cate-1-item .more { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 10px; }
    .md-jc-2 .cate-1-list .cate-1-item .more:after { width: 2em; height: 2em; background-size: 18%; }
    .md-jc-2 .cate-1-list .cate-1-item .img { width: 2.5rem; height: 2.5rem; }
    .md-jc-2 .cate-1-list .cate-2 { padding-top: 18px; padding-bottom: 18px; }
    .md-jc-2 .cate-1-list .cate-2 .img { margin-top: 15px; }
    .md-jc-2 .box-2 { padding: 20px; }
    .md-jc-2 .list-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0; font-size: 11px; border-radius: .2rem; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(72, 126, 223, 0.35)), to(transparent)); background: -o-linear-gradient(top, rgba(72, 126, 223, 0.35) 50%, transparent); background: linear-gradient(to bottom, rgba(72, 126, 223, 0.35) 50%, transparent); }
    .md-jc-2 .list-1 .li { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.33%; border-radius: 0; background: none; border-right: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 10px 2px; }
    .md-jc-2 .list-1 .li:nth-of-type(3n) { border-right: none; }
    .md-jc-2 .list-1 .li:last-of-type { border-bottom: none; } }

.page-bg { background: url(../images/bg-page.jpg) no-repeat right bottom; background-size: cover; }

.page-bg .md-footer { background: none !important; }

.md-page-1 { overflow: hidden; padding-top: 1.58rem; }

.md-page-1 .layout { width: 14rem; }

.md-page-1 .text { width: 3.8rem; max-width: 100%; }

.md-page-1 .desc { line-height: 2; margin-top: .19rem; }

.md-page-1 .media { margin-top: -.17rem; }

.md-page-1 .list { overflow: visible; }

.md-page-1 .list .li { width: 4.56rem; height: 4.31rem; background: url(../images/i-file-7.png) no-repeat center top/100%; padding: .5rem .2rem; -webkit-filter: drop-shadow(0 0 0.15rem rgba(0, 0, 0, 0.5)); filter: drop-shadow(0 0 0.15rem rgba(0, 0, 0, 0.5)); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.md-page-1 .list .tit { -webkit-transform: skewY(-13deg); -ms-transform: skewY(-13deg); transform: skewY(-13deg); letter-spacing: 1px; -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; font-size: calc(18 / 1920 * 100vw); }

.md-page-1 .list .dl { position: absolute; left: 4.13rem; top: 0; opacity: 0; -webkit-transition: all .3s .2s; -o-transition: all .3s .2s; transition: all .3s .2s; }

.md-page-1 .list .dl .dd { margin-bottom: .2rem; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-page-1 .list .dl .dd::before { content: ''; width: 0; height: .02rem; background-color: #ffffff; opacity: 0.5; -webkit-transition: width .5s .3s; -o-transition: width .5s .3s; transition: width .5s .3s; margin-right: .6rem; }

.md-page-1 .list .dl .dd img { height: 0.6rem; }

.md-page-1 .list .dl .dd img:hover { -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); }

.md-page-1 .swiper-pagination { display: none; }

@media (min-width: 901px) { .md-page-1 .list { padding-top: 2.75rem; margin-top: -.18rem; }
    .md-page-1 .list .swiper-slide { width: 1.58rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
    .md-page-1 .list .swiper-slide:last-of-type .li:hover .dl .dd::before { width: 1rem; }
    .md-page-1 .list .li { position: relative; }
    .md-page-1 .list .li:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 70%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background: -o-linear-gradient(top, transparent, #000); background: linear-gradient(to bottom, transparent, #000); -webkit-transform: skewY(-11deg); -ms-transform: skewY(-11deg); transform: skewY(-11deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; }
    .md-page-1 .list .li.on, .md-page-1 .list .li:hover { -webkit-transform: translateY(-2.27rem); -ms-transform: translateY(-2.27rem); transform: translateY(-2.27rem); background-image: url(../images/i-file.png); }
    .md-page-1 .list .li.on:after, .md-page-1 .list .li:hover:after { opacity: 0; }
    .md-page-1 .list .li.on .tit, .md-page-1 .list .li:hover .tit { color: #0c369d; }
    .md-page-1 .list .li.on .dl, .md-page-1 .list .li:hover .dl { opacity: 1; }
    .md-page-1 .list .li.on .dl .dd:before, .md-page-1 .list .li:hover .dl .dd:before { width: 1.86rem; } }

@media (max-width: 900px) { .md-page-1 .layout { width: 90%; }
    .md-page-1 .text { width: 100%; }
    .md-page-1 .list { margin-top: 1.5rem; padding-bottom: 17vw; }
    .md-page-1 .list .li { margin-left: 0; background-image: url(../images/i-file.png); width: 62%; height: auto; aspect-ratio: 454 / 376; padding-top: 5.7%; padding-left: 2%; }
    .md-page-1 .list .dl { left: 90%; opacity: 0; }
    .md-page-1 .list .dl .dd { margin-bottom: .6rem; }
    .md-page-1 .list .dl .dd:before { width: 0; }
    .md-page-1 .list .dl .dd img { height: 7vw; -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); }
    .md-page-1 .list .tit { color: #0c369d; font-size: calc(12 / 375 * 100vw); width: 5em; }
    .md-page-1 .list .swiper-slide { opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
    .md-page-1 .list .swiper-slide-active { opacity: 1; }
    .md-page-1 .list .swiper-slide-active .dl { opacity: 1; }
    .md-page-1 .list .swiper-slide-active .dl .dd::before { width: 15vw; }
    .md-page-1 .swiper-pagination { display: block; bottom: 0; }
    .md-page-1 .swiper-pagination-bullet { background: #fff; } }

.md-page-3 { margin-top: .75rem; }

.md-page-3 .list { margin-top: .56rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-page-3 .list .li { min-height: 5.2rem; width: calc(320 / 1400 * 100%); margin-right: calc(40 / 1400 * 100%); margin-bottom: .4rem; border-radius: 0.2rem; overflow: hidden; padding: .61rem .2rem .2rem; position: relative; background: -webkit-gradient(linear, left top, left bottom, from(rgba(12, 54, 157, 0.35)), to(transparent)); background: -o-linear-gradient(top, rgba(12, 54, 157, 0.35), transparent); background: linear-gradient(to bottom, rgba(12, 54, 157, 0.35), transparent); }

.md-page-3 .list .li:nth-of-type(4n + 2) { -webkit-animation-delay: .2s; animation-delay: .2s; }

.md-page-3 .list .li:nth-of-type(4n + 3) { -webkit-animation-delay: .4s; animation-delay: .4s; }

.md-page-3 .list .li:nth-of-type(4n + 4) { -webkit-animation-delay: .6s; animation-delay: .6s; }

.md-page-3 .list .li:nth-of-type(4n), .md-page-3 .list .li:last-of-type { margin-right: 0; }

.md-page-3 .list .li:hover .bg { opacity: 1; }

.md-page-3 .list .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center top; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-page-3 .list .li-cnt { position: relative; z-index: 2; }

.md-page-3 .list .icon { height: 1.2rem; font-size: 0; }

.md-page-3 .list .icon img { height: 100%; max-width: 100%; -o-object-fit: contain; object-fit: contain; }

.md-page-3 .list .tit { margin-top: .46rem; }

.md-page-3 .list .desc { line-height: 2; margin-top: .17rem; }

@media (max-width: 900px) { .md-page-3 { margin-top: 20vw; }
    .md-page-3 .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
    .md-page-3 .list .li { width: 48%; margin-right: 0; } }

.md-page-2 { padding-top: 1.57rem; }

.md-page-2 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.md-page-2 .lf { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-page-2 .text .desc { line-height: 2; margin-top: .21rem; }

.md-page-2 .text-2 { margin-top: 2.48rem; }

.md-page-2 .text-2 .icon { height: 1.37rem; }

.md-page-2 .text-2 .desc { line-height: 2; margin-top: .27rem; }

.md-page-2 .media { width: calc(759 / 1400 * 100%); }

.md-page-2 .media img { -webkit-box-reflect: below -0.6rem linear-gradient(transparent, rgba(255, 255, 255, 0.2)); }

.md-page-2 .list { width: calc(760 / 1400 * 100%); margin-right: .3rem; margin-top: 1.04rem; -webkit-box-reflect: below -0.4rem linear-gradient(transparent, rgba(255, 255, 255, 0.2)); }

.md-page-2 .list .swiper-slide { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-page-2 .list .img img { width: 100%; max-height: 4.18rem; -o-object-fit: contain; object-fit: contain; padding: .15rem; -o-border-image: url(../images/honor-bg.png) 15/0.15rem stretch; border-image: url(../images/honor-bg.png) 15/0.15rem stretch; }

@media (max-width: 900px) { .md-page-2 { padding-bottom: 1rem; }
    .md-page-2 .layout { display: block; }
    .md-page-2 .text-2 { margin-top: .4rem; }
    .md-page-2 .media { width: 100%; }
    .md-page-2 .list { width: 100%; margin-right: 0; }
    .md-page-2 .list .img img { max-height: 6rem; } }

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

.md-about-1 .media-ratio { height: 100vh; }

.md-about-1 .btn { position: absolute; left: 50%; top: 50%; z-index: 2; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1.6rem; height: 1.6rem; background: url(../images/i-play.png) no-repeat center/contain; cursor: pointer; }

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

.md-about-2 .bg .media-ratio { padding-top: calc(1030 / 1920 * 100%); }

.md-about-2 .row-1 { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; padding-top: .91rem; }

.md-about-2 .row-1 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-about-2 .row-1 .title { margin-top: .05rem; }

.md-about-2 .row-1 .desc { width: 5.5rem; max-width: 100%; margin-left: auto; line-height: 2; text-align: justify; }

.md-about-2 .row-1 .desc .item { display: none; max-height: 20em; overflow-y: auto; }

.md-about-2 .row-1 .desc .item.on { display: block; }

.md-about-2 .row-2 { position: absolute; left: 0; bottom: 1.14rem; z-index: 2; width: 100%; }

.md-about-2 .row-2 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.md-about-2 .swiper-pagination { width: auto; position: static; color: rgba(255, 255, 255, 0.5); }

.md-about-2 .swiper-pagination-current { color: #fff; }

.md-about-2 .sec-2 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.md-about-2 .list1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.md-about-2 .list1 .swiper-container { width: 100%; margin: 0; }

.md-about-2 .list1-item { text-align: right; }

.md-about-2 .list1-t1 { font-size: calc(100 / 1920 * 100vw); line-height: 1.1; }

.md-about-2 .list1-2 { margin-top: .12rem; }

.md-about-2 .list2 { min-width: 1.75rem; margin-top: .26rem; padding-left: .2rem; }

.md-about-2 .list2-item { opacity: .5; 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-bottom: .09rem; cursor: pointer; }

.md-about-2 .list2-item:last-of-type { margin-bottom: 0; }

.md-about-2 .list2-item::before { content: ''; width: 0.1rem; height: .02rem; min-height: 2px; background-color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-right: .09rem; }

.md-about-2 .list2-item span { min-width: 3.3em; }

.md-about-2 .list2-item.active { opacity: 1; }

.md-about-2 .list2-item.active:before { width: .32rem; }

@media (max-width: 900px) { .md-about-2 .bg .media-ratio { padding-top: 70%; }
    .md-about-2 .row-1 .layout { display: block; }
    .md-about-2 .row-1 .desc { width: 100%; margin-top: .4rem; line-height: 1.5; }
    .md-about-2 .list1-t1 { font-size: 10vw; } }

@media (max-width: 600px) { .md-about-2 .bg .media-ratio { height: 100vh; padding-top: 0; }
    .md-about-2 .row-1 { padding-top: 1.2rem; } }

.md-about-bg-1 { background-position: center bottom; background-repeat: no-repeat; background-size: 100%; }

.md-about-3 { padding-top: .23rem; }

.md-about-3 .map { position: relative; }

.md-about-3 .media { margin-top: .54rem; border-radius: .1rem; overflow: hidden; }

.md-about-3 .area { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; }

.md-about-3 .area-cnt { position: absolute; left: 50%; top: 50%; width: 1400px; height: 700px; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }

.md-about-3 .area .point { position: absolute; left: 465px; top: 353px; width: 50px; height: 50px; background: #0c369d; border-radius: 50%; }

.md-about-3 .area .p-name { position: absolute; right: 49px; bottom: 25px; z-index: 2; width: 77px; }

.md-about-3 .area .p-icon { position: absolute; bottom: 22px; left: 12px; z-index: 2; width: 27px; }

.md-about-3 .area .circle { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background: #0c369d; opacity: .5; -webkit-animation: map-circle 3s infinite linear; animation: map-circle 3s infinite linear; }

@-webkit-keyframes map-circle { 0% { opacity: .5;
    -webkit-transform: scale(1);
    transform: scale(1); }
    100% { opacity: 0;
        -webkit-transform: scale(10);
        transform: scale(10); } }

@keyframes map-circle { 0% { opacity: .5;
    -webkit-transform: scale(1);
    transform: scale(1); }
    100% { opacity: 0;
        -webkit-transform: scale(10);
        transform: scale(10); } }

.md-about-3 .area .circle-2 { -webkit-animation-delay: 1s; animation-delay: 1s; }

.md-about-3 .area .circle-3 { -webkit-animation-delay: 2s; animation-delay: 2s; }

@media (max-width: 600px) { .md-about-3 { padding-top: 1rem; padding-bottom: 1rem; }
    .md-about-3 .img { min-height: 400px; } }

.md-about-4 { padding-top: .95rem; }

.md-about-4 .cnt { position: relative; margin-top: .48rem; padding-bottom: 1.05rem; }

.md-about-4 .view { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-about-4 .view .list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0; }

.md-about-4 .view .list .li { min-height: 3.84rem; }

.md-about-4 .view .list .desc { line-height: 2; margin-top: .1rem; }

.md-about-4 .view .list .date { font-size: calc(240 / 1920 * 100vw); opacity: .1; line-height: 1; margin-top: -.17rem; }

.md-about-4 .view .list .swiper-slide-active { -webkit-animation: zoom-in .5s forwards; animation: zoom-in .5s forwards; }

.md-about-4 .view .btn { margin: 0 .95rem; width: .7rem; height: .7rem; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); background-position: center; background-repeat: no-repeat; background-size: calc(9 / 70 * 100%); cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-about-4 .view .btn:hover { background-color: #0c369d; border-color: #0c369d; }

.md-about-4 .view .btn.prev { background-image: url(../images/i-arrow-3.png); }

.md-about-4 .view .btn.next { background-image: url(../images/i-arrow-4.png); }

.md-about-4 .cover { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; background: url(../images/about-6.png) no-repeat center/auto 100%; padding-top: calc(377 / 1920 * 100%); pointer-events: none; }

.md-about-4 .thumb { position: relative; z-index: 3; padding: 0 1.23rem; }

.md-about-4 .thumb:before { content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #fff; opacity: 0.1; }

.md-about-4 .thumb .list { height: .96rem; min-height: 55px; }

.md-about-4 .thumb .list .li { position: relative; cursor: pointer; }

.md-about-4 .thumb .list .li.on .dot { border-color: #fff; }

.md-about-4 .thumb .list .li.on .tit { opacity: 1; -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); }

.md-about-4 .thumb .list .dot { width: .26rem; height: .26rem; min-width: 13px; min-height: 13px; border: 1px solid transparent; border-radius: 50%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -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; }

.md-about-4 .thumb .list .dot::before { content: ''; width: 0.1rem; min-width: 5px; height: 0.1rem; min-height: 5px; background-color: #ffffff; border-radius: 50%; }

.md-about-4 .thumb .list .tit { opacity: .6; position: absolute; left: 0; bottom: .01rem; width: 100%; }

@media (max-width: 900px) { .md-about-4 .view .list .li { min-height: 120px; }
    .md-about-4 .view .btn { margin: 0 2%; }
    .md-about-4 .thumb { padding: 0; } }

@media (max-width: 500px) { .md-about-4 .cover { padding: 0; height: 140px; }
    .md-about-4 .cnt { margin-top: 1rem; }
    .md-about-4 .view .list .tit { font-size: 7vw; }
    .md-about-4 .view .list .desc { font-size: 4vw; }
    .md-about-4 .view .list .date { font-size: 17vw; }
    .md-about-4 .thumb { margin-top: .5rem; } }

.md-about-5 { background-position: center bottom; background-repeat: no-repeat; background-size: 100%; overflow: hidden; position: relative; }

.md-about-5 .line { position: absolute; left: 0; bottom: 0; width: 100%; -webkit-transition: all 2s ease-in; -o-transition: all 2s ease-in; transition: all 2s ease-in; -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%, 0 0); clip-path: polygon(0 0, 0 0, 0 100%, 0 100%, 0 0); }

.md-about-5 .line.show { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0); }

.md-about-5 .layout { position: relative; }

.md-about-5 .title { position: absolute; left: 0; top: .8rem; }

.md-about-5 .list { overflow: visible; padding-top: .8rem; }

.md-about-5 .list .li { height: auto; }

.md-about-5 .list .li:nth-of-type(4n + 1) { padding-top: 2.43rem; padding-bottom: 1.53rem; padding-bottom: .93rem; }

.md-about-5 .list .li:nth-of-type(4n + 2) { padding-top: 1.2rem; padding-bottom: 1.97rem; padding-bottom: 1.8rem; -webkit-animation-delay: .3s; animation-delay: .3s; }

.md-about-5 .list .li:nth-of-type(4n + 3) { padding-top: 0.59rem; padding-bottom: 2.36rem; padding-bottom: 2.6rem; -webkit-animation-delay: .6s; animation-delay: .6s; }

.md-about-5 .list .li:nth-of-type(4n + 4) { padding-bottom: 2.25rem; padding-bottom: 2.85rem; -webkit-animation-delay: .9s; animation-delay: .9s; }

.md-about-5 .list .li-cnt { position: relative; padding-left: .4rem; padding-bottom: .9rem; width: 70%; height: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-about-5 .list .li-cnt .bg { position: absolute; z-index: 1; inset: -.4rem; background: -webkit-gradient(linear, left top, left bottom, from(#0c369d), to(transparent)); background: -o-linear-gradient(top, #0c369d, transparent); background: linear-gradient(to bottom, #0c369d, transparent); border-radius: .2rem; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-about-5 .list .li-cnt * { z-index: 2; }

.md-about-5 .list .li-cnt::before { content: ''; position: absolute; left: 0; top: 0; width: 2px; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(transparent)); background: -o-linear-gradient(top, #b3b3b3, transparent); background: linear-gradient(to bottom, #b3b3b3, transparent); }

.md-about-5 .list .li-cnt::after { content: ''; position: absolute; left: 0; bottom: 0; width: 0.15rem; height: 0.15rem; margin-left: -.075rem; border-radius: 50%; background-color: #ffffff; -webkit-box-shadow: 0 0 .1rem 1px #fff; box-shadow: 0 0 .1rem 1px #fff; }

.md-about-5 .list .li-cnt:hover { -webkit-transform: translateY(-0.3rem); -ms-transform: translateY(-0.3rem); transform: translateY(-0.3rem); }

.md-about-5 .list .li-cnt:hover .bg { opacity: 1; }

@media (max-width: 1200px) { .md-about-5 .list .li-cnt { width: 80%; } }

.md-about-5 .list .date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: .1rem; border-bottom: 1px solid #fff; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

.md-about-5 .list .date img { width: .16rem; min-width: 12px; margin-right: .1rem; }

.md-about-5 .list .t2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: .28rem; }

.md-about-5 .list .t2 .num { margin-left: .15rem; }

.md-about-5 .list .dl { line-height: 1.78571; margin-top: .21rem; }

.md-about-5 .list .dd { margin-bottom: .13rem; display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-about-5 .list .dd:before { content: ''; width: 0.04rem; min-width: 2px; height: 0.04rem; min-height: 2px; border-radius: 50%; background-color: #ffffff; margin-right: .1rem; margin-top: .7em; }

.md-about-5 .list .dd-cnt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-about-5 .list .dd:last-of-type { margin-bottom: 0; }

@media (max-width: 900px) { .md-about-5 { background-size: 900px; padding-top: 1rem; }
    .md-about-5 .title { position: static; }
    .md-about-5 .list { margin-top: .5rem; }
    .md-about-5 .list .li { padding-bottom: 1.5rem !important; }
    .md-about-5 .list .li:nth-of-type(2n+2) { padding-bottom: 2.3rem !important; } }

@media (max-width: 500px) { .md-about-5 .list .li { padding-bottom: 2rem !important; } }

.md-about-6 .li { height: 4rem; min-height: 400px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-about-6 .desc { line-height: 1.22222; margin-top: .16rem; }

.md-about-6 .swiper-pagination { font-size: 0; bottom: .2rem; }

.md-about-6 .swiper-pagination-bullet { width: .1rem; height: 0.1rem; min-width: 6px; min-height: 6px; background: #fff; opacity: .5; margin: 0 0.075rem !important; }

.md-about-6 .swiper-pagination-bullet-active { opacity: 1; position: relative; }

.md-about-6 .swiper-pagination-bullet-active:before { content: ''; position: absolute; left: 50%; top: 50%; width: 200%; height: 200%; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.5); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.layui-laydate .layui-laydate-list > li { border-radius: .03rem; }

.layui-laydate { border-radius: .03rem; overflow: hidden; }

@media (max-width: 600px) { .layui-laydate { font-size: 12px; }
    .laydate-theme-molv.layui-laydate-range { max-width: 98vw; }
    .layui-laydate-header { padding: 10px 50px 5px; } }