body { margin: 0 auto; } * { padding: 0; margin: 0; } ul,ol,p,span,strong { padding: 0; margin: 0; } a{ text-decoration: none; } /*顶部*/ .header_bg{ background-color: #f4f4f4; } .head{ width: 1200px; height: 40px; margin: 0 auto; } .head-left{ height: 40px; float: left; } .head-left span{ font-size: 13px; line-height: 40px; color: #5a5a5a; } .head-right{ float: right; display: flex; align-items: center; height: 40px; } .head-right a{ color: #666666; padding: 0 10px; font-size: 14px; } .head-right a:hover{ cursor: pointer; color: rgb(95, 168, 187); } .head-right .head-link{ background-color: #d9d9d9; margin-left: 15px; font-size: 0; } .head-right .head-link a{ display: inline-block; font-size: 0; height: 40px; } .head-right .head-link a img{ height: 100%; } /*头部*/ .header_cn{ display: block; width: 100%; background-size: 100%; } .header{ width: 1200px; height: 70px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; } .header-left{ width: 400px; height: 70px; vertical-align: middle; display: inline-block; } .header-left a{ display: inline-block; width: 100%; height: 70px; vertical-align: middle; } .header-left a img{ width: 100%; height: 100%; object-fit: cover; } .header-left .header-title{ display: inline-block; line-height: 40px; } .header-right{ height: 110px; display: flex; align-items: center; vertical-align: middle; } .header-right img{ display: inline-block; width: 35px; height: 37px; } .header-right .header-phone{ display: inline-block; padding-left: 10px; } .header-phone span{ font-size: 14px; color: #6e7c88; } .header-phone p{ font-size: 24px; margin: 0; color: #ff9900; } /*导航*/ .navs{ background-color: #4baf4f; height: 50px; } .nav{ width: 1200px; height: 50px; margin: 0 auto; } .nav ul{ display: flex; justify-content: space-between; align-items: center; } .nav ul li{ list-style: none; width: 180px; height: 50px; display: inline-block; text-align: center; } .nav ul li:hover{ background-color: #367136; } .nav ul li a{ color: white; display: inline-block; width: 100%; } .nav ul li a span{ font-size: 15px; line-height: 50px; } .pic{ font-size: 0; width: 100%; height: 360px; object-fit: cover; } .pic img{ width: 100%; height: 360px; object-fit: cover; } .banner{ font-size: 0; height: 600px; } .footer{ padding: 50px 0; background-color: rgb(67, 157, 71); margin-top: 50px; } .bootom{ width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; } .bootom-left{ width: 350px; } .bootom-phone{ display: flex; align-items: center; padding-bottom: 10px; } .phone{ width: 52px; height: 52px; background-color: white; border: 1px solid white; border-radius: 28px; } .bootom-phone img{ width: 28px; height: 28px; padding: 12px; } .bootom-phone b{ padding-left: 10px; font-size: 27px; color: #00ffff; } .bootom-left p{ line-height: 30px; color: #ffffff; font-size: 15px; } .bootom-mid{} .bootom-mid ul{} .bootom-mid ul li{ display: inline-block; width: 150px; vertical-align: top; } .bootom-mid ul li p{ color: #ffffff; font-size: 19px; line-height: 40px; } .bootom-mid ul li a{} .bootom-mid ul li a p{ color: #ffffff; font-size: 15px; line-height: 35px; } .bootom-mid ul li a p:hover{ color: #49aed9; } .bootom-right{ width: 300px; display: inline-block; } .bootom-l{ width: 130px; height: 130px; background-color: white; display: inline-block; margin: 20px 5px; } .bootom-r{ width: 130px; height: 130px; background-color: white; display: inline-block; margin: 20px 5px; } .bootom-right img{ width: 120px; height: 120px; padding: 5px; } .bootom-right p{ font-size: 13px; color: #ffffff; text-align: center; padding-top: 10px; } /* 分页 */ .pagination{ text-align: center; } .pagination li{ display: inline-block; margin: 0 3px; } .pagination li span{ display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 20px; border: 1px solid #333; color: #decbcb; } .pagination li a{ display: inline-block; width: 20px; height: 20px; text-align: center; color: #929292; line-height: 20px; border: 1px solid #333; } .active{ background-color: #40e0d0; color: white !important; } /* FILE ARCHIVED ON 12:51:03 Apr 17, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 10:09:59 Apr 27, 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.506 exclusion.robots: 0.102 exclusion.robots.policy: 0.093 cdx.remote: 0.054 esindex: 0.009 LoadShardBlock: 264.228 (3) PetaboxLoader3.datanode: 183.929 (4) PetaboxLoader3.resolve: 174.751 (2) load_resource: 176.446 */