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

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

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

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

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

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

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

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

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

.color-active { color: #036eb8; }

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

.bg-active { background-color: #036eb8; }

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

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

.color-0 { color: #000; }

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

.color-1 { color: #111; }

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

.color-2 { color: #222; }

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

.color-3 { color: #333; }

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

.color-4 { color: #444; }

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

.color-5 { color: #555; }

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

.color-6 { color: #666; }

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

.color-7 { color: #777; }

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

.color-8 { color: #888; }

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

.color-9 { color: #999; }

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

.color-a { color: #aaa; }

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

.color-b { color: #bbb; }

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

.color-c { color: #ccc; }

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

.color-d { color: #ddd; }

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

.color-e { color: #eee; }

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

.color-f { color: #fff; }

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

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

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

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

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

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

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

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

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

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

.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: #0a3e82; 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: #0a3e82; border-radius: 2px; }

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

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

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

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

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

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

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

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

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

.media-ratio { position: relative; }

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

[data-ani] { opacity: 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m_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-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: 1.7rem; min-height: .52rem; padding: .07rem .08rem; padding-left: .23rem; background-color: #e2eaf4; color: #222; border: none; border-radius: .52rem; cursor: pointer; -webkit-transition: background-color .4s; -o-transition: background-color .4s; transition: background-color .4s; position: relative; overflow: hidden; }

.m-more:after { content: ''; width: .38rem; height: .38rem; border-radius: .38rem; background: #0a3e82 url(../images/i-arrow-2.png) no-repeat center; background-size: calc(11 / 38 * 100%); margin-left: 1em; position: relative; z-index: 2; }

.m-more:before { content: ''; position: absolute; right: .08rem; top: 50%; z-index: 1; width: .38rem; height: .38rem; background-color: #0a3e82; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-radius: .52rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.m-more span { position: relative; z-index: 2; }

@media (any-hover: hover) { .m-more:hover { color: #fff; background-color: #0a3e82; }
  .m-more:hover:before { width: 100%; height: 100%; right: 0%; } }

@media (max-width: 900px) { .m-more { padding: 4px; padding-left: 10px; }
  .m-more:before, .m-more:after { width: 26px; height: 26px; } }

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

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

.m-arrow:hover { background-color: #0a3e82; }

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

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

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

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

.md_ban { position: relative; }

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

.md_ban-tit { display: inline-block; position: relative; }

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

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

.md_ban-desc { letter-spacing: 0.098rem; opacity: 0.6; margin-top: .11rem; }

@media (max-width: 900px) { .md_ban-img { min-height: 140px; } }

.md_nav { background-color: #f3f6fd; }

.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; margin-right: .67rem; position: relative; line-height: 0.8rem; }

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

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

.md_subnav-item:hover, .md_subnav-item.on { color: #0a3e82; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 头部 */
.md-header { position: fixed; left: 0; top: 0; z-index: 10; width: 100%; background-color: #fff; color: #222; -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.08); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.08); }

.md-header-cnt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 0.8rem; }

.md-header .layout { max-width: 95%; }

.md-header .logo { margin-right: .6rem; height: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

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

.md-header .h-search { width: .18rem; height: .18rem; min-width: 16px; min-height: 16px; background: url(../images/i-search.png) no-repeat center/contain; cursor: pointer; }

.md-header .h-lang { position: relative; margin-left: .37rem; height: 100%; }

.md-header .h-lang__hd { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-header .h-lang__hd .i-2 { width: .1rem; height: .1rem; min-width: 10px; min-height: 10px; margin-left: .05rem; background: url(../images/i-down-3.png) no-repeat center/contain; }

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

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

.md-header .h-lang__opt:hover { background-color: #0a3e82; color: #fff; }

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

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

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

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

.md-header .nav .a1-wrap { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-header .nav .mbtn { width: .11rem; height: .11rem; min-width: 11px; min-height: 11px; background: url(../images/i-down.png) no-repeat center/contain; margin-left: .06rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

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

.md-header .h-msg { border-left: 1px solid #eee; padding-left: .45rem; height: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: .39rem; }

.md-header .h-tel { 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-header .h-tel img { width: .14rem; min-width: 12px; margin-right: .05rem; }

.md-header .h-tel:hover { color: #0a3e82; }

.md-header .h-code { text-align: center; margin-top: .03rem; }

@media (min-width: 1101px) { .md-header .nav { margin-right: auto; }
  .md-header .nav .ul1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-header .nav .li1 { position: relative; margin-right: .6rem; }
  .md-header .nav .li1:last-of-type { margin-right: 0; }
  .md-header .nav .li1.on .a1 { color: #0a3e82; }
  .md-header .nav .li1.on .mbtn { background-image: url(../images/i-down-2.png); }
  .md-header .nav .li1:hover .a1 { color: #0a3e82; }
  .md-header .nav .li1:hover .mbtn { background-image: url(../images/i-down-2.png); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
  .md-header .nav .li1:hover .ul2 { visibility: visible; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 1; }
  .md-header .nav .li1:hover .h-prod { visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }
  .md-header .nav .li1.li1-prod { position: static; }
  .md-header .nav .a1-wrap { position: relative; }
  .md-header .nav .a1 { display: block; line-height: 0.8rem; }
  .md-header .nav .ul2 { position: absolute; left: 50%; top: 100%; max-height: 60vh; overflow-y: auto; width: -webkit-max-content; width: -moz-max-content; width: max-content; min-width: 10em; max-width: 20em; line-height: 1.5; background: #fff; color: #333; -webkit-box-shadow: 0 0 0.32rem 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 0.32rem 0 rgba(0, 0, 0, 0.16); padding: .05rem 0; text-align: center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; visibility: hidden; -webkit-transform: translate(-50%, 0.2rem); -ms-transform: translate(-50%, 0.2rem); transform: translate(-50%, 0.2rem); opacity: 0; }
  .md-header .nav .a2 { display: block; padding: .5em .7em; }
  .md-header .nav .a2:hover { background-color: #0a3e82; color: #fff; }
  .md-header .h-prod { position: absolute; left: 0; top: 100%; z-index: 11; width: 100%; background-color: #fff; border-bottom: 1px solid #eee; max-height: calc(100vh - 0.8rem); overflow-y: auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; visibility: hidden; -webkit-transform: translateY(0.2rem); -ms-transform: translateY(0.2rem); transform: translateY(0.2rem); opacity: 0; }
  .md-header .h-prod-1 { background-color: #f3f6fd; height: .8rem; position: relative; }
  .md-header .h-prod-1:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #e0e3eb; }
  .md-header .h-prod-1-cnt { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-header .h-prod-1-item { line-height: .8rem; margin-right: .5rem; position: relative; z-index: 2; }
  .md-header .h-prod-1-item:last-of-type { margin-right: 0; }
  .md-header .h-prod-1-item:after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 0.03rem; background-color: #0a3e82; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .md-header .h-prod-1-item:hover { color: #0a3e82; }
  .md-header .h-prod-1-item.active { color: #0a3e82; }
  .md-header .h-prod-1-item.active::after { width: 100%; }
  .md-header .h-prod-2 { padding: .58rem 0 .57rem; }
  .md-header .h-prod-2-bd { display: none; }
  .md-header .h-prod-2-bd.active { display: block; }
  .md-header .h-prod-2 .cat1 { display: none; }
  .md-header .h-prod-2 .cat2 { width: 25%; border-left: 1px solid #eef0f6; padding-left: .28rem; padding-right: .3rem; margin-bottom: .2rem; }
  .md-header .h-prod-2 .cat2-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-header .h-prod-2 .cat2-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .md-header .h-prod-2 .cat2-item img { width: .06rem; min-width: 6px; margin-left: .1rem; }
  .md-header .h-prod-2 .cat3-list { margin-top: .24rem; }
  .md-header .h-prod-2 .cat3-item { display: block; margin-bottom: .17rem; }
  .md-header .h-prod-2 .cat3-item:last-of-type { margin-bottom: 0; }
  .md-header .h-prod-2 a:hover { color: #0a3e82; } }

@media (max-width: 1100px) { .md-header-cnt { height: 50px; }
  .md-header .logo { margin-right: auto; }
  .md-header .h-lang { margin-left: 10px; }
  .md-header .h-msg { margin-left: 10px; padding-left: 10px; }
  .md-header .nav .ul1 { position: fixed; right: 0; top: 0; z-index: 11; width: 80%; max-width: 300px; height: 100%; padding-top: 50px; background: #fff; color: #000; overflow-y: auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; visibility: hidden; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }
  .md-header .nav .li1 { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); }
  .md-header .nav .li1:first-of-type { border-top: 1px dashed rgba(0, 0, 0, 0.2); }
  .md-header .nav .li1.show .a1 { color: #0a3e82; }
  .md-header .nav .li1.show .ul2 { display: block; }
  .md-header .nav .li1.show .a1-wrap .mbtn { background-image: url(../images/i-down-2.png); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
  .md-header .nav .li1.show .h-prod { display: block; }
  .md-header .nav .a1-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 10px 5px 15px; }
  .md-header .nav .a1 { display: block; padding: 10px 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .md-header .nav .ul2 { display: none; color: #666; }
  .md-header .nav .li2 { border-top: 1px dashed rgba(0, 0, 0, 0.1); }
  .md-header .nav .a2 { display: block; padding: 13px 10px 13px 30px; }
  .md-header .nav .mask { position: fixed; left: 0; top: 0; z-index: 9; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
  .md-header .nav .mbtn { margin-left: 1em; width: 30px; height: 30px; background-size: 11px; }
  .md-header .h-prod { position: static; display: none; }
  .md-header .h-prod-1 { display: none; }
  .md-header .h-prod .layout { width: 100%; max-width: 100%; }
  .md-header .h-prod .cat1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 10px; padding-left: 25px; background: #f3f6fd; }
  .md-header .h-prod .cat1-tit { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .md-header .h-prod .cat2-list { display: none; padding: 5px 0; }
  .md-header .h-prod .cat2-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 7px; padding-left: 25px; }
  .md-header .h-prod .cat2-item img { margin-left: 5px; }
  .md-header .h-prod .cat3-item { display: block; padding: 5px; padding-left: 25px; }
  .md-header .h-prod .h-prod-2-bd.show .cat2-list { display: block; }
  .md-header .nav-btn { display: block; }
  .md-header.open .nav-btn span:nth-of-type(1) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
  .md-header.open .nav-btn span:nth-of-type(3) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  .md-header.open .nav-btn span:nth-of-type(2) { width: 0; }
  .md-header.open .nav .ul1 { visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  .md-header.open .nav .mask { display: block; } }

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

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

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

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

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

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

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

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

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

.md-footer { background: #1a2a41; color: #fff; }

.md-footer .foot-1 { padding-top: .91rem; padding-bottom: .14rem; }

.md-footer .foot-1 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-footer .foot-2 { color: rgba(255, 255, 255, 0.25); line-height: 1.5; }

.md-footer .foot-2 .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; border-top: 1px solid rgba(255, 255, 255, 0.1); padding: .26rem 0 .96rem; }

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

.md-footer .code { width: 1.1rem; min-width: 6em; margin-right: .4rem; margin-top: .09rem; }

.md-footer .code-img { display: block; width: 100%; }

.md-footer .code-tx { margin-top: .2rem; }

.md-footer .contact { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-footer .contact-t2 { margin-top: .07rem; line-height: 1.875; }

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

.md-footer .social-share .custom-icon { margin: 0 .24rem 0 0; opacity: .5; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-footer .social-share .custom-icon:hover { opacity: 1; }

.md-footer .social-share .share-icon { height: 0.2rem; min-height: 18px; display: block; }

.md-footer .nav { margin-left: auto; margin-top: .08rem; }

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

.md-footer .nav .li1 { margin-bottom: .3rem; margin-right: 1.45rem; }

.md-footer .nav .li1:last-of-type { margin-right: 0; }

.md-footer .nav .ul2 { color: rgba(255, 255, 255, 0.5); margin-top: .29rem; }

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

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

@media (max-width: 1400px) { .md-footer .nav .li1 { margin-right: 1rem; } }

@media (max-width: 1100px) { .md-footer .foot-1 .layout { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-footer .nav { margin-top: 5%; width: 100%; }
  .md-footer .nav .ul1 { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

@media (max-width: 600px) { .md-footer .foot-1 { padding-bottom: 10px; }
  .md-footer .nav .ul1 { display: block; }
  .md-footer .nav .li1 { margin-right: 0; }
  .md-footer .nav .ul2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-footer .nav .li2 { margin-bottom: .5em; margin-right: 1em; }
  .md-footer .foot-2 { text-align: center; }
  .md-footer .foot-2 .layout { display: block; }
  .md-footer .foot-2 .lf { display: block; } }

.md-side { position: fixed; right: 0; bottom: 20%; z-index: 5; background-color: #fff; -webkit-box-shadow: 0rem 0rem 0.4rem 0rem rgba(10, 62, 130, 0.1); box-shadow: 0rem 0rem 0.4rem 0rem rgba(10, 62, 130, 0.1); border-radius: 0.08rem 0rem 0rem 0.08rem; }

.md-side .item { display: block; margin-bottom: 1px; position: relative; border-bottom: 1px solid #f3f3f3; }

.md-side .item:last-of-type { border: none; }

.md-side .item:hover .bd { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-side .hd { width: .6rem; height: .6rem; min-width: 40px; min-height: 40px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-side .hd img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.md-side .bd { position: absolute; right: 100%; top: 0; background: #fff; -webkit-box-shadow: 0rem 0rem 0.4rem 0rem rgba(10, 62, 130, 0.1); box-shadow: 0rem 0rem 0.4rem 0rem rgba(10, 62, 130, 0.1); border-radius: .08rem; width: -webkit-max-content; width: -moz-max-content; width: max-content; min-height: 100%; padding: .1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; margin-right: .06rem; }

.md-side .bd img { max-width: 200px; }

/* banner - start */
.home_banner { position: relative; }

.home_banner-li { display: block; position: relative; }

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

.home_banner .media video { aspect-ratio: 1920 / 500; }

.home_banner-text { position: absolute; left: 0; bottom: 1rem; z-index: 2; width: 100%; }

.home_banner-t2 { margin-top: .1rem; }

.home_banner-t3 { display: inline-block; min-width: 3.43rem; padding: 0 1em; margin-top: .1rem; background: #0a3e82; line-height: 2.57143; border-radius: .36rem; text-align: center; letter-spacing: 0.029rem; color: rgba(255, 255, 255, 0.8); }

.home_banner-t4 { margin-top: .1rem; }

.home_banner .controls { position: absolute; left: 0; bottom: .49rem; width: 100%; z-index: 2; }

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

.home_banner .swiper-pagination { position: static; font-size: 0; }

.home_banner .swiper-pagination-bullet { width: .24rem; height: .24rem; min-width: 16px; min-height: 16px; background: transparent; opacity: 1; margin: 0 .14rem 0 0; vertical-align: middle; position: relative; }

.home_banner .swiper-pagination-bullet:last-of-type { margin-right: 0; }

.home_banner .swiper-pagination-bullet svg { width: 100%; height: 100%; }

.home_banner .swiper-pagination-bullet svg circle { fill: none; }

.home_banner .swiper-pagination-bullet svg .c1 { stroke: #fff; opacity: 0; }

.home_banner .swiper-pagination-bullet svg .c2 { stroke: #fff; /* 2 x 3.14 x r */ stroke-dasharray: 69.08; stroke-dashoffset: 69.08; }

.home_banner .swiper-pagination-bullet::after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: .06rem; height: .06rem; min-width: 4px; min-height: 4px; border-radius: 50%; background-color: #fff; opacity: .3; }

.home_banner .swiper-pagination-bullet-active svg .c1 { opacity: .3; }

.home_banner .swiper-pagination-bullet-active svg .c2 { stroke-dashoffset: 0; -webkit-transition: 5s linear; -o-transition: 5s linear; transition: 5s linear; }

.home_banner .swiper-pagination-bullet-active::after { opacity: 1; }

@media (max-width: 750px) { .home_banner .media video, .home_banner .media img { min-height: 260px; }
  .home_banner-text { top: 50%; } }

/* banner - end */
/* prod - start */
.home_prod { padding-bottom: 1.02rem; }

.home_prod .list { position: relative; }

.home_prod .list-item { width: 4.87rem; min-height: 2.8rem; position: relative; display: block; background-color: #f3f6fd; border-radius: 0.24rem; 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: .4rem 0; overflow: hidden; -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; }

.home_prod .list-item:hover { background-color: #0a3e82; }

.home_prod .list-item:hover .list-tit { color: #fff; }

.home_prod .list-item:hover .list-desc { color: rgba(255, 255, 255, 0.6); }

.home_prod .list-item:hover .list-more { background-color: #315d96; background-image: url(../images/i-arrow-2.png); }

.home_prod .list-item:hover .list-mask { opacity: .7; }

.home_prod .list-item:hover .list-line { border-top-color: rgba(238, 238, 238, 0.1); }

.home_prod .list-text { width: calc(180 / 487 * 100%); margin-left: calc(45 / 487 * 100%); position: relative; z-index: 2; }

.home_prod .list-line { border-top: 1px solid #e3e6ee; margin-top: .09rem; }

.home_prod .list-desc { margin-top: .13rem; line-height: 1.75; }

.home_prod .list-more { width: .3rem; height: .3rem; min-width: 20px; min-height: 20px; border-radius: 50%; background-color: #fff; background-image: url(../images/i-arrow-1.png); background-repeat: no-repeat; background-position: center; background-size: calc(11 / 30 * 100%); margin-top: .33rem; }

.home_prod .list-img { position: relative; z-index: 2; width: calc(195 / 487 * 100%); margin-right: calc(36 / 487 * 100%); margin-top: .07rem; }

.home_prod .list-img img { width: 100%; }

.home_prod .list-mask { position: absolute; left: calc(230 / 487 * 100%); z-index: 1; height: calc(161 / 280 * 100%); opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.home_prod .list .m-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.home_prod .list .m-arrow.prev { left: -.7rem; }

.home_prod .list .m-arrow.next { right: -.7rem; }

@media (max-width: 900px) { .home_prod .layout { max-width: 100%; width: 100%; padding-left: 40px; padding-right: 40px; }
  .home_prod .list-item { padding: 5vw 0; }
  .home_prod .list-text { width: 45%; margin-left: 5%; }
  .home_prod .list-img { width: 40%; margin-right: 5%; } }

/* prod - end */
/* client - start */
.home_client { background-color: #f3f6fd; padding-bottom: 1rem; }

.home_client .list-item { min-height: .89rem; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fff; margin-bottom: .1rem; border-radius: .16rem; }

.home_client .list-item:last-of-type { margin-bottom: 0; }

.home_client .list-type { width: 2.18rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-right: 1px solid #ecf0fa; padding-left: .47rem; padding-right: .2rem; }

.home_client .list-type-icon { width: .24rem; min-width: 16px; margin-right: .07rem; }

.home_client .list2 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.home_client .list2-item { height: 0.89rem; width: calc(1 / 6 * 100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.home_client .list2-item:hover { -webkit-filter: none; filter: none; opacity: 1; }

.home_client .list2-icon { max-width: 80%; max-height: 80%; -o-object-fit: contain; object-fit: contain; }

@media (max-width: 900px) { .home_client .list-item { display: block; }
  .home_client .list-type { padding: .5em 1em; width: 100%; height: .9rem; border-right: none; border-bottom: 1px solid #ecf0fa; }
  .home_client .list2-item { width: calc(1 / 3 * 100%); -webkit-filter: none; filter: none; opacity: 1; } }

/* client - end */
/* solution - start */
.home_solution { background-color: #1a2a41; padding-bottom: .96rem; }

.home_solution .list-item { border-radius: .24rem; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; }

.home_solution .list-item:hover .list-tit { color: #0a3e82; }

.home_solution .list-item:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.home_solution .list-tx { width: 50%; background-color: #fff; padding-left: .9rem; padding-right: .8rem; padding-top: .78rem; padding-bottom: .6rem; }

.home_solution .list-tit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.home_solution .list-tit:before { content: ''; display: inline-block; vertical-align: middle; width: 0.04rem; min-width: 2px; height: 0.27rem; background-color: #215395; border-radius: 0.02rem; margin-right: .06rem; }

.home_solution .list-desc { line-height: 2; margin-top: .18rem; }

.home_solution .list-img { width: 50%; }

.home_solution .list-img .img { padding-top: calc(400 / 760 * 100%); height: 100%; }

.home_solution .list .m-more { margin-top: .41rem; }

.home_solution .list2 { margin-top: .19rem; }

.home_solution .list2-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 2px solid rgba(255, 255, 255, 0.08); padding: 0.11rem; cursor: pointer; }

.home_solution .list2-item img { width: .06rem; min-width: 6px; opacity: .24; margin-left: auto; }

.home_solution .list2-item:hover, .home_solution .list2-item.active { border-bottom-color: #0a3e82; }

.home_solution .list2-item:hover img, .home_solution .list2-item.active img { opacity: 1; }

@media (max-width: 800px) { .home_solution .list-item { display: block; }
  .home_solution .list-tx { width: 100%; padding: 5%; }
  .home_solution .list-img { width: 100%; } }

/* solution - end */
/* news - start */
.home_news { background-color: #f3f6fd; padding-bottom: 1rem; }

.home_news .list { position: relative; }

.home_news .list-item { width: 4.87rem; border-radius: .24rem; overflow: hidden; }

.home_news .list-item:hover .list-text { background-color: #0a3e82; }

.home_news .list-item:hover .list-img .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.home_news .list-text { background: #1a2a41; padding: .5rem; padding-bottom: .3rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; min-height: 1.8rem; }

.home_news .list-date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.home_news .list-date img { width: .15rem; min-width: 14px; margin-right: .07rem; }

.home_news .list-tit { margin-top: .14rem; }

.home_news .list-more { width: .25rem; margin-top: .24rem; }

.home_news .list-img .img { padding-top: calc(274 / 487 * 100%); }

.home_news .m-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #fff; }

.home_news .m-arrow:hover { background-color: #0a3e82; }

.home_news .m-arrow.prev { left: -.7rem; }

.home_news .m-arrow.next { right: -.7rem; }

@media (max-width: 900px) { .home_news .layout { max-width: 100%; width: 100%; padding: 0 40px; } }

/* news - end */
/* 解决方案 */
.m_solu_list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: .24rem; overflow: hidden; background-color: #f3f6fd; margin-bottom: .19rem; padding-right: .8rem; }

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

.m_solu_list-item:hover .m_solu_list-tit { color: #0a3e82; }

.m_solu_list-img { width: 3.8rem; }

.m_solu_list-img .img { padding-top: calc(285 / 380 * 100%); }

.m_solu_list-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0.4rem .7rem; padding-left: .77rem; }

.m_solu_list-desc { line-height: 2; margin-top: .2rem; }

@media (max-width: 900px) { .m_solu_list { margin-left: auto; margin-right: auto; max-width: 500px; }
  .m_solu_list-item { display: block; padding: 0; padding-bottom: 5%; margin-bottom: 5%; }
  .m_solu_list-img { width: 100%; }
  .m_solu_list-text { padding: 5%; }
  .m_solu_list .m-more { margin-left: 5%; } }

.md_solu1 { padding-top: .99rem; padding-bottom: .8rem; }

.md_solu1 .m_pages { margin-top: .4rem; }

.md_solu2 { padding-top: .92rem; padding-bottom: 1.01rem; }

.md_solu2-desc { line-height: 1.77778; width: 9rem; max-width: 100%; margin-left: auto; margin-right: auto; margin-top: .27rem; }

.md_solu2-btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: .13rem; }

.md_solu2-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 1.7rem; height: .52rem; min-height: 30px; border-radius: .52rem; padding: 0 1em; margin-top: .1rem; margin-right: .2rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md_solu2-btn:last-of-type { margin-right: 0; }

.md_solu2-btn img { width: 0.2rem; min-width: 14px; margin-right: .06rem; }

.md_solu2-btn-1 { background-color: #0a3e82; color: #fff; }

.md_solu2-btn-1:hover { background-color: #1a2a41; }

.md_solu2-btn-2 { color: #0a3e82; border: 1px solid #0a3e82; }

.md_solu2-btn-2:hover { background-color: #e2eaf4; }

.md_solu2-list { background-color: #f3f6fd; border-radius: 0.24rem; overflow: hidden; position: relative; margin-top: .61rem; }

.md_solu2-list-item { padding-top: .6rem; padding-bottom: .42rem; }

.md_solu2-list-img img { max-width: 80%; }

.md_solu2-list-tit { margin-top: .29rem; }

.md_solu2-list .m-arrow { position: absolute; top: 50%; z-index: 2; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #fff; }

.md_solu2-list .m-arrow:hover { background-color: #0a3e82; }

.md_solu2-list .m-arrow.prev { left: .4rem; }

.md_solu2-list .m-arrow.next { right: .4rem; }

@media (max-width: 900px) { .md_solu2-list .m-arrow.prev { left: 0; }
  .md_solu2-list .m-arrow.next { right: 0; } }

.md_solu2 .table { margin-top: .79rem; border-radius: .24rem; overflow: hidden; text-align: left; overflow-x: auto; }

.md_solu2 .table table { width: 100%; min-width: 800px; }

.md_solu2 .table thead { background-color: #0a3e82; color: #fff; }

.md_solu2 .table tbody tr:nth-of-type(odd) { background-color: #f3f6fd; }

.md_solu2 .table th, .md_solu2 .table td { font-weight: normal; height: .8rem; padding: .5em; }

.md_solu2 .table th:first-child, .md_solu2 .table td:first-child { padding-left: .78rem; }

@media (max-width: 900px) { .md_solu2 .table th:first-child, .md_solu2 .table td:first-child { padding-left: 1em; } }

.md_prod1 { padding-top: .98rem; padding-bottom: 1.01rem; }

.md_prod1 .table .sort { cursor: pointer; }

.md_prod1 .table .sort-icon { display: inline-block; width: 0.07rem; height: .1rem; min-width: 7px; min-height: 10px; background: url(../images/i-sort.png) no-repeat center/contain; margin-left: .04rem; }

.md_prod1 .table table { width: 100%; min-width: 1200px; text-align: center; }

.md_prod1 .table thead { background-color: #0a3e82; color: #fff; }

.md_prod1 .table thead th { width: 1rem; min-width: 90px; height: 0.6rem; padding: .09rem; padding-top: 0.17rem; border: 1px solid #164f9a; font-weight: normal; }

.md_prod1 .table thead th:last-of-type { text-align: center; }

.md_prod1 .table tbody tr:nth-of-type(even) { background-color: #f6f8fc; }

.md_prod1 .table tbody td { height: .82rem; border: 1px solid #e9ebf3; padding: .5em; max-width: 200px; word-break: break-word; }

.md_prod1 .table tbody img { max-width: .71rem; }

.md_prod1 .table .col-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.md_prod1 .table .col-name { line-height: 1.28571; margin-bottom: auto; }

.md_prod1 .table .col-name sub { vertical-align: sub; }

.md_prod1 .table .c-select { position: relative; z-index: 2; width: 100%; margin-top: .18rem; }

.md_prod1 .table .c-select__hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 0.29rem; min-height: 29px; background-color: #295793; border-radius: 0.04rem; padding-right: 0.1rem; padding-left: .07rem; cursor: pointer; }

.md_prod1 .table .c-select__hd span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: rgba(255, 255, 255, 0.6); }

.md_prod1 .table .c-select__hd span.has-value { color: #fff; }

.md_prod1 .table .c-select__hd .icon { width: 0.11rem; min-width: 8px; margin-left: 2px; }

.md_prod1 .table .c-select__bd { position: absolute; left: 0; top: 100%; width: 100%; background-color: #ffffff; -webkit-box-shadow: 0rem 0rem 0.3rem 0rem rgba(10, 62, 130, 0.14); box-shadow: 0rem 0rem 0.3rem 0rem rgba(10, 62, 130, 0.14); border-radius: 0.04rem; }

.md_prod1 .table .c-select__option { color: #444; text-align: center; line-height: 1.2; padding: 6.7px; }

.md_prod1 .table .c-select__option:first-child { border-radius: .04rem .04rem 0 0; }

.md_prod1 .table .c-select__option:last-child { border-radius: 0 0 .04rem .04rem; }

.md_prod1 .table .c-select__option:hover, .md_prod1 .table .c-select__option.on { background-color: #f3f6fd; }

.md_prod1 .table .c-select.show .c-select__hd .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.md_prod1 .table .link { display: block; width: 0.3rem; min-width: 30px; height: 0.3rem; min-height: 30px; border-radius: 50%; background: #f3f6fd url(../images/i-arrow-5.png) no-repeat center; background-size: calc(11 / 30 * 100%); margin: auto; }

.md_prod2 { padding-top: .88rem; padding-bottom: .99rem; }

.md_prod2 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.md_prod2 .list { margin-top: .12rem; width: calc(507 / 1520 * 100%); border-radius: 0.24rem; border: solid 1px #e0e3eb; }

.md_prod2 .list-item { height: 100%; }

.md_prod2 .list-img { padding-top: 100%; position: relative; }

.md_prod2 .list-img img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 90%; max-height: 90%; }

.md_prod2-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 1.12rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.md_prod2-intro { margin-top: .12rem; }

.md_prod2-desc { line-height: 1.66667; border-top: 1px solid #e0e3eb; padding-top: .31rem; margin-top: .14rem; }

.md_prod2-btns { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: auto; }

.md_prod2-btn { min-width: 1.7rem; height: .52rem; min-height: 35px; border-radius: .52rem; color: #fff; background-color: #0a3e82; 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: .2rem; margin-top: .1rem; padding: 0 1em; }

.md_prod2-btn:last-of-type { margin-right: 0; }

.md_prod2-btn:hover { background-color: #1a2a41; }

.md_prod2-btn img { height: .2rem; min-height: 12px; margin-right: .07rem; }

@media (max-width: 900px) { .md_prod2 .layout { display: block; }
  .md_prod2 .list { width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; }
  .md_prod2-text { margin: 0; margin-top: 5%; display: block; }
  .md_prod2-btns { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 5%; }
  .md_prod2-btn { width: 49%; margin-right: 0; margin-top: 2%; } }

.md_download { padding-top: 1.01rem; padding-bottom: .8rem; }

.md_download .form { background-color: #f3f6fd; border-radius: .6rem; display: -webkit-box; display: -ms-flexbox; display: flex; height: .6rem; min-height: 35px; width: 7.55rem; max-width: 100%; margin-left: auto; margin-right: auto; padding-left: .1rem; margin-bottom: .5rem; }

@media (max-width: 1920px) { .md_download .form { width: 755px; } }

.md_download .form .btn { width: .6rem; min-width: 35px; background-image: url(../images/i-search.png); background-size: calc(19 / 60 * 100%); background-repeat: no-repeat; background-position: center; border: none; background-color: transparent; cursor: pointer; }

.md_download .form .ipt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 100px; border: none; background: transparent; }

.md_download .form .ipt::-webkit-input-placeholder { color: #999; }

.md_download .form .ipt:-ms-input-placeholder { color: #999; }

.md_download .form .ipt::-ms-input-placeholder { color: #999; }

.md_download .form .ipt::placeholder { color: #999; }

.md_download .form .ipt:valid + .btn-clear { display: block; }

.md_download .form .btn-clear { width: .54rem; min-width: 35px; background-image: url(../images/i-close-2.png); background-repeat: no-repeat; background-position: center; background-size: calc(16 / 54 * 100%); background-color: transparent; border: none; display: none; cursor: pointer; }

.md_download .table { border-radius: .24rem; overflow: hidden; }

.md_download .table table { width: 100%; }

.md_download .table tr { width: 100%; }

.md_download .table th { height: .8rem; font-weight: normal; padding: .2rem; }

.md_download .table th:first-child { padding-left: .5rem; text-align: left; }

.md_download .table th:nth-child(2) { width: calc(211 / 1520 * 100%); }

.md_download .table th:nth-child(3) { width: calc(346 / 1520 * 100%); min-width: calc(.2rem + 5.5em); }

.md_download .table th:nth-child(4) { width: calc(136 / 1520 * 100%); min-width: calc(.2rem + 2.8em); }

.md_download .table td { text-align: center; padding: .2rem .1rem; }

.md_download .table td:first-child { text-align: left; padding-left: .4rem; }

.md_download .table thead { background-color: #1a2a41; color: #fff; }

.md_download .table tbody tr { background-color: #f3f6fd; border-bottom: .04rem solid #fff; }

.md_download .table .file { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md_download .table .file-icon { width: .6rem; margin-right: .25rem; }

.md_download .table .icon-download { width: .22rem; min-width: 14px; }

@media (max-width: 900px) { .md_download .table th:first-child, .md_download .table td:first-child { padding-left: .2rem; }
  .md_download .table tbody { font-size: 12px; } }

.md_download .m_pages { margin-top: .56rem; }

.md_tech1 { padding-top: 1rem; padding-bottom: .8rem; }

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

.md_tech1 .list .li { width: calc(273 / 1520 * 100%); padding: .2rem; padding-bottom: .19rem; background-color: #f3f6fd; border-radius: 0.24rem; cursor: -webkit-zoom-in; cursor: zoom-in; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-bottom: .4rem; margin-right: calc(38 / 1520 * 100%); }

.md_tech1 .list .li:nth-of-type(5n) { margin-right: 0; }

.md_tech1 .list .li:hover { background-color: #0a3e82; color: #fff; }

.md_tech1 .list .li:hover .icon { background-image: url(../images/i-zoom-1.png); }

.md_tech1 .list .c-pic { background-color: #ffffff; border-radius: 0.16rem; }

.md_tech1 .list .img { padding-top: calc(335 / 233 * 100%); }

.md_tech1 .list .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: .22rem; }

.md_tech1 .list .tit { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md_tech1 .list .icon { width: .16rem; height: .16rem; min-width: 14px; min-height: 14px; background: url(../images/i-zoom-2.png) no-repeat center/contain; }

@media (max-width: 800px) { .md_tech1 .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md_tech1 .list .li { width: 48%; margin-right: 0; } }

.md_tech1 .m_pages { margin-top: .2rem; }

.md_tech2 { padding-top: 1rem; padding-bottom: 1rem; }

.md_tech2 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md_tech2 .form { width: calc(760 / 1520 * 100%); }

.md_tech2 .form-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md_tech2 .form-row .form-item { width: calc(370 / 760 * 100%); }

.md_tech2 .form-item { width: 100%; margin-bottom: .2rem; }

.md_tech2 .form .ipt, .md_tech2 .form .select { display: block; width: 100%; height: .52rem; min-height: 35px; border-radius: 0.04rem; border: solid 0.01rem #e0e3eb; padding: 0 .16rem; outline: none; }

.md_tech2 .form .ipt::-webkit-input-placeholder, .md_tech2 .form .select::-webkit-input-placeholder { color: #666; }

.md_tech2 .form .ipt:-ms-input-placeholder, .md_tech2 .form .select:-ms-input-placeholder { color: #666; }

.md_tech2 .form .ipt::-ms-input-placeholder, .md_tech2 .form .select::-ms-input-placeholder { color: #666; }

.md_tech2 .form .ipt::placeholder, .md_tech2 .form .select::placeholder { color: #666; }

.md_tech2 .form .select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/i-down.png) no-repeat right 0.1rem center; }

.md_tech2 .form .tx { display: block; width: 100%; height: 1.56rem; min-height: 100px; border-radius: 0.04rem; border: solid 0.01rem #e0e3eb; padding: .16rem; }

.md_tech2 .form .tx::-webkit-input-placeholder { color: #666; }

.md_tech2 .form .tx:-ms-input-placeholder { color: #666; }

.md_tech2 .form .tx::-ms-input-placeholder { color: #666; }

.md_tech2 .form .tx::placeholder { color: #666; }

.md_tech2 .form .btn-submit { min-width: 1.5rem; height: .52rem; min-height: 35px; padding: 0 .2rem; border-radius: .52rem; border: none; margin-top: .1rem; }

.md_tech2 .rg { width: calc(688 / 1520 * 100%); border-radius: .24rem; overflow: hidden; position: relative; }

.md_tech2 .rg .img { padding-top: calc(526 / 688 * 100%); }

.md_tech2 .rg .text { position: absolute; left: 0; bottom: 0; width: 100%; max-height: 100%; overflow-y: auto; background-color: rgba(255, 255, 255, 0.8); padding: .37rem .42rem .31rem; }

.md_tech2 .rg .desc { line-height: 1.75; margin-top: .1rem; }

@media (max-width: 900px) { .md_tech2 .layout { display: block; }
  .md_tech2 .form { width: 100%; }
  .md_tech2 .form .btn-submit { width: 100%; }
  .md_tech2 .rg { width: 100%; margin-top: 5%; } }

@media (max-width: 500px) { .md_tech2 .form-row { display: block; }
  .md_tech2 .form-row .form-item { width: 100%; } }

.md_about1 { padding-top: .93rem; padding-bottom: 1rem; }

.md_about1 .list { margin-top: .24rem; }

.md_about1 .list-item { 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-bottom: .53rem; }

.md_about1 .list-item:last-of-type { margin-bottom: 0; }

.md_about1 .list-item:nth-of-type(even) .list-tx { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.md_about1 .list-tx { width: calc(904 / 1520 * 100%); line-height: 1.875; margin-top: .1rem; }

.md_about1 .list-img { width: calc(558 / 1520 * 100%); border-radius: .24rem; }

.md_about1 .list-img .img { padding-top: calc(283 / 558 * 100%); }

.md_about1-img { border-radius: .24rem; overflow: hidden; font-size: 0; margin-top: .71rem; }

.md_about1-img img { width: 100%; }

@media (max-width: 900px) { .md_about1 .list-item { display: block; }
  .md_about1 .list-tx { width: 100%; }
  .md_about1 .list-img { width: 100%; margin-top: 5%; } }

.md_about2 { min-height: 6rem; }

.md_about2 .layout { position: relative; padding-top: .92rem; padding-bottom: 1rem; }

.md_about2-tit { position: absolute; left: 0; top: .93rem; }

.md_about2-list-item { position: relative; padding-left: .4rem; padding-right: .5rem; }

.md_about2-list-item:before { content: ''; position: absolute; left: 0; top: .08rem; z-index: 2; width: .16rem; height: .16rem; border-radius: 50%; background: #0a3e82; border: .04rem solid #fff; }

.md_about2-list-item:after { content: ''; position: absolute; left: .07rem; top: .08rem; bottom: 0; z-index: 1; width: 0.02rem; margin: auto; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(transparent)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.1), transparent); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), transparent); }

.md_about2-list-desc { line-height: 1.75; margin-top: .12rem; }

@media (min-width: 901px) { .md_about2-list-item:nth-of-type(4n + 1) { margin-top: 1.5rem; }
  .md_about2-list-item:nth-of-type(4n + 2) { margin-top: 1rem; }
  .md_about2-list-item:nth-of-type(4n + 3) { margin-top: .62rem; } }

@media (max-width: 900px) { .md_about2-list { margin-top: 1rem; }
  .md_about2-list-item:nth-of-type(odd) { margin-top: 1rem; } }

.md_about3 { background-color: #f3f6fd; padding-top: .96rem; padding-bottom: .5rem; }

.md_about3 .list { margin-top: .33rem; padding-bottom: 0.5rem; }

.md_about3 .list-item { width: 3.57rem; border-radius: .24rem; overflow: hidden; }

.md_about3 .list-item.active .list-text, .md_about3 .list-item:hover .list-text { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(10, 62, 130, 0.9); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md_about3 .list-item.active .list-tit, .md_about3 .list-item:hover .list-tit { color: rgba(255, 255, 255, 0.6); }

.md_about3 .list-item.active .list-intro, .md_about3 .list-item:hover .list-intro { display: block; margin-top: .12rem; margin-bottom: .06rem; }

.md_about3 .list-item.active .list-desc, .md_about3 .list-item:hover .list-desc { color: #fff; display: block; line-height: 1.66667; font-weight: normal; font-family: 'AlibabaPuHuiTi-Regular', sans-serif; }

.md_about3 .list-item.active .list-img .img, .md_about3 .list-item:hover .list-img .img { padding-top: calc(325 / 357 * 100%); }

.md_about3 .list-item.active .list-icon, .md_about3 .list-item:hover .list-icon { display: none; }

.md_about3 .list-img .img { padding-top: calc(205 / 357 * 100%); -webkit-transition: none; -o-transition: none; transition: none; }

.md_about3 .list-text { background-color: #fff; padding: .38rem .4rem .36rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md_about3 .list-intro { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: .03rem; }

.md_about3 .list-desc { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.md_about3 .list-icon { width: .26rem; height: .26rem; min-width: 16px; min-height: 16px; border-radius: 50%; background: #e5edfd url(../images/i-add-2.png) no-repeat center; background-size: calc(12 / 26 * 100%); -ms-flex-negative: 0; flex-shrink: 0; }

.md_about3 .list .swiper-pagination { bottom: 0; }

.md_about3 .list .swiper-pagination-bullet-active { background-color: #0a3e82; }

@media (max-width: 900px) { .md_about3 .list-tit { font-size: 14px; }
  .md_about3 .list-intro { margin-top: 5px; }
  .md_about3 .list-desc { font-size: 15px; } }

.md_about4 { padding-top: .93rem; padding-bottom: .7rem; }

.md_about4 .list { margin-top: .35rem; 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_about4 .list .li { width: calc(746 / 1520 * 100%); background-color: #f3f6fd; border-radius: 0.24rem; padding: .47rem .5rem .39rem; margin-bottom: .3rem; }

.md_about4 .list .tit { border-bottom: 1px solid #dde3f1; padding-bottom: .11rem; }

.md_about4 .list .desc { line-height: 2; margin-top: .12rem; }

@media (max-width: 900px) { .md_about4 .list { display: block; }
  .md_about4 .list .li { width: 100%; } }

.md-jobs-1 { padding-top: 1rem; padding-bottom: .8rem; }

.md-jobs-1 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-jobs-1 .list .li { background-color: #f3f6fd; border-radius: 0.24rem; width: calc(487 / 1520 * 100%); margin-bottom: .3rem; margin-right: calc(29 / 1520 * 100%); }

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

.md-jobs-1 .list .li.active, .md-jobs-1 .list .li:hover { background: #1a2a41 url(../images/job-bg.jpg) no-repeat center/cover; }

.md-jobs-1 .list .li.active .tit, .md-jobs-1 .list .li:hover .tit { color: #fff; }

.md-jobs-1 .list .li.active .desc, .md-jobs-1 .list .li:hover .desc { color: rgba(255, 255, 255, 0.5); }

.md-jobs-1 .list .li.active .arrow, .md-jobs-1 .list .li:hover .arrow { background-image: url(../images/i-arrow-3.png); }

.md-jobs-1 .list .li.active .date, .md-jobs-1 .list .li:hover .date { color: #fff; }

.md-jobs-1 .list .li.active .date .icon, .md-jobs-1 .list .li:hover .date .icon { background-image: url(../images/i-date.png); }

.md-jobs-1 .list .tx-1 { padding: .48rem .4rem; min-height: 2.76rem; }

.md-jobs-1 .list .desc { line-height: 2; margin-top: .12rem; }

.md-jobs-1 .list .tx-2 { border-top: 1px solid #e9ebf3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: .54rem; padding: .2rem .4rem; }

.md-jobs-1 .list .date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-jobs-1 .list .date .icon { width: .15rem; height: .14rem; min-width: 15px; min-height: 14px; margin-right: .07rem; background: url(../images/i-date-2.png) no-repeat center/contain; }

.md-jobs-1 .list .arrow { margin-left: auto; width: .15rem; height: .15rem; min-width: 15px; min-height: 15px; background: url(../images/i-arrow-4.png) no-repeat center/contain; }

@media (max-width: 900px) { .md-jobs-1 .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-jobs-1 .list .li { width: 48%; margin-right: 0; } }

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

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

.job-pop { position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.job-pop .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); }

.job-pop .main { position: relative; background-color: #fff; border-radius: .24rem; width: 9.8rem; max-width: 90%; max-height: 86%; padding: .59rem .7rem .57rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.job-pop .close { width: .3rem; height: .3rem; background: url(../images/i-close.png) no-repeat center/contain; position: absolute; right: 0; top: 0; -webkit-transform: translate(100%, -80%); -ms-transform: translate(100%, -80%); transform: translate(100%, -80%); opacity: .4; cursor: pointer; }

.job-pop .close:hover { opacity: 1; }

.job-pop .data { 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; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .1rem; }

.job-pop .data .item { margin-top: .2rem; }

.job-pop .detail { border-top: 1px solid #e9ebf3; line-height: 1.875; margin-top: .14rem; padding-top: .22rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow-y: auto; }

.job-pop .detail-item { margin-bottom: .22rem; }

.job-pop .detail-item:last-of-type { margin-bottom: 0; }

.job-pop .detail-desc { margin-top: .06rem; }

.job-pop .foot { text-align: center; margin-top: .22rem; }

.job-pop .foot .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 1.6rem; height: 0.52rem; min-height: 35px; border-radius: 0.52rem; padding: 0 .2rem; border: none; }

.job-pop .foot .btn img { width: .19rem; min-width: 14px; margin-left: .18rem; }

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

@media (max-width: 900px) { .job-pop .main { padding: 5%; } }

.md-relate-1 { padding-top: .95rem; padding-bottom: .56rem; }

.md-relate-1 .data { background-color: #f3f6fd; border-radius: 0.24rem; margin-top: .44rem; 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; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 2rem; padding: .2rem .56rem; }

.md-relate-1 .data .item { margin: .2rem 0; }

.md-relate-1 .data .split { width: 0.2rem; }

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

.md-relate-1 .data .t1 ~ .t1 { margin-top: .25rem; }

.md-relate-1 .data .t1 img { width: .18rem; min-width: 14px; margin-right: .07rem; }

.md-relate-1 .data .t2 { margin-top: .1rem; }

.md-relate-1 .imgs { margin-top: .24rem; }

.md-relate-1 .imgs img { max-width: 100%; }

.md-relate-2 { min-height: 3.5rem; padding: 1.13rem 0 1rem; }

.md-relate-2 .btns { margin-top: .33rem; }

.md-relate-2 .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 2.3rem; height: .52rem; min-height: 35px; background-color: #e2eaf4; border-radius: .52rem; margin: auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding: 0 .2rem; }

.md-relate-2 .btn img { width: .11rem; min-width: 11px; margin-left: .19rem; }

.md-relate-2 .btn:hover { color: #0a3e82; }

.md-relate-3 { padding-top: .95rem; padding-bottom: .6rem; }

.md-relate-3 .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; margin-top: .33rem; }

.md-relate-3 .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f3f6fd; border-radius: 0.24rem; min-height: 1.2rem; width: calc(750 / 1520 * 100%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-bottom: .19rem; }

.md-relate-3 .list .li:hover { background-color: #0a3e82; color: #fff; }

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

.md-relate-3 .list .li:hover .tit { color: #fff; }

.md-relate-3 .list .li:hover .rg { border-left-color: rgba(227, 232, 243, 0.2); }

.md-relate-3 .list .li:hover .more { background-image: url(../images/i-arrow-6.png); }

.md-relate-3 .list .tit { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: .39rem; }

.md-relate-3 .list .date { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 .3rem; }

.md-relate-3 .list .date .icon { width: .15rem; height: .15rem; min-width: 13px; min-height: 13px; background: url(../images/i-date-2.png) no-repeat center/contain; margin-right: .07rem; }

.md-relate-3 .list .rg { border-left: 1px solid #e3e8f3; width: calc(110 / 750 * 100%); 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: 100%; }

.md-relate-3 .list .more { width: .38rem; height: .38rem; border-radius: 50%; background: #fff url(../images/i-arrow-5.png) no-repeat center/contain; background-size: calc(11 / 39 * 100%); }

.md-relate-3 .m_pages { margin-top: .4rem; }

@media (max-width: 900px) { .md-relate-3 .list .li { width: 100%; } }

.md-esg-1 { padding-top: .96rem; padding-bottom: 1.4rem; }

.md-esg-1 .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: none; opacity: 0; }

.md-esg-1 .row.active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-animation: fade-in 1.5s forwards; animation: fade-in 1.5s forwards; }

.md-esg-1 .row .text { width: calc(720 / 1520 * 100%); }

.md-esg-1 .row .tit { border-bottom: 1px solid #e5eaf5; padding-bottom: .14rem; }

.md-esg-1 .row .desc { line-height: 1.88889; margin-top: .32rem; }

.md-esg-1 .row .c-pic { width: calc(720 / 1520 * 100%); border-radius: 0.24rem; margin-top: .06rem; }

.md-esg-1 .row .c-pic .img { padding-top: calc(420 / 720 * 100%); }

.md-esg-1 .data { background-color: #f3f6fd; border-radius: 0.24rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .15rem; margin-top: .38rem; }

.md-esg-1 .data .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-height: .5rem; border-radius: .5rem; padding: .1rem .3rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-esg-1 .data .item.active, .md-esg-1 .data .item:hover { background-color: #0a3e82; }

.md-esg-1 .data .item.active .icon .i-1, .md-esg-1 .data .item:hover .icon .i-1 { display: none; }

.md-esg-1 .data .item.active .icon .i-2, .md-esg-1 .data .item:hover .icon .i-2 { display: block; }

.md-esg-1 .data .item.active .tit, .md-esg-1 .data .item:hover .tit { color: #fff; }

.md-esg-1 .data .icon img { width: .25rem; min-width: 18px; margin-right: .07rem; }

.md-esg-1 .data .icon .i-2 { display: none; }

@media (max-width: 900px) { .md-esg-1 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-esg-1 .tab-cnt { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .md-esg-1 .row.active { display: block; }
  .md-esg-1 .row .text { width: 100%; }
  .md-esg-1 .row .c-pic { width: 100%; margin-top: 5%; }
  .md-esg-1 .data { margin-top: 0; margin-bottom: 5%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; height: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-esg-1 .data .item { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; margin: .1rem 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; min-height: 40px; } }

.md-esg-2 { padding-top: .96rem; padding-bottom: .79rem; background-color: #f3f6fd; }

.md-esg-2 .list { margin-top: .35rem; 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-esg-2 .list .li { width: calc(750 / 1520 * 100%); background-color: #ffffff; border-radius: 0.24rem; min-height: 1.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .21rem; }

.md-esg-2 .list .li:hover .tit { color: #0a3e82; }

.md-esg-2 .list .tit { padding-left: .39rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-esg-2 .list .rg { height: 100%; width: calc(110 / 750 * 100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-left: 1px solid #e3e8f3; }

.md-esg-2 .list .icon { width: .48rem; height: .48rem; min-width: 30px; min-height: 30px; border-radius: 50%; background: #f3f6fd url(../images/i-download-2.png) no-repeat center; background-size: calc(22 / 48 * 100%); }

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

.md-news-1 { padding-top: 1rem; padding-bottom: .8rem; }

.md-news-1 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-news-1 .list .li { border-bottom: 1px solid #e9ebf3; margin-bottom: .4rem; width: calc(487 / 1520 * 100%); margin-right: calc(29 / 1520 * 100%); }

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

.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 .li:hover .tit { color: #0a3e82; }

.md-news-1 .list .c-pic { border-radius: .24rem; }

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

.md-news-1 .list .text { padding: .25rem 0 .26rem; }

.md-news-1 .list .date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-news-1 .list .date img { width: .15rem; min-width: 14px; margin-right: .07rem; }

.md-news-1 .list .tit { margin-top: .16rem; }

.md-news-1 .list .more { width: .25rem; margin-top: .24rem; opacity: .4; }

@media (max-width: 900px) { .md-news-1 .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-news-1 .list .li { width: 48%; margin-right: 0; } }

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

.md-news-detail { padding-top: .97rem; padding-bottom: 1rem; }

.md-news-detail .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-news-detail .main { width: calc(1170 / 1520 * 100%); }

.md-news-detail .main .msg { 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: .35rem; }

.md-news-detail .main .share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: .4rem; }

.md-news-detail .main .share .share-t1 { margin-right: .1rem; }

.md-news-detail .main .share .custom-icon { margin: 0; margin-right: .24rem; }

.md-news-detail .main .share .share-icon { height: .2rem; min-height: 16px; }

.md-news-detail .main .detail { line-height: 1.875; border-top: 1px solid #e8ebf3; border-bottom: 1px solid #e8ebf3; margin-top: .17rem; padding-top: .42rem; padding-bottom: .53rem; }

.md-news-detail .main .foot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: .58rem; }

.md-news-detail .main .foot-nav { margin-right: auto; }

.md-news-detail .main .foot-nav-item { margin-bottom: .16rem; }

.md-news-detail .main .foot-nav-item:last-of-type { margin-bottom: 0; }

.md-news-detail .main .foot-nav-item:hover { color: #0a3e82; }

.md-news-detail .main .foot .back { 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: 1.7rem; min-height: .52rem; padding: .07rem .08rem; padding-left: .23rem; background-color: #e2eaf4; color: #222; border: none; border-radius: .52rem; cursor: pointer; -webkit-transition: background-color .4s; -o-transition: background-color .4s; transition: background-color .4s; position: relative; overflow: hidden; }

.md-news-detail .main .foot .back:after { content: ''; width: .38rem; height: .38rem; border-radius: .38rem; background: #0a3e82 url(../images/i-back.png) no-repeat center; background-size: calc(14 / 38 * 100%); margin-left: 1em; position: relative; z-index: 2; }

.md-news-detail .main .foot .back:before { content: ''; position: absolute; right: .08rem; top: 50%; z-index: 1; width: .38rem; height: .38rem; background-color: #0a3e82; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-radius: .52rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.md-news-detail .main .foot .back span { position: relative; z-index: 2; }

@media (any-hover: hover) { .md-news-detail .main .foot .back:hover { color: #fff; background-color: #0a3e82; }
  .md-news-detail .main .foot .back:hover:before { width: 100%; height: 100%; right: 0%; } }

@media (max-width: 900px) { .md-news-detail .main .foot .back { padding: 4px; padding-left: 10px; }
  .md-news-detail .main .foot .back:before, .md-news-detail .main .foot .back:after { width: 26px; height: 26px; } }

.md-news-detail .side { width: calc(251 / 1520 * 100%); }

.md-news-detail .side .list { margin-top: .27rem; }

.md-news-detail .side .list .li { display: block; border-bottom: 1px solid #e3e6ee; margin-bottom: .3rem; padding-bottom: .14rem; }

.md-news-detail .side .list .li:hover .tit { color: #0a3e82; }

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

.md-news-detail .side .list .c-pic { border-radius: .16rem; }

.md-news-detail .side .list .img { padding-top: calc(142 / 251 * 100%); }

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

.md-news-detail .side .list .date img { width: .15rem; min-width: 14px; margin-right: .07rem; }

.md-news-detail .side .list .tit { line-height: 1.44444; margin-top: .07rem; }

@media (max-width: 900px) { .md-news-detail .layout { display: block; }
  .md-news-detail .main { width: 100%; }
  .md-news-detail .side { width: 100%; margin-top: 10%; }
  .md-news-detail .side .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-news-detail .side .list .li { width: 48%; } }

@media (max-width: 600px) { .md-news-detail .main .foot { display: block; }
  .md-news-detail .main .back { margin-top: 5%; }
  .md-news-detail .side .list { display: block; }
  .md-news-detail .side .list .li { width: 100%; } }

.md-search-1 { padding-top: .8rem; padding-bottom: .61rem; }

.md-search-1 .title { margin-bottom: .4rem; }

.md-search-1 .form { background-color: #f3f6fd; border-radius: .6rem; display: -webkit-box; display: -ms-flexbox; display: flex; height: .6rem; min-height: 35px; width: 7.55rem; max-width: 100%; margin-left: auto; margin-right: auto; padding-left: .1rem; margin-bottom: .92rem; }

@media (max-width: 1920px) { .md-search-1 .form { width: 755px; } }

.md-search-1 .form .btn { width: .6rem; min-width: 35px; background-image: url(../images/i-search.png); background-size: calc(19 / 60 * 100%); background-repeat: no-repeat; background-position: center; border: none; background-color: transparent; cursor: pointer; }

.md-search-1 .form .ipt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 100px; border: none; background: transparent; }

.md-search-1 .form .ipt::-webkit-input-placeholder { color: #999; }

.md-search-1 .form .ipt:-ms-input-placeholder { color: #999; }

.md-search-1 .form .ipt::-ms-input-placeholder { color: #999; }

.md-search-1 .form .ipt::placeholder { color: #999; }

.md-search-1 .form .ipt:valid + .btn-clear { display: block; }

.md-search-1 .form .btn-clear { width: .54rem; min-width: 35px; background-image: url(../images/i-close-2.png); background-repeat: no-repeat; background-position: center; background-size: calc(16 / 54 * 100%); background-color: transparent; border: none; display: none; cursor: pointer; }

.md-search-1 .module-tit { margin-top: .6rem; margin-bottom: .4rem; }

.md-search-1 .module-tit .count { margin-left: .2rem; }

.m_prod_list { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.m_prod_list-item { min-height: 2.8rem; position: relative; display: block; background-color: #f3f6fd; border-radius: 0.24rem; 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: .4rem 0; overflow: hidden; -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; width: calc(487 / 1520 * 100%); margin-right: calc(29 / 1520 * 100%); margin-bottom: .3rem; }

.m_prod_list-item:nth-of-type(3n) { margin-right: 0; }

.m_prod_list-item:hover { background-color: #0a3e82; }

.m_prod_list-item:hover .m_prod_list-tit { color: #fff; }

.m_prod_list-item:hover .m_prod_list-desc { color: rgba(255, 255, 255, 0.6); }

.m_prod_list-item:hover .m_prod_list-more { background-color: #315d96; background-image: url(../images/i-arrow-2.png); }

.m_prod_list-item:hover .m_prod_list-mask { opacity: .7; }

.m_prod_list-item:hover .m_prod_list-line { border-top-color: rgba(238, 238, 238, 0.1); }

.m_prod_list-text { width: calc(180 / 487 * 100%); margin-left: calc(45 / 487 * 100%); position: relative; z-index: 2; }

.m_prod_list-line { border-top: 1px solid #e3e6ee; margin-top: .09rem; }

.m_prod_list-desc { margin-top: .13rem; line-height: 1.75; }

.m_prod_list-more { width: .3rem; height: .3rem; min-width: 20px; min-height: 20px; border-radius: 50%; background-color: #fff; background-image: url(../images/i-arrow-1.png); background-repeat: no-repeat; background-position: center; background-size: calc(11 / 30 * 100%); margin-top: .33rem; }

.m_prod_list-img { position: relative; z-index: 2; width: calc(195 / 487 * 100%); margin-right: calc(36 / 487 * 100%); margin-top: .07rem; }

.m_prod_list-img img { width: 100%; }

.m_prod_list-mask { position: absolute; left: calc(230 / 487 * 100%); z-index: 1; height: calc(161 / 280 * 100%); opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.m_prod_list .m-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.m_prod_list .m-arrow.prev { left: -.7rem; }

.m_prod_list .m-arrow.next { right: -.7rem; }

@media (max-width: 900px) { .m_prod_list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .m_prod_list-item { width: 49%; margin-right: 0; margin-bottom: 2%; } }

@media (max-width: 600px) { .m_prod_list-item { width: 100%; margin-bottom: 5%; padding: 5vw 0; }
  .m_prod_list-text { width: 45%; margin-left: 5%; }
  .m_prod_list-img { width: 40%; margin-right: 5%; } }

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

.m_news_list-li { border-bottom: 1px solid #e9ebf3; margin-bottom: .4rem; width: calc(487 / 1520 * 100%); margin-right: calc(29 / 1520 * 100%); }

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

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

.m_news_list-li:hover .m_news_list-tit { color: #0a3e82; }

.m_news_list-img { border-radius: .24rem; }

.m_news_list .img { padding-top: calc(274 / 487 * 100%); }

.m_news_list-text { padding: .25rem 0 .26rem; }

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

.m_news_list-date img { width: .15rem; min-width: 14px; margin-right: .07rem; }

.m_news_list-tit { margin-top: .16rem; }

.m_news_list-more { width: .25rem; margin-top: .24rem; opacity: .4; }

@media (max-width: 900px) { .m_news_list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .m_news_list-li { width: 48%; margin-right: 0; } }

@media (max-width: 600px) { .m_news_list-li { width: 100%; margin-bottom: 5%; } }

.m_down_list .table { border-radius: .24rem; overflow: hidden; }

.m_down_list .table table { width: 100%; }

.m_down_list .table tr { width: 100%; }

.m_down_list .table th { height: .8rem; font-weight: normal; padding: .2rem; }

.m_down_list .table th:first-child { padding-left: .5rem; text-align: left; }

.m_down_list .table th:nth-child(2) { width: calc(211 / 1520 * 100%); }

.m_down_list .table th:nth-child(3) { width: calc(346 / 1520 * 100%); min-width: calc(.2rem + 5.5em); }

.m_down_list .table th:nth-child(4) { width: calc(136 / 1520 * 100%); min-width: calc(.2rem + 2.8em); }

.m_down_list .table td { text-align: center; padding: .2rem .1rem; }

.m_down_list .table td:first-child { text-align: left; padding-left: .4rem; }

.m_down_list .table thead { background-color: #1a2a41; color: #fff; }

.m_down_list .table tbody tr { background-color: #f3f6fd; border-bottom: .04rem solid #fff; }

.m_down_list .table .file { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.m_down_list .table .file-icon { width: .6rem; margin-right: .25rem; }

.m_down_list .table .icon-download { width: .22rem; min-width: 14px; }

@media (max-width: 900px) { .m_down_list .table th:first-child, .m_down_list .table td:first-child { padding-left: .2rem; }
  .m_down_list .table tbody { font-size: 12px; } }

/*弹出层相关*/
.c-btn{display: inline-block;vertical-align: top;font-size: 14px;color: #fff;line-height: 1.43;text-align: center;cursor: pointer;user-select: none;border: 1px solid transparent;border-radius: 4px;padding: 6px 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.c-btn:hover{color: #fff;}
.c-blue{background-color: #0d6efd;border: 1px solid #0d6efd;}
.c-blue:hover{background-color: #0b5ed7;border-color: #0b5ed7;}
.c-white{background-color: #fff;border: 1px solid #dee2e6;color: #666;transition: all .3s;}
.c-white:hover,
.c-white:focus,
.c-white:active{color: #333;background-color:#e6e6e6;border-color:#adadad;}
.hn-tip{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;}
.hn-mask{width: 100%;height: 100%;position: fixed;left: 0;top: 0;visibility: hidden;opacity: 0;z-index: 987654321;background-color: rgba(0,0,0,0.1);transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-tip .hn-mask{background-color: transparent;}
.hn-msg{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;font-size: 14px;color: #fff;background-color: rgba(0,0,0,0.6);border-radius: 2px;padding: 12px 25px;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-tip.show .hn-mask{visibility: visible;opacity: 1;}
.hn-tip.show .hn-msg{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.hn-load{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;}
.hn-load-cont{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-load-icon{width: 32px;height: 32px;margin: 0 auto;background-image: url(../images/load.gif);background-repeat: no-repeat;background-position: 100% 100%;}
.hn-load-title{font-size: 14px;color: #333;text-align: center;margin-top: 10px;}
.hn-load.show .hn-mask{visibility: visible;opacity: 1;}
.hn-load.show .hn-load-cont{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.hn-confirm{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;}
.hn-confirm-dialog{width: auto;min-width: 300px;position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);}
.hn-confirm-title{padding: 0 80px 0 20px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;}
.hn-confirm-cont{width: 100%;position: relative;padding: 20px;line-height: 24px;word-break: break-all;overflow: hidden;font-size: 14px;}
.hn-confirm-btns{text-align: right;padding: 0 15px 12px;user-select: none;font-size: 0;}
.hn-confirm-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;}
.hn-confirm-close:hover{opacity: 0.7;}
.hn-confirm-btns .c-btn{margin-left: 10px;}
.hn-confirm-btns .c-btn:first-child{margin-left: 0;}
.hn-confirm.show .hn-mask{visibility: visible;opacity: 1;}
.hn-confirm.show .hn-confirm-dialog{transform: scale(1);opacity: 1;visibility: visible;}
.hn-html{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;}
.hn-html-dialog{width: auto;min-width: 300px;position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);}
.hn-html-title{padding: 0 80px 0 10px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;}
.hn-html-cont{width: 100%;position: relative;padding: 10px;line-height: 24px;word-break: break-all;overflow: auto;font-size: 14px;}
.hn-html-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;}
.hn-html-close:hover{opacity: 0.7;}
.hn-html.show .hn-mask{visibility: visible;opacity: 1;}
.hn-html.show .hn-html-dialog{transform: scale(1);opacity: 1;visibility: visible;}