/*-----------------------------------------------------------*/ /*copyright by 动力无限 www.btoe.cn*/ /*邮箱 btoe@btoe.cn*/ /*合作电话 400-0599-360*/ /*版权所有违者必究*/ /*-----------------------------------------------------------*/ /*Generated by wjdhcms 3.0 */ @charset "utf-8"; ::-webkit-scrollbar { width: 8px; height: 8px; background-color: #F5F5F5; } ::-webkit-scrollbar-track { border-radius: 10px; background-color: #E2E2E2; } ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #555; } ::selection { background-color: #b1000c; color: #fff; } ::-moz-selection { background-color: #b1000c; color: #fff; } ::-webkit-selection { background-color: #b1000c; color: #fff; } * { padding: 0; margin: 0; font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif; } body { font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif; color: #333; margin: 0; line-height: 1.5; } *:before, *:after { box-sizing: content-box; } :focus { outline: 1; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } a { color: #333; text-decoration: none; } a:link, a:hover, a:active, a:visited { text-decoration: none; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } li, ul { list-style-type: none; } img { border: none; } input,textarea { outline: 0; border: 0; resize: none; } h1, h2, h3, h4, h5, h6, dl, dd, dt, i, em { font-weight: normal; font-style: normal; } .fixedNav { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 100000; _position: absolute; _top: expression(eval(document.documentElement.scrollTop)); box-shadow: 0px 10px 12px rgba(0,0,0,.1); } html{ cursor: url(/templates/pc_wjdh/images/cur.png), default; } a{ cursor: url(/templates/pc_wjdh/images/Acur.png), default ; } textarea{ animation: animated 1s infinite; -moz-animation: animated 1s infinite; -webkit-animation: animated 1s infinite; -o-animation: animated 1s infinite; } input[type="text"]{ animation: animated 1s infinite; -moz-animation: animated 1s infinite; -webkit-animation: animated 1s infinite; -o-animation: animated 1s infinite; } input[type="button"] { cursor: url(/templates/pc_wjdh/images/Acur.png), default !important; } @keyframes animated { 0% { cursor: url('/templates/pc_wjdh/images/Pcuro1.png'), auto; } 8.8% { cursor: url('/templates/pc_wjdh/images/Pcuro2.png'), auto; } 17.6% { cursor: url('/templates/pc_wjdh/images/Pcuro3.png'), auto; } 26.4% { cursor: url('/templates/pc_wjdh/images/Pcuro4.png'), auto; } 35.2% { cursor: url('/templates/pc_wjdh/images/Pcuro5.png'), auto; } 44% { cursor: url('/templates/pc_wjdh/images/Pcuro6.png'), auto; } 52.8% { cursor: url('/templates/pc_wjdh/images/Pcuro7.png'), auto; } 61.6% { cursor: url('/templates/pc_wjdh/images/Pcuro8.png'), auto; } 70.4% { cursor: url('/templates/pc_wjdh/images/Pcuro9.png'), auto; } 79.2% { cursor: url('/templates/pc_wjdh/images/Pcuro10.png'), auto; } 88% { cursor: url('/templates/pc_wjdh/images/Pcuro11.png'), auto; } 100% { cursor: url('/templates/pc_wjdh/images/Pcuro12.png'), auto; } } .main{ width: 1200px; margin: 0 auto; } .myclearfix:after{ content:""; display:block; clear:both; } .left{ float: left; } .right{ float: right; } /* top S */ .top{ width: 100%; height: 48px; line-height: 48px; background-color: #f2f2f2; } .top_main{ } .top_main >p{ color: #666666; padding-left: 27px; font-size: 14px; background: url(/templates/pc_wjdh/images/top_ico1.png) left center no-repeat; } .xp_box{ } .xp_box>a{ float: left; color: #666666; padding-left: 26px; background: url(/templates/pc_wjdh/images/top_ico2.png) left center no-repeat; font-size: 14px; } /* xunpan S */ .container1 { height: auto; margin: 0 auto; } .topxunpan { text-align: center; padding-left: 28px; margin-left: 25px; background: url(/templates/pc_wjdh/images/top_ico3.png) left center no-repeat; } .topxunpan .xp { position: relative; color: #666666; font-size: 14px; cursor: pointer; } .topxunpan .xp img { position: relative; top: 2px; margin-right: 2px; } .topxunpan .xp i { color: #b1000c; font-size: 14px; box-sizing: border-box; } .topxunpan .xp #xunpantip { z-index: 999; position: absolute; top: 35px; left: 50%; width: 180px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 14px; -webkit-transform: translateX(-50%) scale(0); -moz-transform: translateX(-50%) scale(0); -o-transform: translateX(-50%) scale(0); -ms-transform: translateX(-50%) scale(0); transform: translateX(-50%) scale(0); -webkit-transition: transform .4s, opacity .4s; -moz-transition: transform .4s, opacity .4s; -o-transition: transform .4s, opacity .4s; -ms-transition: transform .4s, opacity .4s; transition: transform .4s, opacity .4s; background-color: #b1000c; border-radius: 4px; opacity: 0; font-weight: bold; box-shadow: 5px 5px 2px #dfdfdf; } .topxunpan .xp #xunpantip::after { content: ''; position: absolute; top: -16px; left: 50%; width: 0; height: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border: 8px solid transparent; border-bottom-color: #b1000c; } .topxunpan .xp #xunpantip.xunpantextactive { -webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); opacity: 1; } /* head S */ .head{ height: 95px; } .logo>h1{ font-size: 24px; font-weight: bold; line-height: 95px; color: #b1000c; } .logo>h1>a{ color: #b1000c; } .logo_txt{ color: #333333; font-size: 18px; margin-left: 30px; height: 73px; margin-top: 15px; padding-left: 20px; background: url(/templates/pc_wjdh/images/head_line.png) left center no-repeat; } .logo_txt>h3{ font-size: 18px; font-weight: bold; line-height: 18px; color: #ff8900; margin-bottom: 12px; margin-top: 10px; } .logo_txt>h4{ color: #666666; font-size: 16px; } .logo_tell{ color: #333333; font-size: 16px; height: 54px; padding-left: 60px; margin-top: 22px; background: url(/templates/pc_wjdh/images/head_tell.png) left center no-repeat; } .logo_tell>p{ color: #666666; font-size: 14px; } .logo_tell>h4{ font-weight: bold; color: #666666; font-size: 22px; } /* nav S */ .nav{ width: 100%; height: 58px; margin-top: 4px; background: url(/templates/pc_wjdh/images/nav_bg.jpg) center no-repeat; } .nav_main{ } /*--------------*/ a {color: #222; text-decoration: none; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .nav_xiala_xx{ width:100%; height:58px; } .nav_xiala{ width:1200px; height:58px; margin: 0 auto; } .nav_xiala > ul{ position:relative; height:58px; } .nav_xiala ul li{margin-top: 10px; float:left; width: 120px; height:36px; line-height: 36px; text-align:center; font-size:14px; background: url(/templates/pc_wjdh/images/menu_line.jpg) right center no-repeat; -webkit-transition: all .3s linear; transition: all .3s linear; } .nav_xiala ul li:nth-last-child(1){ background: none; } .nav_xiala ul li a{ display:block; color:#fff; height:36px; line-height:36px; overflow: hidden;font-size: 14px; color: #ffffff;} .nav_xiala ul li:hover{ background: #ffffff; border-radius: 15px; color: #333333; } .nav_xiala ul li:hover a{ color: #333333; } .nav_xiala .erji_xiala{ z-index:20; height:0px; visibility: hidden; opacity:0; -webkit-transition: all .2s linear; transition: all .2s linear; position:absolute; top:47px; left:0; width: 100%; background:#b1000c; } /*一个分类 *1 一个分类 *2 六个分类100% left:修改到合适位置; */ .nav_xiala ul li:hover .erji_xiala{ height:auto; visibility: visible; opacity: 1; border-radius:0px 0px 15px 15px;} .nav_xiala .erji_xiala .daohang_xiala{ float:left; width: 156px; padding: 10px 20px 10px 20px; opacity: 0; } .nav_xiala .erji_xiala .daohang_xiala i{ font-size: 15px; border-bottom:1px solid rgba(255,255,255,0.35); display: block; font-weight: bold;} .nav_xiala .erji_xiala .daohang_xiala span{ border-bottom:1px dashed rgba(255,255,255,0.3); display: block; text-align: left; } .nav_xiala .erji_xiala .daohang_xiala a { height: 35px; line-height: 35px; display: block; color:#FFF; font-size:14px; overflow: hidden; text-indent: 10px; } .nav_xiala .erji_xiala .daohang_xiala i a{ font-size:15px; text-align: left; background:url(/templates/pc_wjdh/images/liqsub_ss.png) 0px no-repeat; padding-left: 13px; overflow: hidden; } .nav_xiala .erji_xiala .daohang_xiala i a:hover{ background:url(/templates/pc_wjdh/images/liqsub_ss.png) 10px no-repeat; padding-left: 23px; } .nav_xiala .erji_xiala a:hover{ color:#FFF; padding-left: 15px; } .nav_xiala .erji_xiala .daohang_xiala span a{color:rgba(255,255,255,0.85); background: -webkit-linear-gradient(left, #ff8900, #ff8900) no-repeat; background: linear-gradient(to right, #ff8900, #ff8900) no-repeat; background-size: 0% 100%; } .nav_xiala .erji_xiala .daohang_xiala span a:hover{color:rgba(255,255,255,0.85); background: -webkit-linear-gradient(left, #ff8900, #ff8900) no-repeat; background: linear-gradient(to right, #ff8900, #ff8900) no-repeat; background-size: 100% 100%; } .nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(1){ animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.2s;} .nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(2){ animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.25s;} .nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(3){ animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.3s;} .nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(4){ animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.35s;} .nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(5){ animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.4s;} .nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(6){ animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.45s;} .nav_xiala .erji_xiala1{ position:absolute; top:47px; z-index:20; width: 120px; /*和一级栏目一样宽度*/ height:0px; visibility: hidden; } .nav_xiala ul li:hover .erji_xiala1{ height:auto; visibility: visible; } .nav_xiala .erji_xiala1 .daohang_xiala{ } .nav_xiala .erji_xiala1 .daohang_xiala i{ font-size: 15px; border-bottom:1px solid rgba(255,255,255,0.35); display: block; background:#b1000c; opacity: 0; } .nav_xiala .erji_xiala1 .daohang_xiala a{ height: 40px; line-height: 40px; font-size:14px; display: block; color:#FFF; overflow: hidden; } .nav_xiala .erji_xiala1 a:hover{ color:#FFF; padding-left: 15px; } .nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(1){ animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.2s;} .nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(2){ animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.24s;} .nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(3){ animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.28s;} .nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(4){ animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.32s;} .nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(5){ animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.36s;} .nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(6){ animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.4s;} .nav_xiala .erji_xiala1 .daohang_xiala a{color:rgba(255,255,255,0.85); background: -webkit-linear-gradient(left, #ff8900, #ff8900) no-repeat; background: linear-gradient(to right, #ff8900, #ff8900) no-repeat; background-size: 0% 100%; } .nav_xiala .erji_xiala1 .daohang_xiala a:hover{color:rgba(255,255,255,0.85); background: -webkit-linear-gradient(left, #ff8900, #ff8900) no-repeat; background: linear-gradient(to right, #ff8900, #ff8900) no-repeat; background-size: 100% 100%; } .nav_xiala > ul > li.another{ background: #ffffff; border-radius: 15px; color:#333; } .nav_xiala > ul > li.another > a{ color:#333; } .fixedNav { position: fixed; top: 0px; left: 0px; z-index:99999; _position: absolute; margin-top: 0; _top: expression(eval(document.documentElement.scrollTop)); box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.08); } @keyframes menu1 { 0% { opacity: 0; transform: translateX(8px); } 100% { opacity: 1; transform: translateX(0); } } /* foo S */ /*footer*/ .footer_bg{ width: 100%; margin: 0 auto; background: #b1000c; height: 320px; } .footer_bg .footer{ width: 1200px; margin: 0 auto; padding-top: 40px; position: relative; } .footer_bg .footer .f_l{ width: 730px; float: left; } .footer_bg .footer .f_l dl { width: 150px; float: left; margin-right: 15px; background: url(/templates/pc_wjdh/images/f_xt.png) no-repeat right center; padding-right: 15px; box-sizing: content-box; } .footer_bg .footer .f_l dl dt img{ margin: 0 auto 30px auto; width: 34px; height: 34px; display: block; } .footer_bg .footer .f_l dl dt { font-size: 16px; color: #fff; border-bottom: 1px solid #fff; margin-bottom: 10px; text-align: center; } .footer_bg .footer .f_l dl dt span{ font-size: 14px; color: #fff; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; } .footer_bg .footer .f_l dl dd a { font-size: 14px; color: #fff; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; display: block; text-align: center; } .footer_bg .footer .f_l dl dd a:hover{ transform: translate(5px); } .footer_bg .footer .f_r{ float: right; width: 450px; margin-top: 20px; } .footer_bg .footer .f_r .ewm{ width: 110px; height: 110px; background: url(/templates/pc_wjdh/images/ewm_bg.png) no-repeat center; margin-bottom: 15px; } .footer_bg .footer .f_r .ewm img{ width: 96px; height: 96px; margin: 7px; } .footer_bg .footer .f_r p{ font-size: 14px; color: #fff; line-height: 36px; } .footer_bg .footer .f_r p a{ font-size: 14px; color: #fff; margin: 0 5px; } .footer_bg .footer .f_r p img{ margin: 0 5px; vertical-align: middle; } /* FILE ARCHIVED ON 20:01:55 Apr 10, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 10:51:06 Jan 13, 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.55 exclusion.robots: 0.026 exclusion.robots.policy: 0.015 esindex: 0.011 cdx.remote: 15.255 LoadShardBlock: 301.278 (3) PetaboxLoader3.datanode: 121.548 (4) PetaboxLoader3.resolve: 235.606 (3) load_resource: 112.194 */