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

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

.f-Regular { font-family: 'LibreBaskerville-Regular', serif; }

.f-Bold { font-family: 'LibreBaskerville-Bold', serif; }

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

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

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

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

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

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

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

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

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

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

.oh { overflow: hidden; }

.pointer { cursor: pointer; }

.fl { float: left; }

.fr { float: right; }

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

.color-theme { color: #000; }

.color-active { color: #000; }

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

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

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

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

.color-0 { color: #000; }

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

.color-1 { color: #111; }

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

.color-2 { color: #222; }

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

.color-3 { color: #333; }

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

.color-4 { color: #444; }

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

.color-5 { color: #555; }

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

.color-6 { color: #666; }

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

.color-7 { color: #777; }

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

.color-8 { color: #888; }

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

.color-9 { color: #999; }

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

.color-a { color: #aaa; }

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

.color-b { color: #bbb; }

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

.color-c { color: #ccc; }

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

.color-d { color: #ddd; }

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

.color-e { color: #eee; }

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

.color-f { color: #fff; }

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

.ep1 { -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

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

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

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

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

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

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

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

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

.s0 { font-size: 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.noscroll { overflow: hidden; }

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

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

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

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

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

.c-video__video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;border-radius: 0.1rem;overflow: hidden;background: #000;}

.c-video__close {display: block;cursor: pointer;width: 40px;height: 40px;background-color: #000;position: absolute;right: -45px;top: 0;z-index: 1000;border-radius: .1rem;}

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

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

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

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

.rich-text table { word-break: break-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: #000; border-radius: 2px; }

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

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

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

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

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

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

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

.c-select__option { line-height: 1.5; padding: .4em .2rem; }

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

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

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

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

.media-ratio { position: relative; }

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

[data-ani] { opacity: 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes width-to-100 { from { width: 0; }
  to { width: 100%; } }

@keyframes width-to-100 { from { width: 0; }
  to { width: 100%; } }

.m-more { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 1.5rem; min-height: .46rem; border-radius: .1rem; padding: .5em 1em; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; border: none; }

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

.m-more.border.white { color: #fff; border-color: #fff; }

.m-more.border.white:hover { background-color: #fff; color: #000; }

.m-more.border.black { color: #000; border-color: #000; }

.m-more.border.black:hover { background-color: #000; color: #fff; }

.m-more.bg.white { background-color: #fff; color: #000; }

.m-more.bg.white:hover { background-color: #000; color: #fff; }

.m-more.bg.black { background-color: #000; color: #fff; }

.m-more.bg.black:hover { background-color: #fff; color: #000; }

.md_ban { position: relative; }

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

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

.md_ban-tit { line-height: 1.33333; }

.md_ban .md_bread { position: absolute; right: 0; bottom: 0; z-index: 2; width: 100%; color: rgba(255, 255, 255, 0.5); }

.md_ban .md_bread-current { color: #fff; }

@media (max-width: 900px) { .md_ban .media img { min-height: 200px; -o-object-position: 15%; object-position: 15%; } }

/* 面包屑 */
.md_bread { color: rgba(0, 0, 0, 0.5); margin: .26rem 0; }

.md_bread-current { color: #000; }

.md_bread-layout { margin-left: auto; margin-right: auto; width: 14rem; max-width: 90%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

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

.md_bread a:hover { color: #000; }

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

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

.m_pages-item:hover { color: #000; }

.m_pages .on { background: #000; color: #fff; }

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

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

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

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

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

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

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

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

.m-arrow.swiper-button-disabled { pointer-events: none; background-color: #fff; border-color: rgba(0, 0, 0, 0.1); }

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

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

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

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

.m-video { position: relative; }

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

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

.m_text { text-align: center; padding-top: .9rem; padding-bottom: .75rem; }

.m_text-tit { font-weight: bold; }

.m_text-desc { margin-top: .24rem; line-height: 1.5; }

@media (max-width: 900px) { .m_text { padding: 10% 0 5%; } }

/* 头部 */
.md-header { position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 0.8rem; line-height: 0.8rem; padding: 0 .5rem 0 .54rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.2); background-color: #000; color: #fff; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.md-header .logo { position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.md-header .logo-img { height: 0.4rem; vertical-align: middle; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

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

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

.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 { font-size: 0; }

.md-header .h-lang__hd .i-1 img { width: .18rem; min-width: 18px; vertical-align: middle; }

.md-header .h-lang__bd { position: absolute; right: 0; top: 100%; z-index: 10; text-align: center; background-color: #fff; color: #000; min-width: 100px; -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); visibility: hidden; -webkit-transform: translateY(0.2rem); -ms-transform: translateY(0.2rem); transform: translateY(0.2rem); opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

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

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

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

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

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

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

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

.md-header .mask { position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); display: none; }

@media (min-width: 901px) { .md-header .ul1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-header .ul1 .li1 { position: relative; margin-right: .62rem; }
  .md-header .ul1 .li1:last-of-type { margin-right: 0; }
  .md-header .ul1 .li1:hover .ul2 { visibility: visible; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 1; }
  .md-header .ul1 .a1 { display: block; }
  .md-header .ul1 .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 .ul1 .a2 { display: block; padding: .5em .5em; }
  .md-header .ul1 .a2:hover { background-color: #000; color: #fff; }
  .md-header.index { background-color: transparent; }
  .md-header.over { background: #000; height: 0.6rem; line-height: 0.6rem; }
  .md-header.over .logo-img { height: .3rem; } }

@media (max-width: 900px) { .md-header { height: 50px; line-height: 50px; }
  .md-header .logo-img { height: 30px; }
  .md-header .nav-pc { display: none; }
  .md-header .nav-wap { position: fixed; left: 0; top: 0; z-index: 11; width: 80%; max-width: 300px; height: 100%; padding-top: 50px; background: #fff; color: #000; overflow-y: auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; visibility: hidden; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); display: block; }
  .md-header .nav-wap .li1 { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); }
  .md-header .nav-wap .li1:first-of-type { border-top: 1px dashed rgba(0, 0, 0, 0.2); }
  .md-header .nav-wap .li1.show .ul2 { display: block; }
  .md-header .nav-wap .li1.show .mbtn { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
  .md-header .nav-wap .li1.show .panel { display: block; }
  .md-header .nav-wap .li1.show .h-solution { display: block; }
  .md-header .nav-wap .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-wap .a1 { display: block; padding: 10px 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .md-header .nav-wap .mbtn { width: 30px; height: 30px; background: url(../images/i-cor-2.png) no-repeat center; margin-left: 20px; }
  .md-header .nav-wap .ul2 { display: none; color: #666; }
  .md-header .nav-wap .li2 { border-top: 1px dashed rgba(0, 0, 0, 0.1); }
  .md-header .nav-wap .a2 { display: block; padding: 13px 10px 13px 30px; }
  .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 .mask { display: block; }
  .md-header.open .nav-wap { margin: 0; visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); line-height: 1.5; }
  .md-header.open .nav-wap .li1 { margin-right: 0; } }

@media (max-width: 900px) { body { padding-top: 50px; } }

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

.md-footer .foot-1 { padding-top: .6rem; padding-bottom: .3rem; }

.md-footer .foot-1 .layout { 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; }

.md-footer .foot-2 { color: rgba(255, 255, 255, 0.5); line-height: 1.5; padding: .22rem 0 .35rem; }

.md-footer .foot-2 .layout { 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-footer .foot-2 a:hover { color: #fff; text-decoration: underline; }

.md-footer .foot-3 { line-height: 1.5; color: rgba(255, 255, 255, 0.5); padding: .3rem 0 .35rem; }

.md-footer .foot-3 .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-footer .foot-3 .lf { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-footer .foot-3 .split { margin: 0 .5em; }

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

.md-footer .logo img { height: .6rem; min-height: 40px; }

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

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

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

.md-footer .share-icon { font-size: 0; }

.md-footer .share-icon img { height: 0.18rem; min-height: 18px; }

.md-footer .share-cnt { position: absolute; left: 50%; top: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: none; padding-top: .17rem; }

.md-footer .share-cnt-in { position: relative; background: #fff; }

.md-footer .share-cnt-in::before { content: ''; position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%, -40%) rotate(45deg); -ms-transform: translate(-50%, -40%) rotate(45deg); transform: translate(-50%, -40%) rotate(45deg); width: 0.12rem; height: .12rem; background: #fff; }

.md-footer .share-code { display: block; width: 1rem; min-width: 100px; }

.md-footer .contact { width: calc(300 / 1600 * 100%); }

.md-footer .contact .t2 { line-height: 1.66667; margin-top: .17rem; }

.md-footer .follow { width: calc(424 / 1600 * 100%); }

.md-footer .follow .t2 { line-height: 1.66667; margin-top: .17rem; }

.md-footer .follow .form { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: .52rem; }

.md-footer .follow .form .ipt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: .1rem; height: .46rem; min-height: 35px; background: none; border-width: 0 0 .02rem 0; border-style: solid; border-color: #fff; color: #fff; }

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

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

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

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

.md-footer .nav { margin: 0 calc(150 / 1600 * 100%); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

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

.md-footer .nav .ul2 { line-height: 1.66667; margin-top: .17rem; }

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

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

@media (max-width: 900px) { .md-footer .foot-1 { padding-bottom: 10px; }
  .md-footer .foot-2 .layout { display: block; }
  .md-footer .foot-3 { text-align: center; }
  .md-footer .foot-3 .layout { display: block; }
  .md-footer .foot-3 .lf { display: block; }
  .md-footer .foot-3 .split { display: none; }
  .md-footer .share-item { margin-left: 15px; }
  .md-footer .contact { width: 100%; }
  .md-footer .follow { width: 100%; }
  .md-footer .nav { margin: 3% 0; }
  .md-footer .nav .ul1 { display: block; }
  .md-footer .nav .li1 { margin-right: 0; margin-bottom: 3px; }
  .md-footer .nav .ul2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-footer .nav .li2 { margin-bottom: .3em; padding-right: 2em; }
  .md-footer .share-cnt { top: auto; bottom: 100%; padding-top: 0; padding-bottom: .17rem; }
  .md-footer .share-cnt-in:before { top: auto; bottom: 0; -webkit-transform: translate(-50%, 40%) rotate(45deg); -ms-transform: translate(-50%, 40%) rotate(45deg); transform: translate(-50%, 40%) rotate(45deg); } }

.home_banner { position: relative; }

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

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

.home_banner .swiper-slide-active .home_banner-text { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.home_banner .swiper-slide-active .media { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

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

.home_banner-text { position: absolute; left: 1.6rem; bottom: 1.37rem; z-index: 2; -webkit-transform: translateY(1rem); -ms-transform: translateY(1rem); transform: translateY(1rem); -webkit-transition: -webkit-transform 1.5s; transition: -webkit-transform 1.5s; -o-transition: transform 1.5s; transition: transform 1.5s; transition: transform 1.5s, -webkit-transform 1.5s; }

.home_banner-tit { line-height: 1.5; }

.home_banner-desc { line-height: 1.66667; margin-top: .01rem; width: 4rem; }

.home_banner-link { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; }

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

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

.home_banner .swiper-pagination-bullet { width: .5rem; height: 0.03rem; min-height: 2px; border-radius: 0; background: rgba(255, 255, 255, 0.4); opacity: 1; margin: 0 .1rem 0 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative; }

.home_banner .swiper-pagination-bullet:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 0; background: #fff; }

.home_banner .swiper-pagination-bullet-active:before { -webkit-animation: width-to-100 3s linear forwards; animation: width-to-100 3s linear forwards; }

@media (max-width: 900px) { .home_banner .media video, .home_banner .media img { min-height: 300px; }
  .home_banner-text { left: 5%; bottom: 10%; width: 90%; }
  .home_banner-desc { width: 100%; }
  .home_banner-controls { bottom: 5%; } }

/* home-prod - start */
.home_prod-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.home_prod-li { position: relative; margin-top: calc(8 / 1920 * 100%); }

.home_prod-li:nth-of-type(3n+1) { width: 100%; }

.home_prod-li:nth-of-type(3n+1) .img { padding-top: calc(720 / 1920 * 100%); }

.home_prod-li:nth-of-type(3n+2), .home_prod-li:nth-of-type(3n+3) { width: calc(956 / 1920 * 100%); }

.home_prod-li:nth-of-type(3n+2) .img, .home_prod-li:nth-of-type(3n+3) .img { padding-top: calc(720 / 956 * 100%); }

.home_prod-text { position: absolute; left: 0; top: 7.4%; width: 100%; }

.home_prod-desc { margin-top: .09rem; }

.home_prod .m-more { margin-top: .36rem; }

@media (max-width: 900px) { .home_prod-li { width: 100% !important; margin-top: 5px; }
  .home_prod-li .img { padding-top: 60% !important; } }

/* home-prod - end */
/* home-about - start */
.home_about { padding-bottom: 1.2rem; }

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

.home_about .media-ratio { border-radius: .1rem; overflow: hidden; padding-top: calc(780 / 1600 * 100%); -webkit-transform: scale(calc(1400 / 1920)); -ms-transform: scale(calc(1400 / 1920)); transform: scale(calc(1400 / 1920)); -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }

.home_about .media-ratio.show { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

@media (max-width: 900px) { .home_about-layout { padding-bottom: 7%; } }

/* home-about - end */
/* vr - start */
.home_vr-layout { margin-left: auto; margin-right: auto; width: 14rem; max-width: 90%; border-top: 1px solid rgba(0, 0, 0, 0.1); }

.home_vr .media-ratio { padding-top: calc(780 / 1600 * 100%); border-radius: .1rem; overflow: hidden; }


@media (max-width: 900px) { .home_vr-text { display: block; }
  .home_vr-text-lf { margin-top: 0; }
  .home_vr-desc { width: 100%; margin-top: 4%; } }

/* vr - end */
/* home-map - start */
.home_map .map .bg { display: block; width: 100%; }

/* home-map - end */
/* home-service - start */
.home_service { padding-bottom: 1.3rem; }

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

.home_service-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.home_service-list-item { width: calc((100% - 0.1rem * 2) / 3); margin-bottom: 0.1rem; border-radius: .1rem; overflow: hidden; position: relative; }

.home_service-list-item:nth-of-type(5n + 1) { width: calc((100% - 0.1rem * 2) / 3 * 2 + 0.1rem); margin-right: 0.1rem; }

.home_service-list-item:nth-of-type(5n + 1) .img { padding-top: calc(595 / 1057 * 100%); }

.home_service-list-item:nth-of-type(5n + 2) .home_service-list-desc, .home_service-list-item:nth-of-type(5n + 3) .home_service-list-desc, .home_service-list-item:nth-of-type(5n + 4) .home_service-list-desc { -webkit-line-clamp: 2; }

.home_service-list-item:nth-of-type(5n + 3), .home_service-list-item:nth-of-type(5n + 4) { margin-right: 0.1rem; }

.home_service-list-item:nth-of-type(5n + 5) { margin-top: calc(-270 / 1600 * 100%); }

.home_service-list-item:nth-of-type(5n + 5) .img { padding-top: calc(583 / 513 * 100%); }

.home_service-list-item:hover .home_service-list-text { background-color: rgba(0, 0, 0, 0.8); }

.home_service-list-item:hover .home_service-list-desc { display: -webkit-box; }

.home_service-list-img .img { padding-top: calc(320 / 513 * 100%); }

.home_service-list-text { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.5); color: #fff; text-align: center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.home_service-list-desc { line-height: 1.66667; display: none; width: calc(630 / 1057 * 100%); margin-left: auto; margin-right: auto; margin-top: .28rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

@media (max-width: 900px) { .home_service { padding-bottom: 7%; }
  .home_service-list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .home_service-list-item { width: 49%; margin: 0 0 2% 0 !important; }
  .home_service-list-item:nth-of-type(5n + 1) { width: 100%; }
  .home_service-list-item:nth-of-type(5n + 5) { margin-top: 0; }
  .home_service-list-item:nth-of-type(5n + 5) .img { padding-top: calc(320 / 513 * 100%); } }

/* home-service - end */
/* contact popup - start */
.md_contact { display: none; }

.md_contact .mask { position: fixed; left: 0; top: 0; z-index: 20; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

.md_contact .main { position: fixed; left: 50%; top: 50%; z-index: 21; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 4.2rem; max-width: 100%; min-width: 350px; min-height: 4.8rem; max-height: 90%; overflow-y: auto; border-radius: .1rem; padding-top: .71rem; padding-bottom: .72rem; padding-bottom: .5rem; background-color: #fff; }

.md_contact .tit { padding: 0 .2rem; }

.md_contact .desc { margin-top: .07rem; padding: 0 .2rem; }

.md_contact .close { width: .3rem; height: .3rem; min-width: 26px; min-height: 26px; border-radius: 50%; background: #000; text-align: center; border: none; cursor: pointer; position: absolute; right: 0.2rem; top: .2rem; }

.md_contact .close img { width: .1rem; min-width: 10px; }

.md_contact .list { margin: .4rem .4rem 0; }

.md_contact .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 0.6rem; min-height: 40px; background-color: #faf3ec; border-radius: 0.1rem; margin-bottom: .3rem; padding-left: .4rem; }

.md_contact .list .li:last-of-type { margin-bottom: 0; }

.md_contact .list .i-1 { width: .22rem; min-width: 16px; margin-right: .13rem; }

.md_contact .list .i-2 { width: .21rem; min-width: 16px; margin-left: .15rem; }

.md_contact .list-2 { margin-top: .4rem; }

.md_contact .list-2 .li { 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-bottom: .26rem; }

.md_contact .list-2 .li:last-of-type { margin-bottom: 0; }

.md_contact .list-2 img { width: .22rem; min-width: 16px; margin-right: .13rem; }

.md_contact .form { margin: .4rem .4rem 0; display: none; }

.md_contact .form-item { margin-bottom: .2rem; }

.md_contact .form-item:last-of-type { margin-bottom: 0; }

.md_contact .form .ipt { width: 100%; height: 0.6rem; min-height: 40px; background-color: #faf3ec; border-radius: 0.1rem; border: none; padding: 0 .2rem; }

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

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

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

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

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

.md_contact .form-tel .ipt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md_contact .form .c-select__hd { background-color: #faf3ec; border-radius: 0.1rem; min-width: 1.1rem; height: 0.6rem; min-height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: .1rem; padding-left: .2rem; padding-right: .2rem; }

.md_contact .form .c-select__hd img { width: .24rem; min-width: 14px; margin-right: .1rem; }

.md_contact .form .c-select__option { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md_contact .form .c-select__option img { width: .24rem; min-width: 14px; margin-right: .1rem; }

.md_contact .form .c-select__option:hover, .md_contact .form .c-select__option.on { background-color: #f5e8db; color: #000000; }

.md_contact .form .btns { margin-top: .3rem; }

.md_contact .form .m-more { background-color: transparent; border: 1px solid; min-width: 2rem; min-height: .6rem; }

.md_contact .form .m-more:hover { background-color: #000; color: #fff; }

.md_contact .form .iti { width: 100%; }

@media (max-width: 500px) { .md_contact .main { width: 90%; } }

/* contact popup - end */
.iti__search-input { height: .4rem; min-height: 30px; padding: 0 .1rem; }

.home_news { background: #f7f7f7; padding-bottom: 1rem; }

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

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

.home_news .list .li { margin-bottom: .2rem; border-radius: .1rem; overflow: hidden; width: calc(513 / 1600 * 100%); margin-right: calc(30 / 1600 * 100%); background-color: #fff; }

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

.home_news .list .li:hover .tit { color: #000; }

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

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

.home_news .list .text { padding: .25rem .3rem .3rem; }

.home_news .list .tit { line-height: 1.63636; }

.home_news .list .desc { line-height: 1.625; margin-top: .18rem; }

.home_news .list .more { margin-top: .5rem; }

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

/* 新闻列表 - start */
.md_news { padding-top: 1.29rem; padding-bottom: 1.4rem; background-color: #f3f4f6; }

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

.md_news-title { font-weight: bold; padding-bottom: 0.4rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.md_news-list { margin-top: .66rem; margin-top: .4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md_news-list-item { display: block; margin-bottom: .57rem; width: calc(380 / 1200 * 100%); margin-right: calc(30 / 1200 * 100%); }

.md_news-list-item:nth-child(1), .md_news-list-item:nth-child(2) { width: calc(585 / 1200 * 100%); }

.md_news-list-item:nth-child(1) .img, .md_news-list-item:nth-child(2) .img { padding-top: calc(366 / 585 * 100%); }

.md_news-list-item:nth-of-type(3n + 2) { margin-right: 0; }

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

.md_news-list-img { border-radius: .1rem; }

.md_news-list .img { padding-top: calc(238 / 380 * 100%); }

.md_news-list-text { padding-top: .23rem; }

.md_news-list-tit { line-height: calc(30 / 20); }

.md_news-list-date { margin-top: .14rem; }

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

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

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

/* 新闻列表 - end */
/* 新闻详情 - start */
.md_article { padding-top: 1.31rem; padding-bottom: 1.34rem; }

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

.md_article-title { font-weight: bold; }

.md_article-share { margin-top: .34rem; 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_article-share .social-share { margin-left: .1rem; }

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

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

.md_article-share .custom-icon { margin: 0; margin-right: .2rem; border: none; width: auto; height: auto; line-height: inherit; }

.md_article-share .custom-icon .img { height: .18rem; min-height: 16px; }

.md_article-content { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.08); line-height: 2; margin-top: .56rem; padding-top: .49rem; padding-bottom: .69rem; }

.md_article-foot { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: .58rem; }

.md_article-foot .icon { height: .12rem; min-height: 12px; margin-right: .1rem; }

.md_article-foot .prev { position: absolute; left: 0; top: 0; }

.md_article-foot .next { position: absolute; right: 0; top: 0; }

.md_article-foot .next .icon { margin-left: .1rem; margin-right: 0; }

.md_article-foot a:hover { text-decoration: underline; }

/* 新闻详情 - end */
/* 新闻推荐 - start */
.md_news_rec { background-color: #f7f7f7; padding-top: 1.28rem; padding-bottom: 1.35rem; }

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

.md_news_rec-title { font-weight: bold; }

.md_news_rec-list { margin-top: .57rem; }

.md_news_rec-li { width: 3.8rem; }

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

.md_news_rec .c-pic { border-radius: .1rem; }

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

.md_news_rec-tit { line-height: 1.66667; margin-top: .24rem; }

.md_news_rec-date { margin-top: .13rem; }

/* 新闻推荐 - end */
/* 案例地图 - start */
.md_case1-text { padding-top: 1.29rem; padding-bottom: .68rem; margin-left: auto; margin-right: auto; width: 9rem; max-width: 90%; }

.md_case1-tit { font-weight: bold; }

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

.md_case1-map { position: relative; }

.md_case1-map .map { height: 7.8rem; min-height: 65vh; }

.md_case1-map .m-marker-1 { position: relative; }

.md_case1-map .m-marker-1 .count { background-color: #fff; color: #000; width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 30px; font-size: 16px; }

.md_case1-map .m-marker-1 .name { position: absolute; left: 35px; top: 0; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 10em; font-size: 12px; color: #000000; background-color: #fff; padding: .1rem; border-radius: .1rem; }

.md_case1-map .m-marker { color: #ffffff; font-size: 12px; }

.md_case1-map .m-marker:before { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: url(../images/star.png) no-repeat center/contain; }

.md_case1-map .m-marker span { position: absolute; left: 22px; top: 0; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 10em; font-size: 12px; background-color: #fff; border-radius: 0.08rem; padding: .05rem; width: max-content; color: #000; }

.md_case1-map-bg { display: block; width: 100%; min-height: 330px; -o-object-fit: cover; object-fit: cover; }

.md_case1-item { position: absolute; right: 1.6rem; top: .8rem; width: 3.6rem; border-radius: .1rem; overflow: hidden; background-color: #fff; display: none; }

.md_case1-item.show { display: block; }

.md_case1-item-close { position: absolute; right: 0.2rem; top: 0.2rem; z-index: 2; cursor: pointer; background: rgba(0, 0, 0, 0.6); border-radius: 50%; width: .3rem; height: .3rem; min-width: 20px; min-height: 20px; border: none; }

.md_case1-item-close img { width: .12rem; min-width: 10px; }

.md_case1-item-close:hover { background-color: #000; }

.md_case1-item .img { padding-top: calc(320 / 360 * 100%); }

.md_case1-item-text { padding: .27rem .3rem .31rem; }

.md_case1-item-desc { line-height: 1.57143; margin-top: .15rem; }

.md_case1-item-btns { margin-top: .34rem; }

@media (max-width: 1400px) { .md_case1-item .img { padding-top: 60%; }
  .md_case1-item-desc { -webkit-line-clamp: 3; } }

/* 案例地图 - end */
/* 案例列表 - start */
.md_case2 { background-color: #f3f3f6; padding-top: .91rem; padding-bottom: 1.4rem; }

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

.md_case2-title { font-weight: bold; }

.md_case2-cate { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: .3rem; border-bottom: 1px solid #000; margin-top: .46rem; }

.md_case2-cate-item { min-width: 1.54rem; margin-right: .2rem; margin-bottom: .2rem; border: 1px solid #000; }

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

.md_case2-cate-item:hover, .md_case2-cate-item.active { background-color: #000; color: #fff; }

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

.md_case2-list-item { background-color: #fff; border-radius: .1rem; overflow: hidden; width: calc(373 / 1200 * 100%); margin-bottom: .4rem; margin-right: calc(40 / 1200 * 100%); }

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

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

.md_case2-list-img .img { padding-top: calc(498 / 373 * 100%); }

.md_case2-list-text { padding: .3rem; }

.md_case2-list-desc { line-height: 1.57143; margin-top: .15rem; height: calc(22 / 14 * 3em); }

.md_case2-list-more { margin-top: .31rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md_case2-list-more span { text-decoration: underline; }

.md_case2-list-more img { width: .06rem; min-width: 4px; margin-left: .09rem; }

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

@media (max-width: 600px) { .md_case2-cate { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md_case2-cate-item { width: 48%; margin-right: 0; } }

/* 案例列表 - end */
.md-case-detail { padding-top: 1.04rem; padding-bottom: .7rem; }

.md-case-detail .layout { width: 12rem; }

.md-case-detail .desc { line-height: 1.75; margin-top: .55rem; }

.md-case-detail .nav { 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; margin-top: .5rem; }

.md-case-detail .nav .icon { height: .12rem; min-height: 12px; margin-right: .1rem; }

.md-case-detail .nav .nav-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-case-detail .nav .nav-btn:hover { text-decoration: underline; }

.md-case-detail .nav .next .icon { margin-left: .1rem; margin-right: 0; }

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

.md-case-detail .list .li { width: calc(388 / 1200 * 100%); margin-right: calc(18 / 1200 * 100%); margin-bottom: calc(18 / 1200 * 100%); cursor: -webkit-zoom-in; cursor: zoom-in; }

.md-case-detail .list .li:nth-of-type(1) { width: calc(794 / 1200 * 100%); }

.md-case-detail .list .li:nth-of-type(1) .img { padding-top: calc(531 / 794 * 100%); }

.md-case-detail .list .li:nth-of-type(2) .img { padding-top: calc(531 / 388 * 100%); }

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

.md-case-detail .list .li:nth-child(5) ~ .li { display: none; }

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

.md-case-detail .list .img { padding-top: calc(259 / 388 * 100%); border-radius: .1rem; }

.md-case-detail .photos { position: relative; }

.md-case-detail .photos .more { position: absolute; right: .15rem; bottom: .3rem; background: rgba(255, 255, 255, 0.8); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: .1rem; padding: .115rem .2rem; }

.md-case-detail .photos .more img { width: .2rem; min-width: 14px; margin-right: .1rem; }

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

.about1 .media-ratio { padding-top: calc(960 / 1920 * 100%); }

.about1-title { position: absolute; left: 0; top: 16.6%; width: 100%; }

.about1-data { position: absolute; left: 0; bottom: 7.7%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.about1-data-item { margin-right: 2rem; }

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

.about1-data-t1 { 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; }

.about1-data-tit { margin-top: .04rem; }

@media (max-width: 900px) { .about1 .media-ratio { padding-top: 60%; }
  .about1-title { top: 10%; }
  .about1-data-item { margin-right: .3rem; }
  .about1-data-t1 { font-size: 22px; }
  .about1-data-tit { font-size: 12px; } }

/* about-banner - end */
/* 品牌 - start */
.about2 { position: relative; }

.about2-text { position: absolute; left: 0; top: 13.6%; width: 100%; padding: 0 5%; }

.about2-tit { line-height: 1.2037; font-weight: bold; }

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

/* 品牌 - end */
/* 创造力 - start */
.about3 { padding-top: .77rem; padding-bottom: 1.32rem; }

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

.about3-text-tit { font-weight: bold; }

.about3-text-desc { line-height: 1.55556; opacity: .5; margin-top: .2rem; }

.about3-list { margin-top: .72rem; padding-bottom: .5rem; }

.about3-list-img { border-radius: .1rem; overflow: hidden; }

.about3-list-img .img { padding-top: calc(675 / 1200 * 100%); }

.about3-list .swiper-pagination { text-align: left; font-size: 0; bottom: 0; }

.about3-list .swiper-pagination-bullet { background-color: #000; opacity: .5; width: 0.1rem; height: .1rem; min-width: 10px; min-height: 10px; margin: 0 0.16rem 0 0 !important; }

.about3-list .swiper-pagination-bullet-active { opacity: 1; }

.about3-text2 { margin-top: .44rem; }

.about3-text2-desc { line-height: 1.625; margin-top: .16rem; opacity: .5; }

/* 创造力 - end */
/* 方案 - start */
.about4-layout { margin-left: auto; margin-right: auto; width: 12rem; max-width: 90%; border-top: 1px solid rgba(0, 0, 0, 0.15); padding-top: 1.27rem; padding-bottom: 1.52rem; }

.about4-text-tit { font-weight: bold; }

.about4-text-desc { line-height: 1.55556; opacity: .5; margin-top: .2rem; }

.about4-list { margin-top: .72rem; }

.about4-list-img { border-radius: .1rem; overflow: hidden; }

.about4-list-img .img { padding-top: calc(675 / 1200 * 100%); }

.about4-tab { border-bottom: 1px solid rgba(0, 0, 0, 0.2); margin-top: .52rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 100%; }

.about4-tab-item { width: auto; max-width: 100%; padding: .24rem .2rem; margin-right: .4rem; cursor: pointer; opacity: .5; position: relative; }

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

.about4-tab-item:before { content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background-color: #000; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.about4-tab-item:hover, .about4-tab-item.active { opacity: 1; }

.about4-tab-item:hover:before, .about4-tab-item.active:before { width: 100%; left: 0; }

.about4-list2 { color: rgba(0, 0, 0, 0.5); margin-top: .44rem; }

.about4-list2-item { display: none; line-height: 1.625; }

.about4-list2-item.active { display: block; -webkit-animation: fade-up .3s forwards; animation: fade-up .3s forwards; }

@media (max-width: 900px) { .about4-tab-item { margin-right: 1em; } }

/* 方案 - end */
/* 产品 - start */
.about5 { min-height: 7.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.about5-text { width: 100%; padding: 4.4% 5% 5%; }

.about5-text-tit { line-height: 1.2037; }

.about5-text-btns { margin-top: .46rem; }

/* 产品 - end */
/* prod list - start */
.md_prod { height: calc(100vh - .8rem); position: relative; }

.md_prod-cate {position: relative;left: 0;top: 0;width: calc(320 / 1920 * 100%);height: 100%;}

.md_prod-cate1 { height: 100%; overflow-y: auto; padding: .4rem 0 .4rem .92rem; background: #000; position: relative; z-index: 3; }

.md_prod-cate1-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 100%; }

.md_prod-cate1-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; cursor: pointer; margin-bottom: .4rem; }

.md_prod-cate1-item:last-of-type { margin-bottom: 0; }

.md_prod-cate1-item:hover .md_prod-cate1-tit, .md_prod-cate1-item.active .md_prod-cate1-tit { border-bottom: 1px solid rgba(255, 255, 255, 0.18); }

.md_prod-cate1-item:hover .md_prod-cate1-tit span:before, .md_prod-cate1-item.active .md_prod-cate1-tit span:before { width: 100%; }

.md_prod-cate1-icon { font-size: 0; }

.md_prod-cate1-icon img { width: .4rem; height: .4rem; -o-object-fit: contain; object-fit: contain; min-width: 30px; min-height: 30px; }

.md_prod-cate1-tit { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-bottom: 1px solid transparent; }

.md_prod-cate1-tit span { display: inline-block; padding: .11rem 0; padding-right: 1em; position: relative; }

.md_prod-cate1-tit span:before { content: ''; position: absolute; bottom: -1px; left: 0; width: 0; height: 1px; background: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md_prod-cate2 { position: absolute; left: 100%; top: 0; z-index: 2; width: 2.3rem; height: 100%; overflow-y: auto; background-color: rgba(17, 17, 17, 0.9); color: rgba(255, 255, 255, 0.4); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; visibility: hidden; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; }

.md_prod-cate2-list { padding: .4rem 0; display: none; min-height: 100%; }

.md_prod-cate2-list.active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md_prod-cate2-item { display: block; line-height: 2; padding-left: .6rem; margin-bottom: .08rem; }

.md_prod-cate2-item:last-of-type { margin-bottom: 0; }

.md_prod-cate2-item:hover { color: #fff; }

.md_prod-cate.show .md_prod-cate2 { visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; }

.md_prod-ban { height: 100%; }

.md_prod.pop { position: fixed; left: 0; top: 0.8rem; z-index: 100; width: 100%; display: none; }

.md_prod.pop.over { top: .6rem; height: calc(100vh - 0.6rem); }
.md_prod.pop.show { display: flex; -webkit-animation: fade-in .5s forwards; animation: fade-in .5s forwards; }
.md_prod.pop .md_prod-cate { position: relative; }
.md_prod.pop .md_prod-ban{ flex: 1; }

@media (max-width: 900px) { .md_prod.pop { top: 50px !important; height: calc(100vh - 50px) !important; } }

@media (max-width: 900px) { .md_prod { height: calc(100vh - 50px); }
  .md_prod-cate { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
  .md_prod-cate1 { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 100%; padding-left: 3vw; padding-right: 3vw; background-color: rgba(17, 17, 17, 0.5); }
  .md_prod-cate1-item { display: block; text-align: center; }
  .md_prod-cate1-icon { width: 30px; height: 30px; line-height: 30px; margin: auto; }
  .md_prod-cate1-tit span { padding-right: 0; }
  .md_prod-cate2 { left: 50%; width: 100%; background-color: rgba(17, 17, 17, 0.4); color: #fff; }
  .md_prod-cate.show .md_prod-cate1 { width: 50%; } }

/* prod list - end */
/* prod banner - start */
.prod1 { position: relative; }

.prod1-title { position: absolute; left: 0; top: 16.6%; width: 100%; font-weight: bold; }

.prod1-btns { position: absolute; left: 0; bottom: 9.4%; width: 100%; }

/* prod banner - end */
/* prod config - start */
.prod2-layout { padding-top: 1.25rem; padding-bottom: 1.29rem; margin-left: auto; margin-right: auto; width: 12rem; max-width: 90%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

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

.prod2-title { font-weight: bold; }

.prod2-cnt { margin-top: .69rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.prod2-img { width: calc(420 / 1200 * 100%); margin-right: calc(122 / 1200 * 100%); margin-top: .24rem; }

.prod2-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

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

.prod2-list-item { width: 33%; margin-top: .2rem; margin-bottom: .21rem; }

.prod2-list-t2 { margin-top: .1rem; }

.prod2-btn { background-color: #4d4e4e; color: #fff; 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; height: .4rem; min-height: 35px; border-radius: .5rem; padding: 0 .15rem; margin-top: .12rem; }

.prod2-btn img { width: .18rem; min-width: 14px; margin-right: .1rem; }

.prod2-btn:hover { background: #000; }

@media (max-width: 900px) { .prod2-cnt { display: block; }
  .prod2-img { display: block; margin: auto; width: auto; max-width: 100%; }
  .prod2-list { margin-top: .3rem; }
  .prod2-list-item { width: 50%; }
  .prod2-btns { text-align: center; margin-top: .3rem; } }

/* prod config - end */
/* prod intro - start */
.prod3-layout { padding-top: 1.24rem; padding-bottom: .95rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-left: auto; margin-right: auto; width: 12rem; max-width: 90%; }

.prod3-tit { font-weight: bold; }

.prod3-desc { line-height: 1.66667; /* padding: 0 2rem; */ margin-top: .27rem; }

.prod3-img {margin-top: .93rem;position: relative;width: fit-content;max-width: 100%;margin-left: auto;margin-right: auto;}

.prod3-img .point {position: absolute;z-index: 2;cursor: pointer;width: .37rem;height: .37rem;background: #323234 url(../images/i-add-2.png) no-repeat center;background-size: calc(17 / 37 * 100%);border-radius: 50%;transform: translate(-50%, -50%);}

.prod3-img .point:hover { color: #000; }

.prod3-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; margin-top: .97rem; }

.prod3-list-item { margin-bottom: .3rem; }

.prod3-list-icon { height: .4rem; min-height: 20px; font-size: 0; }

.prod3-list-icon img { height: 100%; }

.prod3-list-t1 { margin-top: .26rem; }

.prod3-list-t2 { margin-top: .1rem; }

@media (max-width: 900px) { .prod3-desc { padding: 0; }
  .prod3-list { display: block; }
  .prod3-list-t1 { margin-top: .1rem; } }

/* prod intro - end */
/* prod imgs - start */
.prod4 { padding-top: 1.23rem; padding-bottom: 1.3rem; }

.prod4-text { margin-left: auto; margin-right: auto; width: 12rem; max-width: 90%; }

@media (max-width: 1920px) { .prod4-text { width: 1200px; } }

.prod4-tit { font-weight: bold; }

.prod4-desc { line-height: 1.66667; margin-top: .27rem; }

.prod4-list { margin-top: .73rem; }

.prod4-list-item { border-radius: .1rem; overflow: hidden; }

.prod4-list-item .c-pic { position: relative; }

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

.prod4-list-item .img { padding-top: calc(625 / 1000 * 100%); }

.prod4-list-item.swiper-slide-active .c-pic::before { opacity: 0; }

.prod4-list-controls { margin-top: .4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.prod4-list-controls .swiper-pagination { position: static; height: 0.5rem; background-color: #4d4e4e; border-radius: .5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 .23rem; }

.prod4-list-controls .swiper-pagination-bullet { background-color: #a6a7a7; width: .08rem; height: .08rem; min-width: 5px; min-height: 5px; border-radius: .08rem; opacity: 1; margin: 0 0.1rem 0 0 !important; }

.prod4-list-controls .swiper-pagination-bullet-active { width: .42rem; position: relative; }

.prod4-list-controls .swiper-pagination-bullet-active:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 0; border-radius: .08rem; -webkit-animation: width-to-100 5s linear forwards; animation: width-to-100 5s linear forwards; background-color: #fff; }

.prod4-list-controls .btn-video { margin-left: .1rem; width: .5rem; height: .5rem; border-radius: .5rem; line-height: .5rem; background-color: #4d4e4e; text-align: center; font-size: 0; }

.prod4-list-controls .btn-video img { width: .13rem; vertical-align: middle; }

/* prod imgs - end */
.prod5 { position: fixed; z-index: 10; right: 0.6rem; bottom: 30%; }

.prod5-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 1.74rem; height: .46rem; min-height: 40px; border-radius: .6rem; background-color: #4a4a4b; margin-bottom: .25rem; padding: 0 1em; }

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

.prod5-item img { width: .16rem; min-width: 14px; margin-right: .1rem; }

.prod5-item:hover { background-color: #000; }

@media (max-width: 900px) { .prod5 { right: .1rem; }
  .prod5-item { width: 40px; min-width: auto; }
  .prod5-item img { margin-right: 0; }
  .prod5-item span { display: none; } }

.page_buy { background-color: #ededed; }

.buy1 { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.buy1-lf { position: -webkit-sticky; position: sticky; top: .8rem; z-index: 2; height: calc(100vh - .8rem); margin-left: .9rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.buy1-lf .sec1-tit { position: absolute; left: 0; top: 1.43rem; z-index: 2; width: 100%; text-align: center; }

.buy1-img { height: 100%; }

.buy1-img .swiper-container { height: 100%; }

.buy1-img .img-wrap { 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; }

.buy1-img .img-wrap img { max-width: 70%; max-height: 70%; }

.buy1-img .model { width: 70%; height: 70%; display: none; }

.buy1-img .btn { position: absolute; top: 50%; z-index: 2; width: .4rem; height: .4rem; min-width: 26px; min-height: 26px; border-radius: .1rem; background-repeat: no-repeat; background-position: center; background-size: .06rem; cursor: pointer; }

.buy1-img .btn.prev { left: 0; background-image: url(../images/i-prev.png); }

.buy1-img .btn.next { right: 6%; background-image: url(../images/i-next.png); }

.buy1-img .btn.swiper-button-disabled { opacity: .3; cursor: not-allowed; }

.buy1-intro { line-height: 1.78571; position: absolute; left: 0; bottom: 1rem; z-index: 2; width: 100%; padding: 0 5%; }

.buy1-nav { position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

@media (any-hover: hover) { .buy1-nav:hover .buy1-nav-bd { margin-top: 0; visibility: visible; opacity: 1; } }

.buy1-nav-wrap { position: fixed; top: 0; z-index: 3; top: 0; padding-top: 2.26rem; padding-bottom: .2rem; width: 6.54rem; background: #ededed; }

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

.buy1-nav-hd img { width: .1rem; min-width: 10px; margin-left: .1rem; }

.buy1-nav-bd { position: absolute; top: 100%; left: 50%; padding-top: .15rem; width: -webkit-max-content; width: -moz-max-content; width: max-content; visibility: hidden; opacity: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-top: .2rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.buy1-nav-bd.show { margin-top: 0; visibility: visible; opacity: 1; }

.buy1-nav-bd2 { background-color: #fff; border-radius: .1rem; padding: .1rem; position: relative; -webkit-box-shadow: 0 0 15px 0 #7f7f7f; box-shadow: 0 0 15px 0 #7f7f7f; }

.buy1-nav-bd2:before { content: ''; position: absolute; left: 50%; top: 0; width: .1rem; height: .1rem; background-color: #fff; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }

.buy1-nav-opt { cursor: pointer; text-align: center; margin-bottom: 1em; max-width: 14em; }

.buy1-nav-opt:hover, .buy1-nav-opt.active { color: #000; }

.buy1-config { width: calc(660 / 1920 * 100%); max-width: 100%; padding-right: 5%; padding-bottom: 60vh; }

.buy1-config .sec { padding: .8rem 0 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: relative; }

.buy1-config .sec-cnt { width: 5rem; max-width: 100%; }

.buy1-config .sec-desc { line-height: 1.71429; margin-top: .15rem; max-height: calc(24 / 14 * 6em); overflow-y: auto; }

.buy1-config .sec-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .14rem; }

.buy1-config .sec-list-item { min-width: 1.5rem; height: .5rem; min-height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid rgba(0, 0, 0, 0.4); border-radius: .1rem; margin-right: .3rem; margin-top: .2rem; padding: 0 .1rem; cursor: pointer; }

.buy1-config .sec-list-item img { width: 0.06rem; min-width: 4px; margin-left: .1rem; }

.buy1-config .sec-list-item:last-of-type { margin-right: 0; }

.buy1-config .sec-list-item:hover { color: #000; }

.buy1-config .sec-list-item.on { border-width: 2px; border-color: #000; color: #000; }

.buy1-config .sec-list2-item { display: none; }

.buy1-config .sec-list2-item.on { display: block; }

.buy1-config .next-sec-tit { display: none; width: 100%; line-height: 1.5; margin-top: 1.2rem; cursor: pointer; }

.buy1-config .next-sec-tit:hover { color: #000; }

.buy1-config .color { margin-top: .33rem; }

.buy1-config .color-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.buy1-config .color-icon-item { border-radius: 50%; width: .6rem; height: .6rem; margin-right: .35rem; margin-top: .1rem; position: relative; padding: 3px; border: .02rem solid transparent; cursor: pointer; }

.buy1-config .color-icon-item:last-of-type { margin-right: 0; }

.buy1-config .color-icon-item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; }

.buy1-config .color-icon-item.on { border-color: #000; }

.buy1-config .color-tx { margin-top: .34rem; line-height: 1.71429; }

.buy1-config .color-tx-item { display: none; }

.buy1-config .color-tx-item.on { display: block; }

.buy1-config .sec1 .sec-cnt { width: 4.36rem; }

.buy1-config .sec1-data { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .18rem; text-align: center; display: none; }

.buy1-config .sec1-data-item { margin-top: .2rem; }

.buy1-config .sec1-data-t2 { margin-top: .08rem; }

.buy1-config .sec1-data.active { display: -webkit-box; display: -ms-flexbox; display: flex; }

.buy1-config .sec1-list { margin-top: 1rem; }

.buy1-config .sec1-list-item { height: .6rem; min-height: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid rgba(0, 0, 0, 0.4); border-radius: .1rem; margin-bottom: .25rem; padding: 0 .2rem; cursor: pointer; }

.buy1-config .sec1-list-item:last-of-type { margin-bottom: 0; }

.buy1-config .sec1-list-item.active { border-width: 2px; border-color: #000; color: #000; }

.buy1-config .sec1-list-item:hover { color: #000; }

.buy1-config .sec1-list-item input { display: none; }

.buy1-config .sec1-list-tit { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.buy1-config .sec1-list-tit img { width: 0.06rem; min-width: 4px; margin-left: .1rem; }

.buy1-config .sec1-list-tit:hover { text-decoration: underline; }

.buy1-config .sec1-list-price { margin-left: auto; }

.buy1-config .sec1 .next-sec-tit { margin-top: 1.48rem; }

.buy1-config .sec2 .sec-cnt { width: 4.4rem; }

.buy1-config .sec3 .sec-cnt { width: 5rem; }

.buy1-config .sec4 .sec-cnt { width: 4.7rem; }

.buy1-config .sec6 .sec-cnt { width: 4.35rem; }

.buy1-config .sec6-row1 { 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; }

.buy1-config .sec6-row1-price { margin-left: auto; }

.buy1-config .sec6-list { margin-top: .55rem; }

.buy1-config .sec6-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: .1rem .15rem; background-color: #fff; border-radius: .1rem; margin-bottom: .2rem; }

.buy1-config .sec6-list-item:last-of-type { margin-bottom: 0; }

.buy1-config .sec6-list-img { width: .7rem; height: .7rem; min-width: 45px; min-height: 45px; border-radius: .1rem; overflow: hidden; margin-right: .1rem; }

.buy1-config .sec6-list-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.buy1-config .sec6-list-tx { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.buy1-config .sec6-list-t1 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: .07rem; cursor: pointer; }

.buy1-config .sec6-list-t1 img { width: .06rem; min-width: 4px; margin-left: 0.1rem; }

.buy1-config .sec6-list-t1:hover { text-decoration: underline; }

.buy1-config .sec6-list-t2 { margin-top: .18rem; }

.buy1-config .sec6-list-check { margin-top: auto; margin-bottom: .03rem; width: .24rem; height: .24rem; min-width: 18px; min-height: 18px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/i-check-1.png) no-repeat center/contain; }

.buy1-config .sec6-list-check:checked { background-image: url(../images/i-check-2.png); }

.buy1-config .sec6 .m-more { width: 100%; min-height: .6rem; margin-top: .7rem; }

@media (max-width: 1400px) { .buy1-config .sec-right { padding-right: 5%; }
  .buy1-config .sec-cnt { width: 100% !important; } }

@media (max-width: 900px) { .buy1 { display: block; }
  .buy1-lf { position: relative; top: 0; left: 0; margin: 0; height: auto; background: #ededed; -webkit-box-shadow: 0 0 .1rem 0 #eee; box-shadow: 0 0 .1rem 0 #eee; }
  .buy1-lf .sec1-tit { top: .8rem; }
  .buy1-nav { left: 0; top: 10%; width: 100%; }
  .buy1-nav-hd { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .buy1-nav-wrap { position: -webkit-sticky; position: sticky; padding-top: 60px !important; padding-left: 5%; padding-right: 5%; width: auto !important; }
  .buy1-img { width: 100vw; height: 80vw; }
  .buy1-img .btn { background-size: 4px; }
  .buy1-img .btn.prev { left: 4%; }
  .buy1-img .btn.next { right: 4%; }
  .buy1-img .img-wrap { padding-bottom: 0; }
  .buy1-intro { position: static; line-height: 1.5; bottom: 0; width: 100%; padding: 0 5%; }
  .buy1-config { width: 500px; max-width: 100%; margin-left: auto; margin-right: auto; padding: 0 5%; }
  .buy1-config .sec { display: block; min-height: auto; padding: 1rem 0; }
  .buy1-config .next-sec-tit { display: none; }
  .buy1-config .sec1-list { margin-top: .5rem; }
  .buy1-config .sec6-list { margin-top: .2rem; }
  .buy1-config .sec6 .m-more { margin-top: .2rem; } }

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

.buy2-lf { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 1.1rem; text-align: center; padding-top: 1.69rem; padding-bottom: 1.7rem; }

.buy2-lf-img { margin-top: 1.33rem; font-size: 0; }

.buy2-lf-img img { max-width: 90%; }

.buy2-lf-reconfig { 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: 1.05rem; cursor: pointer; }

.buy2-lf-reconfig img { width: 0.17rem; min-width: 14px; margin-right: .1rem; }

.buy2-lf-reconfig:hover { color: #000; }

.buy2-rg { width: calc(660 / 1920 * 100%); padding-top: 1rem; padding-bottom: .96rem; }

.buy2-rg .list { width: 5.3rem; max-width: 100%; }

.buy2-rg .list-item { margin-bottom: .3rem; }

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

.buy2-rg .list-cnt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: .17rem; }

.buy2-rg .list-price { margin-left: auto; min-width: .6rem; text-align: center; }

.buy2-rg .list-color { width: .4rem; height: .4rem; border-radius: 50%; -o-object-fit: cover; object-fit: cover; margin-right: .29rem; }

.buy2-rg .list-opt { border: 1px solid rgba(0, 0, 0, 0.4); border-radius: .1rem; padding: .05rem .15rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: .34rem; margin-right: .24rem; }

.buy2-rg .list-name { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.buy2-rg .list2 { width: 100%; margin-top: .06rem; }

.buy2-rg .list2-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .15rem; }

.buy2-rg .list2-item:last-of-type { margin-bottom: 0; }

.buy2-rg .list2-img { width: .45rem; height: .45rem; border-radius: .08rem; -o-object-fit: cover; object-fit: cover; margin-right: .25rem; }

.buy2-rg .list2-tit { cursor: pointer; }

.buy2-rg .list2-tit img { width: .06rem; min-width: 4px; margin-left: .1rem; opacity: .6; }

.buy2-rg .list2-tit:hover { color: #000; }

.buy2-rg .list2-price { margin-left: auto; }

.buy2-rg .row1 { width: 5.3rem; max-width: 100%; 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; margin-top: .38rem; }

.buy2-rg .row1-btn { min-width: 1.8rem; min-height: .44rem; }

.buy2-rg .link { width: 6.1rem; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .13rem; }

.buy2-rg .link-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: .2rem; margin-right: 2em; }

.buy2-rg .link-item img { width: .12rem; min-width: 10px; margin-right: .17rem; }

.buy2-rg .link-item:hover { color: #000; }

@media (max-width: 1500px) { .buy2-rg .list { width: 80%; }
  .buy2-rg .row1 { width: 80%; }
  .buy2-rg .link { width: 80%; } }

@media (max-width: 900px) { .buy2 { display: block; }
  .buy2-lf { margin-left: 0; padding-bottom: 5%; }
  .buy2-rg { width: 100%; padding: 10% 5%; }
  .buy2-rg .list { width: 100%; }
  .buy2-rg .list-item { margin-bottom: 20px; }
  .buy2-rg .row1 { width: 100%; }
  .buy2-rg .link { width: 100%; } }

.buy_pop { display: none; }

.buy_pop .mask { position: fixed; left: 0; top: 0; z-index: 20; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); }

.buy_pop .main { position: fixed; left: 50%; top: 50%; z-index: 21; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 9.65rem; max-width: 90%; min-height: 5.4rem; max-height: 90%; overflow-y: auto; background-color: #fff; border-radius: .1rem; display: -webkit-box; display: -ms-flexbox; display: flex; }

.buy_pop .close { position: absolute; right: 0.2rem; top: .2rem; z-index: 2; width: .3rem; height: .3rem; min-width: 26px; min-height: 26px; border-radius: 50%; background: #000; text-align: center; border: none; cursor: pointer; }

.buy_pop .close img { width: .1rem; min-width: 10px; vertical-align: middle; }

.buy_pop .img { width: calc(525 / 965 * 100%); }

.buy_pop .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-top: .55rem; padding-bottom: .6rem; padding-left: .5rem; padding-right: .3rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.buy_pop .desc { line-height: 1.5625; margin-top: .27rem; overflow-y: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.buy_pop .btns { text-align: center; margin-top: .2rem; }

.buy_pop .btn { min-width: 2.9rem; min-height: .44rem; padding: .5em; 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; border-radius: .1rem; border: 1px solid rgba(0, 0, 0, 0.4); cursor: pointer; background-color: transparent; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-color: #fff; }

.buy_pop .btn:hover { background-color: #000; color: #fff; }

@media (max-width: 1920px) { .buy_pop .main { width: 965px; height: 540px; } }

@media (max-width: 800px) { .buy_pop .main { height: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .buy_pop .img { width: 100%; padding-top: 50%; }
  .buy_pop .text { padding: 5%; } }