/*------首页banner----------jquery.bxslider.js*/ /*jquery.bxslider Source Code*/ .bx-wrapper {position: relative;margin: 0 auto;padding: 0;*zoom: 1;} .bx-wrapper img {max-width: 100%;display: block;} .bx-wrapper .bx-viewport {background: #fff;-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);} .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {position: absolute;bottom: -40px;width: 100%;} .bx-wrapper .bx-loading {min-height: 50px;background: url(../images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute; top: 0;left: 0;z-index: 2000;} /* PAGER */ .bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;} .bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;} .bx-wrapper .bx-pager.bx-default-pager a {text-indent: -9999px; display: block; height: 15px; margin: 0 3px; outline: 0; background-color: #cccccc; width: 15px; border-radius: 15px;} .bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {background:#ffcc00;} /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev {left: 10px;background: url(../images/controls.png) no-repeat 0 -32px;} .bx-wrapper .bx-next {right: 10px;background: url(../images/controls.png) no-repeat -43px -32px;} .bx-wrapper .bx-prev:hover {background-position: 0 0;} .bx-wrapper .bx-next:hover {background-position: -43px 0;} .bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;z-index: 9999;} .bx-wrapper .bx-controls-direction a.disabled {display: none;} /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto {text-align: center;} .bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;background: url(../images/controls.png) -86px -11px no-repeat;margin: 0 3px;} .bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;} .bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;outline: 0;background: url(../images/controls.png) -86px -44px no-repeat;margin: 0 3px;} .bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;} /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;} /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;background: #666\9;background: rgba(80, 80, 80, 0.75);width: 100%;} .bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: .85em;padding: 10px;} #indexbanner { height: 565px; overflow: hidden; border-bottom: 1px solid #f0f0f0; clear: both; margin-bottom: 40px;} #aboutus_banner { height: 357px; overflow: hidden; border-bottom: 1px solid #f0f0f0;clear: both;} #indexbanner .layer{margin: 0px auto;background: #fff;width: 934px;background-color: #F4F4F4;padding: 15px 15px 60px;;} #indexbanner li{background-color: #F4F4F4 !important;} #indexbanner .bx-wrapper .bx-controls-direction a {width: 35px;height: 65px;display:none;} #indexbanner .bx-wrapper .bx-prev {left: 10%;background: url(../images/controls.png) no-repeat 0 0px;} #indexbanner .bx-wrapper .bx-next {right: 10%;background: url(../images/controls.png) no-repeat -40px 0px;} #indexbanner .bx-wrapper .bx-prev:hover {background-position: 1px 0px;} #indexbanner .bx-wrapper .bx-next:hover {background-position: -41px 0px;} #indexbanner .bx-wrapper .bx-pager{} /*------页头导航----------navMove.js*/ /*------页头导航----------navMove.js*/ #nav{background:url('../images/nav_bg.png') repeat-x 0px top;height:49px; float: right;} #nav li{float: left; width: 120px; height:91px;line-height: 91px;text-align: center;} #nav li:hover{background: url(../images/nav_bottom.png) no-repeat center bottom;} #nav li.active{background: url(../images/nav_bottom.png) no-repeat center bottom;} #nav li.active a.catname{color:#000;background: url(../images/cur_li_bg.jpg) repeat-x 0px 0px; } #nav li:hover a.catname{color:#000;background: url(../images/cur_li_bg.jpg) repeat-x 0px 0px; } #nav li dl dd a{font-size: 14px;color: #fff;display: inline-block;z-index: 99999;position: relative;text-transform: uppercase;} #nav li a.catname{font-size: 14px;color: #000;display:block;z-index: 99999;position: relative;text-transform: uppercase; height: 49px;} #nav .nav_bg{position: absolute;left: 0px;height:49px;top: 0px;width:110px;background: url(../images/cur_li_bg.jpg) repeat-x 0px center; display: none;} #nav li dl dd{float:left;height: 40px;line-height: 40px;margin: 0px 15px;display:none;} #nav .nav{position:relative;width:480px;} #nav .dorpdown_layer .cont{clear:both;display:none;} #nav .dorpdown_layer .cont dd {float: left; padding: 16px 0px; z-index: 999;background:#ff9000;position: relative;} #nav .dorpdown_layer .cont dd a{font-size:14px;color:#fff;z-index: 1;position: relative;float: left;display:block;height: 21px; border-right: 1px solid #fff;padding: 0px 15px;background:#ff9000} #nav .dorpdown_layer{z-index:999999;width:600px} #nav .nav_left{background: url(../images/nav_left.png) no-repeat 0 0px; height: 53px;float:left;width:9px; position: relative;z-index:9999;} #nav .nav_right{background: url(../images/nav_right.png) no-repeat 0 0px; height: 53px;float:left;width:9px; position: relative;z-index:9999;} /*导航菜单*/ /*#nav {float:right;height: 91px; z-index: 999999; position: relative;} #nav #today {float: left;line-height: 33px;color: #FFF;padding-left: 15px;} #nav .fr_menu{height: 40px;padding-right: 10px;} #nav .fr_menu li .nav_content{display:none;position: absolute; top: 91px; left: 0px;} #nav .fr_menu li{float: left;text-align: center; margin-right: 80px; position: relative;} #nav .fr_menu li:hover .nav_content{display:block;} #nav .fr_menu dl a {font-size:14px;color:#fff;border-right: 1px solid #fff; padding-right: 18px;} #nav .fr_menu li a:hover{color:#fe7200;text-shadow:0 0 10px #fff;} #nav .fr_menu li ul{display:none;} #nav .nav1 dd{float:left; padding-left: 18px;} #nav .nav1 dl{ float: left; background: #ff9000; height: 53px;line-height: 53px;} #nav .cat{ display: inline-block;line-height: 90px;font-size: 16px;color: #000;cursor: pointer;} */ /*------页脚导航----------navMove.js*/ #footer .ft_navlist li a {color: #000;font-size: 15px; padding:0px 30px;} #footer .ft_navlist li:hover a {color: #fff;} #footer .ft_navlist li{float:left;line-height: 42px;margin-right:30px;} #footer .ft_navlist li.ft_home{margin-left: 35px;} #footer .ft_navlist{margin-bottom: 13px;} /*------图片延迟加载----------lazyLoad.js*/ #productlist .col2 .mc li {float: left; margin: 10px 15px 10px 0px; position: relative; padding: 0px; height: 305px; background-color: #f7f7f7; width: 230px !important; } #productlist .mc li.last{margin-right:0px;} #productlist .mc li .img {position: relative;overflow: hidden;border: 1px solid #f7f7f7; width: 198px;} #productlist .mc li img {position: absolute;left: 0px;right: 0px;} #productlist .mc li .img_logo{bottom: 55px;width: 147px;left: 135px;} #productlist .mc li h3{ font-size: 15px; color: #ac0000; line-height:35px; padding-left:20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:16px;} #productlist .mc li .subtitle{padding-left:20px;font-size:14px;} #productlist .mc li .address{font-size:14px;color:#666666;padding-left: 10px; line-height: 22px;padding-right: 30px;} .certificate{background: url(../images/certificate.jpg) no-repeat center;width: 71px;height: 25px;float: right;margin-top: -30px;z-index: 99999;position: relative;margin-right: 5px;} /*------图片移动----------bxCarousel.js*/ #product{background: url(../images/triangle.png) no-repeat 40px 0px #fff;margin-bottom: 30px;} #product .bx_wrap a.prev {width: 33px;height:65px;position: absolute;top: 125px;left:-15px;text-indent: -999em;background: url(../images/pro_left.jpg) 0px 0px no-repeat;z-index:99999;} #product .bx_wrap a.next {width:33px;height: 65px;position: absolute;top:125px;right:-15px;text-indent: -999em;background: url(../images/pro_right.jpg) 0px 0px no-repeat;z-index:99999;} #product .mc{position: relative;border: 10px solid #EDEDED;background:#fff; border-left-width: 8px;border-right-width: 8px;} #product .mc li {position:relative;border:1px solid #EDEDED;margin: 35px 0px;} #product .mc li h3{ font-size: 14px;color: #333;line-height: 30px;padding-top: 5px;text-align: center;background-color: #EDEDED;padding-bottom: 20px;} #product .levelone{background: url(../images/border_lf.jpg) repeat-y -8px 0px;} #product .leveltwo{background: url(../images/border_lr.jpg) repeat-y 943px 0px;padding-left: 35px;height: 330px;} #recommend{} #recommend .bx_wrap a.prev {position: absolute;top: 125px;left:15px;z-index: 99999;color: #cd771b;font-size: 24px;} #recommend .bx_wrap a.next {position: absolute;top:125px;right:15px;z-index:99999;color: #cd771b;font-size: 24px;} #recommend .mc{position: relative;background:#fff;margin-top: 10px;} #recommend .mc li {position:relative;border:1px solid #EDEDED;} #recommend .mc li h3{font-size: 14px;color: #000;padding: 15px 0px;text-align: center;background-color: #EDEDED;border: 1px solid #fff;} /*------产品详情图片预览----------jquery.ad-gallery.js*/ #gallery {padding:20px 30px;background:#F5F5F5;margin:25px auto;} .ad-gallery {width:705px;} .ad-gallery, .ad-gallery * {margin: 0;padding: 0;} .ad-gallery .ad-image-wrapper {width: 100%;height: 400px;margin-bottom: 10px;position: relative;overflow: hidden;} .ad-gallery .ad-image-wrapper .ad-loader {position: absolute;z-index: 10;top: 48%;left: 48%;border: 1px solid #CCC;} .ad-gallery .ad-image-wrapper .ad-next {position: absolute;right: 0;top: 0;width: 25%;height: 100%;cursor: pointer;display: block;z-index: 100;} .ad-gallery .ad-image-wrapper .ad-prev {position: absolute;left: 0;top: 0;width: 25%;height: 100%;cursor: pointer;display: block;z-index: 100;} .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {background: url(../images/non-existing.jpg)\9} .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background: url(../images/ad_prev.png);width: 30px;height: 30px;display: none;position: absolute;top: 47%;left: 0;z-index: 101;} .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background: url(../images/ad_next.png);width: 30px;height: 30px;right: 0;left: auto;} .ad-gallery .ad-image-wrapper .ad-image {position: absolute;overflow: hidden;top: 0;left: 0;z-index: 9;} .ad-gallery .ad-image-wrapper .ad-image a img {border: 0;} .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {position: absolute;bottom: 0px;left: 0px;padding: 7px;text-align: left;width: 100%;z-index: 2;background: url(../images/opa75.png);color: #000;} * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');} .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {display: block;} .ad-gallery .ad-controls {height: 20px;} .ad-gallery .ad-info {float: left;} .ad-gallery .ad-slideshow-controls {float: right;} .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {padding-left: 5px;cursor: pointer;} .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {padding-left: 5px;font-size: 0.9em;} .ad-gallery .ad-slideshow-running .ad-slideshow-start {cursor: default;font-style: italic;} .ad-gallery .ad-nav {width: 100%;position: relative;} .ad-gallery .ad-forward, .ad-gallery .ad-back {position: absolute;top: 0;height: 100%;z-index: 10;} /* IE 6 doesn't like height: 100% */ * html .ad-gallery .ad-forward, .ad-gallery .ad-back {height: 100px;} .ad-gallery .ad-back {cursor: pointer;left: -20px;width: 13px;display: block;background: url(../images/ad_scroll_back.png) 0px 22px no-repeat;} .ad-gallery .ad-forward {cursor: pointer;display: block;right: -20px;width: 13px;background: url(../images/ad_scroll_forward.png) 0px 22px no-repeat;} .ad-gallery .ad-nav .ad-thumbs {overflow: hidden;width: 100%;} .ad-gallery .ad-thumbs .ad-thumb-list {float: left;width: 9000px;list-style: none;} .ad-gallery .ad-thumbs li {float: left;padding-right: 5px;} .ad-gallery .ad-thumbs li a {display: block;} .ad-gallery .ad-thumbs li a img {border: 3px solid #CCC;display: block;} .ad-gallery .ad-thumbs li a.ad-active img {border: 3px solid #616161;} /* Can't do display none, since Opera won't load the images then */ .ad-preloads {position: absolute;left: -9000px;top: -9000px;} /*------文字垂直滚动----------scrollable.js*/ .vertical{position:relative;height:665px;overflow:hidden} .items{position:absolute;height:20000em;} .item{margin-bottom: 20px;} .honor_list { position: relative; height: 420px; overflow: hidden; width: 457px; float:left; clear:both; } #actions { float: right; } #actions a { z-index: 999999; display: block; width: 37px; height: 37px; background: url(../images/honor_dir_1.png) no-repeat; cursor: pointer; text-indent: -9999px; } #actions a.prev { background: url(../images/honor_dir1.png) no-repeat; margin-top: 8px; } .vertical { position: relative; height: 420px; overflow: hidden; } .items { position: absolute; height: 20000em; } .honor_list .items li { line-height: 45px; } /*------点击放大----------jquery.fancybox.js*/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding: 0;margin: 0;border: 0;outline: none;vertical-align: top;} .fancybox-wrap {position: absolute;top: 0;left: 0;z-index: 8020;} .fancybox-skin {position: relative;background: #f9f9f9;color: #444;text-shadow: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .fancybox-opened {z-index: 8030;} .fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);} .fancybox-outer, .fancybox-inner {position: relative;} .fancybox-inner {overflow: hidden;} .fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;} .fancybox-error {color: #444;font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 15px;white-space: nowrap;} .fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;} .fancybox-image {max-width: 100%;max-height: 100%;} #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('fancybox_sprite.png');} #fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8060;} #fancybox-loading div {width: 44px;height: 44px;background: url('fancybox_loading.gif') center center no-repeat;} .fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;} .fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;background: transparent url('blank.gif'); /* helps IE */-webkit-tap-highlight-color: rgba(0,0,0,0);z-index: 8040;} .fancybox-prev {left: 0;} .fancybox-next {right: 0;} .fancybox-nav span {position: absolute;top: 50%;width: 36px;height: 34px;margin-top: -18px;cursor: pointer;z-index: 8040;visibility: hidden;} .fancybox-prev span {left: 10px;background-position: 0 -36px;} .fancybox-next span {right: 10px;background-position: 0 -72px;} .fancybox-nav:hover span {visibility: visible;} .fancybox-tmp {position: absolute;top: -99999px;left: -99999px;visibility: hidden;max-width: 99999px;max-height: 99999px;overflow: visible !important;} /* Overlay helper */ .fancybox-lock {overflow: hidden !important;width: auto;} .fancybox-lock body {overflow: hidden !important;} .fancybox-lock-test {overflow-y: hidden !important;} .fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background: url('fancybox_overlay.png');} .fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;} .fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;} /* Title helper */ .fancybox-title {visibility: hidden;font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position: relative;text-shadow: none;z-index: 8050;} .fancybox-opened .fancybox-title {visibility: visible;} .fancybox-title-float-wrap {position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 8050;text-align: center;} .fancybox-title-float-wrap .child {display: inline-block;margin-right: -100%;padding: 2px 20px;background: transparent; /* Fallback for web browsers that doesn't support RGBa */background: rgba(0, 0, 0, 0.8);-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;text-shadow: 0 1px 2px #222;color: #FFF;font-weight: bold;line-height: 24px;white-space: nowrap;} .fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;} .fancybox-title-inside-wrap {padding-top: 10px;} .fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);} /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('../images/fancybox_sprite@2x.png');background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/} #fancybox-loading div {background-image: url('../images/fancybox_loading@2x.gif');background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/} }