@charset "UTF-8";
@font-face { font-family: 'Poppins-Regular'; src: url(../fonts/Poppins/Poppins-Regular.otf); }

@font-face { font-family: 'Poppins-Medium'; src: url(../fonts/Poppins/Poppins-Medium.otf); }

@font-face { font-family: 'Poppins-SemiBold'; src: url(../fonts/Poppins/Poppins-SemiBold.otf); }

@font-face { font-family: 'Poppins-Bold'; src: url(../fonts/Poppins/Poppins-Bold.otf); }

.f-Regular { font-family: 'Poppins-Regular'; }

.f-Medium { font-family: 'Poppins-Medium'; }

.f-SemiBold { font-family: 'Poppins-SemiBold'; }

.f-Bold { font-family: 'Poppins-Bold'; }

html { font-family: 'Poppins-Regular', sans-serif; }

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

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

body { color: #333; font-size: 14px; line-height: 1.2; overflow-x: hidden; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }

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

.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: #00aace; }

.bg-theme { background-color: #00aace; }

.color-active { color: #00aace; }

.bg-active { background-color: #00aace; }

.bg-gradient { background: -webkit-gradient(linear, left top, right top, from(#00aace), to(#33bbd8)); background: -o-linear-gradient(left, #00aace, #33bbd8); background: linear-gradient(90deg, #00aace, #33bbd8); }

.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: 0.625vw; }

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

.v13 { font-size: 0.67708vw; }

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

.v14 { font-size: 0.72917vw; }

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

.v15 { font-size: 0.78125vw; }

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

.v16 { font-size: 0.83333vw; }

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

.v17 { font-size: 0.88542vw; }

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

.v18 { font-size: 0.9375vw; }

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

.v19 { font-size: 0.98958vw; }

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

.v20 { font-size: 1.04167vw; }

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

.v21 { font-size: 1.09375vw; }

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

.v22 { font-size: 1.14583vw; }

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

.v23 { font-size: 1.19792vw; }

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

.v24 { font-size: 1.25vw; }

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

.v25 { font-size: 1.30208vw; }

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

.v26 { font-size: 1.35417vw; }

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

.v27 { font-size: 1.40625vw; }

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

.v28 { font-size: 1.45833vw; }

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

.v29 { font-size: 1.51042vw; }

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

.v30 { font-size: 1.5625vw; }

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

.v31 { font-size: 1.61458vw; }

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

.v32 { font-size: 1.66667vw; }

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

.v33 { font-size: 1.71875vw; }

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

.v34 { font-size: 1.77083vw; }

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

.v35 { font-size: 1.82292vw; }

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

.v36 { font-size: 1.875vw; }

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

.v37 { font-size: 1.92708vw; }

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

.v38 { font-size: 1.97917vw; }

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

.v39 { font-size: 2.03125vw; }

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

.v40 { font-size: 2.08333vw; }

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

.v41 { font-size: 2.13542vw; }

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

.v42 { font-size: 2.1875vw; }

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

.v43 { font-size: 2.23958vw; }

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

.v44 { font-size: 2.29167vw; }

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

.v45 { font-size: 2.34375vw; }

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

.v46 { font-size: 2.39583vw; }

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

.v47 { font-size: 2.44792vw; }

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

.v48 { font-size: 2.5vw; }

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

.v49 { font-size: 2.55208vw; }

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

.v50 { font-size: 2.60417vw; }

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

.v51 { font-size: 2.65625vw; }

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

.v52 { font-size: 2.70833vw; }

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

.v53 { font-size: 2.76042vw; }

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

.v54 { font-size: 2.8125vw; }

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

.v55 { font-size: 2.86458vw; }

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

.v56 { font-size: 2.91667vw; }

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

.v57 { font-size: 2.96875vw; }

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

.v58 { font-size: 3.02083vw; }

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

.v59 { font-size: 3.07292vw; }

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

.v60 { font-size: 3.125vw; }

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

.v61 { font-size: 3.17708vw; }

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

.v62 { font-size: 3.22917vw; }

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

.v63 { font-size: 3.28125vw; }

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

.v64 { font-size: 3.33333vw; }

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

.v65 { font-size: 3.38542vw; }

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

.v66 { font-size: 3.4375vw; }

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

.v67 { font-size: 3.48958vw; }

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

.v68 { font-size: 3.54167vw; }

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

.v69 { font-size: 3.59375vw; }

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

.v70 { font-size: 3.64583vw; }

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

.v71 { font-size: 3.69792vw; }

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

.v72 { font-size: 3.75vw; }

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

.v73 { font-size: 3.80208vw; }

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

.v74 { font-size: 3.85417vw; }

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

.v75 { font-size: 3.90625vw; }

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

.v76 { font-size: 3.95833vw; }

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

.v77 { font-size: 4.01042vw; }

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

.v78 { font-size: 4.0625vw; }

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

.v79 { font-size: 4.11458vw; }

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

.v80 { font-size: 4.16667vw; }

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

.v81 { font-size: 4.21875vw; }

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

.v82 { font-size: 4.27083vw; }

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

.v83 { font-size: 4.32292vw; }

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

.v84 { font-size: 4.375vw; }

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

.v85 { font-size: 4.42708vw; }

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

.v86 { font-size: 4.47917vw; }

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

.v87 { font-size: 4.53125vw; }

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

.v88 { font-size: 4.58333vw; }

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

.v89 { font-size: 4.63542vw; }

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

.v90 { font-size: 4.6875vw; }

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

.v91 { font-size: 4.73958vw; }

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

.v92 { font-size: 4.79167vw; }

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

.v93 { font-size: 4.84375vw; }

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

.v94 { font-size: 4.89583vw; }

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

.v95 { font-size: 4.94792vw; }

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

.v96 { font-size: 5vw; }

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

.v97 { font-size: 5.05208vw; }

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

.v98 { font-size: 5.10417vw; }

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

.v99 { font-size: 5.15625vw; }

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

.v100 { font-size: 5.20833vw; }

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

.v101 { font-size: 5.26042vw; }

@media (max-width: 566.49505px) { .v101 { font-size: 29.8px; } }

.v102 { font-size: 5.3125vw; }

@media (max-width: 564.70588px) { .v102 { font-size: 30px; } }

.v103 { font-size: 5.36458vw; }

@media (max-width: 562.95146px) { .v103 { font-size: 30.2px; } }

.v104 { font-size: 5.41667vw; }

@media (max-width: 561.23077px) { .v104 { font-size: 30.4px; } }

.v105 { font-size: 5.46875vw; }

@media (max-width: 559.54286px) { .v105 { font-size: 30.6px; } }

.v106 { font-size: 5.52083vw; }

@media (max-width: 557.88679px) { .v106 { font-size: 30.8px; } }

.v107 { font-size: 5.57292vw; }

@media (max-width: 556.26168px) { .v107 { font-size: 31px; } }

.v108 { font-size: 5.625vw; }

@media (max-width: 554.66667px) { .v108 { font-size: 31.2px; } }

.v109 { font-size: 5.67708vw; }

@media (max-width: 553.10092px) { .v109 { font-size: 31.4px; } }

.v110 { font-size: 5.72917vw; }

@media (max-width: 551.56364px) { .v110 { font-size: 31.6px; } }

.v111 { font-size: 5.78125vw; }

@media (max-width: 550.05405px) { .v111 { font-size: 31.8px; } }

.v112 { font-size: 5.83333vw; }

@media (max-width: 548.57143px) { .v112 { font-size: 32px; } }

.v113 { font-size: 5.88542vw; }

@media (max-width: 547.11504px) { .v113 { font-size: 32.2px; } }

.v114 { font-size: 5.9375vw; }

@media (max-width: 545.68421px) { .v114 { font-size: 32.4px; } }

.v115 { font-size: 5.98958vw; }

@media (max-width: 544.27826px) { .v115 { font-size: 32.6px; } }

.v116 { font-size: 6.04167vw; }

@media (max-width: 542.89655px) { .v116 { font-size: 32.8px; } }

.v117 { font-size: 6.09375vw; }

@media (max-width: 541.53846px) { .v117 { font-size: 33px; } }

.v118 { font-size: 6.14583vw; }

@media (max-width: 540.20339px) { .v118 { font-size: 33.2px; } }

.v119 { font-size: 6.19792vw; }

@media (max-width: 538.89076px) { .v119 { font-size: 33.4px; } }

.v120 { font-size: 6.25vw; }

@media (max-width: 537.6px) { .v120 { font-size: 33.6px; } }

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

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

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

.w1440 { margin-left: auto; margin-right: auto; width: 14.4rem; max-width: 90%; }

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

.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: #00aace; 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: right; }

.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: #00aace; 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; }

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

@-webkit-keyframes mouse-move { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } }

@keyframes mouse-move { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } }

@-webkit-keyframes turn { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes turn { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

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

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

@-webkit-keyframes ball { 0% { left: 0;
    top: 50%;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); }
  12.5% { left: 25%;
    top: 75%;
    -webkit-transform: translateY(0.45rem) scale(1.1);
            transform: translateY(0.45rem) scale(1.1); }
  25% { left: 50%;
    top: 100%;
    -webkit-transform: translateY(0) scale(1.2);
            transform: translateY(0) scale(1.2);
    z-index: 3; }
  37.5% { left: 75%;
    top: 75%;
    -webkit-transform: translateY(0.45rem) scale(1.1);
            transform: translateY(0.45rem) scale(1.1); }
  50% { left: 100%;
    top: 50%;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); }
  62.5% { left: 75%;
    top: 25%;
    -webkit-transform: translateY(-0.45rem) scale(0.9);
            transform: translateY(-0.45rem) scale(0.9); }
  75% { left: 50%;
    top: 0;
    -webkit-transform: translateY(0) scale(0.8);
            transform: translateY(0) scale(0.8); }
  87.5% { left: 25%;
    top: 25%;
    -webkit-transform: translateY(-0.45rem) scale(0.9);
            transform: translateY(-0.45rem) scale(0.9); }
  100% { left: 0;
    top: 50%;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); } }

@keyframes ball { 0% { left: 0;
    top: 50%;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); }
  12.5% { left: 25%;
    top: 75%;
    -webkit-transform: translateY(0.45rem) scale(1.1);
            transform: translateY(0.45rem) scale(1.1); }
  25% { left: 50%;
    top: 100%;
    -webkit-transform: translateY(0) scale(1.2);
            transform: translateY(0) scale(1.2);
    z-index: 3; }
  37.5% { left: 75%;
    top: 75%;
    -webkit-transform: translateY(0.45rem) scale(1.1);
            transform: translateY(0.45rem) scale(1.1); }
  50% { left: 100%;
    top: 50%;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); }
  62.5% { left: 75%;
    top: 25%;
    -webkit-transform: translateY(-0.45rem) scale(0.9);
            transform: translateY(-0.45rem) scale(0.9); }
  75% { left: 50%;
    top: 0;
    -webkit-transform: translateY(0) scale(0.8);
            transform: translateY(0) scale(0.8); }
  87.5% { left: 25%;
    top: 25%;
    -webkit-transform: translateY(-0.45rem) scale(0.9);
            transform: translateY(-0.45rem) scale(0.9); }
  100% { left: 0;
    top: 50%;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1); } }

