body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, th, td, form, object, iframe, blockquote, pre, a, abbr, address, code, img, fieldset, form, label, figure {
margin: 0;
padding: 0;
}
@font-face {
font-family:raleway;
src: url('http://noryadg.cn/font/raleway-regular.eot'); /* IE9 Compat Modes */
src: url('http://noryadg.cn/font/raleway-regular.eot?') format('embedded-opentype'), /* IE6-IE8 */
url('http://noryadg.cn/font/raleway-regular.woff') format('woff'), /* Modern Browsers */
url('http://noryadg.cn/font/raleway-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('http://noryadg.cn/font/raleway-regular.svg') format('svg'); /* Legacy iOS */
}
body, html, input, button, textarea {
color: #333;
font: 13px/1.8 Microsoft YaHei;
font-family: Microsoft YaHei;
letter-spacing: 0.2px;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
background: #FFFFFF;
}
h1 {
font-size: 18px;
}
h2 {
font-size: 16px;
}
h3, h4, h5 {
font-size: 14px;
}
img {
border: none;
vertical-align: middle;
}
li {
list-style: none;
}
i, em {
font-style: normal;
}
a {
color: #333;
text-decoration: none;
}
a:focus {
outline: none;
}
a:hover {
color: #025291;
text-decoration: none;
}
input[type="text"]:focus {
outline: none;
}
input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
border:none;
padding:0;
}
button, input, select, textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
.owl-dots .owl-dot, .owl-prev, .owl-next {
cursor: pointer;
}
/* clear floating */
.clearfix:after, .layout:after, .topbar:after, .header:after, .product-intro:after, .product-summary .product-meta:after, .product-summary .price-bar:after, .product-summary .product-buy:after, .product-shop dl:after, .color-list:after, .product-summary .size-list:after, .product-summary .check-item:after, #respond:after, .goods-related .related-list ul:after, .head-wrapper:after, .blog-widget .foot-blog-item:after, .products-scroll-list li:after, .main-tit-bar:after, .main-banner:after, .blog-list .blog-item:after, .index-discover ul li:after, .exhibition-tit-bar:after, .detail-tabs:after, .index-info-wrap:after {
content: "";
display: block;
clear: both;
visibility: hidden;
height: 0;
}
.clearfix, .layout, .topbar, .header, .product-intro, .product-summary .product-meta, .product-summary .price-bar, .product-summary .product-buy, .product-shop dl, .color-list, .product-summary .size-list, .product-summary .check-item, #respond, .goods-related .related-list ul, .head-wrapper, .blog-widget .foot-blog-item, .products-scroll-list li, .main-tit-bar, .main-banner, .blog-list .blog-item, .index-discover ul li, .exhibition-tit-bar, .detail-tabs, .index-info-wrap {
*zoom:1;
}
.clear {
clear: both;
}
/* layout */
.addthis_sharing_toolbox {
float: right;
}
.layout, .nav-bar .nav-wrap, .index-info-wrap .index-info, .path-bar .path-nav {
width: 1140px;
margin: 0 auto;
position: relative;
}
.layout, .nav-bar .nav-wrap, .index-info-wrap .index-info, .path-bar2 .path-nav {
width: 1140px;
margin: 0 auto;
position: relative;
}
.z9999 {
z-index: 9999!important;
}
body {
width: 100%;
min-width: 1080px;
position: absolute;
left: 0;
top: 0
}
.container {
position: relative;
display: block;
width: 100%;
min-width: 1080px;
overflow: hidden;
}
/* color */
.shopcart-title .goods-num, .head-login-info h4, .cate-menu li a.hover, .product-item .pd-price b, .blog-widget .foot-blog-item .blog-cont p a.more, .cate-menu li a:hover, .head-cartlist dl a:hover, .narrow-by li li a:hover, .narrow-by li li a.selected, .service-items .service-item li a:hover, .blog-list .blog-item .readmore, .blog-list .blog-item .readmore a, .sort-by ul li.selected a, .sort-by ul li.selected a:hover, .goods-may-like .goods-item .goods-price b, .product-summary .price-bar .special-price, .product-summary .discount, .total-price .price, .goods-related .related-list ul .pd-name a:hover {
color: #025291;
}
/* image */
.head-shopcart .ico-cart, .slide-banners .owl-prev, .slide-banners .owl-next, .product-slides .owl-prev, .product-slides .owl-next, .blog-widget .owl-prev, .blog-widget .owl-next, .narrow-by li li a, .narrow-by li a.with-ul-tit b, .sort-by ul li .arrow-down, .sort-by ul li .arrow-up, .path-bar .path-nav li .ico-home b, .product-intro .add-to-cart, .product-intro .add-to-wishlist, .goods-may-like .owl-prev, .goods-may-like .owl-next, .change-currency .arrow, .goods-related .icon-add, .product-summary .ico-tick {
background-image: url(../image/sprites.png);
background-repeat: no-repeat;
background-color: transparent;
}
.hide-cate .cate-nav-btn:after, .product-summary .btn-add-to-cart:after, .color-list li.checked .color-small-img:after, .select-box .select-value:after, .size-list li.checked span.size-value:after {
background-image: url(../image/sprites.png);
background-repeat: no-repeat;
background-color: transparent;
}
/* button */
.comment-form .form-item input[type="submit"], .goods-related .buy-together {
display: inline-block;
height: 28px;
line-height: 28px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
color: #fff;
font-size: 14px;
padding: 0 18px;
background: #bd362f;
background: -webkit-linear-gradient(center top, #ee5f5b, #bd362f);
background: -moz-linear-gradient(center top, #ee5f5b, #bd362f);
background: -ms-linear-gradient(top, #ee5f5b, #bd362f);
background: -o-linear-gradient(center top, #ee5f5b, #bd362f);
background: linear-gradient( top, #ee5f5b, #bd362f);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.comment-form .form-item input[type="submit"]:hover, .goods-related .buy-together:hover, .ass:hover {
opacity: 0.8;
-moz-opacity: 80;
filter: alpha(opacity=80);
}
/* transition */
.slide-banners .owl-nav, .foot-social li a, .gotop, .blog-list .blog-item img, .product-item:hover .pd-img img, .product-item:hover .pd-img .img-hover, .goods-may-like .goods-item img, .topbar .currency-cur b, .head-social li, .slide-banners-wrap .slide-prev, .slide-banners-wrap .slide-next, .nav-bar .nav li a, .foot-contact .inq-buttom a, .main-banner .slide-prev, .main-banner .slide-next, #nodes a, .index-products .product-slides .owl-nav, .index-products .goods-items .owl-nav, .about-banner-wrap .about-cont .about-more, .product-item .pd-img, .nav li:after, .products-tabs h2:after, .foot-social li, .foot-qlinks .btn-footer, .foot-qlinks .btn-footer b, .index-inquiry-form-style .form-btn-wrap, .index-inquiry-form-style .form-btn-wrap .form-btn-submit, .product-item .pd-img .pd-shadow {
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.product-item .pd-shadow-wrap .pd-shadow, .head-wrapper-fix, .head-wrapper-fix .topbar, .head-wrapper-fix .header, .head-wrapper-fix .logo img, .head-wrapper-fix .head-search, .head-wrapper-fix .head-search .search-ipt, .index-info-wrap .index-info ul .index-info-list .index-info-list-link {
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.head-wrapper, .head-wrapper .logo, .product-item .pd-shadow-wrap, .product-item .pd-shadow-wrap .pd-ico {
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
{
-moz-transform:translateY(-10px);
-webkit-transform:translateY(-10px);
-ms-transform:translateY(-10px);
-o-transform:translateY(-10px);
transform:translateY(-10px);
}
.head-social li:hover/*,.banner-list ul li:hover .banner-image*/ {
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
@font-face {
font-family: 'icomoon';
src: url('http://noryadg.cn/other/icomoon.eot?-l21epb');
src: url('http://noryadg.cn/other/icomoon.eot?') format('embedded-opentype'), url('http://noryadg.cn/other/icomoon.woff?-l21epb') format('woff'), url('http://noryadg.cn/other/icomoon.ttf?-l21epb') format('truetype'), url('http://noryadg.cn/other/icomoon.svg?-l21epb') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"], a.with-child:after, .widget-cates li a.with-ul-tit:before, .widget-cates li.with-ul-hide a.with-ul-tit:before, .tit-ico:before, .btn-inquiry:before, .nav >li.ico-home:before, .product-item .pd-shadow-wrap .pd-ico:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.head-wrapper {
position: relative;
width: 100%;
z-index: 999;
border-bottom: 1px solid #E0E0E0;
}
.head-wrapper-fix {
position: fixed;
}
.head-wrapper-fix .topbar {
height: 0;
overflow: hidden;
}
.head-wrapper-fix .header {
padding: 10px 0;
}
.head-wrapper-fix .logo img {
max-height: 45px;
}
.head-wrapper-fix .head-search {
margin: 2px 0 0;
width: 222px;
}
.head-wrapper-fix .head-search .search-ipt {
width: 165px;
}
.topbar {
position: relative;
height: 40px;
background: url(../image/wenli.gif) repeat-x 0 top;
}
.transall {
float: left;
}
.language {
float: left;
}
.topbar .head-contact {
float: left;
}
.topbar .head-contact .head-phone, .topbar .head-contact .head-email {
display: inline-block;
vertical-align: top;
*display:inline;
*zoom:1;
line-height: 40px;
padding: 0 25px 0 0px;
}
/*.topbar .head-contact .head-phone {
background: url(/images/icons04.png) no-repeat 5px center;
}*/
/*.topbar .head-contact .head-email {
background: url(/images/icons05.png) no-repeat 5px center;
}*/
.head-social {
float: right;
margin: 6px 0 0;
}
.head-social li {
width: 28px;
height: 28px;
display: block;
position: relative;
overflow: hidden;
display: inline-block;
vertical-align: top;
*display:inline;
*zoom:1;
margin: 0 0 0 4px;
}
.head-social li img {
max-width: 28px;
max-height: 28px;
}
.header {
position: relative;
padding: 23px 0;
background: url(../image/wenli.gif) repeat-x 0 top;
}
.logo {
position: relative;
float: left;
}
.logo img {
}
.head-search {
position: relative;
float: right;
width: 288px;
height: 32px;
border: 1px solid #E6E6E6;
margin: 27px 0 0;
}
.head-search .search-ipt {
position: absolute;
top: 0;
left: 0;
border: none;
width: 231px;
padding: 0 10px;
height: 32px;
line-height: 32px;
font-size: 14px;
color: #A0A1A3;
}
.head-search .search-btn {
position: absolute;
top: 0;
right: 0;
background: #000;
width: 36px;
height: 32px;
display: block;
overflow: hidden;
border: none;
border-left: 1px solid #E6E6E6;
background: url(../image/search-btn.png) no-repeat center center;
}
.nav-bar {
height: 60px;
font-size: 14px;
background: #efefef;
}
.nav {
}
.nav li, .nav li a {
position: relative;
display: block;
}
.nav > li {
display: inline-block;
vertical-align: top;
*display:inline;
*zoom:1;
}
.nav > li > a {
padding: 0 90px 0 15px;
height: 60px;
line-height: 60px;
font-family:"Microsoft YaHei";
}
.nav >li > a:after {
content: "";
position: absolute;
left: 0;
top: 25%;
width: 2px;
height: 50%;
display: block;
overflow: hidden;
background: #B0B0B0;
}
.nav >li:hover > a, .nav >li.nav-current > a {
color: #025291;
background: #E0E0E0;
}
.nav >li:hover > a:after, .nav >li.nav-current > a:after {
width: 0;
}
.nav ul {
padding: 25px 0;
position: absolute;
top: 60px;
z-index: 9999;
background: #E0E0E0;
border-bottom: 1px solid #C2C2C2;
display: none;
}
.nav ul ul {
position: relative;
top: auto;
left: auto;
border-bottom: none;
background: none;
padding: 0;
display: block;
}
.nav ul li {
position: relative;
display: inline-block;
vertical-align: top;
*display:inline;
*zoom:1;
margin: 0 15px 20px;
width: 350px;
line-height: 40px;
}
.nav ul ul li {
display: block;
*display:block;
margin: 0;
width: auto;
line-height: 30px;
}
.nav ul li a {
color: #025291;
padding: 10px 18px 0;
}
.nav ul ul li a {
color: #333;
padding: 0 18px;
}
.nav ul ul li:hover {
background: #EFEFEF;
}
.sub-ul02 > li:before {
content: "";
left: 0;
top: 0;
width: 100%;
height: 3px;
display: block;
overflow: hidden;
background: url(../image/icons07.png) repeat-x left top;
}
.sub-ul02 > li:nth-child(1):before, .sub-ul02 > li:nth-child(2):before, .sub-ul02 > li:nth-child(3):before {
height: 0;
}
/* slide banner */
.owl-carousel {
position: relative;
width: 100%;
}
.owl-carousel .owl-item {
float: left;
min-height: 1px;
position: relative;
overflow: hidden;
}
.owl-carousel .owl-stage-outer {
overflow: hidden;
position: relative;
}
.owl-carousel .owl-controls {
height: 0;
overflow: visible;
}
.owl-stage {
position: relative;
}
.owl-loaded .slide-item {
display: block;
}
.slide-banners-wrap {
margin: 0 auto;
position: relative;
background: #f1f1f1;
}
.slide-banners {
position: relative;
overflow: hidden;
text-align: center;
width: 1140px;
margin: 0 auto;
}
.slide-banners .slide-item {
position: relative;
overflow: hidden;
display: none;
width: 100%;
height: 500px;
background-repeat: no-repeat;
background-position: center center;
}
.slide-banners .slide-item img {
display: none;
}
.slide-banners .slide-item a {
position: relative;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.slide-banners .slide-item b {
display: block;
width: 2em;
height: 2em;
border-radius: 50%;
line-height: 2em;
text-align: center;
color: #fff;
background: #ff9600;
position: absolute;
right: 2px;
top: 2px;
font-weight: normal;
font-family: raleway, Arial;
}
/* Direction Nav */
.slide-banners .flex-direction-nav {
*height: 0;
}
.slide-banners .flex-direction-nav a {
display: block;
width: 41px;
height: 126px;
position: absolute;
z-index: 9999;
top: 40%;
margin-top: -35px;
text-indent: -9999em;
overflow: hidden;
cursor: pointer;
background-repeat: no-repeat;
background-position: center center;
opacity: 0.5;
}
.slide-banners .flex-direction-nav .flex-prev {
background-image: url(../image/slide-prev.png);
left: 0;
}
.slide-banners .flex-direction-nav .flex-next {
background-image: url(../image/slide-next.png);
right: 0;
}
.slide-banners:hover .flex-direction-nav a {
opacity: 1;
}
/* Control Nav */
.flex-control-nav {
width: 100%;
position: relative;
text-align: right;
z-index: 99;
display: inline-block;
vertical-align: top;
*display:inline;
*zoom:1;
width: 1100px;
margin: 470px 0 0
}
.flex-control-nav li {
margin: 0 3px;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
}
.flex-control-paging li a {
width: 8px;
height: 8px;
display: block;
background: none;
cursor: pointer;
text-indent: 9999999px;
border-radius: 50%;
border: 1px solid #FFFFFF;
}
.flex-control-paging li a.flex-active {
background: #FFFFFF;
}
.index-about {
position: relative;
display: block;
font-size: 14px;
padding: 0 0 10px
}
.index-about, .index-about a {
color: #636365;
}
.index-about .about-layout {
position: relative;
width: 1140px;
overflow: hidden;
margin-top:10px;
}
.index-about .about-layout p {
width: 700px;
padding-bottom:15px;
padding-top:5px;
}
.index-about .about-title {
font-weight: normal;
line-height: 20px;
font-size: 18px;
margin: 0 0 10px;
}
.index-about .about-cont {
}
.index-about .about-cont p {
margin: 0 0 40px;
}
.index-about .about-cont .about-cont-title {
padding: 10px 0;
font-size: 14px;
font-weight: 600;
}
.index-about .about-cont ul {
position: relative;
display: block;
}
.index-about .about-cont ul li {
position: relative;
display: block;
padding: 0 0 8px 61px;
line-height: 22px;
background: url(../image/icons06.png) no-repeat 40px 8px;
}
.index-info-wrap {
padding-bottom: 30px;
}
.index-info-wrap .index-info ul {
position: relative;
width: 105%;
}
.index-info-wrap .index-info ul .index-info-list {
position: relative;
display: inline-block;
vertical-align: top;
*display:inline;
*zoom:1;
width: 360px;
height: auto;
margin: 0 30px 0 0;
background: #F0F0F0;
}
.index-info-wrap .index-info ul .index-info-list .info-pic {
position: relative;
width: 100%;
}
.index-info-wrap .index-info ul .index-info-list .info-pic img {
position: relative;
width: 100%;
}
.index-info-wrap .index-info ul .index-info-list .info-detail-wrap {
position: relative;
padding: 22px 40px 30px;
border-top: 1px solid #A9AEAD;
}
.index-info-wrap .index-info ul .index-info-list .info-detail-wrap .info-title {
position: relative;
line-height: 25px;
font-weight: 600;
text-transform: uppercase;
font-size: 14px;
padding: 0 0 15px;
background: url(../image/crtah.png) repeat-x bottom left;
}
.index-info-wrap .index-info, .index-info-wrap .index-info a {
font-size: 14px;
line-height: 25px;
color: #646466;
}
.index-info-wrap .index-info ul .index-info-list .info-detail-wrap .info-detail {
position: relative;
display: block;
height: 100px;
overflow: hidden;
padding: 20px 0 0;
}
.index-info-wrap .index-info ul .index-info-list .info-pic .view-zoom {
display: none;
position: absolute;
background: rgba(100, 100, 100, 0.8);
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
background: url(../image/bg_capt.png)
}
.index-info-wrap .index-info ul .index-info-list .info-pic .view-zoom span {
display: block;
background: url(../image/open_content.png) center top no-repeat;
width: 100%;
height: 60px;
top: 50%;
position: absolute;
margin-top: -30px
}
.index-info-wrap .index-info ul .index-info-list .info-pic .view-zoom span b {
display: block;
font-weight: 400;
background: 0 0;
padding-top: 40px
}
.index-info-wrap .index-info ul .index-info-list:hover .view-zoom {
display: block
}
.index-info-wrap .index-info ul .index-info-list .index-info-list-link {
color: #646464;
text-decoration: none;
display: block;
}
.index-info-wrap .index-info ul .index-info-list .index-info-list-link:hover {
color: #fff
}
.index-info-wrap .index-info ul .index-info-list .index-info-list-link:hover .info-detail-wrap {
background: #646464;
border-color: #666
}
.index-info-wrap .index-info ul .index-info-list .index-info-list-link:hover .info-detail-wrap .info-title {
background: url(../image/crta.png) bottom left repeat-x
}
.product-slides-wrap {
position: relative;
width: 980px;
margin: 0 auto;
}
.product-slides-wrap .product-slides {
position: relative;
width: 1020px;
}
.product-slides-wrap .product-slides .owl-nav {
display: inline;
position: absolute;
top: 40%;
;
left: -50px;
z-index: 0;
width: 1080px;
}
.product-slides-wrap .product-slides .owl-prev, .product-slides-wrap .product-slides .owl-next {
display: block;
width: 8px;
height: 14px;
text-indent: -9999em;
overflow: hidden;
z-index: 999;
position: absolute;
background-position: center center;
background-repeat: no-repeat;
}
.product-slides-wrap .product-slides .owl-prev {
background-image: url(../image/pd-prev.png);
left: 0;
}
.product-slides-wrap .product-slides .owl-next {
background-image: url(../image/pd-next.png);
right: 0;
}
.index-product, .index-product a {
color: #FFFFFF;
}
.product-item {
position: relative;
width: 215px;
height: auto;
display: inline-block;
vertical-align: top;
*display:inline;
*zoom:1;
}
.product-item .item-wrap {
position: relative;
}
.product-item .pd-img {
position: relative;
width: 100%;
overflow: hidden;
}
.product-item .pd-img span{color:#666; font-size: 12px; text-align: center; display: block; width: 214px;}
.product-item .pd-img img {
position: relative;
width: 214px;
height: 156px;
}
.product-item .pd-img .pd-shadow {
position: absolute;
background: rgba(100, 100, 100, 0.8);
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
background: url(../image/bg_capt.png);
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
}
.product-item .pd-img .pd-shadow span {
display: block;
background: url(../image/open_content.png) center top no-repeat;
width: 100%;
height: 60px;
top: 50%;
position: absolute;
margin-top: -30px
}
.product-item .pd-img .pd-shadow span b {
display: block;
font-weight: 400;
background: 0 0;
padding-top: 40px;
color: #FFF;
font-size: 14px;
}
.product-item:hover .pd-img .pd-shadow {
opacity: 1;
-moz-opacity: 100;
filter: alpha(opacity=100);
}
.product-item .pd-info {
position: relative;
display: block;
overflow: hidden;
padding: 10px 20px;
text-align: center;
}
.product-item .pd-info .pd-name {
font-weight: normal;
line-height: 20px
}
.foot-wrapper {
position: relative;
width: 100%;
overflow: hidden;
background: #9e9e9e;
}
.foot-wrapper .foot-items, .foot-wrapper .foot-items a {
/*color: #fff;*/
}
.foot-wrapper .foot-items {
position: relative;
width: 105%;
}
.foot-items .foot-item {
position: relative;
display: inline-block;
vertical-align: top;
width: 360px;
background: #8F8F8F;
}
.foot-items .foot-item .foot-tit {
font-size: middle;
font-weight: 600;
text-transform: uppercase;
background-image: url(../image/fbb.png);
background-repeat: repeat-x;
background-position: left bottom;
line-height: 30px;
padding: 17px 40px;
color: #fff;
}
.foot-items .foot-item .foot-tit:hover {
background: #787878;
cursor: pointer;
}
.foot-qlinks {
margin: 0 30px;
}
.foot-contact .foot-hide ul, .foot-qlinks .foot-hide ul, .foot-inquiry .foot-hide .index-inquiry-form-style {
padding: 20px 40px 15px;
color:#fff;
}
.foot-inquiry .foot-hide, .foot-qlinks .foot-hide, .foot-contact .foot-hide {
height: 444px;
overflow: hidden;
}
.foot-qlinks .foot-hide, .foot-contact .foot-hide {
height: 444px;
overflow: hidden;
font-size: 12px;
}
.foot-contact li {
display: block;
padding: 6px 0
}
.foot-contact li a {
display: block;
color: #fff;
text-decoration: none;
font-size: 12px
}
.foot-contact li a:hover {
text-decoration: underline
}
.foot-contact li span {
display: block
}
.foot-contact li.foot-addr {
background: url(../image/footer_home.png) left center no-repeat;
padding-left: 25px
}
.foot-contact li.foot-tel {
background: url(../image/footer_location.png) 3px center no-repeat;
padding-left: 25px
}
.foot-contact li.foot-phone {
background: url(../image/footer_tel.png) 4px center no-repeat;
padding-left: 25px
}
.foot-contact li.foot-email {
background: url(../image/footer_mail.png) left center no-repeat;
padding-left: 25px
}
.foot-map {
position: relative;
width: 100%;
padding-bottom: 20px;
}
.foot-inquiry ul li {
background: url(../image/footer_list.png) 0 3px no-repeat;
padding-left: 30px;
margin-bottom: 8px
}
.foot-inquiry ul li a {
display: block;
font-size: 12px
}
.foot-inquiry ul li a span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 217px;
display:block;
color: #fff;
}
.foot-inquiry ul li a b {
padding: 0 0 0 16px;
background: url(../image/icons08.png) no-repeat left center;
color: #fff;
}
.foot-inquiry ul li a:hover b {
text-decoration: underline
}
.foot-inquiry ul li a b, .foot-qlinks ul li a span {
font-weight: 600
}
.foot-inquiry li .limiter {
overflow: hidden;
color: #e5e5e5;
}
.foot-inquiry .btn-footer {
position: relative;
color: #fff;
background: #8f8f8f;
border: 1px solid #C4C4C4;
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
padding: 0 45px 0 20px;
line-height: 25px;
display: inline-block;
vertical-align: top;
*display:inline;
*zoom:1;
}
.foot-inquiry .btn-footer b {
position: absolute;
top: 0;
right: 30px;
width: 12px;
height: 25px;
display: block;
overflow: hidden;
background: url(../image/icons08.png) no-repeat center center;
}
.foot-inquiry .btn-footer:hover {
background: #D0D0D0;
color: #626262;
}
.foot-inquiry .btn-footer:hover b {
background: url(../image/icons08_hover.png) no-repeat center center;
}
.foot-inquiry .foot-inquiry-cont {
position: relative;
display: block;
overflow: hidden;
}
.foot-inquiry .foot-inquiry-cont.disabled .foot-hide {
display: none;
padding: 20px 40px 15px;
height: 345px
}
.foot-inquiry .foot-inquiry-cont .foot-tit {
position: relative;
display: block;
overflow: hidden;
}
.foot-inquiry .foot-tit span {
position: absolute;
width: 21px;
height: 64px;
top: 0;
right: 17px;
display: block;
overflow: hidden;
background: url(../image/open_content02.png) no-repeat center center;
}
.foot-inquiry .foot-tit-down span {
background: url(../image/open_content01.png) no-repeat center center;
}
.foot-inquiry .foot-tit-up span {
background: url(../image/open_content02.png) no-repeat center center;
}
.foot-inquiry .foot-hide-bg {
background-image: url(../image/fbb.png);
background-repeat: repeat-x;
background-position: left bottom;
}
.foot-inquiry .foot-hide-bg ul{padding:20px 30px;}
.index-inquiry-form-style {
position: relative;
}
.index-inquiry-form-style ul li {
margin-top: 10px;
}
.index-inquiry-form-style .form-input, .index-inquiry-form-style input[type="text"], .index-inquiry-form-style .form-text, .index-inquiry-form-style textarea {
position: relative;
display: block;
width: 214px;
height: 28px;
line-height: 28px;
border: 1px solid #959595;
padding: 0 0 0 36px;
background: #A6A6A6;
color: #FFF;
}
.index-inquiry-form-style ::-webkit-input-placeholder {
color:#FFF;
}
.index-inquiry-form-style :-moz-placeholder {
color:#FFF;
}
.index-inquiry-form-style ::-moz-placeholder {
color:#FFF;
}
.index-inquiry-form-style :-ms-input-placeholder {
color:#FFF;
}
.index-inquiry-form-style .form-text, .index-inquiry-form-style textarea {
height: 98px;
}
.index-inquiry-form-style .form-input-name, .index-inquiry-form-style input[type="text"].form-input-name {
background-image: url(../image/footer_user.png);
background-repeat: no-repeat;
background-position: 13px center;
}
.index-inquiry-form-style .form-input-email, .index-inquiry-form-style input[type="text"].form-input-email {
background-image: url(../image/footer_mail.png);
background-repeat: no-repeat;
background-position: 10px center;
}
.index-inquiry-form-style .form-input-phone, .index-inquiry-form-style input[type="text"].form-input-phone {
background-image: url(../image/footer_tel.png);
background-repeat: no-repeat;
background-position: 13px center;
}
.index-inquiry-form-style .form-input-massage, .index-inquiry-form-style .form-text, .index-inquiry-form-style textarea.form-input-massage {
background-image: url(../image/footer_list.png);
background-repeat: no-repeat;
background-position: 12px 7px;
}
.index-inquiry-form-style .form-input-select, .index-inquiry-form-style select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
position: relative;
display: block;
width: 250px;
height: 30px;
line-height: 30px;
border: 1px solid #959595;
padding: 0 0 0 36px;
background: #A6A6A6;
color: #FFF;
background-image: url(../image/footer_list.png);
background-repeat: no-repeat;
background-position: 12px 7px;
}
.index-inquiry-form-style .form-btn-submit {
}
.index-inquiry-form-style .form-btn-submit {
position: relative;
color: #fff;
background: #8f8f8f;
border: 1px solid #C4C4C4;
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
padding: 0 20px 0 20px;
line-height: 25px;
display: inline-block;
vertical-align: top;
*display:inline;
*zoom:1;
}
.index-inquiry-form-style .form-btn-wrap {
position: relative;
*display:inlie;
*zoom:1;
margin: 40px 0 0 2px;
}
.index-inquiry-form-style .form-btn-wrap b {
position: absolute;
top: 0;
right: 30px;
width: 12px;
height: 25px;
display: block;
overflow: hidden;
background: url(../image/icons08.png) no-repeat center center;
}
.index-inquiry-form-style .form-btn-wrap:hover .form-btn-submit {
background: #D0D0D0;
color: #626262;
}
.index-inquiry-form-style .form-btn-wrap:hover b {
background: url(../image/icons08_hover.png) no-repeat center center;
}
.index-inquiry-form-style .Validform_checktip {
display: block;
height: 15px;
line-height: 15px;
}
.index-inquiry-form-style .Validform_wrong {
height: 15px;
line-height: 15px;
}
.footer {
padding: 10px 0;
background: #FFF;
}
.footer .foot-nav {
display: inline-block;
vertical-align: top;
*display:inline;
*zoom:1;
float: right;
}
.footer .foot-nav li {
display: inline-block;
vertical-align: top;
*display:inline;
*zoom:1;
line-height: 25px;
}
.foot-nav li a {
padding: 0 10px;
}
.foot-nav li:after {
content: "|";
}
.foot-nav li:last-child:after {
content: "";
display: none;
}
.footer .copyright {
display: inline-block;
vertical-align: top;
*display:inline;
*zoom:1;
float: left;
line-height: 25px;
}
.footer .copyright i{padding:0 10px;}
.gotop {
display: block;
width: 45px;
height: 40px;
padding: 5px 0 0;
line-height: 40px;
text-align: center;
background-image: url(../image/ico_top.png);
background-position: center 9px;
background-repeat: no-repeat;
background-color: #025291;
position: fixed;
right: 20px;
bottom: 40px;
color: #fff;
font-size: 14px;
font-weight: bold;
cursor: pointer;
}
.gotop:hover {
-moz-transform: translateY(-6px);
-webkit-transform: translateY(-6px);
-ms-transform: translateY(-6px);
-o-transform: translateY(-6px);
transform: translateY(-6px);
background-color: #EED682;
}
.path-bar {
height: 102px;
line-height: 102px;
font-size: 20px;
font-weight: bold;
background: #efefef;
margin: 0 0 35px;
}
.path-bar .path-nav {
}
.path-bar li {
display: inline-block;
vertical-align: top;
position: relative;
font-family:"Microsoft YaHei";
}
.path-bar li a {
display: block;
padding: 0 10px 0 3px;
color: #636562;
}
.path-bar li:hover a, .path-bar li.current a {
color: #025291;
}
.path-bar li:last-child {
background: none;
}
.path-bar2 {
height: 50px;
line-height: 50px;
font-size: 16px;
font-weight: bold;
margin: 50px 0 35px;
}
.path-bar2 .path-nav {
background: #efefef;
}
.path-bar2 li {
display: inline-block;
vertical-align: top;
position: relative;
font-family:"Microsoft YaHei";
padding-left:20px;
}
.path-bar2 li a {
display: block;
padding: 0 10px 0 3px;
color: #636562;
}
.path-bar2 li:hover a, .path-bar li.current a {
color: #025291;
}
.path-bar2 li:last-child {
background: none;
}
.aside {
float: right;
width: 360px;
font-size: 14px;
}
.aside, .aside a {
color: #5C6672;
}
.side-widget li a:hover, .side-contact .contact-view:hover a {
color: #025291;
}
.side-tit-bar {
position: relative;
line-height: 25px;
padding: 20px 0 25px;
border-bottom: 1px solid #DBDBDB;
color: #5C6672;
}
.side-tit-bar .side-tit {
position: relative;
font-size: 16px;
font-weight: 600;
}
.side-tit-bar .sub-side-tit {
position: relative;
font-size: 14px;
font-weight: normal;
}
.side-widget {
position: relative;
margin: 0 0 20px 0;
padding: 20px 40px;
background: #EFEFEF;
}
.side-widget .side-hide {
padding: 20px 0 10px;
}
.side-widget .side-contact {
padding: 20px 0 10px;
}
.side-contact .contact-view {
position: absolute;
bottom: 50px;
left: 0;
width: 100%;
height: 50px;
line-height: 50px;
display: block;
overflow: hidden;
border-top: 1px solid #DBDBDB;
}
.side-contact .contact-view a {
position: relative;
display: block;
padding: 0 40px;
}
.side-contact .contact-view a span {
font-weight: 600;
padding: 0 20px 0 0;
background: url(../image/icons10.png) no-repeat right center;
}
.side-contact .contact-view:hover a span {
background: url(../image/icons10_hover.png) no-repeat right center;
}
.side-contact ul {
position: relative;
display: block;
}
.side-contact ul li {
position: relative;
line-height: 22px;
padding: 0 0 20px 31px;
}
.side-contact ul li p a {
color: #909192;
font-size: 12px;
}
.side-contact ul li a.thisclass {
color: #025291;
}
.side-contact ul li:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 21px;
height: 22px;
display: block;
overflow: hidden;
background-repeat: no-repeat;
background-position: center center;
}
.side-contact ul li.company:before {
background-image: url(../image/company.png)
}
.side-contact ul li.address:before {
background-image: url(../image/address.png)
}
.side-contact ul li.lanmu:before {
background-image: url(../image/lanmu.png)
}
.side-contact ul li.lanmu:after {
background-image: url(../image/lanmu2.png)
}
.side-contact ul li.location:before {
background-image: url(../image/location.png)
}
.side-contact ul li.phone:before {
background-image: url(../image/phone.png)
}
.side-contact ul li.fax:before {
background-image: url(../image/fax.png)
}
.side-contact ul li.email:before {
background-image: url(../image/email.png)
}
.side-contact ul li.url:before {
background-image: url(../image/url.png)
}
.side-contact dl{padding:0 0 15px 0;}
.side-contact dl li {
position: relative;
line-height: 22px;
padding: 0 0 6px 31px;
background: url(../image/lanmu.png) no-repeat 0px 2px;
font-weight:bold;
}
.side-contact dl p {
padding: 0 0 0 31px;
height: 28px;
line-height: 28px;
}
.side-contact dl p a {
color: #838383;
font-size: 13px;
}
.side-contact dl p a:hover{color:#025291;}
.side-bn {
max-width: 100%;
margin: 0 0 25px 0;
}
.side-bn img {
max-width: 100%
}
.main {
position: relative;
width: 700px;
display: block;
overflow: hidden;
float: left;
}
.main-tit-bar {
height: 33px;
line-height: 33px;
overflow: hidden;
border-bottom: 1px solid #EAEAEA;
padding: 8px 0 5px;
}
.main-tit-bar .title {
font-size: 16px;
line-height: 33px;
display: inline-block;
vertical-align: top;
*display:inline;
*zoom:1;
position: relative;
color: #262626;
}
.main-tit-bar .share-this {
display: inline;
float: right;
margin: 0 10px 0 0;
}
.main-banner {
position: relative;
display: block;
}
.goods-summary {
font-size: 14px;
padding: 18px;
background: #EFEFEF;
}
.product-list {
position: relative;
overflow: hidden;
}
.product-list ul {
position: relative;
width: 115%;
}
.product-list ul .product-item {
width: 214px;
margin: 0 29px 30px 0;
}
.page-bar .pages {
display: block;
padding: 10px;
margin: 20px 0 30px;
text-align: center;
font-size: 12px;
}
.pages a, .pages span {
display: inline-block;
border: 1px solid #CFCFCF;
padding: 5px 12px;
margin: 0 0 0 8px;
vertical-align: middle;
border-radius: 3px;
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#ECECEC', gradientType='0');
background: -moz-linear-gradient(top, #FFFFFF, #ECECEC);
background: -o-linear-gradient(top, #FFFFFF, #ECECEC);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#ECECEC));
}
.pages span, .pages span a {
text-transform: uppercase;
}
.pages span {
margin: 0 10px;
}
.page-count {
}
.pages .page-prev {
margin: 0 10px 0 10px;
}
.pages .page-next {
margin: 0 0 0 15px;
}
.pages a.current, .pages a:hover {
border: 1px solid #333333;
background: #333333;
color: #FFF;
}
.pages a:hover {
text-decoration: none;
}
/* product photos */
.product-intro {
position: relative;
display: block;
}
.product-view {
width: 321px;
float: left;
position: relative;
padding: 0 0 10px;
background: #fff;
text-align: center;
}
.product-view .text-tips {
clear: both;
color: #666;
padding: 15px 0;
line-height: 1.5em;
}
.product-view .product-img {
display: table-cell;
width: 319px;
height: 319px;
text-align: center;
border: 1px solid #eee;
overflow: hidden;
cursor: pointer;
vertical-align: middle;
}
.product-view .product-img img {
max-width: 319px;
max-height: 319px;
position: relative;
}
.product-view .share-this {
display: inline-block;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
}
.small-img-scroll {
position: relative;
overflow: hidden;
margin: 20px auto 0;
}
.small-img-scroll li {
margin: 0 2px;
display: inline;
}
.small-img-scroll li.disabled {
display: block;
}
.small-img-wrap {
padding: 0 15px;
position: relative;
}
.small-img-wrap .small-img-slide {
padding: 0 30px;
width: auto;
}
.small-img-wrap .small-img-item, .small-img-wrap .small-img-item img {
width: 62px;
height: 62px;
}
.small-img-wrap .small-img-item {
display: block;
text-align: center;
margin: 0 15px;
cursor: pointer;
border-width: 2px;
border-style: solid;
border-color: transparent;
overflow: hidden;
}
.small-img-wrap .small-img-item img {
display: block;
vertical-align: middle;
}
.small-img-wrap .current .small-img-item {
border-color: #025291;
}
.small-img-wrap .small-btn-prev, .small-img-wrap .small-btn-next {
display: block;
width: 14px;
position: absolute;
top: 0;
bottom: 0;
text-indent: -9999em;
overflow: hidden;
background-image: url(../image/img_scroll_btns.png);
background-repeat: no-repeat;
background-color: transparent;
cursor: pointer;
}
.small-img-wrap .small-btn-prev:hover, .small-img-wrap .small-btn-next:hover {
}
.small-img-wrap .small-btn-prev {
background-position: 0 center;
left: 0;
}
.small-img-wrap .small-btn-next {
background-position: right center;
right: 0;
}
.small-img-wrap .small-btn-prev.disabled:hover, .small-img-wrap .small-btn-next.disabled:hover, .small-img-wrap a.disabled {
background-color: transparent;
cursor: default;
filter: alpha(opacity=20);
opacity: 0.2;
}
/* photo gallery - 2015-05-25 */
.container {
position: relative;
background: url(../image/wenli.gif) repeat 0 top;
}
.photos-gallery {
width: 800px;
border: 1px solid rgba(0,0,0,.5);
border-radius: 5px;
overflow: hidden;
background: #fff;
z-index: 999999;
display: none;
}
.photos-gallery .close-gallery {
display: block;
width: 25px;
height: 25px;
background: url(../image/close_pop.png) center center no-repeat;
position: absolute;
right: 10px;
top: 10px;
filter: alpha(opacity=50);
opacity: 0.5;
cursor: pointer;
}
.photos-gallery .close-gallery:hover {
opacity: 1;
}
.photos-gallery .gallery-main {
overflow: hidden;
position: relative;
background: #eee;
}
.photos-gallery .gallery-photo {
float: left;
width: 490px;
padding: 15px 50px 1000px;
margin-bottom: -970px;
position: relative;
background: #fff;
}
.photos-gallery .gallery-photo img {
width: 100%;
height: auto;
}
.gallery-small-imgs {
width: 200px;
float: right;
padding: 15px 5px 15px 5px;
}
.gallery-small-imgs li {
width: 32%;
text-align: center;
padding: 5px 0;
display: inline-block;
vertical-align: top;
}
.gallery-small-imgs li a {
display: inline-block;
border-width: 2px;
border-style: solid;
border-color: transparent;
}
.gallery-small-imgs li a:hover, .gallery-small-imgs li.current a {
border-color: #ed532f;
}
.gallery-small-imgs li a:hover {
padding: 1px;
border-width: 1px;
background: #fff;
}
.gallery-small-imgs li.current a:hover {
padding: 0;
border-width: 2px;
}
.gallery-small-imgs li.disabled {
display: block;
}
.gallery-small-imgs li img {
width: 100%;
}
.gallery-body-mask {
display: none;
width: 100%;
height: 100%;
background: #000;
filter: alpha(opacity=40);
opacity: 0.4;
position: absolute;
left: 0;
top: 0;
z-index: 99999;
}
.photos-gallery .gallery-photo-title {
padding: 8px 20px;
border-bottom: 1px solid #eee;
color: #333;
}
.photos-gallery .photo-box {
position: relative;
background: url(../image/loading.gif) center center no-repeat;
}
.photos-gallery .photo-prev, .photos-gallery .photo-next {
position: absolute;
top: 50%;
margin-top: -20px;
display: block;
width: 22px;
height: 40px;
background-image: url(../image/gallery_btns.png);
background-repeat: no-repeat;
background-color: transparent;
text-indent: -9999em;
overflow: hidden;
border-radius: 3px;
cursor: pointer;
}
.photos-gallery .photo-prev:hover, .photos-gallery .photo-next:hover {
background-color: #999;
}
.photos-gallery .photo-prev {
background-position: 4px 5px;
left: -40px;
}
.photos-gallery .photo-next {
background-position: -14px 5px;
right: -40px;
}
.photos-gallery .photo-prev:hover {
background-position: 4px -30px;
}
.photos-gallery .photo-next:hover {
background-position: -14px -30px;
}
.product-title {
color: #312F32;
font-size: 16px;
border-bottom: 1px solid #EAEAEA;
padding: 0 0 5px 0;
margin: 13px 0 20px 0;
}
/* product summary */
.product-summary {
width: 475px;
float: right;
}
.product-summary .inquiry-tit {
color: #0082CA;
font-size: 18px;
font-weight: normal;
padding: 0 0 15px
}
.product-summary .share-this {
padding: 30px 0 0;
float: right;
}
.product-detail {
position: relative;
overflow: visible;
margin: 30px 0 0;
}
.detail-tabs {
position: relative;
}
.detail-tabs h2 {
display: inline-block;
vertical-align: top;
*display:inline;
*zoom:1;
position: relative;
font-size: 16px;
line-height: 30px;
color: #262626;
padding: 10px 0;
margin: 0 30px 0 0;
cursor: pointer;
}
.detail-tabs h2.current:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 50px;
height: 3px;
display: block;
overflow: hidden;
background: #025291
}
.product-detail .detail-panel {
}
.product-detail .disabled {
display: none;
}
.goods-tbar {
position: relative;
height: 30px;
line-height: 30px;
padding: 10px 0;
}
.goods-tbar .title {
position: relative;
font-size: 16px;
line-height: 30px;
color: #262626;
}
.goods-tbar:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 50px;
height: 3px;
display: block;
overflow: hidden;
background: #025291
}
.goods-may-like {
position: relative;
margin: 40px 0 0;
width: 1155px;
}
.goods-items {
position: relative;
width: 100%;
margin: 20px 0 0;
}
.goods-items .product-item {
width: 216px;
}
.goods-items .owl-nav {
display: inline;
position: absolute;
top: 50%;
width: 1170px;
left: -15px
}
.goods-items .owl-prev, .goods-items .owl-next {
display: block;
width: 7px;
height: 11px;
text-indent: -9999em;
overflow: hidden;
z-index: 999;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
}
.goods-items .owl-prev {
background-image: url(../image/gd-prev.png);
left: 0;
}
.goods-items .owl-next {
background-image: url(../image/gd-next.png);
right: 0;
}
.blog-list {
background: #fff;
padding: 0 0 80px;
margin: 0 auto 15px;
}
.blog-list .blog-item {
padding: 20px 20px;
position: relative;
margin: 0 auto 3px;
}
.blog-list .blog-item .blog-img {
float: left;
width: 200px;
height: 140px;
margin: 0 20px 8px 0;
}
.blog-list .blog-item .blog-tit {
font-size: 16px;
}
.blog-list .blog-item .blog-meta {
display: block;
color: #aaa;
}
.blog-list .blog-item .blog-meta span {
display: inline;
padding: 0 15px 0 0;
}
.blog-list .blog-item .blog-summary {
padding: 8px 0;
color: #999;
}
.blog-list .blog-item .readmore {
display: block;
text-align: right;
font-size: 14px;
}
.blog-list .blog-item .readmore:hover a {
color: #1F5792;
}
.blog-list .blog-item .readmore i {
font-size: 14px;
}
.blog-list .blog-item:hover {
background: #fafafa;
}
.blog-list .blog-item:hover img {
opacity: 0.8;
}
.blog-list .blog-item:before {
content: "";
height: 1px;
font-size: 1px;
overflow: hidden;
border-top: 1px double #f1f1f1;
;
position: absolute;
left: 0;
right: 0;
bottom: -3px;
}
.blog-article {
}
/*====CONTENT SLIDER NAVIGATION
=======================================================*/
/* for:
public site module
================================================== */
/* lightbox */
.jquery-lightbox-button-close, .jquery-lightbox-button-left, .jquery-lightbox-button-right, .slide-banners .flex-prev, .slide-banners .flex-next, .about-banner-wrap .owl-prev, .about-banner-wrap .owl-next, .history-foot .site-name {
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.jquery-lightbox-overlay {
background: #000;
}
.jquery-lightbox-navigator {
display: none;
height: 0!important;
}
.jquery-lightbox {
padding: 0;
background: #fff url(../image/loading.gif) center center no-repeat;
border: 6px solid #333;
border-radius: 10px;
}
.jquery-lightbox-background img {
display: block;
max-width: 100%;
}
.jquery-lightbox-button-close, .jquery-lightbox-button-left, .jquery-lightbox-button-right {
background-image: url(../image/lightbox_sprites.png);
background-repeat: no-repeat;
background-color: transparent;
filter: alpha(opacity=40);
opacity: 0.4;
}
.jquery-lightbox:hover .jquery-lightbox-button-close, .jquery-lightbox:hover .jquery-lightbox-button-left, .jquery-lightbox:hover .jquery-lightbox-button-right {
filter: alpha(opacity=100);
opacity: 1;
z-index: 9000;
}
.jquery-lightbox-button-close {
display: block;
width: 28px;
height: 28px;
background-position: -56px 0;
position: absolute;
right: 6px;
top: 6px;
text-indent: -9999em;
overflow: hidden;
}
.jquery-lightbox-buttons {
width: 56px;
position: absolute;
left: 0;
top: 45%;
width: 100%;
}
.jquery-lightbox-button-left, .jquery-lightbox-button-right {
display: block;
width: 28px;
height: 36px;
text-indent: -9999em;
overflow: hidden;
position: relative;
position: absolute;
}
.jquery-lightbox-button-left {
background-position: 0 0;
left: 6px;
}
.jquery-lightbox-button-right {
background-position: -28px 0;
right: 6px;
}
.jquery-lightbox-button-max {
display: none!important;
}
.jquery-lightbox-mode-html .jquery-lightbox-background {
display: none;
}
.jquery-lightbox-mode-image .jquery-lightbox-html {
display: none;
}
.lightbox-html .jquery-lightbox-overlay {
background: #fff;
}
.lightbox-html .jquery-lightbox {
border: 1px solid #999;
border-radius: 8px;
box-shadow: 0 0 4px rgba(0,0,0,0.5);
text-align: center;
}
.lightbox-html embed {
border-radius: 0 0 8px 8px;
}
.lightbox-html .jquery-lightbox {
padding: 35px 15px 15px;
}
.lightbox-html .jquery-lightbox-button-close {
display: block;
width: 30px;
height: 30px;
background-image: url(../image/lightbox_close.png);
background-position: center center;
background-repeat: no-repeat;
position: absolute;
right: 5px;
top: 5px;
text-indent: -9999em;
overflow: hidden;
}
/* inquiry form */
.inquiry-form-wrap {
position: relative;
width: 100%;
background: url(../image/inq01.png) repeat left top;
}
.inquiry-form {
position: relative;
padding: 25px 7% 35px;
border: 1px solid #F4F4F4;
}
.inquiry-form:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 5px;
display: block;
overflow: hidden;
background: url(../image/inq02.png) repeat-x left top;
}
.inquiry-form .inquiry-form-ico {
position: absolute;
right: 20px;
top: 27px;
width: 75px;
display: block;
overflow: hidden;
}
.inquiry-form .inquiry-form-ico img {
position: relative;
width: 100%;
}
.inquiry-form .inquiry-form-title {
font-size: 14px;
font-weight: normal;
line-height: 20px;
}
.inquiry-form .form-item {
position: relative;
display: block;
}
.inquiry-form .form-input, .inquiry-form input[type="text"] {
position: relative;
border: 1px solid #E3E3E3;
width: 50%;
height: 31px;
line-height: 31px;
margin: 18px 0 0;
color: #C1C1C1;
padding: 0 0 0 20px;
}
.inquiry-form .form-text, .inquiry-form textarea {
position: relative;
border: 1px solid #E3E3E3;
width: 90%;
height: 112px;
line-height: 31px;
margin: 18px 0 0;
color: #C1C1C1;
padding: 0 0 0 20px;
}
.inquiry-form .form-input-name, .inquiry-form input[type="text"].form-input-name {
padding: 0 0 0 28px;
background: url(../image/inq04.png) no-repeat 8px 9px;
}
.inquiry-form .form-input-email, .inquiry-form input[type="text"].form-input-email {
padding: 0 0 0 28px;
background: url(../image/inq05.png) no-repeat 8px 11px;
}
.inquiry-form .form-btn-wrap {
position: absolute;
bottom: 57px;
left: 7%;
width: 83%;
height: 0;
display: block;
}
.inquiry-form .form-btn-wrap .form-btn-submit {
position: absolute;
top: 0;
right: 0;
display: inline-block;
vertical-align: top;
*display:inline;
*zoom:1;
height: 30px;
line-height: 30px;
padding: 0 16px;
font-size: 14px;
border-width: 1px;
border-style: solid;
border-left-color: #ECC75C;
border-right-color: #ECC75C;
border-top-color: #F4D67E;
border-bottom-color: #E1AF32;
border-radius: 5px;
color: #4C4C4E;
text-shadow: 0 0 1PX rgba(0,0,0,0.3);
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFF5D1', endColorStr='#FCE26B', gradientType='0');
background: -moz-linear-gradient(top, #FFF5D1, #FCE26B);
background: -o-linear-gradient(top, #FFF5D1, #FCE26B);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF5D1), to(#FCE26B));
}
.Validform_checktip {
display: block;
width: 93%;
margin: 0 auto;
_display: none;
}
.Validform_wrong {
font-size: 12px;
font-weight: bold;
color: #da3439;
_display: block;
}
/* entry table
----------------------------- */
.entry {
padding: 15px 0;
line-height:24px;
width:700px;
}
.entry {
color: #666;
}
.entry a {
color: #333;
}
.entry p {
margin: 0;
padding: 8px 0;
font-size: 13px;
line-height: 1.8;
}
.entry table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin-bottom: 20px;
}
.entry th, .entry td {
height: 30px;
border: 1px solid #ccc;
text-align: left;
line-height: 1.5;
font-size: 12px;
color: #666;
background: #fbfbfb;
padding: 0 15px;
}
.entry th {
font-size: 12px;
background: #eee;
}
.entry td p, .entry th p, .pd-panel .entry td p, .pd-panel .entry th p {
margin: 0;
padding: 5px;
color: #666;
font-size: 12px;
line-height: 1.3;
}
.entry td.amts {
color: #cb2027;
}
.entry th#cartDelete {
text-align: center;
}
.entry .button {
margin: 15px 10px 0 0;
background: #dfdfdf;
padding: 8px 15px;
border: 0;
cursor: pointer;
line-height: 1.2;
color: #777;
font-weight: bold;
text-transform: Capitalize;
}
.entry .button:hover {
background: #cb2027;
color: #fff;
}
.entry .deletecartitem {
width: 50px;
text-align: center;
}
.entry .deletecartitem label {
display: none;
}
.entry .stotal td.amts {
font-size: 18px;
font-weight: bold;
}
.entry img.alignleft {
float: left;
margin: 20px 15px 0 0;
}
.entry img.alignright {
float: right;
margin: 20px 0 0 15px;
}
.entry img.alignleftnopad {
float: left;
margin-left: 0;
}
.entry img.alignrightnopad {
float: right;
margin-right: 0;
}
.entry img.aligncenter {
text-align: center;
display: block;
margin: 20px auto 0 auto;
}
.entry img {
max-width: 100%;
}
.cartitem a {
color: #292929;
font-weight: bold;
}
.inquiry-form ul li {
background: none;
}
.entry .inquiry-form-wrap {
margin: 20px 0 0;
}
/* contact form
----------------------------- */
.contact-form {
padding: 15px 20px 50px;
}
.contact-form .form-item {
width: auto;
padding: 6px 0 6px 90px;
_width: 600px;
}
.contact-form .form-label {
width: 85px;
}
.contact-form .form-btn-wrap {
position: relative;
display: block;
padding: 15px 0 0 90px;
bottom: auto;
right: auto;
}
.contact-form .form-btn-wrap .form-btn-submit {
padding: 5px 40px;
text-align: center;
font-size: 14px;
background: -moz-linear-gradient(top, #fff, #ddd);
background: -webkit-linear-gradient(top, #fff, #ddd);
background: -ms-linear-gradient(top, #fff, #ddd);
background: -o-linear-gradient(top, #fff, #ddd);
background: linear-gradient(top, #fff, #ddd);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0);
border-radius: 3px;
}
.contact-form .form-btn-wrap .form-btn-submit:hover {
border: 1px solid #aaa;
color: #333;
box-shadow: 0 0 3px #ddd inset;
}
/* others
----------------------------- */
.top-category {
padding-bottom: 10px;
}
.top-category .titl {
padding: 5px;
line-height: 12px;
border: 1px solid #cccccc;
}
.pagenavi {
padding: 10px 5px 30px 20px;
}
.pagenavi span, .pagenavi a {
padding: 5px;
border: 1px solid #ccc;
margin-right: 5px;
}
/* rating
----------------------------- */
.post-ratings {
width: 100%;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;/* background-color: #ffffff;*/
}
.post-ratings-loading {
display: none;
height: 16px;
text-align: left;
}
.post-ratings-image {
border: 0px;
}
.post-ratings IMG, .post-ratings-loading IMG, .post-ratings-image IMG {
border: 0px;
padding: 0px;
margin: 0px;
}
.post-ratings-text {
}
.post-ratings-comment-author {
font-weight: normal;
font-style: italic;
}
/* size */
.model {
width: 100%;
overflow: hidden;
font-size: 13px;
line-height: 18px;
}
.info-title {
max-height: 110px;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
display: block;
}
.info-con {
display: block;
margin-left: 20px;
}
.info-con-title {
font-size: 15px;
color: #FF3300;
}
.info-con span {
display: block;
}
.info-left {
float: left;
width: 120px;
max-height: 370px;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
display: block;
margin-top: 123px;
}
.info-middle {
float: left;
display: block;
overflow: hidden;
padding: 0 10px;
}
.info-right {
float: left;
width: 120px;
}
.info-right div:first-child {
height: 160px;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
display: block;
margin-top: 11px;
}
.info-right div:nth-child(2) {
height: 166px;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
display: block;
margin-top: 13px;
}
.info-right div:nth-child(3) {
height: 148px;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
display: block;
margin-top: 9px;
}
.size-table td {
text-align: center;
}
/* for: page================================================== */
.main {
overflow: hidden;
}
.main .item-head {
padding: 10px 0;
border-top: 1px dashed #c0c0c0;
clear: both;
font-size: 14px;
font-weight: bold;
}
.main .color-show li {
width: 70px;
height: 90px;
float: left;
text-align: center;
}
.main .color-show li img {
width: 51px;
height: 51px;
}
.main .color-show li span {
display: block;
padding: 5px 0 0;
}
.main .color-show li.show-big {
width: 220px;
min-height: 300px;
_height: 300px;
_overflow: visible;
float: left;
}
.main .color-show li.show-big img {
width: 160px;
height: auto;
margin: 15px auto 0;
}
.selected {
cursor: pointer;
}
.ico ul li {
padding: 5px 0;
}
.ico ul li a {
color: #FFC000;
font-weight: bold;
}
.sub-tbar {
line-height: 30px;
background: url(../image/tit_bg_line.png) repeat-x scroll 0 15px;
text-align: center;
margin-bottom: 15px;
}
.sub-tbar h3 {
display: inline-block;
padding: 0 10px;
background: #fff;
font-size: 18px;
font-weight: normal;
}
.sub-tbar h3 {
*display:inline;
}
.handmade li {
float: left;
width: 257px;
height: 280px;
padding: 0 10px;
}
.handmade li .img, .handmade li .img img {
display: block;
width: 250px;
height: 138px;
}
.handmade li .tit {
display: block;
height: 20px;
line-height: 20px;
overflow: hidden;
padding: 5px 0 0;
font-size: 12px;
}
.handmade li .tit, .handmade li .tit a {
color: #333;
}
.handmade li .summary {
height: 80px;
line-height: 20px;
overflow: hidden;
}
.shippingdate {
padding: 2px 0 0;
border-top: 1px dashed #ddd;
border-bottom: 1px dashed #ddd;
margin: 10px 0 0;
}
.detail {
float: right;
width: 350px;
padding: 2px 0 0 20px;
border-top: 1px dashed #ddd;
border-left: 1px dashed #ddd;
border-bottom: 1px dashed #ddd;
margin: 10px 0 0;
}
.detail a {
}
.detail ul {
overflow: hidden;
}
.detail ul li {
float: left;
width: 160px;
}
/* for: page faq...================================================== */
.size {
margin-top: 0px;
padding-left: 60px;
}
.size table {
border: 1px solid #efefef;
margin-top: 20px;
}
.size ul li {
float: left;
padding: 0 18px;
}
.size table td {
text-align: center;
}
.size table tr {
text-align: center;
}
.size table th {
text-align: center;
color: #FFC000;
font-weight: bold;
}
.size-pro table {
border: 1px solid #efefef;
margin-top: 20px;
text-align: center;
}
.size-pro ul li {
float: left;
padding: 0 18px;
}
.size-pro table td {
text-align: center;
}
.size-pro table tr {
text-align: center;
color: #FFC000;
font-weight: bold;
}
.size-pro table th {
text-align: center;
color: #FFC000;
font-weight: bold;
}
.attachment-100x100 {
max-width: 120px;
}
/* dropdown
----------------------------- */
.topbar .change-currency {
display: inline;
float: right;
margin: 0 0 0 10px;
}
.topbar .change-currency a:hover {
text-decoration: none;
}
.topbar .change-currency a.USD, .change-currency a.EUR, .topbar .change-currency a.CAD, .topbar .change-currency a.GBP, .topbar .change-currency a.AUD, .topbar .change-currency a.HK, .topbar .change-currency a.JPY, .topbar .change-currency a.RUB, .topbar .change-currency a.CHF, .topbar .change-currency a.MXN, .topbar .change-currency a.NOK, .topbar .change-currency a.CZK, .topbar .change-currency a.BRL, .topbar .change-currency a.ARS {
padding: 0 0 0 26px;
background-image: url(../image/currency-icons.png);
background-repeat: no-repeat;
}
.topbar .change-currency a.USD {
background-position: 2px 4px;
}
.topbar .change-currency a.EUR {
background-position: 2px -22px;
}
.topbar .change-currency a.CAD {
background-position: 2px -50px;
}
.topbar .change-currency a.GBP {
background-position: 2px -75px;
}
.topbar .change-currency a.AUD {
background-position: 2px -100px;
}
.topbar .change-currency a.HK {
background-position: 2px -125px;
}
.topbar .change-currency a.JPY {
background-position: 2px -150px;
}
.topbar .change-currency a.RUB {
background-position: 2px -177px;
}
.topbar .change-currency a.CHF {
background-position: 2px -202px;
}
.topbar .change-currency a.MXN {
background-position: 2px -227px;
}
.topbar .change-currency a.NOK {
background-position: 2px -252px;
}
.topbar .change-currency a.CZK {
background-position: 2px -278px;
}
.topbar .change-currency a.BRL {
background-position: 2px -303px;
}
.topbar .change-currency a.ARS {
background-position: 2px -329px;
}
.dropdown {
display: inline-block;
float: left;
margin-right: 5px;
position: relative;
padding-top: 1px;
}
.dropdown .submenu {
width: 90px;
display: none;
position: absolute;
left: 0;
top: 44px;
background: #fff;
border-radius: 0 3px 3px 3px;
border: 1px solid #bbb;
text-align: left;
padding: 5px;
z-index: 99999;
background: #fff;
}
.dropdown .submenu a {
display: block;
border-top: 1px solid #eee;
}
.over .submenu {
display: block
}
.currency_cur {
width: 90px;
padding: 0 5px;
border: 1px solid #bbb;
}
.currency_text {
float: left;
}
.totalall {
font-size: 18px;
font-weight: bold;
}
.about-layout ul li {
margin-left: 30px;
list-style: disc;
}
/* 本例子css*/
.picScroll-left {
overflow: hidden;
position: relative;
}
.picScroll-left .hd {
overflow: hidden;
height: 50px;
background: #f0f0f0;
padding: 0 10px;
}
.picScroll-left .hd span {
color: #636365;
font-weight: bold;
display: block;
float: left;
line-height: 50px;
font-size: medium;
}
.picScroll-left .hd .prev, .picScroll-left .hd .next {
display: block;
width: 5px;
height: 9px;
float: right;
margin-right: 5px;
margin-top: 20px;
overflow: hidden;
cursor: pointer;
background: url("../image/arrow.png") no-repeat;
}
.picScroll-left .hd .next {
background-position: 0 -50px;
}
.picScroll-left .hd .prevStop {
background-position: -60px 0;
}
.picScroll-left .hd .nextStop {
background-position: -60px -50px;
}
/* 产品简介*/
.layout .hd {
overflow: hidden;
height: 50px;
background: #f0f0f0;
padding: 0 10px;
margin: 40px 0 0 0;
}
.layout .hd span {
color: #636365;
font-weight: bold;
display: block;
float: left;
line-height: 50px;
font-size: medium;
}
.layout .hd .prev, .layout .hd .next {
display: block;
width: 5px;
height: 9px;
float: right;
margin-right: 5px;
margin-top: 20px;
overflow: hidden;
cursor: pointer;
background: url("../image/arrow.png") no-repeat;
}
.layout .hd .next {
background-position: 0 -50px;
}
.layout .hd .prevStop {
background-position: -60px 0;
}
.layout .hd .nextStop {
background-position: -60px -50px;
}
.picScroll-left .bd {
padding: 20px 0;
}
.picScroll-left .bd ul {
overflow: hidden;
zoom: 1;
}
.picScroll-left .bd ul li {
margin: 0 0 0 23px;
float: left;
_display: inline;
overflow: hidden;
text-align: center;
}
.picScroll-left .bd ul li .pic {
text-align: center;
}
.picScroll-left .bd ul li .pic img {
width: 210px;
display: block;
}
.picScroll-left .bd ul li .pic a:hover img {
}
.picScroll-left .bd ul li .title {
line-height: 24px;
}
.picScroll-left .bd ul li .title a {
display: block;
width: 210px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background: #f4f4f4;
height: 30px;
line-height: 30px;
}
.picScroll-left .bd ul li:hover .title a {
background: #333;
color: #FFF;
}
/* 本例子css
.picScroll-left{ width:450px; overflow:hidden; position:relative; border:1px solid #ccc; }
.picScroll-left .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden;
cursor:pointer; background:url("../image/arrow.png") no-repeat;}
.picScroll-left .hd .next{ background-position:0 -50px; }
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .bd{ padding:10px; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block; padding:2px; border:1px solid #ccc; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999; }
.picScroll-left .bd ul li .title{ line-height:24px; }*/
.lmxx {
padding: 0;
}
.dede_pages {
}
.dede_pages ul {
float: left;
padding: 12px 0px 12px 16px;
}
.dede_pages ul li {
float: left;
font-family: Tahoma;
line-height: 17px;
margin-right: 6px;
border: 1px solid #E9E9E9;
padding: 4px 6px 4px;
}
.dede_pages ul li a {
float: left;
color: #555;
display: block;
}
.dede_pages ul li a:hover {
color: #0446ae;
text-decoration: none;
}
.dede_pages ul li.thisclass, .dede_pages ul li.thisclass a, .pagebox ul li.thisclass a:hover {
background-color: #F8F8F8;
font-weight: bold;
}
.dede_pages .pageinfo {
line-height: 21px;
padding: 12px 10px 12px 16px;
color: #999;
}
.dede_pages .pageinfo strong {
color: #555;
font-weight: normal;
margin: 0px 2px;
}
.footer-a {
height: 40px;
line-height: 40px;
color: #666;
text-align: center;
}
.footer-a span {
margin: 0 35px;
padding: 0;
}
.footer-a a {
color: #666;
text-align: center;
padding: 0;
display: inline-block;
margin: 0 10px;
}
.footer-b {
padding: 28px 0 30px 90px;
position: relative;
}
.footer-b em {
float: left;
display: inline-block;
}
.footer-b p {
color: #666;
float: left;
width: 800px;
padding-left: 110px;
text-align:center;
}
.footer-b p a {
color: #666;
}
.footer-b p img {
margin: 0 0 0 15px;
display: inline-block;
vertical-align: middle;
}
.footer-b p span {
display: block;
line-height: 14px;
padding: 14px 0 0;
}
.footer-b p span font{font-family:"Microsoft YaHei"}
.footer-b p i {
font-style: normal;
display: inline-block;
padding-left: 25px;
}
.qiehuan li{
height: 22px;
width: 90px;
float: left;}
.qiehuan li a{height: 22px;
line-height: 22px;}
.ewm{ margin-left: 25px;}
.ewm img{width:120px;}
/* 通用分页样式 */
.pages {
height: 26px;
padding: 5px 0;
margin-top: 5px;
clear: both;
}
.pages:after {
content: '.';
clear: both;
height: 0;
line-height: 0;
display: block;
visibility: hidden;
}
.pages ul {
padding: 0;
list-style: none;
margin: 0;
}
.pages li {
float: left;
margin-right: 5px;
}
.pages li a {
padding: 5px 10px;
border: 1px solid #e1e1e1;
height: 24px;
line-height: 24px;
color: #666;
}
.pages li a:hover {
border: 1px solid #3a97ef;
background: #3a97ef;
color: #fff;
text-decoration: none;
}
.pages li span {
border: 1px solid #e1e1e1;
height: 24px;
line-height: 24px;
color: #c4c4c4;
padding: 5px 10px;
}
.pages .current a {
border: 1px solid #3a97ef;
background: #3a97ef;
color: #fff;
}
/* 通用分页样式 */
.pages {
height: 36px;
padding: 20px;
margin-top: 30px;
clear: both;
}
.pages:after {
content: '.';
clear: both;
height: 0;
line-height: 0;
display: block;
visibility: hidden;
}
.pages ul {
padding: 0;
list-style: none;
margin: 0;
}
.pages li {
float: left;
margin-right: 8px;
}
.pages li a {
display: block;
padding: 0 15px;
border: 1px solid #e1e1e1;
height: 28px;
line-height: 28px;
color: #666;
}
.pages li a:hover {
border: 1px solid #3a97ef;
background: #3a97ef;
color: #fff;
text-decoration: none;
}
.pages li span {
display: block;
border: 1px solid #e1e1e1;
height: 28px;
line-height: 28px;
color: #c4c4c4;
padding: 0 10px;
}
.pages .current a {
border: 1px solid #3a97ef;
background: #3a97ef;
color: #fff;
}
.entrys img{
width: 100%;
}