.position{ position:relative; } .shouye-spreadBox{ position:absolute; top: -2px; height:358px; display:none; } .bread{ width:100%; height:72px; line-height:72px; } .bread>ul>li{ margin-right:7px; color:#666666; } .bread>ul>li>a{ color:#666666; font-size:14px; } .bread>ul>li>a.active{ color:#222; } .bread>ul>li>a:hover, .bread>ul>li>a:active{ color:#222; } .xuanfu-navbar{ position:fixed; top:0; left:0; z-index:2000; width:100%; height:80px; background:rgba(255,255,255,0.8); border-bottom:1px solid #f2f2f2; } .xuanfu-navbar .logo{ width: 139px; height: 80px; float: left; } .xuanfu-navbar .logo-link{ width: 139px; height: 80px; display: block; background: url(/images/index/tiehu-xf-logo.png) no-repeat 0 0; } .xuanfu-nav{ float:left; height:80px; line-height:80px; margin-left:55px; } .xuanfu-nav li{ margin-right:55px; } .xuanfu-nav .nav-tiehu{ background:url(/images/index/tiehu-xf-nav01.png) no-repeat; display:block; width:94px; height:18px; text-indent:-20000px; margin-top:27px; } .xuanfu-nav .nav-yinhu{ background:url(/images/index/tiehu-xf-nav02.png) no-repeat; display:block; width:94px; height:18px; text-indent:-20000px; margin-top:27px; } .xuanfu-nav .nav-chadao{ background:url(/images/index/tiehu-xf-nav03.png) no-repeat; display:block; width:79px; height:18px; text-indent:-20000px; margin-top:27px; } .tiehu-banner{ width:100%; height:530px; position:relative; } .tiehu-focus{ width:1920px; height:500px; position:absolute; top:0; left:50%; margin-left:-960px; } .tiehu-focus>ul{ width:100%; height:500px; position:absolute; overflow:hidden; } .tiehu-focus .option{ width:100%; position:absolute; top:512px; text-align:center; } .tiehu-focus .option .sm-prev{ background:url(/images/index/tithu-sm-prev.png) no-repeat; display:inline-block; width:6px; height:9px; margin-right:17px; vertical-align:middle; cursor:pointer; } .tiehu-focus .option .sm-next{ background:url(/images/index/tithu-sm-next.png) no-repeat; display:inline-block; width:6px; height:9px; margin-left:17px; vertical-align:middle; cursor:pointer; } .tiehu-focus .option>span{ display:inline-block; width:6px; height:6px; border:1px solid #484848; border-radius:50%; background-color:#fff; cursor:pointer; } .tiehu-focus .option>span+span{ margin-left:10px; } .tiehu-focus .option>span.on{ background-color:#000; } .tiehu-focus .position{ height:500px; } .tiehu-focus .prev{ background:url(/images/index/tithu-lg-prev.png) no-repeat; display:block; width:23px; height:51px; position:absolute; top:50%; left:250px; margin-top:-25px; cursor:pointer; } .tiehu-focus .next{ background:url(/images/index/tithu-lg-next.png) no-repeat; display:block; width:23px; height:51px; position:absolute; top:50%; right:0; margin-top:-25px; cursor:pointer; } .saomang { margin-top: 80px; margin-bottom: 60px; } .saomang-wrapper{ position:relative; } .saomang-wrapper::after{ content:""; background:url(/images/index/tiehu-lingxing.png) no-repeat; display:block; width:163px; height:161px; position:absolute; left:-133px; top:0; } .saomang-wrapper::before{ content:""; background:url(/images/index/tiehu-lingxing-before.png) no-repeat; display:block; width:163px; height:161px; position:absolute; right:-133px; top:0; } .saomang-wrapper ul{ padding-left:120px; } .saomang-wrapper ul>li{ width:290px; height:50px; line-height:50px; margin-bottom:30px; margin-right:78px; } .saomang-wrapper ul>li:nth-child(3n){ margin-right:0; } .saomang-wrapper ul>li a{ display:block; height:50px; } .saomang-wrapper ul>li .tiehu-saomang01{ background:url(/images/index/tiehu-saomang01.png) no-repeat; display:block; width:290px; height:50px; text-indent: -20000px; } .saomang-wrapper ul>li .tiehu-saomang01:hover{ background:url(/images/index/tiehu-saomang01-hover.png) no-repeat; display:block; width:290px; height:50px; } .saomang-wrapper ul>li .tiehu-saomang02{ background:url(/images/index/tiehu-saomang02.png) no-repeat; display:block; width:290px; height:50px; text-indent: -20000px; } .saomang-wrapper ul>li .tiehu-saomang02:hover{ background:url(/images/index/tiehu-saomang02-hover.png) no-repeat; display:block; width:290px; height:50px; } .saomang-wrapper ul>li .tiehu-saomang03{ background:url(/images/index/tiehu-saomang03.png) no-repeat; display:block; width:290px; height:50px; text-indent: -20000px; } .saomang-wrapper ul>li .tiehu-saomang03:hover{ background:url(/images/index/tiehu-saomang03-hover.png) no-repeat; display:block; width:290px; height:50px; } .saomang-wrapper ul>li .tiehu-saomang04{ background:url(/images/index/tiehu-saomang04.png) no-repeat; display:block; width:290px; height:50px; text-indent: -20000px; } .saomang-wrapper ul>li .tiehu-saomang04:hover{ background:url(/images/index/tiehu-saomang04-hover.png) no-repeat; display:block; width:290px; height:50px; } .saomang-wrapper ul>li .tiehu-saomang05{ background:url(/images/index/tiehu-saomang05.png) no-repeat; display:block; width:290px; height:50px; text-indent: -20000px; } .saomang-wrapper ul>li .tiehu-saomang05:hover{ background:url(/images/index/tiehu-saomang05-hover.png) no-repeat; display:block; width:290px; height:50px; } .saomang-wrapper ul>li .tiehu-saomang06{ background:url(/images/index/tiehu-saomang06.png) no-repeat; display:block; width:290px; height:50px; text-indent: -20000px; } .saomang-wrapper ul>li .tiehu-saomang06:hover{ background:url(/images/index/tiehu-saomang06-hover.png) no-repeat; display:block; width:290px; height:50px; } .saomang-wrapper ul>li .tiehu-saomang07{ background:url(/images/index/tiehu-saomang07.png) no-repeat; display:block; width:290px; height:50px; text-indent: -20000px; } .saomang-wrapper ul>li .tiehu-saomang07:hover{ background:url(/images/index/tiehu-saomang07-hover.png) no-repeat; display:block; width:290px; height:50px; } .saomang-wrapper ul>li .tiehu-saomang08{ background:url(/images/index/tiehu-saomang08.png) no-repeat; display:block; width:290px; height:50px; text-indent: -20000px; } .saomang-wrapper ul>li .tiehu-saomang08:hover{ background:url(/images/index/tiehu-saomang08-hover.png) no-repeat; display:block; width:290px; height:50px; } .saomang-wrapper ul>li .tiehu-saomang09{ background:url(/images/index/tiehu-saomang09.png) no-repeat; display:block; width:290px; height:50px; text-indent: -20000px; } .saomang-wrapper ul>li .tiehu-saomang09:hover{ background:url(/images/index/tiehu-saomang09-hover.png) no-repeat; display:block; width:290px; height:50px; } .tiehu-box{ height: 500px; position: relative; overflow: hidden; } .tiehu{ background: url(/images/index/tiehu02.jpg) no-repeat; position: absolute; width: 100%; height: 300%; top: 0; left: 0; z-index: -1; } .yinhu{ background: url(/images/index/tiehu03.jpg) no-repeat; position: absolute; width: 100%; height: 300%; top: 0; left: 0; z-index: -1; } .tiehu-pic01{ position: absolute; left: 80%; top: 50%; margin-right: 10px; margin-top: -125px; background: url(/images/index/tiehu-pic01.jpg) no-repeat; display: block; width: 200px; height: 250px; text-indent:-20000px; } .tiehu-pic02{ position: absolute; left:80%; top: 50%; margin-right: 10px; margin-top: -125px; background: url(/images/index/tiehu-pic02.jpg) no-repeat; display: block; width: 200px; height: 250px; text-indent:-20000px; } .tiehu-title01{ background: url(/images/index/tiehu-title01.png) no-repeat; display: block; width:66px; height:58px; margin:50px auto; } .tangkou{ } .tangkou-ul{ margin-bottom:30px; } .tangkou-ul li{ position:relative; width:350px; } .huibg{ background:url(/images/index/tiehu-huibg.jpg) no-repeat; display:block; width:350px; height:200px; position:absolute; top:10px; left:10px; } .tangkou-ul li+li{ margin-left:70px; } .tangkou-ul li .pic01{ background: url(/images/index/tiehu04.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 200px; background-position: 50% 50%; } .tangkou-ul li .pic02{ background: url(/images/index/tiehu05.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 200px; background-position: 50% 50%; } .tangkou-ul li .pic03{ background: url(/images/index/tiehu06.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 200px; background-position: 50% 50%; } .tangkou-ul li .pic04{ background: url(/images/index/tiehu07.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 200px; background-position: 50% 50%; } .tangkou-ul li .pic05{ background: url(/images/index/tiehu08.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 200px; background-position: 50% 50%; } .tangkou-ul li .pic06{ background: url(/images/index/tiehu09.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 200px; background-position: 50% 50%; } .tangkou-ul li .pic:hover{ -webkit-transform: scale(1.2); transform: scale(1.2); } .tangkou-ul li a{ display: block; overflow: hidden; height:200px; } .tangkou-ul li p{ margin-top:40px; line-height:24px; } .transform{ -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .tangkou-ul li .img-out{ position: absolute; top:20%; left:0; right:0; width:135px; margin:auto; } .tangkou-ul li .tiehu-text01{ background:url(/images/index/tiehu-text01.png) no-repeat; display:block; width:135px; height:100px; text-indent:-20000px; } .tangkou-ul li .tiehu-text02{ background:url(/images/index/tiehu-text02.png) no-repeat; display:block; width:135px; height:100px; text-indent:-20000px; } .tangkou-ul li .tiehu-text03{ background:url(/images/index/tiehu-text03.png) no-repeat; display:block; width:135px; height:100px; text-indent:-20000px; } .tangkou-ul li .tiehu-text04{ background:url(/images/index/tiehu-text04.png) no-repeat; display:block; width:135px; height:100px; text-indent:-20000px; } .tangkou-ul li .tiehu-text05{ background:url(/images/index/tiehu-text05.png) no-repeat; display:block; width:135px; height:100px; text-indent:-20000px; } .tangkou-ul li .tiehu-text06{ background:url(/images/index/tiehu-text06.png) no-repeat; display:block; width:135px; height:100px; text-indent:-20000px; } .block{ padding:15px; box-sizing:border-box; position:relative; } .block>ul>li{ border:6px solid transparent; padding-bottom: 10px; } .block>ul>li:hover{ border:1px solid #c2c2c2; } .block li>a{ width: 204px; height: 204px; vertical-align: middle; text-align: center; } .block li>a img{ max-width: 204px; max-height: 204px; vertical-align: middle; } .block .tiehu-name{ position:absolute; top:-25px; left:25px; } .block .more{ text-decoration:underline; position:absolute; top:18px; right:18px; } .block>ul>li+li{ margin-left:18px; } .block>ul>li .info{ padding:0 5px; } .block>ul>li .info h5{ margin:20px 0 10px; } .block>ul>li .info h5 a{ font-size:16px; font-weight:normal; color:#222; } .block>ul>li .info label{ color:#666; } .block>ul>li .info label:nth-of-type(1){ float:left; } .block>ul>li .info label:nth-of-type(2){ float:right; } .block>ul>li .info .yijia-box{ font-size: 12px; line-height: 34px; } .block>ul>li .info .yijia{ float:left; } .block>ul>li .info .yijia .price{ color: #b60005; font-size:16px; } .block>ul>li .info .yijia .link{ color: #b60005; font-size: 14px; } .block>ul>li .info .guanzhu{ float:right; color: #bbb; font-size: 12px; } .block>ul>li .info .guanzhu span{ color: #ff7800; } .block>ul>li .info .xunjia-link{ width: 92px; height: 27px; display: block; line-height: 27px; text-align: center; color: #fff; background: #dd0006; font-size: 14px; cursor: pointer; margin: auto; margin-top: 6px; } .block>ul>li .info .goumai-link{ width: 92px; height: 27px; display: block; line-height: 27px; text-align: center; color: #fff; background: #ff6701; font-size: 14px; cursor: pointer; margin: auto; margin-top: 6px; } .tiehu-title02{ background: url(/images/index/tiehu-title02.png) no-repeat; display: block; width: 206px; height: 156px; margin: 10px auto 90px; } .chadao .tab{ text-align:center; height:40px; } .chadao .tab a{ padding:0 30px; display:inline-block; position:relative; line-height:15px; } .chadao .tab a+a{ border-left:1px solid #222; } .chadao .tab a.active{ color:#b60005; } .chadao .tab a.active::before{ content:""; background:url(/images/index/tiehu-icon.png) no-repeat; display:block; width:22px; height:11px; position:absolute; bottom:-23px; left:50%; margin-left:-11px; } .chadao .tab a:hover{ color:#b60005; } .product-box{ background:#eff0f0; padding:50px 0; } .product-box .pro-list>li{ text-align:center; padding-bottom:10px; border:1px solid transparent; } .product-box .pro-list>li+li{ margin-left:42px; } .product-box .pro-list>li:hover{ border:1px solid #c2c2c2; } .product-box .pro-list>li>a{ display:table-cell; width:204px; height:204px; text-align:center; vertical-align:middle; } .product-box .pro-list>li>a img{ max-width:204px; max-height:204px; vertical-align:middle; } .product-box .pro-list>li .info h5{ margin-top:25px; margin-bottom:10px; } .product-box .pro-list>li .info h5 a{ color:#222; font-size:16px; font-weight:normal; } .product-box .pro-list>li .info label{ color:#666; } .product-box .pro-list>li .info .yijia{ display:block; color:#b60005; line-height:34px; font-size:14px; text-align:center; } .product-box .pro-list>li .info .price{ display:block; color: #b60005; line-height:34px; font-size: 16px; text-align:center; } .product-box .pro-list>li .info .xunjia-link{ width: 92px; height: 27px; display: block; line-height: 27px; text-align: center; color: #fff; background: #dd0006; font-size: 14px; cursor: pointer; margin: auto; margin-top: 6px; } .product-box .pro-list>li .info .goumai-link{ width: 92px; height: 27px; display: block; line-height: 27px; text-align: center; color: #fff; background: #ff6701; font-size: 14px; cursor: pointer; margin: auto; margin-top: 6px; } .pro-box .more{ text-align:center; text-decoration: underline; display:block; margin-top:50px; } .product-pop-up{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:999; } .product-pop-mask{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:999; } .out-box{ width: 1036px; height: 597px; position: absolute; top: 50%; left: 50%; margin-top: -298px; margin-left: -518px; background: rgba(0,0,0,0.5); z-index: 1000; padding:8px; box-sizing:border-box; } .inner-box{ background:#fff; width:100%; height:100%; overflow:hidden; overflow-y: scroll; } .inner-box::after{ content:""; background:url(/images/index/tiehu-lingxing02.png) no-repeat; display:block; width:147px; height:162px; position:absolute; left:8px; bottom:28px; } .inner-box::before{ content:""; background:url(/images/index/tiehu-lingxing.png) no-repeat; display:block; width:163px; height:161px; position:absolute; right:10px; top:50px; } .tiehu-pop-title{ position:absolute; top:70px; left:60px; z-index:999; } .tiehu-pop-title01{ background:url(/images/index/tiehu-pop-title01.png) no-repeat; display:block; width:88px; height:451px; } .tiehu-pop-title02{ background:url(/images/index/tiehu-pop-title02.png) no-repeat; display:block; width:88px; height:451px; } .tiehu-pop-title03{ background:url(/images/index/tiehu-pop-title03.png) no-repeat; display:block; width:88px; height:451px; } .tiehu-pop-title04{ background:url(/images/index/tiehu-pop-title04.png) no-repeat; display:block; width:88px; height:451px; } .tiehu-pop-title05{ background:url(/images/index/tiehu-pop-title05.png) no-repeat; display:block; width:88px; height:451px; } .tiehu-pop-title06{ background:url(/images/index/tiehu-pop-title06.png) no-repeat; display:block; width:88px; height:451px; } .tiehu-pop-title07{ background:url(/images/index/tiehu-pop-title07.png) no-repeat; display:block; width:88px; height:451px; } .tiehu-pop-title08{ background:url(/images/index/tiehu-pop-title08.png) no-repeat; display:block; width:88px; height:451px; } .tiehu-pop-title09{ background:url(/images/index/tiehu-pop-title09.png) no-repeat; display:block; width:88px; height:451px; } .tiehu-pop-body{ width:100%; padding-top:70px; padding-left:222px; background:#fff; box-sizing: border-box; padding-bottom:70px; } .tiehu-pop-pic{ margin-bottom:40px; } .tiehu-pop-pic01{ background:url(/images/index/tiehu-pop-pic01.png) no-repeat; display:block; width:620px; height:314px; } .tiehu-pop-pic02{ background:url(/images/index/tiehu-pop-pic02.png) no-repeat; display:block; width:620px; height:314px; } .tiehu-pop-pic03{ background:url(/images/index/tiehu-pop-pic03.png) no-repeat; display:block; width:620px; height:314px; } .tiehu-pop-pic04{ background:url(/images/index/tiehu-pop-pic04.png) no-repeat; display:block; width:620px; height:314px; } .tiehu-pop-pic05{ background:url(/images/index/tiehu-pop-pic05.png) no-repeat; display:block; width:620px; height:314px; } .tiehu-pop-pic06{ background:url(/images/index/tiehu-pop-pic06.png) no-repeat; display:block; width:620px; height:314px; } .tiehu-pop-pic07{ background:url(/images/index/tiehu-pop-pic07.png) no-repeat; display:block; width:620px; height:314px; } .tiehu-pop-pic08{ background:url(/images/index/tiehu-pop-pic08.png) no-repeat; display:block; width:620px; height:314px; } .tiehu-pop-pic09{ background:url(/images/index/tiehu-pop-pic09.png) no-repeat; display:block; width:620px; height:314px; } .text-box{ width:620px; } .text-box p{ line-height:36px; font-size:16px; text-indent:2em; } .text-box h5{ font-size:16px; margin:20px 0; } .product-pop-up .tiehu-pop-close{ background:url(/images/index/fangdajing-close.png) no-repeat; display:block; width:70px; height:35px; position:absolute; left: 50%; bottom: -35px; margin-left: -35px; } .shoumai{ padding:90px; } .shoumai-box{ position:relative; text-align:center; } .shoumai-box::after{ content:""; background:url(/images/index/tiehu-icon02.png) no-repeat; display:block; width:248px; height:277px; position:absolute; top:-47px; left:60px; } .shoumai-box::before{ content:""; background:url(/images/index/tiehu-icon03.png) no-repeat; display:block; width:96px; height:96px; position:absolute; top:30px; right:90px; } .shoumai-box img{ margin-left:100px; } /* FILE ARCHIVED ON 23:54:37 Jun 06, 2017 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 03:35:27 May 08, 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.027 exclusion.robots.policy: 0.016 esindex: 0.01 cdx.remote: 22.847 LoadShardBlock: 156.59 (3) PetaboxLoader3.datanode: 289.915 (4) PetaboxLoader3.resolve: 184.268 (2) load_resource: 322.786 */