@-webkit-keyframes rotate_1 { 0% { -webkit-transform: rotate(0); transform: rotate(0);
    height: 50%; }
  25% { -webkit-transform: rotate(90deg); transform: rotate(90deg);
    height: calc(12.16rem / 2); }
  50% { -webkit-transform: rotate(180deg); transform: rotate(180deg);
    height: 50%; }
  75% { -webkit-transform: rotate(270deg); transform: rotate(270deg);
    height: calc(12.16rem / 2); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);
    height: 50%; } }

@keyframes rotate_1 { 0% { -webkit-transform: rotate(0); transform: rotate(0);
    height: 50%; }
  25% { -webkit-transform: rotate(90deg); transform: rotate(90deg);
    height: calc(12.16rem / 2); }
  50% { -webkit-transform: rotate(180deg); transform: rotate(180deg);
    height: 50%; }
  75% { -webkit-transform: rotate(270deg); transform: rotate(270deg);
    height: calc(12.16rem / 2); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);
    height: 50%; } }

@-webkit-keyframes turn_1 { from { -webkit-transform: perspective(12.16rem) rotateX(-10deg) rotateY(0deg); transform: perspective(12.16rem) rotateX(-10deg) rotateY(0deg); }
  to { -webkit-transform: perspective(12.16rem) rotateX(-10deg) rotateY(360deg); transform: perspective(12.16rem) rotateX(-10deg) rotateY(360deg); } }

@keyframes turn_1 { from { -webkit-transform: perspective(12.16rem) rotateX(-10deg) rotateY(0deg); transform: perspective(12.16rem) rotateX(-10deg) rotateY(0deg); }
  to { -webkit-transform: perspective(12.16rem) rotateX(-10deg) rotateY(360deg); transform: perspective(12.16rem) rotateX(-10deg) rotateY(360deg); } }

@-webkit-keyframes svg-circle { 0% { stroke-dashoffset: 182.12; }
  100% { stroke-dashoffset: 0; } }

@keyframes svg-circle { 0% { stroke-dashoffset: 182.12; }
  100% { stroke-dashoffset: 0; } }

@-webkit-keyframes svg-circle-2 { 0% { stroke-dashoffset: 69.08; }
  100% { stroke-dashoffset: 0; } }

@keyframes svg-circle-2 { 0% { stroke-dashoffset: 69.08; }
  100% { stroke-dashoffset: 0; } }

.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__option { line-height: 1.5; padding: .4em .2rem; }

