/*公用头部样式*/ .header { width: 100%; height: 66px; background-color: rgba(0,0,0,.8); } .header .w1200 { position: relative; height: 66px; } .header div.selbox { height: auto; } .header.fixed { position: fixed; top: 0; left: 0; z-index: 1111; } .header .hsz-logo { height: 34px; left: 0; top: 10px; } .header .hsz-logo a { display: block; } .header .hsz-logo img { display: block; height: 61px; } .header .hsz-logo h2 { display: none; } .header .header-nav { height: 66px; font-size: 0; text-align: left; } .header .header-nav .link, .header .header-nav .phone { display: inline-block; vertical-align: top; color: #fff; font-size: 16px; margin-right: 45px; height: 66px; line-height: 66px; position: relative } .header .header-nav .link:last-child { padding-right: 0 } .header .header-nav .link.curr { color: #30c8c6 } .header .header-nav .link.curr::before { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -12px; background: #30c8c6; width: 24px; height: 3px } .header .header-nav .link:hover::before { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -12px; background: #30c8c6; width: 24px; height: 3px } /* add */ .header .navbox { padding: 16px 0; color: #222; font-size: 16px; margin-right: 40px; margin-left: 338px; position: relative; } .header .navbox span { cursor: pointer; display: block; color: #fff; line-height: 34px; font-size: 14px; text-indent: 12px; width: 90px; height: 34px; border-radius: 18px; background-color:red; } .header .navbox i { display: block; position: absolute; top: 50%; right: 11px; margin-top: -2px; background: #30c8c6; background: url(/template/moban/images/all_sel_icon.png) no-repeat center; background-size: 100%; width: 7px; height: 4px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .header .navbox.selnavbox span { background-color: #30c8c6; } .header .navbox.selnavbox i { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .header .navboxshow { display: none; z-index: 9; width: 100%; position: absolute; left: 0; top: 66px; padding: 40px 0 34px 0; /* background-color: #fff; */ background: rgba(211,211,217,0.86) fixed; border-top: 1px solid #ececec; } .header .navboxshow .maskbox::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background: rgba(211,211,217,0.86) fixed; -webkit-filter: blur(2px); filter: blur(2px); } .header .navboxshow .selbox .item { padding-bottom: 15px; position: relative; } .header .navboxshow .selbox .item .title { width: 88px; height: 33px; line-height: 33px; font-size: 15px; color: #ffffff; margin-right: 20px; background-color: #30c8c6; text-align: center; position: absolute; left: 0; top: 0; z-index: 2; } .header .navboxshow .selbox .item .tags { padding-left: 108px; position: relative; z-index: 1; } .header .navboxshow .selbox .item .tags li { float: left; height: 33px; line-height: 33px; font-size: 15px; color: #666666; padding: 0 10px; margin-right: 15px; margin-bottom: 20px; } .header .navboxshow .selbox .item .tags li a { color: #666666; line-height: 33px; } .header .navboxshow .selbox .item .tags li a:hover { color: #30c8c6; } /*公用尾部样式*/ .footer-benefit-wrap { width: 100%; height: 165px; background-color: #f5f5f5; margin-top: 10px; } .footer-benefit-list { position: relative; width: 299px; height: 165px; -webkit-box-sizing: border-box; box-sizing: border-box } .footer-benefit-list::after { position: absolute; top: 50px; right: 0; content: ""; width: 1px; height: 46px; background: #e4e4e4 } .footer-benefit-list4::after { width: 0 } .fbi-img { display: block; width: 47px; height: 40px; margin: 53px 20px 0 18px } .footer-benefit-list1 .fbi-img { margin-left: 0 } .fbi-wrap { width: 214px; height: 165px } .fbi-wrap .p1 { font: 18px/18px "微软雅黑"; color: #333; padding: 38px 0 18px } .fbi-wrap .p2 { font: 14px/14px "微软雅黑"; color: #999; padding-bottom: 10px } .footer-meta-wrap .footer-top { font-size: 0; text-align: left; white-space: nowrap; overflow: hidden; } .footer-meta-wrap .footer-top .footer-left { width: 519px; height: 190px; display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 40px } .footer-meta-wrap .footer-top .footer-left .footer-title { height: 26px; line-height: 26px; color: #fff; font-size: 18px } .footer-meta-wrap .footer-top .footer-left .footer-tags { margin-top: 25px; font-size: 0; white-space: normal; } .footer-meta-wrap .footer-top .footer-left .footer-tags .tag { display: inline-block; vertical-align: top; height: 32px; line-height: 32px; padding: 0 10px; background: #1b1b1b; color: #737373; margin-right: 15px; margin-bottom: 10px; font-size: 14px; } .footer-meta-wrap .footer-top .footer-left .footer-tags .tag a { display: block; color: #737373 } .footer-meta-wrap .footer-top .footer-left .footer-tags .tag:hover { background: #30c8c6 } .footer-meta-wrap .footer-top .footer-left .footer-tags .tag:hover a { color: #fff } .footer-meta-wrap .footer-top .footer-qr-wraper { width: 216px; height: 124px; border-left: 1px solid #2c2c2e; border-right: 1px solid #2c2c2e; margin-top: 40px; display: inline-block; vertical-align: top } .footer-meta-wrap .footer-top .footer-qr-wraper .qr-img img { width: 100%; height: 100% } .footer-meta-wrap .footer-top .footer-qr-wraper .gz-text { line-height: 18px; color: #fff; font-size: 14px; text-align: center; margin-top: 10px } .footer-meta-wrap .footer-top .footer-rx-wraper { display: inline-block; vertical-align: top; width: 464px; height: 190px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 42px; padding-left: 47px; font-size: 0; text-align: left; white-space: normal } .footer-meta-wrap .footer-top .footer-rx-wraper .rx-item { display: inline-block; vertical-align: top; width: 208px } .footer-meta-wrap .footer-top .footer-rx-wraper .rx-item .rx-top { font-size: 0; text-align: left } .footer-meta-wrap .footer-top .footer-rx-wraper .rx-item .rx-top .rx-icon { width: 27px; height: 27px; display: inline-block; vertical-align: top; margin: 5px 5px 0 0 } .footer-meta-wrap .footer-top .footer-rx-wraper .rx-item .rx-top .rx-num { height: 34px; line-height: 34px; color: #fff; font-size: 18px; display: inline-block; vertical-align: top } .footer-meta-wrap .footer-top .footer-rx-wraper .rx-item .rx-top .rx-num a { color: #fff; } .footer-meta-wrap .footer-top .footer-rx-wraper .rx-item .rx-text { height: 26px; line-height: 26px; color: #6b6b6b; font-size: 14px; padding-left: 32px } .footer-mid { height: 60px; font-size: 0; border-top: 1px solid #2c2c2e } .footer-mid span { display: inline-block; vertical-align: top; margin-right: 20px; font-size: 14px; line-height: 60px; color: #7c7c7c } .footer-mid span a { display: block; line-height: 60px; color: #7c7c7c; font-size: 14px } .footer-bottom { border-top: 1px solid #2c2c2c; height: 56px; line-height: 56px; font-size: 12px; color: #7c7c7c }  /* FILE ARCHIVED ON 06:32:17 Dec 26, 2021 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 23:34:40 Nov 29, 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.765  exclusion.robots: 0.036  exclusion.robots.policy: 0.022  esindex: 0.012  cdx.remote: 9.314  LoadShardBlock: 100.667 (3)  PetaboxLoader3.datanode: 71.487 (4)  PetaboxLoader3.resolve: 111.724 (2)  load_resource: 100.312 */