body, ul, p, h2, h3 { padding: 0; margin: 0; } .fl { float: left; } .fr { float: right; } .mt10 { margin-top: 10px; } .mt20 { margin-top: 20px; } .mt30 { margin-top: 30px; } .mt50 { margin-top: 50px; } .mr20 { margin-right: 20px; } .pt30 { padding-top: 30px; } .clearfix:after { display: block; content: ""; height: 0; visibility: hidden; clear: both; } .orange{ color: #cc3300; font-style: normal; } /*头部 start*/ .header{ border-bottom: 2px solid #1A294B; } .header-container { margin: 0 auto; width: 1200px; height: 150px; } .header-top { height: 100px; } .header-img { float: left; display: inline-block; margin-top: 18px; } .head-banner { width: 218px; height: 64px; } .header-tit { float: left; margin-left: 30px; font-size: 28px; line-height: 100px; } .header-hotline { float: right; font-size: 28px; line-height: 100px; color: #cc3300; } .header-bottom { background: red; } .header-nav { height: 50px; } .header-nav .active { color: #fff; background: #1A294B; } .header-nav li { float: left; list-style-type: none; } .header-nav li a { display: inline-block; width: 130px; height: 50px; line-height: 50px; font-size: 20px; color: #000; text-align: center; text-decoration: none; } .header-nav li a:hover { color: #fff; background: #1A294B; } .header-code { position: relative; float: left; margin-left: 80px; } .header-code:hover .header-code-img { display: block; animation: showcode .3s forwards; } @keyframes showcode{ 0% {opacity: 0;top: 80px;} 100% {opacity: 1;top: 50px;} } @-webkit-keyframes showcode { 0% {opacity: 0;top: 80px;} 100% {opacity: 1;top: 50px;} } .header-code-tit { display: inline-block; font-size: 18px; height: 50px; line-height: 50px; color: #000; font-weight: bold; text-decoration: none; } .header-code-img { display: none; position:absolute; top: 50px; left: 0; padding: 15px; background: #fff; border: 1px solid #e5e5e5; box-sizing: border-box; } .header-code-img::before { position: absolute; top: -5px; left: 60.5px; display: inline-block; content: ''; width: 7px; height: 7px; background: #fff; border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; transform: rotate(45deg); } /*头部 end*/ .content { margin: 0 auto; width: 1200px; } .banner-left { float: left; width: 270px; height: 312px; } .index-tit { display: inline-block; width: 135px; height: 50px; line-height: 50px; font-size: 24px; color: #cd3500; text-align: center; } .banner { float: right; width: 930px; height: 312px; background: yellow; } .banner-form { overflow: hidden; border-bottom: 1px solid #1A294B; } .banner-form ul li { float: left; width: 90px; height: 28px; line-height: 28px; font-size: 14px; color: #666; text-align: center; box-sizing: border-box; list-style-type: none; } .banner-form ul li:hover { font-weight: bold; color: #1A294B; border-bottom: 2px solid #1A294B; } .banner-form .hover { font-weight: bold; color: #1A294B; border-bottom: 2px solid #1A294B; } .form-container { height: 224px; overflow: hidden; } .form-box { margin: 0 4%; width: 92%; } .form-text { font-size: 12px; height: 34px; line-height: 34px; color: #cd3500; text-align: center; } .form-inputbox { height: 52px; } .form-input { padding-left: 10px; width: 100%; height: 34px; color: #666; border: 1px solid #1A294B; box-sizing: border-box; -moz-box-sizing-webkit-box-sizing } .form-inputcheck { display: inline-block; height: 18px; line-height: 18px; font-size: 12px; color: #cc3300; vertical-align: top; } .form-btn { width: 100%; height: 34px; font-size: 14px; color: #fff; background: #cc3300; border: none; border-radius: 17px; } .jianli-service ul li { position: relative; float: left; margin: 60px 25px 0; list-style-type: none; } .jianli-service .jianli-img { width: 120px; height: 120px; border-radius: 60px; } .jianli-service .jianli-text { position: absolute; top: 0; left: 0; display: inline-block; padding-top: 30px; width: 120px; height: 120px; font-size: 24px; color: #fff; background: rgba(204 ,51 ,0 ,.3); border-radius: 60px; text-align: center; text-decoration: none; box-sizing: border-box; } /*.jianli-service .jianli-text:hover { background: rgba(204 ,51 ,0 ,.3); }*/ .group-buy { margin-top: 60px; } .group-buy ul { width: 1225px; } .group-buy ul li { float: left; margin-right: 25px; width: 220px; height: 216px; list-style-type: none; } .group-buy .group-buy-img { width: 220px; height: 176px; vertical-align: middle; } .group-buy .group-buy-text { display: inline-block; width: 220px; height: 40px; line-height: 40px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .group-buy-form { padding: 0 4%; width: 92%; height: 136px; background: #e5e5e5; } .group-form-img { width: 220px; height: 80px; vertical-align: middle; } .group-buy-form .groupbuy-input { margin-top: 10px; padding-left: 10px; width: 100%; height: 32px; border: none; box-sizing: border-box; } .group-buy-form .groupbuy-btn { margin-top: 12px; width: 100%; height: 32px; color: #fff; background: #ffc783; border: none; } .company-brand { margin-top: 60px; } .company-brand-left { float: left; width: 965px; height: 226px; } .company-brand-left ul li { float: left; margin-top: 10px; margin-left: 10px; width: 180px; height: 100px; background: #FFC783; list-style-type: none; } .company-brand-left .company-brand-img { width: 180px; height: 100px; border: 1px solid #e5e5e5; box-sizing: border-box; } .company-brand-right { float: right; margin-top: 10px; width: 220px; height: 216px; } .article-list { float: left; margin-right: 50px; width: 260px; } .article-list h2 { height: 50px; line-height: 50px; border-bottom: 2px solid #FFC783; } .article-list ul li { height: 42px; line-height: 42px; list-style-type: none; } .article-list ul li a { display: inline-block; width: 260px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; text-decoration: none; } .article-list ul li a:hover { color: #cc3300; } .footer { margin-top: 50px; height: 320px; border-top: 1px solid #e5e5e5; } .footer-container { margin: 0 auto;padding-top: 50px;width: 1200px; } .footer-container-top { padding-bottom: 20px;border-bottom: 1px solid #e5e5e5; } .footer-topleft { float: left;font-size: 14px;color: #999; } .footer-links ul li { padding: 5px; float: left; list-style-type: none; } .footer-links ul li a { font-size: 14px; color: #999; text-decoration: none; } .footer-links ul li a:hover { color: #cc3300; } .footer-topleft .footer-hezuo-text { margin-right: 10px;color: #999;text-decoration: none; } .footer-li { float: left;margin-right: 20px;list-style-type: none; } .footer-topleft .footer-link { color: #666;text-decoration: none; } .footer-copy { float: left;font-size: 12px;color: #999; } .footer-link-law { color: #999;text-decoration: none; } /* FILE ARCHIVED ON 09:23:33 Dec 09, 2021 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 10:50:15 Jan 16, 2025. 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.67 exclusion.robots: 0.031 exclusion.robots.policy: 0.019 esindex: 0.011 cdx.remote: 29.182 LoadShardBlock: 409.369 (3) PetaboxLoader3.datanode: 360.441 (5) PetaboxLoader3.resolve: 418.477 (3) load_resource: 427.394 (2) */