* { padding: 0px; margin: 0px; } a { text-decoration: none; color: #666666; } a:hover { color: #333333; } p { color: #666666; } li { list-style: none; } body { background-color: #f8f8f8; font-size: 16px; position: relative; } .center { width: 100%; box-sizing: border-box; padding-right: calc(50% - 600px); padding-left: calc(50% - 600px); } header { width: 100%; height: 620px; background-size: cover; /*background-attachment: fixed;*/ } /****头部容器结束****/ /**公共头部开始**/ .title { height: 170px; /***面包屑开始***/ /***面包屑结束***/ } .title .breadcrumbs { width: auto; height: 34px; line-height: 34px; position: relative; box-sizing: border-box; bottom: 34px; color: white; background-color: rgba(0, 0, 0, 0.4); } .title .breadcrumbs ul { float: right; } .title .breadcrumbs li { padding: 0px 8px 0px 8px; line-height: 30px; height: 30px; float: left; } .title .breadcrumbs a { color: white; } .title>div { text-align: center; } .title>div h1 { color: #666666; letter-spacing: 13px; padding-left: 13px; margin-bottom: 10px; } .title>div h3 { color: #DCDCDC; margin-bottom: 60px; } /**公共头部结束**/ /****导航开始*****/ nav { position: fixed; top: 0px; flex-direction: row-reverse; align-items: center; font-size: 14px; height: 60px; line-height: 60px; display: flex; background-color: rgba(255, 255, 255, 0); transition: all 1s; z-index: 2000; } nav:hover { background-color: #ffffff !important; transition: all 1s; } nav div { margin-right: 20px; } nav div:nth-last-child(1) img { height: 40px; } nav div:nth-last-child(1) { line-height: 30px !important; } nav>div>ul { max-height: 0px; display: none; line-height: 28px; font-size: 14px; background-color: rgba(255, 255, 255, 0.8); position: absolute; /*top: 90px;*/ box-sizing: border-box; } nav div:hover ul { max-height: 800px; display: block; animation: 0.5s navlist; animation-fill-mode: forwards; } nav li { padding: 0px 10px 0px 10px; } nav li:hover { background-color: white; } @-moz-keyframes navlist { 0% { top: 60px; opacity: 0; } 100% { top: 60px; opacity: 1; } } @-ms-keyframes navlist { 0% { top: 60px; opacity: 0; } 100% { top: 60px; opacity: 1; } } @-webkit-keyframes navlist { 0% { top: 60px; opacity: 0; } 100% { top: 60px; opacity: 1; } } nav a { color: white; } nav:hover a { color: #666 !important; transition: 0.6s; } nav:hover .logo>a:nth-child(1) { display: block !important; } nav:hover .logo>a:nth-child(2) { display: none !important; } .logo a:nth-child(1) { display: none; } /****导航结束*****/ /**底部开始**/ .footer { background-color: #2d3237; padding-top: 6px; text-align: center; } .footer .info { background-color: #000; text-align: center; } .footer .info span { font-size: 13px; color: #515b64; line-height: 36px; } .footer .info span a { color: #515b64; } .footer .ss { width: 100%; } /**底部结束**/ /*标题淡入动画开始*/ .anjiazai { opacity: 0; position: relative; animation: 2s anjiazai; animation-fill-mode: forwards; } @-moz-keyframes anjiazai { 20% { top: 30px; opacity: 0; } 100% { top: 0px; opacity: 1; } } @-ms-keyframes anjiazai { 20% { top: 30px; opacity: 0; } 100% { top: 0px; opacity: 1; } } @-webkit-keyframes anjiazai { 20% { top: 30px; opacity: 0; } 100% { top: 0px; opacity: 1; } } /*标题淡入动画结束*/ /*浮动栏目开始*/ .client-2 { position: fixed; right: 0px; top: 50%; z-index: 9999; display: block; } .client-2 ul { width: 73px; } .client-2 li a { text-decoration: none; } .client-2 li { background: rgba(0, 0, 0, 0.5); margin-top: 1px; padding: 9px 0; height: 56px; width: 77px; box-sizing: content-box; } .client-2 li i { background: url(/assets/addons/cms/style/img/fx.png) no-repeat; display: block; width: 30px; height: 27px; margin: 0px auto; text-align: center; } .client-2 li p { height: 20px; line-height: 20px; overflow: hidden; text-align: center; color: #fff; font-size: 12px; } .client-2 .my-kefu-qq i { background-position: 4px 0; } .client-2 .my-kefu-tel i { background-position: 0 -25px; } .client-2 .my-kefu-liuyan i { background-position: 4px -53px; } .client-2 .my-kefu-weixin i { background-position: -34px 4px; } .client-2 .my-kefu-weibo i { background-position: -30px -22px; } .client-2 .my-kefu-ftop { background-color: rgba(0, 0, 0, 0.5); } .client-2 .my-kefu-ftop i { width: 33px; height: 35px; background-position: -27px -51px; } .client-2 .my-kefu-left { float: left; width: 77px; height: 47px; position: relative; } .client-2 .my-kefu-tel-right { font-size: 16px; color: #fff; float: left; height: 24px; line-height: 22px; padding-left: 15px; border-left: 1px solid #fff; margin-top: 8px; } .client-2 .my-kefu-right { width: 20px; } .client-2 .my-kefu-tel-main { color: #fff; margin-top: 9px; height: 47px; width: 247px; } .client-2 .my-kefu-main { width: 97px; position: relative; } .client-2 .my-kefu-weixin-pic { position: absolute; left: -100px; top: -10px; display: none; z-index: 333; } .client-2 .my-kefu-weixin-pic img { width: 100px; height: 100px; } .client-2 .my-kefu-weixin { overflow: visible !important; } /*浮动栏目结束*/ .relate-links { display: flex; justify-content: space-between; margin-bottom: 60px; } /* FILE ARCHIVED ON 04:44:34 Nov 27, 2021 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 10:00:36 Jul 20, 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: 1.101 exclusion.robots: 0.084 exclusion.robots.policy: 0.063 esindex: 0.019 cdx.remote: 5.633 LoadShardBlock: 46.195 (3) PetaboxLoader3.datanode: 61.8 (4) load_resource: 78.383 PetaboxLoader3.resolve: 17.597 */