@charset "utf-8";
/* CSS Document */

.product-list{}
.product-list ul{}
.product-list ul li{}
.product-list ul li img{border: 1px solid #e5e5e5;}
.product-list ul li h4{ font-size:16px; text-align:center; padding:20px 0;}
.product-list a.more{ display:block; text-align:center; font-size:18px; padding:40px 0 60px;}
/**/
.product-picture{ margin-left:-5px; margin-right:-5px;}
.product-picture .jqueryzoom{ padding-left:5px; padding-right:5px;}
.product-picture .jqueryzoom img{ width:100%; height:620px;}
.product-picture ul{ padding-left:5px; padding-right:5px;}
.product-picture ul li{ margin-bottom:10px; height:33%;}
.product-picture ul li img{ height:200px; width:100%;}
/**/
.product-details{ clear:both;color:#434343; line-height:2; padding:30px 0 20px;}
.product-details .details-title{font-size:24px; line-height:30px; border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:20px;}
.product-details img{ max-width:100%;}
/**/
.article-context{ float:right;}
.article-context li{ float:left; margin-left:25px;}
.article-context li a{ display:block; padding:10px 30px; background-color:#999; color:#fff;}
.article-context li a:hover{ background-color:#666;}
/**/
.article-subnav{ float:right;}
.article-subnav h3{ display:none; font-size:14px; line-height:30px; border:1px solid #ddd; width:100px; text-align:center; border-radius:5px 5px 0 0; cursor:pointer;}
.article-subnav li{ float:left; margin-left:5px;}
.article-subnav li a{ display:block; padding:5px 15px;}
.article-subnav li a:hover,.article-subnav li.current a{ background-color:#d82128; color:#fff;}
/**/
.banner-subnav{ position:absolute; left:0; bottom:60px; text-align:center; width:100%;}
.banner-subnav ul li{ display:inline-block; margin:0 3px;}
.banner-subnav ul li a{ display:inline-block; background-color:#f4f5f5; width:240px; height:110px; font-size:16px; color:#434343; position:relative; background-image:url(../images/icon_t26.png); background-position:15px 15px; background-repeat:no-repeat;}
.banner-subnav ul li a:hover,.banner-subnav ul li.current a{ background-color:#e50020; color:#fff;background-image:url(../images/icon_t26h.png);}
.banner-subnav ul li span{ position:absolute; left:15px; bottom:15px;}
.banner-subnav ul li.icon_t26 a{ background-image:url(../images/icon_t26.png)}
.banner-subnav ul li.icon_t26 a:hover,.banner-subnav ul li.icon_t26.current a{ background-image:url(../images/icon_t26h.png)}
.banner-subnav ul li.icon_t27 a{ background-image:url(../images/icon_t27.png)}
.banner-subnav ul li.icon_t27 a:hover,.banner-subnav ul li.icon_t27.current a{ background-image:url(../images/icon_t27h.png)}
.banner-subnav ul li.icon_t58 a{ background-image:url(../images/icon_t58.png)}
.banner-subnav ul li.icon_t58 a:hover,.banner-subnav ul li.icon_t58.current a{ background-image:url(../images/icon_t58h.png)}
.banner-subnav ul li.icon_t59 a{ background-image:url(../images/icon_t59.png)}
.banner-subnav ul li.icon_t59 a:hover,.banner-subnav ul li.icon_t59.current a{ background-image:url(../images/icon_t59h.png)}
.banner-subnav ul li.icon_t60 a{ background-image:url(../images/icon_t60.png)}
.banner-subnav ul li.icon_t60 a:hover,.banner-subnav ul li.icon_t60.current a{ background-image:url(../images/icon_t60h.png)}
.banner-subnav ul li.icon_t61 a{ background-image:url(../images/icon_t61.png)}
.banner-subnav ul li.icon_t61 a:hover,.banner-subnav ul li.icon_t61.current a{ background-image:url(../images/icon_t61h.png)}
.banner-subnav ul li.icon_t62 a{ background-image:url(../images/icon_t62.png)}
.banner-subnav ul li.icon_t62 a:hover,.banner-subnav ul li.icon_t62.current a{ background-image:url(../images/icon_t62h.png)}
.banner-subnav ul li.icon_t63 a{ background-image:url(../images/icon_t63.png)}
.banner-subnav ul li.icon_t63 a:hover,.banner-subnav ul li.icon_t63.current a{ background-image:url(../images/icon_t63h.png)}



@media (max-width:1199px){
	.product-picture .jqueryzoom img{ height:510px;}
	.product-picture ul li img{ height:163px;}
	.banner-subnav{ bottom:30px;}
}

@media (max-width:991px){
	.product-picture .jqueryzoom img{ height:390px;}
	.product-picture ul li img{ height:123px;}
	.article-subnav li a{ padding:3px 5px;}
	.banner-subnav{ bottom:10px;}
	.banner-subnav ul li a{ width:180px; height:80px; background-position:10px 5px; font-size:14px;}
	.banner-subnav ul li span{ left:10px; bottom:10px;}
}

@media (max-width:767px){
	.product-picture .jqueryzoom{ margin-bottom:10px;}
	.product-picture .jqueryzoom img{ height:auto;}
	.product-picture ul{ margin-left:-3px; margin-right:-3px;}
	.product-picture ul li{ float:left; width:33.3%; padding-left:3px; padding-right:3px;}
	.product-picture ul li img{ height:auto;}
	.product-details{ padding-top:20px;}
	.product-details .details-title{ font-size:18px; padding-bottom:10px; margin-bottom:10px;}
	/**/
	.article-context li{ margin-left:10px;}
	.article-context li a{ padding:5px 15px;}
	/**/
	.article-subnav{ position:relative;}
	.article-subnav h3{ display:block;}
	.article-subnav ul{ display:none; position:absolute; left:0; top:30px; width:100px; z-index:9; background-color:#fff; text-align:center;}
	.article-subnav li{ float:none; padding:0; margin:0; border-top:1px solid #ddd;}
	/**/
	.banner-subnav{ bottom:5px;}
	.banner-subnav ul li a{ background-image:none; background-position:-999px; width:110px; height:40px; line-height:40px;}
	.banner-subnav ul li a:hover,.banner-subnav ul li.current a{ background-image:none;}
	.banner-subnav ul li span{ left:auto; bottom:0; position:relative}
}


@media (max-width:414px){
	.product-list ul{ margin:0 -5px;}
	.product-list ul li{ padding-left:5px; padding-right:5px;}
	.product-list ul li h4{ padding-top:10px; padding-bottom:10px;}
	.product-list a.more{ font-size:16px; padding-top:20px; padding-bottom:10px;}
	/**/
	.article-context{ padding-top:5px;}
	.article-context li{ margin-left:5px;}
	.article-context li a{ padding:3px 5px;}
	/**/
	.banner-subnav ul li a{ height:30px; line-height:30px;}
}

@media (max-width:360px){
	/**/
	.article-context li{ margin-left:3px;}
	.article-context li a{ padding:3px 5px; font-size:12px;}
}