@charset "utf-8"; /*ljcong 2020.03.16*/ * { margin: 0; border: 0; padding: 0; font-family: Arial, Tahoma, "微软雅黑", Microsoft YaHei, "宋体", SimSun; box-sizing: border-box; word-break: break-word; } a { color: inherit; outline: none; text-decoration: none; } pre { white-space: pre-wrap; } ul, li, ol { list-style-type: none; } body { background: #fff; } input, textarea, button, select, body { font-size: 14px; } input, textarea, button, select, input[type="submit"], input[type="reset"], input[type="button"], input[type="text"] { outline: none; resize: none; } input[type="button"], button, select { cursor: pointer; outline: none; } img, .block, canvas { display: block; } em, i { font-style: normal; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"] { -moz-appearance: textfield; } /*宽度*/ .w-100 { width: 100%; } .h-100 { height: 100%; } .w-1200 { width: 62.5%; } .w-1400 { width: 73%; } .w-1600 { width: 84%; } .w-1200, .w-1400, .w-1600 { margin: 0 auto; } .w-50 { width: 50%; } /*字号*/ .f-0 { font-size: 0; } .f-12 { font-size: 15px; } .f-14 { font-size: 14px; } .f-16 { font-size: 16px; } .f-18 { font-size: 18px; } .f-20 { font-size: 20px; } .f-22 { font-size: 22px; } .f-24 { font-size: 1.25vw; } .f-26 { font-size: 1.35vw; } /*---------------------------------*/ .f-28 { font-size: 1.45vw; } .f-30 { font-size: 1.55vw; } .f-32 { font-size: 1.65vw; } .f-34 { font-size: 1.75vw; } .f-36 { font-size: 1.85vw; } .f-38 { font-size: 1.95vw; } .f-40 { font-size: 2.1vw; } .f-42 { font-size: 2.2vw; } .f-44 { font-size: 2.3vw; } .f-46 { font-size: 2.4vw; } .f-48 { font-size: 2.5vw; } .f-50 { font-size: 2.6vw; } .f-52 { font-size: 2.7vw; } .f-54 { font-size: 2.8vw; } .f-56 { font-size: 2.9vw; } .f-58 { font-size: 3vw; } .f-60 { font-size: 3.12vw; } .f-66 { font-size: 3.44vw; } .f-72 { font-size: 3.75vw; } .f-78 { font-size: 4.06vw; } .f-80 { font-size: 4.16vw; } .f-90 { font-size: 4.69vw; } .f-100 { font-size: 5.2vw; } .f-130 { font-size: 6.77vw; } .f-160 { font-size: 8.33vw; } .f-240{font-size:12.5vw;} /*颜色*/ .b-fff { background: #fff; } .b-f5 { background: #f5f5f5; } .b-ddd{background:#ddd;} .b-eee{background:#eee;} .b-000{background:#000;} .c-fff { color: #fff; } .c-f5 { color: #f5f5f5; } .c-aaa { color: #aaa; } .c-eee { color: #eee; } .c-ddd { color: #ddd; } .c-bbb { color: #bbb; } .c-ccc { color: #ccc; } .c-999 { color: #999; } .c-888 { color: #888; } .c-777 { color: #777; } .c-666 { color: #000; } .c-555 { color: #555; } .c-444 { color: #444; } .c-333 { color: #333; } .c-222 { color: #222; } /*对齐方式*/ .flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .flex0 { flex-shrink: 0; } .flex1 { flex: 1; } .flex-wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .flex-Y-top { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; align-items: flex-start; } .flex-Y-center { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .flex-Y-bottom { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; } .flex-X-center { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; } .flex_dj { display: flex; justify-content: space-between; width: 100%; box-sizing: border-box; flex-wrap: wrap; align-content: flex-start; } .flex_dh { display: flex; justify-content: space-around; width: 100%; box-sizing: border-box; flex-wrap: wrap; align-content: flex-start; } .flex-col{-webkit-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;} .flex-row-res{-moz-flex-direction: row-reverse;-ms-flex-direction: row-reverse;-o-flex-direction: row-reverse;-webkit-flex-direction: row-reverse;flex-direction: row-reverse;} .dis-t, .dis-m, .dis-b, .SJ { display: inline-block; } .dis-t, .SJ { vertical-align: top; } .dis-m { vertical-align: middle; } .dis-b { vertical-align: bottom; } .v-align-m1, .v-align-m2 { font-size: 0; } .v-align-m1:before, .v-align-m2:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .m-ot { margin: 0 auto; } /*字体*/ .bold { font-weight: bold; } .c-point { cursor: pointer; outline: none; } .f-st { font-family: "宋体", SimSun; } .f-ta { font-family: Tahoma, Geneva, sans-serif; } .f-impact { font-family: impact; } .font-over1 { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .font-over2 { word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .text-u { text-transform: uppercase; } .text-c { text-transform: capitalize; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } /*尺寸*/ .m-WH100 { max-height: 100%; max-width: 100%; } .m-W100{max-width:100%;} /*显示/隐藏尺寸*/ .pc, .pc-800 { display: block; } .mob, .mob-800,.hide{ display: none; } .ov-h { overflow: hidden; } .ov-ot { overflow: auto; -webkit-overflow-scrolling: touch; } /*伪类*/ .before:before, .after:after { content: ''; } /*三角形*/ .SJ { border-style: solid; width: 0; height: 0; } /*right*/ .SJ.right { border-color: transparent transparent transparent #000; border-width: 4px 0 4px 4px; } /*left*/ .SJ.left { border-color: transparent #000 transparent transparent; border-width: 4px 4px 4px 0; } /*向下*/ .SJ.bottom { border-color: #000 transparent transparent transparent; border-width: 4px 4px 0px 5px; } /*向上*/ .SJ.top { border-color: transparent transparent #000 transparent; border-width: 0 4px 4px 4px; } /*向左下*/ .SJ.left_bottom { border-color: transparent transparent #000 #000; border-width: 4px; } /*圆形描边-关闭按钮*/ .border-close { width: 30px; height: 30px; position: relative; z-index: 0; border-radius: 50%; border: 1px solid #000; overflow: hidden; cursor: pointer; outline: none; } .border-close:before, .border-close:after { content: ''; width: 50%; height: 1px; background: #000; position: absolute; z-index: 0; left: 50%; top: 50%; } .border-close:before { transform: translate(-50%, -50%) rotate(45deg); } .border-close:after { transform: translate(-50%, -50%) rotate(-45deg); } /*浮动*/ .clear { display: inline-block; vertical-align: top; width: 100%; } .float-R { float: right; } .float-L { float: left; } /*IE8透明度*/ .op-05 { opacity: 0.5; filter: Alpha(opacity=50); } /*border*/ .bdr50 { border-radius: 50%; } .bdr999 { border-radius: 999px; } /*通用背景*/ .public-bg { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; z-index: 0; opacity: 0.5; filter: Alpha(opacity=50); } [id*="public-bg"] { display:none; } /*定位*/ .pos-r, .arrow { position: relative; z-index: 0; } .pos-a { position: absolute; z-index: 0; } .fixed { position: fixed; z-index: 0; } .XYcenter { top: 50%; left: 50%; transform: translate(-50%, -50%); } .Ycenter { top: 50%; transform: translateY(-50%); } .Xcenter { left: 50%; transform: translateX(-50%); } /*点击常用动作*/ .change-top.on { opacity: 1; position: static; z-index: 0; transform: translate(0); transition-delay: 0.3s; } .change-top { z-index: -1; position: absolute; width: 100%; opacity: 0; top: 0; left: 0; transform: translateY(calc(100vw / 40)); transition: 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s; } /*过渡时间*/ .tr-ease-03 { transition: 0.3s ease 0s; } .tr-ease-05 { transition: 0.5s ease 0s; } .tr-ease { transition-timing-function: ease; } .tr-linear { transition-timing-function: linear; } .tr-time03 { transition-duration: 0.3s; } .tr-time04 { transition-duration: 0.4s; } .tr-time05 { transition-duration: 0.5s; } .tr-time06 { transition-duration: 0.6s; } .tr-time07 { transition-duration: 0.7s; } .tr-time08 { transition-duration: 0.8s; } .tr-time09 { transition-duration: 0.9s; } .tr-time10 { transition-duration: 1s; } .tr-delay0 { transition-delay: 0s; } .tr-delay01 { transition-delay: 0.1s; } .tr-delay02 { transition-delay: 0.2s; } .tr-delay03 { transition-delay: 0.3s; } .tr-delay04 { transition-delay: 0.4s; } .tr-delay05 { transition-delay: 0.5s; } .tr-delay06 { transition-delay: 0.6s; } .tr-delay07 { transition-delay: 0.7s; } .tr-delay08 { transition-delay: 0.8s; } .tr-delay09 { transition-delay: 0.9s; } .tr-delay10 { transition-delay: 1s; } /*形状*/ .circle-bg, .circle-border { width: 50px; height: 50px; border-radius: 50%; } .circle-bg { background: #000; } .circle-border { border: 2px solid #000; } /*箭头*/ .arrow:before { content: ''; display: block; width: 8px; height: 8px; border: 2px solid #000; transform: translateY(-50%) rotate(45deg); box-sizing: border-box; } .long-arrow { position: relative; z-index: 0; } .long-arrow:after, .arrow:before { position: absolute; z-index: 0; top: 50%; } .long-arrow.right:before { right: 0; } .long-arrow.left:before { left: 0; } .long-arrow:after { width: 100%; height: 2px; background: #000; content: ''; transform: translateY(-50%); left: 0; } .arrow.right:before { border-bottom: none; border-left: none; } .arrow.left:before { border-top: none; border-right: none; } .arrow-line:before, .arrow-line:after { content: ''; display: block; width: 20px; height: 1px; background: #000; } .arrow-line.right:before { transform: rotate(45deg); transform-origin: right bottom; } .arrow-line.right:after { transform: rotate(-45deg); transform-origin: right top; } .arrow-line.left:before { transform: rotate(-45deg); transform-origin: left bottom; } .arrow-line.left:after { transform: rotate(45deg); transform-origin: left top; } /*alert*/ .Alert-box { position: fixed; z-index: 9999999999; left: 0; top: 0; } .Alert { position: fixed; z-index: 0; padding: 15px 30px; border-radius: 5px; background:#fff; color: #666; box-shadow:0 5px 30px 0 rgba(0,0,0,0.1); line-height:1.7;} .Alert-box .public-bg { background: none; } /*图片*/ .img-cover { width: 100%; height: 100%; object-fit: cover;} .IMG .figure{padding:50% 0;} /*上间距*/ .pdt-80{padding-top:4.2vw;} .pdt-140{padding-top:7.29vw;} .pdb-140{padding-bottom:7.29vw;} .mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 0.75vw; } .mt-20 { margin-top: 1vw; } .mt-30 { margin-top: 1.56vw; } .mt-40 { margin-top: 2.08vw; } .mt-50 { margin-top: 2.6vw; } .mt-60 { margin-top: 3.1vw; } .mt-70 { margin-top: 3.65vw; } .mt-80 { margin-top: 3.2vw; } .mt-100 { margin-top: 3vw; } .mt-130 { margin-top: 5vw; } .mt-140 { margin-top: 7.29vw; } .mt-150 { margin-top: 7.81vw; } .mt-200 { margin-top: 10.42vw; } .mt-230{ margin-top:12vw;} @media screen and (min-width: 801px) { .select { -moz-appearance: none; -webkit-appearance: none; appearance: none; } .select::-ms-expand { display: none; } .pc800-flex1 { flex: 1; } .Alert{max-width:500px;} /*布局*/ .pc800_list2 .list{width:49%; margin-left:2%;} .pc800_list3 .list{width:32%; margin-left:2%;} .pc800_list4 .list{width:23.5%; margin-left:2%;} .pc800_list2 .list:nth-child(2n+1),.pc800_list3 .list:nth-child(3n+1),.pc800_list4 .list:nth-child(4n+1){margin-left:0%;} } @media screen and (min-width: 1101px) { .pc-flex1 { flex: 1; } .scale_hover:hover .figure{ transform:scale(1.1);} } @media screen and (max-width: 1500px) { .f-14 { font-size: 12px; } .f-16 { font-size: 14px; } .f-18 { font-size: 16px; } .f-20 { font-size: 18px; } .f-22 { font-size: 20px; } } @media screen and (max-width: 1100px) { .pc { display: none; } .mob { display: block; } .f-16 { font-size: 12px; } .f-18 { font-size: 14px; } .f-20 { font-size: 16px; } .f-22 { font-size: 18px; } .f-24, .f-26 { font-size: 1.45vw; } .w-1200, .w-1400, .w-1600 { width: 92%; } .mob-flex1 { flex: 1; } } @media screen and (max-width: 800px ) { /*textarea, button, input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="tel"], input[type="radio"], input[type="checkbox"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; }* input[type="radio"], input[type="radio"]:before, input[type="radio"]:after { border-radius: 50%; } input[type="radio"], input[type="checkbox"] { border: 1px solid #004ea2; position: relative; z-index: 0; } input[type="radio"]:checked:after, input[type="checkbox"]:checked:after { opacity: 1; } input[type="radio"]:after, input[type="checkbox"]:after { width: 70%; height: 70%; content: ''; left: 15%; top: 15%; z-index: 1; opacity: 0; background: #004ea2; position: absolute; } input[type="radio"]:before, input[type="checkbox"]:before { content: ''; width: 100%; height: 100%; background: #fff; left: 0; top: 0; z-index: 0; position: absolute; } input[type="radio"], input[type="checkbox"] { position: relative; z-index: 0; width: 24px; height: 24px; }*/ .Alert { padding: 3vw 6vw; max-width:80%; } /*布局*/ .mob800_list2 .list{width:49%; margin-left:2%;} .mob800_list3 .list{width:32%; margin-left:2%;} .mob800_list1 .list{width:100%; margin-left:0;} .mob800_list2 .list:nth-child(2n+1),.mob800_list3 .list:nth-child(3n+1){margin-left:0%;} .pc-800 { display: none; } .mob-800 { display: block; } input[type="radio"], input[type="checkbox"] { width: 3vw; height: 3vw; } .f-m12 { font-size: 3.75vw; } .f-m14 { font-size: 4.375vw; } .f-m16 { font-size: 5vw; } .f-m18 { font-size: 5.625vw; } .f-m20 { font-size: 6.25vw; } .f-m22 { font-size: 6.875vw; } .f-m24 { font-size: 7.5vw; } .f-m26 { font-size: 8.125vw; } .f-m28 { font-size: 8.75vw; } .f-m30 { font-size: 9.375vw; } .f-m34 { font-size: 10.62vw; } .f-m38 { font-size: 11.8vw; } .f-m44 { font-size: 13.75vw; } .pdt-m40{padding-top:5.3vw;} .mt-m0{margin-top:0;} .mt-m10 { margin-top: 1.3vw; } .mt-m15 { margin-top: 2vw; } .mt-m20 { margin-top: 2.6vw; } .mt-m25 { margin-top: 3.3vw; } .mt-m30 { margin-top: 4vw; } .mt-m40 { margin-top: 5.3vw; } .mt-m50 { margin-top: 6.6vw; } .mt-m60 { margin-top: 8vw; } .mt-m70 { margin-top: 9.33vw; } .mt-m80 { margin-top: 10.6vw; } .mt-m100 { margin-top: 13.3vw; } .mt-m120 { margin-top: 16vw; } .mob800-flex1 { flex: 1; } } /* FILE ARCHIVED ON 11:07:24 Sep 25, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 02:31:56 Apr 21, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.551 exclusion.robots: 0.117 exclusion.robots.policy: 0.107 cdx.remote: 0.056 esindex: 0.009 LoadShardBlock: 95.362 (3) PetaboxLoader3.datanode: 124.91 (4) PetaboxLoader3.resolve: 86.106 (2) load_resource: 140.282 */