.c-select__option:hover { background-color: rgba(0, 170, 206, 0.7); color: #fff; }

.c-select__option.on { background-color: #00aace; color: #fff; }

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

.m-round { border-radius: .2rem; overflow: hidden; }

.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; -ms-flex-negative: 0; flex-shrink: 0; min-width: 1.8rem; min-height: .5rem; border-radius: .5rem .5rem 0 .5rem; padding: .1rem .2rem; color: #fff; background-color: #00aace; border: none; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.m-more:after { content: ''; width: .26rem; height: .26rem; min-width: 20px; min-height: 20px; margin-left: 1em; background: url(../images/i-more-1.png) no-repeat center/contain; }

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

.m-more.line-white { background-color: transparent; border: .02rem solid #fff; min-height: .52rem; }

.m-more.line-white:hover { background-color: #00aace; border-color: transparent; }

.m-more.line-theme { background-color: transparent; border: 0.02rem solid #00aace; min-height: .52rem; color: #00aace; }

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

.m-more.line-theme:hover { background-color: #fff; border-color: transparent; }

.media { background-color: #000; }

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

.media-ratio { position: relative; background-color: #000; }

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

.md-ban { position: relative; }

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

.md-ban .tit { line-height: 1.33333; }

.md-ban .desc { line-height: 1.6875; margin-top: .28rem; margin-bottom: -.45rem; }

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

@media (max-width: 500px) { .md-ban .desc { font-size: 12px; } }

.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.5rem; height: 0.5rem; line-height: 0.5rem; border-radius: 0.5rem; background-color: #fff; border: 1px solid #eee; padding: 0 .2em; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; margin-right: .08rem; }

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

.m-pages .item:hover { color: #00aace; }

.m-pages .item.on { background: #00aace; color: #fff; }

.m-pages .item.disabled { pointer-events: none; }

.m-pages .item.prev, .m-pages .item.next { background-position: center; background-repeat: no-repeat; background-size: calc(7 / 50 * 100%); }

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

.m-pages .item.prev:hover { background-image: url(../images/i-left-2.png); background-color: #00aace; border-color: #00aace; }

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

.m-pages .item.next:hover { background-image: url(../images/i-right-2.png); background-color: #00aace; border-color: #00aace; }

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

.md-subnav { line-height: .7rem; }

.md-subnav .li { display: block; width: auto; margin-right: .3rem; position: relative; }

.md-subnav .li:last-of-type { margin-right: 0; }

.md-subnav .li:after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: .04rem; background: rgba(255, 255, 255, 0.5); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-subnav .li:hover:after, .md-subnav .li.on:after { width: 100%; }

.md-bread { line-height: .7rem; }

.md-bread img { width: .18rem; min-width: 14px; margin-right: .11rem; }

.md-bread a:hover { text-decoration: underline; }

.md-bread .split { margin: 0 .37em; }

.md-fun { overflow: hidden; }

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

.md-fun .md-subnav { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: .2rem; }

.md-fun .md-bread { margin-left: auto; }

@media (max-width: 900px) { .md-fun .md-subnav { width: 100%; }
  .md-fun .md-subnav + .md-bread { margin-top: 10px; }
  .md-fun .md-bread { width: 100%; } }

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

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

.m-arrow:hover { background-color: #00aace; }

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

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

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

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

.m-pagination { font-size: 0; bottom: 0 !important; }

.m-pagination .swiper-pagination-bullet { opacity: 1; width: 0.5rem; height: 0.05rem; min-height: 4px; background-color: #d8d9e6; border-radius: 0.05rem; margin: 0 .1rem 0 0; }

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

.m-pagination .swiper-pagination-bullet-active { background-color: #00aace; }

.m-video { position: relative; }

.m-video video { display: block; width: 100%; }

.m-video video::playing + .icon-play { display: none; }

.m-video .icon-play { position: absolute; left: 50%; top: 50%; width: .7rem; height: .7rem; background: url(../images/i-play.png) no-repeat center/contain; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; }

.m-input { width: 100%; height: 0.5rem; min-height: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: .5rem; border: solid 1px #eeeeee; }

.m-input__inner { padding: 0 .3rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 100px; border: none; background: transparent; }

.m-input__inner::-webkit-input-placeholder { color: #bbb; }

.m-input__inner:-ms-input-placeholder { color: #bbb; }

.m-input__inner::-ms-input-placeholder { color: #bbb; }

.m-input__inner::placeholder { color: #bbb; }

.m-input:focus-within { border-color: #00aace; }

.m-input .btn { border: none; padding-right: .3rem; padding-left: .2rem; height: 100%; background: transparent; cursor: pointer; }

.m-input .btn img { width: .16rem; min-width: 14px; }

/* 头部 */
.md-header { position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 1rem; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.2); -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; }

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

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

.md-header .logo { margin-right: .7rem; }

.md-header .logo img { max-height: 0.8rem; }

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

.md-header .h-lang { position: relative; margin-left: .4rem; }

.md-header .h-lang__hd { 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-1 { width: .2rem; height: .2rem; min-width: 16px; min-height: 16px; background: url(../images/i-lang.png) no-repeat center/contain; margin-right: 0.09rem; }

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

.md-header .h-lang__hd .tx { line-height: 1rem; }

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

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

.md-header .h-lang__opt:hover { background-color: #00aace; color: #fff; }

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

.md-header .h-login { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #00aace; height: .38rem; min-height: 26px; border-radius: .38rem .38rem 0 .38rem; padding: 0 .21rem; margin-left: 0.4rem; }

.md-header .h-login .i-1 { width: .17rem; height: .2rem; min-width: 15px; min-height: 15px; background: url(../images/i-user.png) no-repeat center/contain; margin-right: .1rem; }

.md-header .h-login .tx { max-width: 5em; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.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: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; margin-bottom: 6px; }

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

.md-header.sticky, .md-header.over { background: #00aace; }

.md-header.sticky .h-login, .md-header.over .h-login { background: rgba(255, 255, 255, 0.2); }

@media (min-width: 1201px) { .md-header .nav .ul1 { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .md-header .nav .li1 { position: relative; margin-right: .454rem; }
  .md-header .nav .li1:last-child { margin-right: 0; }
  .md-header .nav .li1.on .a1-wrap:after { width: 100%; }
  .md-header .nav .li1:hover .a1-wrap:after { width: 100%; }
  .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 .a1-wrap { position: relative; }
  .md-header .nav .a1-wrap:after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 0.03rem; min-height: 3px; background-color: #00aace; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .md-header .nav .a1 { display: block; line-height: 1rem; }
  .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; text-align: center; -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; -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 .5em; }
  .md-header .nav .a2:hover { background-color: #00aace; color: #fff; } }

@media (max-width: 1200px) { .md-header .logo { margin-right: auto; }
  .md-header .h-login { margin-left: 10px; }
  .md-header .h-lang { margin-left: 10px; }
  .md-header .nav .ul1 { position: fixed; right: 0; top: 0; z-index: 11; width: 80%; max-width: 300px; height: 100%; padding-top: 1rem; 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%); display: block; }
  .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 .ul2 { display: block; }
  .md-header .nav .li1.show .mbtn { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
  .md-header .nav .li1.show .panel { display: block; }
  .md-header .nav .li1.show .h-solution { 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 .mbtn { width: 30px; height: 30px; background: url(../images/i-cor-2.png) no-repeat center; margin-left: 20px; }
  .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: 10; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); display: none; }
  .md-header .nav-btn { display: block; }
  .md-header.open .nav-btn span { background-color: #000; }
  .md-header.open .nav-btn span:nth-of-type(1) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
  .md-header.open .nav-btn span:nth-of-type(3) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  .md-header.open .nav-btn span:nth-of-type(2) { width: 0; }
  .md-header.open .nav { margin: 0; }
  .md-header.open .nav .ul1 { visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  .md-header.open .nav .li1 { margin-right: 0; }
  .md-header.open .nav .mask { display: block; } }

@media (max-width: 400px) {
  .md-header .layout{height: 100%;}
  .md-header .h-lang__hd .tx{display: none;}
  .md-header .h-login .tx{ display: none; }
}

/* 搜索 */
.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: #00aace; 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: #222222 url(../images/footer-bg.jpg) no-repeat center bottom/cover; color: #fff; }

.md-footer .foot-1 { border-bottom: 1px solid rgba(255, 255, 255, 0.1); text-align: center; padding-top: .4rem; padding-bottom: .42rem; }

.md-footer .foot-2 { padding-top: .55rem; padding-bottom: .54rem; }

.md-footer .foot-3 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

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

.md-footer .logo img { vertical-align: top; height: .66rem; }

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

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

.md-footer .nav .a1-wrap:after { content: ''; display: block; width: 0.18rem; height: 0.03rem; background-color: #00aace; border-radius: 0.015rem; margin: .32rem 0 .36rem; }

.md-footer .nav .ul2 { margin-top: .24rem; }

.md-footer .nav .li2 { margin-bottom: .1rem; }

.md-footer .nav .a2 { color: rgba(255, 255, 255, 0.4); }

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

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

.md-footer .contact .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .177rem; }

.md-footer .contact .item:last-of-type { margin-bottom: 0; }

.md-footer .contact .icon { width: .18rem; min-width: 14px; margin-right: .1rem; }

.md-footer .social-share { -ms-flex-negative: 0; flex-shrink: 0; }

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

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

.md-footer .social-share .item:hover .icon { background-color: #00aace; }

.md-footer .social-share .icon { border-radius: 50%; background-color: #3c3c3c; }

.md-footer .social-share .icon img { height: .42rem; min-height: 35px; }

.md-footer .copyright { padding: .27rem 0 .37rem; color: rgba(255, 255, 255, 0.5); }

@media (max-width: 900px) { .md-footer .foot-3 .layout { display: block; }
  .md-footer .nav { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-footer .nav .li1 { width: 50%; padding-right: 1em; }
  .md-footer .social-share { margin-top: .3rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

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

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

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

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

.md-home-banner .list .media video { aspect-ratio: 1920 / 940; }

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

.md-home-banner .list .tit { line-height: 1.33333; }

.md-home-banner .list .more { margin-top: .77rem; }

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

.md-home-banner .list .swiper-pagination-bullet { width: 0.1rem; height: .1rem; min-width: 5px; min-height: 5px; border-radius: .1rem; background: #fff; opacity: .4; margin: 0 .05rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-home-banner .list .swiper-pagination-bullet-active { width: .32rem; opacity: 1; background-color: #00aace; }

@media (max-width: 750px) { .md-home-banner .list .media video, .md-home-banner .list .media img { min-height: 260px; }
  .md-home-banner .list .text { top: 25%; }
  .md-home-banner .list .tit { font-size: 16px; } }

.md-home-about { padding-top: .88rem; padding-bottom: 1.41rem; }

.md-home-about .row-1 { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-home-about .row-1 .title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-home-about .row-1 .rg { width: calc(1137 / 1600 * 100%); margin-top: .11rem; }

.md-home-about .row-1 .desc { line-height: 1.875; }

.md-home-about .c-img-full { margin-top: .54rem; }

.md-home-about .c-img-full img { border-radius: .2rem; }

.md-home-about .data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: .25rem; }

.md-home-about .data .item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: .1rem; margin-top: .25rem; }

.md-home-about .data .item:last-of-type { margin-right: 0; }

.md-home-about .data .icon { width: 0.66rem; height: .66rem; font-size: 0; border-radius: .2rem; overflow: hidden; background-color: rgba(0, 170, 206, 0.1); margin-right: .3rem; margin-top: .11rem; -ms-flex-negative: 0; flex-shrink: 0; }

.md-home-about .data .icon img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.md-home-about .data .t1 { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-home-about .data .unit { margin-top: .07rem; }

.md-home-about .data .t2 { line-height: 1.5; }

@media (max-width: 1200px) { .md-home-about .data { display: block; } }

@media (max-width: 900px) { .md-home-about .row-1 { display: block; }
  .md-home-about .row-1 .rg { width: 100%; margin-top: 5%; } }

.md-home-prod { padding-top: .85rem; padding-bottom: 1.17rem; }

.md-home-prod .hd .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-home-prod .hd .m-more { margin-top: .04rem; }

.md-home-prod .list { margin-top: .66rem; }

.md-home-prod .list .li { display: block; position: relative; border-radius: .2rem; overflow: hidden; width: 9rem; }

.md-home-prod .list .c-pic { position: relative; }

.md-home-prod .list .c-pic:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.5))); background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5)); background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5)); }

.md-home-prod .list .img { padding-top: calc(510 / 900 * 100%); }

.md-home-prod .list .text { position: absolute; left: 0; bottom: 0; width: 100%; padding: .56rem .6rem; }

.md-home-prod .list .icon { height: .46rem; }

.md-home-prod .list .tit { margin-top: .22rem; }

.md-home-prod .list .desc { line-height: 1.5; margin-top: .15rem; width: 80%; }

.md-home-prod .list .m-arrow { position: absolute; top: 50%; z-index: 3; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.md-home-prod .list .m-arrow.prev { left: 4.35rem; }

.md-home-prod .list .m-arrow.next { right: 4.35rem; }

@media (max-width: 900px) { .md-home-prod .list .m-arrow.prev { left: 1%; }
  .md-home-prod .list .m-arrow.next { right: 1%; }
  .md-home-prod .list .desc { width: 100%; } }

.md-home-news { padding-top: .87rem; padding-bottom: 1.2rem; }

.md-home-news .hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

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

.md-home-news .bd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: .46rem; }

.md-home-news .one { display: block; position: relative; width: calc(950 / 1600 * 100%); margin-right: .4rem; }

.md-home-news .one .img { padding-top: calc(585 / 950 * 100%); }

.md-home-news .one .text { position: absolute; left: 0; bottom: 0; width: calc(680 / 950 * 100%); background-color: rgba(0, 170, 206, 0.9); padding: .36rem .5rem .27rem; border-radius: 0 .2rem 0 .2rem; }

.md-home-news .one .tit { line-height: 1.5; margin-top: .24rem; }

.md-home-news .one .desc { color: rgba(255, 255, 255, 0.6); line-height: 1.875; margin-top: .09rem; }

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

.md-home-news .list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-home-news .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .3rem; }

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

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

.md-home-news .list .li:hover .tit { color: #00aace; }

.md-home-news .list .c-pic { width: 2.8rem; margin-right: 0.3rem; }

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

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

.md-home-news .list .tit { line-height: 1.66667; }

.md-home-news .list .date { margin-top: .29rem; }

@media (max-width: 900px) { .md-home-news .bd { display: block; }
  .md-home-news .one { width: 100%; }
  .md-home-news .one .text { position: static; width: 100%; border-radius: 0 0 .2rem .2rem; }
  .md-home-news .list { margin-top: 5%; }
  .md-home-news .list .tit { -webkit-line-clamp: 2; }
  .md-home-news .list .date { margin-top: .2rem; } }

.md-home-service { padding-top: .87rem; padding-bottom: .9rem; }

.md-home-service .list { margin-top: .66rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-home-service .list .li { background-color: #f2f7fd; margin-bottom: .5rem; width: calc(500 / 1600 * 100%); margin-right: calc(50 / 1600 * 100%); }

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

.md-home-service .list .li:hover .tit { color: #00aace; }

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

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

.md-home-service .list .text { text-align: center; position: relative; min-height: 2.53rem; padding: 0.87rem .7rem .2rem; }

.md-home-service .list .icon { position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1rem; height: 1rem; margin: auto; background: url(../images/i-bg.png) no-repeat center/contain; }

.md-home-service .list .icon img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

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

@media (max-width: 900px) { .md-home-service .list .li { width: 100%; margin-right: 0; } }

.md-login-1 { padding-bottom: 1.89rem; }

.md-login-2 { padding-bottom: 1.78rem; }

.md-login-3 { padding-bottom: 1.4rem; }

.md-login-4 { padding-bottom: 2.76rem; }

.md-login-4 .icon { width: .9rem; height: .9rem; border-radius: 50%; background: #00aace; text-align: center; line-height: .9rem; margin: auto; }

.md-login-4 .icon img { width: 0.37rem; vertical-align: middle; }

.md-login-4 .tit { margin-top: .37rem; }

.md-login-4 .btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 6rem; margin: auto; margin-top: .61rem; border: none; background-color: #00aace; color: #fff; height: .6rem; min-height: 35px; border-radius: .6rem .6rem 0 .6rem; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-login-4 .btn:hover { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0 0.1rem 0.1rem -0.05rem rgba(0, 170, 206, 0.5); box-shadow: 0 0.1rem 0.1rem -0.05rem rgba(0, 170, 206, 0.5); }

.m-login-title { padding: .72rem .2rem 1.04rem; }

.m-form-1 .form { width: 6rem; margin-left: auto; margin-right: auto; }

.m-form-1 .form-item { position: relative; margin-bottom: .2rem; }

.m-form-1 .label { position: absolute; right: 100%; top: 0; margin-right: .2rem; white-space: nowrap; line-height: .6rem; }

.m-form-1 .ipt { display: block; width: 100%; height: .6rem; min-height: 35px; border: solid 1px #eeeeee; border-radius: .6rem; padding: 0 .3rem; }

.m-form-1 .ipt:focus { border-color: #00aace; }

.m-form-1 .btn { display: block; width: 100%; border: none; background-color: #00aace; color: #fff; height: .6rem; min-height: 35px; border-radius: .6rem .6rem 0 .6rem; margin-top: .6rem; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.m-form-1 .btn:hover { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0 0.1rem 0.1rem -0.05rem rgba(0, 170, 206, 0.5); box-shadow: 0 0.1rem 0.1rem -0.05rem rgba(0, 170, 206, 0.5); }

.m-form-1 .tips { line-height: 1.875; margin-top: .33rem; }

.m-form-1 .tips-item { margin-bottom: .11rem; }

.m-form-1 .tips a:hover { color: #00aace; }

.m-form-1 .code { position: relative; height: .6rem; min-height: 35px; border: solid 1px #eeeeee; border-radius: .6rem; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; }

.m-form-1 .code .ipt-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 100px; padding: 0 .3rem; border: none; background: transparent; }

.m-form-1 .code .btn-code { min-width: 1.9rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #00aace; color: #fff; border-radius: .6rem; cursor: pointer; padding: 0 .2rem; margin: .1rem; }

.m-form-1 .code .btn-code.disabled { background-color: #bbbbbb; pointer-events: none; }

.m-form-1 .code:focus-within { border-color: #00aace; }

@media (max-width: 900px) { .m-form-1 { padding-left: 5%; padding-right: 5%; }
  .m-form-1 .form { width: 100%; }
  .m-form-1 .label { position: static; margin-right: 0; } }

.page-user { background-color: #f4f8fa; padding-top: .62rem; padding-bottom: 1.2rem; }

.page-user .layout { width: 12.8rem; }

@media (max-width: 1920px) { .page-user .layout { width: 1280px; } }

.md-user-1 { 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; padding: .3rem .5rem; }

.md-user-1 .avatar { width: 1.2rem; height: 1.2rem; -o-object-fit: cover; object-fit: cover; border: 1px solid #eee; margin-right: 0.37rem; -ms-flex-negative: 0; flex-shrink: 0; }

.md-user-1 .tx { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: .12rem; }

.md-user-1 .desc { margin-top: .15rem; line-height: 1.875; }

@media (max-width: 900px) { .md-user-1 { padding: 5%; }
  .md-user-1 .tx { margin-bottom: 0; }
  .md-user-1 .desc { margin-top: .1rem; }
  .md-user-1 .m-more { margin-top: .3rem; } }

.md-user-tab { margin-top: .4rem; }

.md-user-tab-hd { line-height: .6rem; padding-left: .5rem; padding-right: .5rem; }

.md-user-tab-hd .item { width: auto; margin-right: 1.07rem; position: relative; }

.md-user-tab-hd .item:last-of-type { margin-right: 0; }

.md-user-tab-hd .item:after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: .04rem; min-height: 2px; background-color: rgba(255, 255, 255, 0.5); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-user-tab-hd .item:hover:after, .md-user-tab-hd .item.on:after { width: 100%; }

.md-user-tab-bd { min-height: 6.6rem; background-color: #fff; }

.md-user-tab .form { padding-top: .8rem; padding-bottom: .8rem; }

.md-user-tab .form-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .2rem; }

.md-user-tab .form-item:last-of-type { margin-bottom: 0; }

.md-user-tab .form .label { width: calc(380 / 1280 * 100%); padding-right: .2rem; padding-left: .2rem; text-align: right; }

.md-user-tab .form .widget { width: calc(600 / 1280 * 100%); }

.md-user-tab .form .ipt { display: block; width: 100%; height: 0.6rem; min-height: 35px; border-radius: .6rem; border: solid 1px #eeeeee; padding: 0 .3rem; }

.md-user-tab .form .ipt:focus { border-color: #00aace; }

.md-user-tab .form .btn { display: block; width: 100%; border: none; background-color: #00aace; color: #fff; height: .6rem; min-height: 35px; border-radius: .6rem .6rem 0 .6rem; margin-top: .4rem; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-user-tab .form .btn:hover { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0 0.1rem 0.1rem -0.05rem rgba(0, 170, 206, 0.5); box-shadow: 0 0.1rem 0.1rem -0.05rem rgba(0, 170, 206, 0.5); }

.md-user-tab .form .code { position: relative; height: .6rem; min-height: 35px; border: solid 1px #eeeeee; border-radius: .6rem; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-user-tab .form .code .ipt-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 100px; padding: 0 .3rem; border: none; background: transparent; }

.md-user-tab .form .code .btn-code { min-width: 1.9rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #00aace; color: #fff; border-radius: .6rem; cursor: pointer; padding: 0 .2rem; margin: .1rem; }

.md-user-tab .form .code .btn-code.disabled { background-color: #bbbbbb; pointer-events: none; }

.md-user-tab .form .code:focus-within { border-color: #00aace; }

.md-user-tab .download { padding-bottom: .83rem; }

.md-user-tab .table { overflow-x: auto; }

.md-user-tab .table table { text-align: center; width: 100%; min-width: 500px; }

.md-user-tab .table thead { background-color: rgba(0, 170, 206, 0.1); color: #00aace; }

.md-user-tab .table th, .md-user-tab .table td { height: .6rem; padding: .2rem; }

.md-user-tab .table th:first-of-type, .md-user-tab .table td:first-of-type { text-align: left; padding-left: .5rem; }

.md-user-tab .table tbody tr { border-bottom: 1px solid #f5f5f5; }

.md-user-tab .m-pages { margin-top: .6rem; }

@media (max-width: 900px) { .md-user-tab-hd { line-height: 35px; }
  .md-user-tab-hd .item { margin-right: .5rem; }
  .md-user-tab .form { padding: 5%; }
  .md-user-tab .form-item { display: block; }
  .md-user-tab .form .label { text-align: left; width: 100%; line-height: .6rem; }
  .md-user-tab .form .widget { width: 100%; } }

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

.m-news-list .li { display: block; margin-bottom: .6rem; width: calc(453 / 1440 * 100%); margin-right: calc(40 / 1440 * 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 .text { background-color: #00aace; color: #fff; }

.m-news-list .li:hover .desc { color: #fff; }

.m-news-list .li:hover .m-more { background-color: #fff; }

.m-news-list .img { padding-top: calc(286 / 453 * 100%); }

.m-news-list .text { padding: .33rem; padding-top: .27rem; padding-bottom: 0.43rem; }

.m-news-list .tit { line-height: 1.66667; margin-top: .2rem; height: calc(30 / 18 * 2em) }

.m-news-list .desc { line-height: 1.875; margin-top: .09rem; height: calc(30 / 16 * 2em); }

.m-news-list .more { margin-top: .24rem; }

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

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

.md-news-1 { background-color: #f4f8fa; padding: .65rem 0 1.21rem; }

.md-news-1 .recommend { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: .66rem; background-color: #fff; }

.md-news-1 .recommend .lf { width: calc(950 / 1440 * 100%); }

.md-news-1 .recommend .lf .img { padding-top: calc(600 / 950 * 100%); min-height: 100%; background-color: #eee; }

.md-news-1 .recommend .lf .text { display: none; }

.md-news-1 .recommend .rg { width: calc(490 / 1440 * 100%); }

.md-news-1 .recommend .rg .swiper-container { height: 6rem; }

.md-news-1 .recommend .rg .li { height: auto; padding: .38rem .4rem .44rem; -webkit-box-shadow: 0 1px 0 0 #eeeeee; box-shadow: 0 1px 0 0 #eeeeee; }

.md-news-1 .recommend .rg .li.on { padding-top: .37rem; padding-bottom: .37rem; }

.md-news-1 .recommend .rg .li.on .tit { margin-top: .21rem; color: #00aace; }

.md-news-1 .recommend .rg .li.on .desc { display: -webkit-box; }

.md-news-1 .recommend .rg .desc { display: none; }

.md-news-1 .recommend .li { display: block; }

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

.md-news-1 .recommend .li:hover .tit { color: #00aace; }

.md-news-1 .recommend .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: .72rem .9rem .6rem; }

.md-news-1 .recommend .tit { line-height: 1.66667; margin-top: .19rem; }

.md-news-1 .recommend .desc { line-height: 1.875; margin-top: .06rem; }

.md-news-1 .recommend .swiper-pagination { bottom: .2rem; font-size: 0; display: none; }

.md-news-1 .recommend .swiper-pagination-bullet { width: 0.1rem; height: .1rem; min-width: 5px; min-height: 5px; border-radius: .1rem; background-color: #00aace; opacity: .4; margin: 0 .05rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

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

@media (max-width: 900px) { .md-news-1 .recommend { background-color: transparent; }
  .md-news-1 .recommend .lf { width: 100%; }
  .md-news-1 .recommend .lf .text { display: block; padding: 5%; }
  .md-news-1 .recommend .lf .li { background-color: #fff; }
  .md-news-1 .recommend .rg { display: none; }
  .md-news-1 .recommend .swiper-pagination { display: block; } }

.md-news-1 .m-news-list { margin-top: .81rem; }

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

.md-news-2 .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-news-2 .main { width: calc(1020 / 1440 * 100%); padding-top: .79rem; padding-bottom: 1.05rem; }

.md-news-2 .side { width: calc(370 / 1400 * 100%); padding-left: .5rem; border-left: 1px solid #eee; padding-top: .78rem; }

.md-news-2 .title { line-height: 1.19444; }

.md-news-2 .row { margin-top: .35rem; padding-bottom: .4rem; }

.md-news-2 .date { margin-right: .68rem; }

.md-news-2 .detail { line-height: 1.875; padding-top: .32rem; border-top: 1px solid #eee; }

.md-news-2 .nav { margin-top: .48rem; }

.md-news-2 .nav .item { display: block; margin-bottom: .43rem; }

.md-news-2 .nav .item:hover .tit { color: #00aace; }

.md-news-2 .nav .tit { line-height: 1.5; margin-top: .14rem; }

@media (max-width: 900px) { .md-news-2 .container { display: block; }
  .md-news-2 .main { width: 100%; padding-bottom: 5%; }
  .md-news-2 .side { width: 100%; padding-top: 0; padding-left: 0; border-left: none; }
  .md-news-2 .title { text-align: center; }
  .md-news-2 .row { display: block; text-align: center; }
  .md-news-2 .date { margin: 0; } }

/* --------------------------------------------------------------------- */
/* 资源 */
/* --------------------------------------------------------------------- */
.m-case-list .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .6rem; padding-right: .5rem; }

.m-case-list .li:hover { -webkit-box-shadow: 0 0 0 1px #00aace; box-shadow: 0 0 0 1px #00aace; }

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

.m-case-list .li:hover .tit { color: #00aace; }

.m-case-list .li:hover .m-more { background-color: #00aace; color: #fff; border-color: transparent; }

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

.m-case-list .c-pic { width: 4.6rem; margin: .5rem 0; }

.m-case-list .img { padding-top: calc(290 / 460 * 100%); }

.m-case-list .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: .48rem .6rem .5rem; }

.m-case-list .tit { line-height: 1.5; margin-top: .33rem; }

.m-case-list .desc { line-height: 1.875; margin-top: .49rem; }

.m-case-list .more { margin-top: .49rem; }

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

.md-case-1 { background-color: #f4f8fa; padding-bottom: 1.21rem; }

.md-case-1 .title { padding: 0.65rem 0 .66rem; }

.md-case-1 .recommend { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-case-1 .recommend .c-pic { width: calc(720 / 1440 * 100%); }

.md-case-1 .recommend .img { padding-top: calc(455 / 720 * 100%); min-height: 100%; }

.md-case-1 .recommend .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: .6rem; padding-top: 0.49rem; }

.md-case-1 .recommend .t1 { line-height: 1.5; }

.md-case-1 .recommend .t2 { line-height: 1.8; margin-top: .07rem; }

.md-case-1 .recommend .t3 { line-height: 1.875; margin-top: .2rem; }

.md-case-1 .recommend .more { margin-top: .39rem; }

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

.md-case-1 .m-case-list { margin-top: .6rem; }

.md-case-1 .m-pages { margin-top: .2rem; }

@media (max-width: 900px) { .md-case-1 .recommend { display: block; }
  .md-case-1 .recommend .c-pic { width: 100%; }
  .md-case-1 .recommend .text { padding: 5%; } }

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

.m-download-list .li { padding: .5rem; padding-bottom: .59rem; margin-bottom: .5rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: calc(450 / 1440 * 100%); margin-right: calc(45 / 1440 * 100%); }

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

.m-download-list .li:hover { background-color: #00aace; color: #fff; }

.m-download-list .li:hover .icon { background-image: url(../images/i-bg-3.png); }

.m-download-list .li:hover .tit { color: #fff; }

.m-download-list .li:hover .date { color: #fff; }

.m-download-list .icon { width: 1rem; height: 1.1rem; background-image: url(../images/i-bg-2.png); background-position: center; background-repeat: no-repeat; background-size: contain; font-size: 0; margin-left: auto; margin-right: auto; }

.m-download-list .icon img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.m-download-list .tit { line-height: 1.5; margin-top: .33rem; }

.m-download-list .date { margin-top: .21rem; }

.m-download-list .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: justify; -ms-flex-pack: justify; justify-content: space-between; min-width: 1.82rem; min-height: .52rem; border: 0.02rem solid #00aace; color: #00aace; border-radius: .52rem .52rem 0 .52rem; margin-top: .46rem; padding: .1rem .19rem; background-color: #fff; }

.m-download-list .btn img { width: .28rem; min-width: 14px; margin-left: 1em; }

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

@media (max-width: 500px) { .m-download-list .li { width: 100%; } }

.md-download-1 { background-color: #f4f8fa; padding-bottom: 1.21rem; }

.md-download-1 .title { padding: 0.65rem 0 .66rem; }

.md-download-1 .m-pages { margin-top: .2rem; }

/* --------------------------------------------------------------------- */
/* 关于我们 */
/* --------------------------------------------------------------------- */
.md-about-1 { padding-top: .65rem; padding-bottom: 1.2rem; }

.md-about-1 .desc { line-height: 1.875; width: calc(1300 / 1440 * 100%); margin: .38rem auto 0; }

.md-about-1 .ban { margin-top: .43rem; }

.md-about-1 .ban .img { padding-top: calc(660 / 1440 * 100%); }

.md-about-1 .ban + .data { margin-top: -1rem; }

.md-about-1 .data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: calc(1280 / 1440 * 100%); margin-left: auto; margin-right: auto; background: #fff; padding: .28rem .7rem .2rem; -webkit-box-shadow: 0 1px 0.32rem 0 rgba(0, 170, 206, 0.09); box-shadow: 0 1px 0.32rem 0 rgba(0, 170, 206, 0.09); min-height: 2rem; position: relative; z-index: 2; }

.md-about-1 .data .item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: .1rem; margin-top: .25rem; }

.md-about-1 .data .item:last-of-type { margin-right: 0; }

.md-about-1 .data .icon { width: 0.66rem; height: .66rem; font-size: 0; border-radius: .2rem; overflow: hidden; background-color: rgba(0, 170, 206, 0.1); margin-right: .3rem; margin-top: .11rem; -ms-flex-negative: 0; flex-shrink: 0; }

.md-about-1 .data .icon img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.md-about-1 .data .t1 { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-about-1 .data .unit { margin-top: .07rem; }

.md-about-1 .data .t2 { line-height: 1.5; }

.md-about-1 .row-1 { margin-top: 1rem; 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; }

.md-about-1 .row-1 .lf { width: calc(700 / 1440 * 100%); }

.md-about-1 .row-1 .lf .img { padding-top: calc(650 / 700 * 100%); }

.md-about-1 .row-1 .rg { width: calc(685 / 1440 * 100%); }

.md-about-1 .row-1 .li { margin-bottom: .2rem; background-color: #f4f8fa; }

.md-about-1 .row-1 .li .c-img-full { display: none; }

.md-about-1 .row-1 .li:last-of-type { margin-bottom: 0; }

.md-about-1 .row-1 .li.on .tit { background-color: #00aace; color: #fff; }

.md-about-1 .row-1 .tit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 1rem; padding: .1rem .25rem; color: #00aace; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; cursor: pointer; }

.md-about-1 .row-1 .bd { display: none; }

.md-about-1 .row-1 .intro { line-height: 1.875; padding-left: .5rem; padding-right: .35rem; padding-top: .33rem; padding-bottom: .37rem; max-height: 5rem; overflow-y: auto; }

@media (max-width: 1200px) { .md-about-1 .desc { width: 100%; }
  .md-about-1 .data { display: block; }
  .md-about-1 .data .item:first-of-type { margin-top: 0; } }

@media (max-width: 900px) { .md-about-1 .row-1 { display: block; }
  .md-about-1 .row-1 .lf { width: 100%; display: none; }
  .md-about-1 .row-1 .rg { width: 100%; }
  .md-about-1 .row-1 .li .c-img-full { display: block; margin-top: .2rem; }
  .md-about-1 .row-1 .bd { padding: 5%; }
  .md-about-1 .row-1 .intro { padding: 0; } }

@media (max-width: 500px) { .md-about-1 .data { padding: 5%; } }

.md-about-2 .w1440 { min-height: 8rem; padding-top: .9rem; padding-bottom: .8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-about-2 .sub-tit { margin-top: 1rem; }

.md-about-2 .desc { line-height: 1.875; width: calc(1125 / 1440 * 100%); margin-top: .28rem; margin-bottom: 0.3rem; margin-left: auto; margin-right: auto; }

.md-about-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: 4rem; min-height: 1rem; padding: .1rem; margin-top: auto; }

.md-about-2 .btn img { width: .5rem; margin-right: .3rem; }

@media (max-width: 900px) { .md-about-2 .desc { width: 100%; } }

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

.md-about-3 .list { margin-top: .57rem; padding-left: 2.4rem; padding-right: 2.4rem; position: relative; }

.md-about-3 .list:before { content: ''; position: absolute; left: 0; top: 0.775rem; width: 100%; height: 0.02rem; background-color: #dff2f6; }

.md-about-3 .list .li { width: 3.3rem; }

.md-about-3 .list .li:hover .tit, .md-about-3 .list .li.on .tit { color: #00aace; }

.md-about-3 .list .li:hover .dot, .md-about-3 .list .li.on .dot { background-color: #dff2f6; }

.md-about-3 .list .li:hover .dot:before, .md-about-3 .list .li.on .dot:before { background-color: #00aace; }

.md-about-3 .list .dot { width: .36rem; height: .36rem; border-radius: 50%; background-color: #eeeeee; 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: .24rem; }

.md-about-3 .list .dot:before { content: ''; width: calc(14 / 36 * 100%); height: calc(14 / 36 * 100%); background: #bbbbbb; border-radius: 50%; }

.md-about-3 .list .desc { line-height: 1.5; margin-top: .48rem; padding-right: .4rem; height: calc(24 / 16 * 4em); overflow-y: auto; }

.md-about-3 .list .c-pic { margin-right: .5rem; margin-top: .21rem; }

.md-about-3 .list .img { padding-top: calc(175 / 280 * 100%); }

.md-about-3 .list .m-arrow { position: absolute; top: .5rem; }

.md-about-3 .list .m-arrow.prev { left: 1.1rem; }

.md-about-3 .list .m-arrow.next { right: 1.1rem; }

.md-about-3 .list-2 { margin-top: .6rem; 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-about-3 .list-2 .li { width: calc(700 / 1440 * 100%); margin-bottom: .3rem; padding: .43rem .5rem .2rem; min-height: 2.4rem; background-color: #f4f8fa; }

.md-about-3 .list-2 .tit { line-height: 1.25; }

.md-about-3 .list-2 .desc { line-height: 1.875; margin-top: .15rem; }

@media (max-width: 900px) { .md-about-3 .list { padding-left: 10%; padding-right: 10%; }
  .md-about-3 .list .m-arrow.prev { left: 1%; }
  .md-about-3 .list .m-arrow.next { right: 1%; } }

@media (max-width: 500px) { .md-about-3 .list .desc { padding-right: 0; }
  .md-about-3 .list .c-pic { margin-right: 0; }
  .md-about-3 .list-2 .li { width: 100%; padding: 5%; } }

.md-contact-1 { padding-top: .65rem; padding-bottom: 1rem; background-color: #f4f8fa; }

.md-contact-1 .list { margin-top: .66rem; }

.md-contact-1 .list .li { float: left; width: calc(445 / 1440 * 100%); margin-right: calc(30 / 1440 * 100%); margin-bottom: .3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 1.6rem; padding: .3rem .5rem; }

.md-contact-1 .list .li:nth-child(1) { display: block; width: calc(490 / 1440 * 100%); min-height: 3.5rem; padding: .45rem .4rem .3rem; }

.md-contact-1 .list .li:nth-child(1) .icon { margin: 0 auto .32rem; }

.md-contact-1 .list .li:nth-child(1) .tx { text-align: center; }

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

.md-contact-1 .list .icon { width: .82rem; height: .9rem; background-image: url(../images/i-bg-4.png); background-repeat: no-repeat; background-position: center; background-size: contain; font-size: 0; margin-right: .3rem; -ms-flex-negative: 0; flex-shrink: 0; }

.md-contact-1 .list .icon img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

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

.md-contact-1 .list .t2 { line-height: 1.875; margin-top: .12rem; word-break: break-all; }

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

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

@media (max-width: 900px) { .md-contact-1 .list .li { width: 100% !important; margin-right: 0; } }

.md-contact-2 { padding-top: .68rem; padding-bottom: 1.02rem; }

.md-contact-2 .form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(660 / 1440 * 100%); margin-top: .46rem; }

.md-contact-2 .form-item { width: calc(300 / 660 * 100%); margin-right: calc(30 / 660 * 100%); margin-bottom: .26rem; }

.md-contact-2 .form-item:last-of-type { margin-bottom: 0; }

.md-contact-2 .form .full { width: 100%; }

.md-contact-2 .form .label { margin-bottom: .11rem; }

.md-contact-2 .form .ipt, .md-contact-2 .form .ta { display: block; width: 100%; height: .5rem; min-height: 35px; border-radius: .25rem; padding: 0 .2rem; background-color: #fff; border: none; }

.md-contact-2 .form .ipt::-webkit-input-placeholder, .md-contact-2 .form .ta::-webkit-input-placeholder { color: #bbb; }

.md-contact-2 .form .ipt:-ms-input-placeholder, .md-contact-2 .form .ta:-ms-input-placeholder { color: #bbb; }

.md-contact-2 .form .ipt::-ms-input-placeholder, .md-contact-2 .form .ta::-ms-input-placeholder { color: #bbb; }

.md-contact-2 .form .ipt::placeholder, .md-contact-2 .form .ta::placeholder { color: #bbb; }

.md-contact-2 .form .ta { height: 1.2rem; min-height: 120px; padding: .2rem; }

.md-contact-2 .form .m-more { margin-top: .14rem; }

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

.md-tech-1 { padding-top: .65rem; padding-bottom: 1.21rem; background-color: #f4f8fa; }

.md-tech-1 .description { line-height: 1.5; width: calc(870 / 1440 * 100%); margin: .36rem auto 0; }

.md-tech-1 .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: .59rem; padding-top: .68rem; padding-bottom: .81rem; }

.md-tech-1 .form { width: calc(630 / 1440 * 100%); margin-left: .6rem; margin-right: .45rem; }

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

.md-tech-1 .form-row .form-item { width: calc(300 / 630 * 100%); }

.md-tech-1 .form-item { margin-bottom: .275rem; }

.md-tech-1 .form-item:last-of-type { margin-bottom: 0; }

.md-tech-1 .form .label { margin-bottom: .12rem; }

.md-tech-1 .form .ipt, .md-tech-1 .form .ta { display: block; width: 100%; height: .5rem; min-height: 35px; border: 1px solid #eee; border-radius: .25rem; padding: 0 .2rem; }

.md-tech-1 .form .ipt::-webkit-input-placeholder, .md-tech-1 .form .ta::-webkit-input-placeholder { color: #bbb; }

.md-tech-1 .form .ipt:-ms-input-placeholder, .md-tech-1 .form .ta:-ms-input-placeholder { color: #bbb; }

.md-tech-1 .form .ipt::-ms-input-placeholder, .md-tech-1 .form .ta::-ms-input-placeholder { color: #bbb; }

.md-tech-1 .form .ipt::placeholder, .md-tech-1 .form .ta::placeholder { color: #bbb; }

.md-tech-1 .form .ipt:focus, .md-tech-1 .form .ta:focus { border-color: #00aace; }

.md-tech-1 .form .ta { height: 1.2rem; min-height: 120px; padding: .2rem; }

.md-tech-1 .form .m-more { margin-top: .12rem; }

.md-tech-1 .c-pic { width: calc(640 / 1440 * 100%); margin-top: .02rem; }

.md-tech-1 .img { padding-top: calc(447 / 640 * 100%); }

@media (max-width: 1000px) { .md-tech-1 .description { width: 100%; }
  .md-tech-1 .row { display: block; padding: 5%; }
  .md-tech-1 .form { width: 100%; margin: 0; }
  .md-tech-1 .c-pic { width: 100%; margin-top: 5%; } }

@media (max-width: 600px) { .md-tech-1 .form-row { display: block; margin-bottom: .275rem; }
  .md-tech-1 .form-row .form-item { width: 100%; } }

.md-tech-2 { padding-top: .65rem; padding-bottom: .85rem; background-color: #f4f8fa; }

.md-tech-2 .hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-tech-2 .form { margin-top: .11rem; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fff; border-radius: .25rem; height: .5rem; min-height: 35px; width: calc(450 / 1440 * 100%); }

.md-tech-2 .form:focus-within { -webkit-box-shadow: 0 0 0 1px #00aace; box-shadow: 0 0 0 1px #00aace; }

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

.md-tech-2 .form .ipt::-webkit-input-placeholder { color: #bbb; }

.md-tech-2 .form .ipt:-ms-input-placeholder { color: #bbb; }

.md-tech-2 .form .ipt::-ms-input-placeholder { color: #bbb; }

.md-tech-2 .form .ipt::placeholder { color: #bbb; }

.md-tech-2 .form .btn { width: .5rem; min-width: 35px; margin-right: .13rem; background: url(../images/i-search-2.png) no-repeat center; background-size: calc(16 / 50 * 100%); border: none; cursor: pointer; }

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

.md-tech-2 .list .li { margin-bottom: 0.45rem; width: calc(450 / 1440 * 100%); margin-right: calc(45 / 1440 * 100%); }

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

.md-tech-2 .list .li:hover .tx-1 { background-color: #00aace; }

.md-tech-2 .list .li:hover .tit, .md-tech-2 .list .li:hover .desc { color: #fff; }

.md-tech-2 .list .li:hover .icon { background-image: url(../images/i-bg-5.png); }

.md-tech-2 .list .li:hover .icon .i-1 { display: none; }

.md-tech-2 .list .li:hover .icon .i-2 { display: block; }

.md-tech-2 .list .li:hover .m-more { background-color: #00aace; color: #fff; }

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

.md-tech-2 .list .tx-1 { background-color: #e7f2f7; padding: .2rem; padding-top: .4rem; min-height: 2.8rem; text-align: center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-tech-2 .list .tx-2 { padding: .44rem .42rem .65rem; }

.md-tech-2 .list .icon { width: 1rem; height: 1.1rem; background: url(../images/i-bg-2.png) no-repeat center/contain; font-size: 0; margin: auto; }

.md-tech-2 .list .icon img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.md-tech-2 .list .icon .i-2 { display: none; }

.md-tech-2 .list .tit { line-height: 1.25; margin-top: .26rem; }

.md-tech-2 .list .desc { line-height: 1.66667; margin-top: .11rem; }

.md-tech-2 .list .intro { line-height: 1.875; }

.md-tech-2 .list .intro p { margin-bottom: .12rem; }

.md-tech-2 .list .intro p:before { content: ''; display: inline-block; background-color: #00aace; width: 0.08rem; height: .08rem; min-width: 4px; min-height: 4px; border-radius: 50%; margin-right: .2rem; }

.md-tech-2 .list .more { text-align: center; margin-top: .45rem; }

@media (max-width: 900px) { .md-tech-2 .hd { display: block; }
  .md-tech-2 .form { margin-top: .4rem; width: 100%; }
  .md-tech-2 .list { max-width: 500px; margin-left: auto; margin-right: auto; }
  .md-tech-2 .list .li { width: 100%; margin-right: 0; } }

.md-tech-3 { background: -webkit-gradient(linear, left top, right top, color-stop(5.5rem, #fff), color-stop(5.5rem, #f4f8fa)); background: -o-linear-gradient(left, #fff 5.5rem, #f4f8fa 5.5rem); background: linear-gradient(to right, #fff 5.5rem, #f4f8fa 5.5rem); }

.md-tech-3 .row { font-size: 0; }

.md-tech-3 .side { display: inline-block; vertical-align: top; width: calc(280 / 1440  * 100%); margin-right: calc(80 / 1440 * 100%); padding-top: .58rem; position: -webkit-sticky; position: sticky; top: 1rem; max-height: calc(100vh - 1rem); overflow-y: auto; }

.md-tech-3 .main { display: inline-block; vertical-align: top; width: calc(1080 / 1440 * 100%); padding-top: .5rem; padding-bottom: .8rem; }

.md-tech-3 .cat { margin-top: .47rem; line-height: 1.5; }

.md-tech-3 .cat-list-2 { display: none; margin-left: .24rem; padding-top: .11rem; padding-bottom: .07rem; }

.md-tech-3 .cat-list-3 { display: none; margin-left: .2rem; padding-top: .1rem; padding-bottom: .2rem; }

.md-tech-3 .cat-item-1 { border-bottom: 1px solid #eee; margin-bottom: .34rem; padding-bottom: .3rem; }

.md-tech-3 .cat-item-1:last-of-type { margin-bottom: 0; border-bottom: none; }

.md-tech-3 .cat-item-2 { margin-bottom: .1rem; }

.md-tech-3 .cat-item-2:last-of-type { margin-bottom: 0; }

.md-tech-3 .cat-item-3 { margin-bottom: .06rem; }

.md-tech-3 .cat-item-3:last-of-type { margin-bottom: 0; }

.md-tech-3 .cat-item.open > .cat-link .icon { width: .09rem; height: .07rem; background-image: url(../images/i-cor.png); }

.md-tech-3 .cat-item.open > .cat-list { display: block; }

.md-tech-3 .cat-link:has(.icon) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-tech-3 .cat-link-1 .icon { margin-right: .13rem; }

.md-tech-3 .cat-link-2 .icon { margin-right: .11rem; }

.md-tech-3 .cat-link:hover { color: #00aace; }

.md-tech-3 .cat-link.current { color: #00aace; }

.md-tech-3 .cat .icon { width: .09rem; height: .09rem; min-width: 9px; min-height: 9px; background-image: url(../images/i-cor-3.png); background-position: center; background-repeat: no-repeat; background-size: contain; }

.md-tech-3 .hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-tech-3 .form { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fff; width: calc(520 / 1080 * 100%); height: .5rem; min-height: 35px; border-radius: .5rem; }

.md-tech-3 .form:focus-within { -webkit-box-shadow: 0 0 0 1px #00aace; box-shadow: 0 0 0 1px #00aace; }

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

.md-tech-3 .form .ipt::-webkit-input-placeholder { color: #bbb; }

.md-tech-3 .form .ipt:-ms-input-placeholder { color: #bbb; }

.md-tech-3 .form .ipt::-ms-input-placeholder { color: #bbb; }

.md-tech-3 .form .ipt::placeholder { color: #bbb; }

.md-tech-3 .form .btn { width: .5rem; min-width: 35px; margin-right: .13rem; background: url(../images/i-search-2.png) no-repeat center; background-size: calc(16 / 50 * 100%); border: none; cursor: pointer; }

.md-tech-3 .list { margin-top: .5rem; 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-tech-3 .list .li { width: calc(520 / 1080 * 100%); margin-bottom: .34rem; }

.md-tech-3 .list .li:hover .c-pic:after { opacity: 0; }

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

.md-tech-3 .list .c-pic { position: relative; }

.md-tech-3 .list .c-pic:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .3; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-tech-3 .list .img { padding-top: calc(293 / 520 * 100%); }

.md-tech-3 .list .icon { position: absolute; left: 50%; top: 50%; z-index: 2; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: .46rem; min-width: 30px; }

.md-tech-3 .list .tit { line-height: 1.875; margin-top: .13rem; }

@media (max-width: 900px) { .md-tech-3 { background: #f4f8fa; }
  .md-tech-3 .row { display: block; max-width: 100%; }
  .md-tech-3 .side { display: block; width: 100%; padding-left: 5%; padding-right: 5%; background-color: #fff; max-height: none; position: static; }
  .md-tech-3 .main { display: block; width: 100%; padding-left: 5%; padding-right: 5%; } }

@media (max-width: 600px) { .md-tech-3 .hd { display: block; }
  .md-tech-3 .form { margin-top: .3rem; width: 100%; }
  .md-tech-3 .list .li { width: 100%; } }

.md-tech-4 { background-color: #f4f8fa; padding-top: .6rem; padding-bottom: 1.2rem; }

.md-tech-4 .row-1 { padding: .26rem .4rem .2rem; }

.md-tech-4 .row-2 { margin-top: .3rem; padding: .4rem .4rem .63rem; }

.md-tech-4 .form-row { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #eee; padding-bottom: .01rem; margin-bottom: .26rem; }

.md-tech-4 .form-row:last-of-type { margin-bottom: 0; padding-bottom: 0; border: none; }

.md-tech-4 .form-row .form-item { width: calc(340 / 1360 * 100%); margin-right: calc(30 / 1360 * 100%); margin-bottom: .3rem; }

.md-tech-4 .form-row .form-item:last-of-type { margin-right: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: auto; }

.md-tech-4 .form-item__label { margin-bottom: .11rem; }

.md-tech-4 .m-select { width: 100%; height: 0.5rem; min-height: 35px; border-radius: .5rem; border: solid 1px #eeeeee; padding: 0 .3rem; background: url(../images/i-down-2.png) no-repeat right 0.3rem center/0.12rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; }

.md-tech-4 .m-select.empty { color: #bbb; }

.md-tech-4 .m-select:focus { border-color: #00aace; color: #333; }

.md-tech-4 .m-input { width: 100%; height: 0.5rem; min-height: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: .5rem; border: solid 1px #eeeeee; }

.md-tech-4 .m-input__inner { padding: 0 .3rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 100px; border: none; background: transparent; }

.md-tech-4 .m-input__inner::-webkit-input-placeholder { color: #bbb; }

.md-tech-4 .m-input__inner:-ms-input-placeholder { color: #bbb; }

.md-tech-4 .m-input__inner::-ms-input-placeholder { color: #bbb; }

.md-tech-4 .m-input__inner::placeholder { color: #bbb; }

.md-tech-4 .m-input:focus-within { border-color: #00aace; }

.md-tech-4 .m-input .btn { border: none; padding-right: .3rem; padding-left: .2rem; height: 100%; background: transparent; cursor: pointer; }

.md-tech-4 .m-input .btn img { width: .16rem; min-width: 14px; }

.md-tech-4 .m-checkbox { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; width: 20%; margin-bottom: .17rem; }

.md-tech-4 .m-checkbox__group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .28rem; }

.md-tech-4 .m-checkbox__ipt { width: 0.16rem; height: 0.16rem; min-width: 14px; min-height: 14px; background-color: #ffffff; border-radius: 50%; border: solid 1px #bbbbbb; margin-right: .1rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.md-tech-4 .m-checkbox__ipt:checked { border-color: #00aace; 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-tech-4 .m-checkbox__ipt:checked:after { content: ''; width: .08rem; height: .08rem; min-width: 6px; min-height: 6px; background-color: #00aace; border-radius: 50%; }

.md-tech-4 .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #eee; padding: .3rem 0; }

.md-tech-4 .list .li:hover .icon:before { opacity: 1; }

.md-tech-4 .list .li:hover .icon .i-1 { display: none; }

.md-tech-4 .list .li:hover .icon .i-2 { display: block; }

.md-tech-4 .list .li:hover .tit { color: #00aace; }

.md-tech-4 .list .li:hover .m-more { background-color: #00aace; color: #fff; }

.md-tech-4 .list .li:hover .m-more:after { background-image: url(../images/i-download-2.png); }

.md-tech-4 .list .icon { width: 0.82rem; height: .9rem; position: relative; }

.md-tech-4 .list .icon::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/i-bg-4.png) no-repeat center/contain; opacity: .1; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }

.md-tech-4 .list .icon img { position: relative; z-index: 2; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.md-tech-4 .list .icon .i-2 { display: none; }

.md-tech-4 .list .tx { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: .4rem; margin-right: .4rem; }

.md-tech-4 .list .msg { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .1rem; }

.md-tech-4 .list .msg-item { margin-right: 1.8em; margin-top: .1rem; }

.md-tech-4 .list .m-more:after { width: .28rem; height: .24rem; background-image: url(../images/i-download.png); }

.md-tech-4 .m-pages { margin-top: .58rem; }

@media (max-width: 1200px) { .md-tech-4 .m-checkbox { width: 33%; } }

@media (max-width: 900px) { .md-tech-4 .form-row { display: block; }
  .md-tech-4 .form-row .form-item { width: 100%; }
  .md-tech-4 .m-select { background-size: 8px; }
  .md-tech-4 .m-checkbox { width: 50%; }
  .md-tech-4 .list .li { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-tech-4 .list .icon { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .md-tech-4 .list .m-more { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .md-tech-4 .list .tx { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin: .3rem 0 0; } }

.md-prod-1 { padding-top: .69rem; padding-bottom: 1.2rem; }

.md-prod-1 .title { line-height: 1.2; }

.md-prod-1 .desc { line-height: 1.875; width: calc(1265 / 1440 * 100%); margin: .44rem auto 0; }

.md-prod-1 .c-img-full { margin-top: .65rem; }

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

.md-prod-1 .list .li { padding: .5rem .2rem; min-height: 3.3rem; margin-top: .4rem; background-color: #f1f7fa; width: calc(330 / 1440 * 100%); margin-right: calc(40 / 1440 * 100%); }

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

.md-prod-1 .list .li:hover .icon { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); }

.md-prod-1 .list .icon { -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s; height: 1.1rem; }

.md-prod-1 .list .icon img { height: 100%; }

.md-prod-1 .list .tit { line-height: 1.5; margin-top: .47rem; }

@media (max-width: 900px) { .md-prod-1 .desc { width: 100%; }
  .md-prod-1 .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-prod-1 .list .li { width: 49%; margin-right: 0; margin-top: 2%; } }

.md-prod-2 { padding-top: .72rem; padding-bottom: .9rem; }

.md-prod-2 .row-1 .title { line-height: 1.2; }

.md-prod-2 .row-1 .intro { line-height: 1.5; margin-top: .36rem; }

.md-prod-2 .row-1 .desc { line-height: 1.875; margin-top: .31rem; padding: 0 .35rem; }

.md-prod-2 .row-2 { margin-top: .55rem; }

.md-prod-2 .row-2 .tit { min-height: .7rem; 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; padding: .15rem; line-height: 1.5; }

.md-prod-2 .row-2 .bd { line-height: 1.875; background: #f1f7fa; padding: .4rem .5rem; }

@media (max-width: 900px) { .md-prod-2 .row-1 .desc { padding: 0; } }

.md-prod-3 { padding-top: .68rem; padding-bottom: .59rem; }

.md-prod-3 .list { margin-top: .56rem; 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-prod-3 .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(700 / 1440 * 100%); margin-bottom: .4rem; padding: .4rem; min-height: 2.7rem; }

.md-prod-3 .list .icon { width: 1rem; margin-right: .33rem; font-size: 0; }

.md-prod-3 .list .icon img { width: 100%; }

.md-prod-3 .list .tx { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-prod-3 .list .tit { line-height: 1.5; }

.md-prod-3 .list .desc { line-height: 1.5; margin-top: .1rem; }

@media (max-width: 900px) { .md-prod-3 .list { text-align: center; }
  .md-prod-3 .list .li { width: 100%; display: block; }
  .md-prod-3 .list .icon { margin: 0 auto .3rem; } }

.md-prod-4 { padding-top: .69rem; padding-bottom: .59rem; }

.md-prod-4 .list { margin-top: .56rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; }

.md-prod-4 .list .li { margin-bottom: .4rem; padding: .5rem .28rem .3rem; /* min-height: 4.7rem; */ background-color: #f1f7fa; width: calc(330 / 1440 * 100%); margin-right: calc(40 / 1440 * 100%); }

.md-prod-4 .list .li:last-child,
.md-prod-4 .list .li:nth-of-type(4n) { margin-right: 0; }

.md-prod-4 .list .icon { height: 1.1rem; font-size: 0; }

.md-prod-4 .list .icon img { height: 100%; }

.md-prod-4 .list .tit { line-height: 1.5; min-height: calc(30 / 20 * 2em); margin-top: .34rem; }

.md-prod-4 .list .desc { line-height: 1.5; margin-top: .21rem; text-align: left; }

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

@media (max-width: 500px) { .md-prod-4 .list .li { width: 100%; }
  .md-prod-4 .list .tit { min-height: auto; }
  .md-prod-4 .list .desc { text-align: center; } }

.md-prod-5 { background-color: #f1f7fa; padding-top: .68rem; padding-bottom: 1.22rem; }

.md-prod-5 .title { line-height: 1.2; }

.md-prod-5 .desc { line-height: 1.875; width: calc(1230 / 1440 * 100%); margin: .2rem auto 0; }

.md-prod-5 .c-img-full { margin-top: .32rem; }

@media (max-width: 900px) { .md-prod-5 .desc { width: 100%; } }

.md-prod-6 { padding-top: .79rem; padding-bottom: .79rem; }

.md-prod-6 .w1440 { 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; }

.md-prod-6 .album { width: calc(680 / 1440 * 100%); margin-right: .76rem; }

.md-prod-6 .album .c-pic { position: relative; }

.md-prod-6 .album .img { padding-top: calc(480 / 680 * 100%); }

.md-prod-6 .album .icon { position: absolute; z-index: 2; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.md-prod-6 .album .icon img { width: .46rem; min-width: 46px; }

.md-prod-6 .album .swiper-pagination { bottom: .2rem; font-size: 0; }

.md-prod-6 .album .swiper-pagination-bullet { width: 0.1rem; height: .1rem; min-width: 5px; min-height: 5px; border-radius: .1rem; background-color: #00aace; opacity: .4; margin: 0 .05rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-prod-6 .album .swiper-pagination-bullet-active { opacity: 1; }

.md-prod-6 .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-prod-6 .text .t1 { margin-top: .23rem; }

.md-prod-6 .text .t2 { margin-top: .05rem; }

.md-prod-6 .text .desc { line-height: 1.875; margin-top: .19rem; }

.md-prod-6 .text .list { border-top: 1px solid #d5e2e8; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: .18rem; margin-top: .36rem; }

.md-prod-6 .text .list .li { margin-right: .7rem; margin-top: .2rem; }

.md-prod-6 .text .list .li:last-of-type { margin-right: 0; }

.md-prod-6 .text .list .p2 { margin-top: .09rem; }

@media (max-width: 900px) { .md-prod-6 .w1440 { display: block; }
  .md-prod-6 .album { width: 100%; margin-right: 0; }
  .md-prod-6 .text { margin-top: 5%; } }

.md-prod-7 { padding-top: .8rem; padding-bottom: .37rem; }

.md-prod-7 .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: .76rem; }

.md-prod-7 .list .tit { width: calc(480 / 1440 * 100%); }

.md-prod-7 .list .desc { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

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

.md-prod-7 .list .tit:before { content: ''; display: inline-block; width: 0.05rem; min-width: 3px; height: 0.25rem; min-height: 14px; border-radius: .05rem; background: #00aace; margin-right: .2rem; }

.md-prod-7 .list .desc { line-height: 2.25; margin-top: .03rem; }

.md-prod-7 .m-table { overflow-x: auto; line-height: 1.1875; }

.md-prod-7 .m-table table { width: 100%; min-width: 500px; }

.md-prod-7 .m-table th, .md-prod-7 .m-table td { padding: .15rem; padding-left: .3rem; }

.md-prod-7 .m-table tbody tr { height: .46rem; border-bottom: 1px solid #fff; background-color: #f4f9fb; }

.md-prod-7 .m-table tbody tr:nth-of-type(odd) { background-color: #ebf3f7; }

@media (max-width: 900px) { .md-prod-7 .list .li { display: block; }
  .md-prod-7 .list .tit { width: 100%; }
  .md-prod-7 .list .desc { margin-top: .3rem; } }

.md-prod-list { padding-top: .8rem; padding-bottom: 1.2rem; background-color: #f1f7fa; }

.md-prod-list .m-pages { margin-top: .8rem; }

.m-prod-list .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #e0edf4; border-radius: 0.2rem; padding: .4rem; margin-bottom: .6rem; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; }

@media (any-hover: hover) { .m-prod-list .li:hover { background-color: #00aace; }
  .m-prod-list .li:hover .t1, .m-prod-list .li:hover .t2, .m-prod-list .li:hover .desc { color: #fff; }
  .m-prod-list .li:hover .m-more { background-color: #fff; color: #00aace; }
  .m-prod-list .li:hover .m-more:after { background-image: url(../images/i-more-2.png); }
  .m-prod-list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } }

.m-prod-list .c-pic { width: calc(566 / 1360 * 100%); background-color: #ffffff; border-radius: 0.2rem; position: relative; }

.m-prod-list .img { padding-top: calc(400 / 566 * 100%); }

.m-prod-list .icon { position: absolute; z-index: 2; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.m-prod-list .icon img { width: .46rem; min-width: 46px; }

.m-prod-list .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: .8rem; padding-right: .5rem; margin-top: .16rem; }

.m-prod-list .t2 { margin-top: .06rem; }

.m-prod-list .desc { line-height: 1.875; margin-top: .19rem; }

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

@media (max-width: 700px) { .m-prod-list .li { display: block; }
  .m-prod-list .c-pic { width: 100%; }
  .m-prod-list .text { margin: 5% 0 0; padding: 0; }
  .m-prod-list .more { margin-top: .3rem; } }

.md-cap-1 { padding-top: .79rem; padding-bottom: 1rem; }

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

.md-cap-1 .c-pic { width: calc(620 / 1440 * 100%); margin-right: .63rem; }

.md-cap-1 .img { padding-top: 100%; }

.md-cap-1 .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: .35rem; }

.md-cap-1 .desc { line-height: 1.875; margin-top: .29rem; }

.md-cap-1 .data { 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: .29rem; }

.md-cap-1 .data .item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: .1rem; margin-top: .25rem; }

.md-cap-1 .data .item:last-of-type { margin-right: 0; }

.md-cap-1 .data .icon { width: 0.66rem; height: .66rem; font-size: 0; border-radius: .2rem; overflow: hidden; background-color: rgba(0, 170, 206, 0.1); margin-right: .3rem; margin-top: .11rem; -ms-flex-negative: 0; flex-shrink: 0; }

.md-cap-1 .data .icon img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.md-cap-1 .data .t1 { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-cap-1 .data .unit { margin-top: .07rem; }

.md-cap-1 .data .t2 { line-height: 1.5; max-width: 3rem; }

@media (max-width: 1000px) { .md-cap-1 .w1440 { display: block; }
  .md-cap-1 .c-pic { margin-right: auto; margin-left: auto; }
  .md-cap-1 .data .t2 { max-width: none; } }

@media (max-width: 600px) { .md-cap-1 .c-pic { width: 100%; } }

.md-cap-2 { background-color: #f1f7fa; padding-top: .68rem; padding-bottom: .97rem; }

.md-cap-2 .tab { margin-top: .62rem; }

.md-cap-2 .tab .li { width: 3.52rem; height: auto; margin-right: .1rem; background-color: #fff; min-height: .8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; line-height: 1.33333; border-radius: .2rem .2rem 0 0; padding: .15rem; cursor: pointer; }

.md-cap-2 .tab .li.on { background-color: #00aace; color: #fff; }

.md-cap-2 .cnt { margin-top: 1px; }

.md-cap-2 .cnt-item { background: #fff; display: none; }

.md-cap-2 .cnt .on { display: block; -webkit-animation: fade-up 1s forwards; animation: fade-up 1s forwards; }

.md-cap-2 .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; padding: .5rem 0; }

.md-cap-2 .wrap .c-pic { width: calc(620 / 1440 * 100%); margin-left: .65rem; margin-right: 1.07rem; }

.md-cap-2 .wrap .img { padding-top: calc(380 / 620 * 100%); }

.md-cap-2 .wrap .text { line-height: 2.25; width: calc(617 / 1440 * 100%); max-height: 3.8rem; overflow-y: auto; }

.md-cap-2 .wrap .text::-webkit-scrollbar { width: 6px; }

.md-cap-2 .wrap .text::-webkit-scrollbar-thumb { background: #cde0ea; border-radius: .06rem; }

@media (max-width: 900px) { .md-cap-2 .wrap { display: block; padding: 5%; }
  .md-cap-2 .wrap .c-pic { width: 100%; margin-right: 0; margin-left: 0; }
  .md-cap-2 .wrap .text { width: 100%; margin-top: .3rem; } }

.md-cap-3 { padding-top: .71rem; padding-bottom: .6rem; }

.md-cap-3 .honor { margin-top: .63rem; background-color: #f1f7fa; text-align: center; }

.md-cap-3 .honor .li { width: 3.6rem; padding-top: .5rem; padding-bottom: .7rem; }

.md-cap-3 .honor .img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 2.92rem; max-width: 90%; margin: auto; }

.md-cap-3 .honor .img img { -o-object-fit: contain; object-fit: contain; max-width: 100%; max-height: 100%; padding: .09rem; -o-border-image: url(../images/honor-bg.png) 9/0.09rem stretch; border-image: url(../images/honor-bg.png) 9/0.09rem stretch; }

.md-cap-3 .honor .swiper-pagination { top: auto; bottom: 0; background-color: #cde0ea; height: .1rem; }

.md-cap-3 .honor .swiper-pagination-progressbar { background: #00aace; }

@media (max-width: 900px) { .md-cap-3 .honor .img { height: 260px; } }

.md-cap-3 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .51rem; text-align: center; }

.md-cap-3 .list .li { padding: .3rem; min-height: 3.6rem; margin-bottom: .4rem; background-color: #f1f7fa; border-radius: .2rem; position: relative; }

.md-cap-3 .list .li:after { content: ''; height: 8px; position: absolute; right: 0; top: 50%; -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); transform: translate(100%, -50%); background: url(../images/i-arrow.png) no-repeat center/auto 100%; }

.md-cap-3 .list .li:last-of-type:after { display: none; }

.md-cap-3 .list .icon { font-size: 0; height: .91rem; }

.md-cap-3 .list .icon img { height: 100%; }

.md-cap-3 .list .tit { line-height: 1.2; min-height: calc(24 / 20 * 2em); margin-top: .27rem; }

.md-cap-3 .list .desc { line-height: 1.5; margin-top: .13rem; }

@media (min-width: 1301px) { .md-cap-3 .list .li { width: calc(264 / 1440 * 100%); margin-right: calc(30 / 1440 * 100%); }
  .md-cap-3 .list .li:nth-of-type(5n) { margin-right: 0; }
  .md-cap-3 .list .li:nth-of-type(5n):after { display: none; }
  .md-cap-3 .list .li:after { width: .3rem; } }

@media (max-width: 1300px) and (min-width: 901px) { .md-cap-3 .list .li { width: 32%; margin-right: 2%; }
  .md-cap-3 .list .li:nth-of-type(3n) { margin-right: 0; }
  .md-cap-3 .list .li:nth-of-type(3n):after { display: none; }
  .md-cap-3 .list .li:after { width: 6%; } }

@media (max-width: 900px) and (min-width: 501px) { .md-cap-3 .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-cap-3 .list .li { width: 48%; margin-right: 0; }
  .md-cap-3 .list .li:nth-of-type(2n):after { display: none; }
  .md-cap-3 .list .li:after { width: 8%; } }

@media (max-width: 500px) { .md-cap-3 .list .li { width: 100%; }
  .md-cap-3 .list .li:after { display: none; }
  .md-cap-3 .list .tit { min-height: auto; } }

.md-cap-4 { padding-top: .68rem; padding-bottom: 1.21rem; background-color: #f1f7fa; }

.md-cap-4 .sub-tit { margin-top: .36rem; }

.md-cap-4 .row-1 { margin-top: .56rem; 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; }

.md-cap-4 .row-1 .lf { width: calc(700 / 1440 * 100%); }

.md-cap-4 .row-1 .lf .img { padding-top: calc(760 / 700 * 100%); }

.md-cap-4 .row-1 .rg { width: calc(680 / 1440 * 100%); }

.md-cap-4 .row-1 .li { margin-bottom: .2rem; background-color: #fff; }

.md-cap-4 .row-1 .li .c-img-full { display: none; }

.md-cap-4 .row-1 .li:last-of-type { margin-bottom: 0; }

.md-cap-4 .row-1 .li.on .icon .i-1 { display: none; }

.md-cap-4 .row-1 .li.on .icon .i-2 { display: block; }

.md-cap-4 .row-1 .li.on .tit { background-color: #00aace; color: #fff; }

.md-cap-4 .row-1 .tit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: .7rem; padding: .1rem .42rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; cursor: pointer; }

.md-cap-4 .row-1 .tit-x { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-cap-4 .row-1 .icon { width: .3rem; font-size: 0; margin-right: .3rem; }

.md-cap-4 .row-1 .icon img { width: 100%; }

.md-cap-4 .row-1 .icon .i-2 { display: none; }

.md-cap-4 .row-1 .bd { display: none; }

.md-cap-4 .row-1 .intro { line-height: 1.875; padding-left: .5rem; padding-right: .35rem; padding-top: .33rem; padding-bottom: .37rem; max-height: 5rem; overflow-y: auto; }

.md-cap-4 .row-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: .6rem; }

.md-cap-4 .row-2 .c-pic { width: calc(680 / 1440 * 100%); }

.md-cap-4 .row-2 .img { padding-top: calc(420 / 680 * 100%); }

.md-cap-4 .row-2 .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: .6rem; }

.md-cap-4 .row-2 .tit { line-height: 1.19444; }

.md-cap-4 .row-2 .desc { line-height: 1.875; margin-top: .23rem; }

@media (max-width: 900px) { .md-cap-4 .row-1 { display: block; }
  .md-cap-4 .row-1 .lf { width: 100%; display: none; }
  .md-cap-4 .row-1 .rg { width: 100%; }
  .md-cap-4 .row-1 .li .c-img-full { display: block; margin-top: .2rem; }
  .md-cap-4 .row-1 .bd { padding: 5%; }
  .md-cap-4 .row-1 .intro { padding: 0; }
  .md-cap-4 .row-2 { display: block; }
  .md-cap-4 .row-2 .c-pic { width: 100%; } }

.md-search-1 { padding-top: 1rem; padding-bottom: 1rem; background-color: #f4f8fa; }

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

.md-search-1 .form { width: 7.55rem; max-width: 100%; margin-left: auto; margin-right: auto; }

.md-search-1 .form .m-input { background-color: #fff; }

.md-search-1 .result { margin-top: .5rem; border-top: 1px solid #eaeaea; }

.md-search-1 .module { margin: .6rem 0; }

.md-search-1 .module-tit { margin-bottom: .3rem; }

.md-search-1 .module-tit .cat { display: inline; }

.md-search-1 .module-tit .count { display: inline; margin-left: .3rem; }

.md-search-1 .module-tit .count span { color: #00aace; }

.md-search-1 .md-home-prod { padding: 0; }

.md-search-1 .m-pages { margin-top: .2rem; }