@charset "utf-8";
/************************************************
* 	pagination
*   分页器
************************************************/

.pagination { margin-top: 50px; margin-bottom: 50px; text-align: center; font-size: 0; line-height: 0; }
.pagination .default a, .pagination .default span { position: relative; display: inline-block; padding: 8px 14px; margin-left: -1px; font-size: 14px; line-height: 20px; color: #008cba; background-color: #fff; border: 1px solid #ddd; }
.pagination .default a:hover { color: #008cba; background-color: #eee; border-color: #ddd; }
.pagination .default span.current { color: #fff; background: #008cba; border-color: #008cba; }
.pagination .default span.disabled { color: #999; background: #eee; }
/*产品首页导航*/
.product-nav-bg { padding: 30px 0; background-color: #f4f4f4; }
.product-nav { height: 380px; background-color: #fff; border: 1px solid #f4f4f4; }
.product-nav > li{ position:relative;}
.product-nav > li:hover .nav-right { display: block; }
.product-nav > li > a { display: block; border-bottom: 1px solid #f6f6f6; padding: 0 20px; font-size: 16px; height: 48px; line-height: 48px; }
.product-nav > li > a::after { content: "\f105"; font-family: "FontAwesome"; float: right; }
.product-nav > li > a:hover { background: #e20213 none repeat scroll 0 0; color: #fff; }
.product-nav .nav-right { z-index: 10; display: none; position: absolute; left: 262px; top: 0;  background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, .15); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .15);  }
.product-nav .nav-right ul{ padding:15px 20px;background-color: #fff; }
.product-nav .nav-right .nav-right-title { border-bottom: 2px solid #ef001d; color: #000; display: block; font-size: 24px; padding: 9px 0 9px 18px; }
.product-nav .nav-right li {  }
.product-nav .nav-right a {padding: 0; display: block; color:#555;  line-height: 42px; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-nav .nav-right a:hover { color: #e20213; }
.prodtct-ad { width:852px; height: 380px; }
.prodtct-ad img{ width:852px; height: 380px; }
/*产品首页3个banner*/
.product-ban-bg{ padding: 60px 0; background-color: #fff; }
.product-ban-bg .col-4 a:hover img{ box-shadow: 0 0px 20px rgba(0, 0, 0, .2); }
/*产品首页产品*/
.prodtct-left{height:351px;padding-top:40px; }
.prodtct-left .prodtct-left-title{  font-size:32px; color:#fff; text-align:center; margin-bottom:40px;}
.prodtct-left .prodtct-left-ms{text-align:center; font-size:18px; color:#fff; line-height:26px;}

.prodtct-item{ position:relative; margin-bottom:30px; display:block; border: 1px solid #ddd; height:360px; width:100%; font-size:0; line-height:0; background-color:#fff; text-align:center; padding-top:20px;}
.prodtct-item img{ display:inline-block; width:240px; height:240px; margin-bottom:20px;}
.prodtct-item .prodtct-title{ padding:0 20px;height:32px; line-height:26px; font-size:16px;color:#666; overflow:hidden;}
.prodtct-item .prodtct-dollar{ padding:0 0px;height:52px; line-height:26px; font-size:16px;color:#fa0004; font-weight:bold;overflow:hidden;}
.prodtct-item:before, .prodtct-item:after { content: ""; position: absolute; left: 5px; right: 5px; top: 5px; bottom: 5px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; }
.prodtct-item:before { border-top: 1px solid #de1620; border-bottom: 1px solid #de1620; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); }
.prodtct-item:after { border-right: 1px solid #de1620; border-left: 1px solid #de1620; -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
.prodtct-item:hover { box-shadow: 0 0 20px rgba(0, 0, 0, .1); }
.prodtct-item:hover:before, .prodtct-item:hover:after { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }

.product-one-bg{padding: 60px 0 30px; background-color: #f4f4f4;}
.prodtct-left-one{background:url(../images/product/pleft4.png) no-repeat 0 0;}
.product-two-bg{padding: 60px 0 30px; background-color: #fff;}
.prodtct-left-two{background:url(../images/product/pleft2.png) no-repeat 0 0;}
.product-three-bg{padding: 60px 0 30px; background-color: #f4f4f4;}
.prodtct-left-three{background:url(../images/product/pleft3.png) no-repeat 0 0;}
.product-four-bg{padding: 60px 0 30px; background-color: #fff;}
.prodtct-left-four{background:url(../images/product/pleft2.png) no-repeat 0 0;}


/************************************************
* 	产品列表
************************************************/
/*筛选条件样式*/
.screen-box{ position:relative; border:1px solid #ddd; }
	.screen-box:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.screen-box dl{ clear:both; display:block; border-top:1px solid #f7f7f7; }
	.screen-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.screen-box dl:first-child{ border-top:none; }
	.screen-box dl dt{ display:block; float:left; padding-left:20px; width:100px; color:#555; line-height:56px; }
	.screen-box dl dd{ position:relative; margin-left:112px; padding-top:5px; overflow:hidden; }
	.screen-box dl dd a{ display:inline-block; margin:0 5px 5px 0; padding:6px 10px; border:1px solid #fff; font-size:20px;font-weight:bold; line-height:1em; background:#fff; }
	.screen-box dl dd a.selected{ border-color:#fff; color:#fff; background:#d70000 ; }
/*排序样式*/
.sort-box{ height:38px; border:1px solid #e8e8e8; background:#f7f7f7; overflow:hidden; }
	.sort-box a{ display:block; float:left; margin-left:-1px; padding:0 15px; line-height:38px; height:38px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; color:#333; font-size:12px; }
	.sort-box a:hover,.sort-box a.selected{ color:#d70000 ; background:#fff; }
	
/************************************************
* 	产品详细
************************************************/
/*商品缩略图样式*/
.goods-pic{ position:relative; float:left; margin-top:30px; width:370px; *z-index:1; }
	.pic-box{ float:left; }
	.pic-preview{ position:relative; width:370px; height:370px; border:1px solid #e8e8e8; }
	.pic-scroll{ margin-top:10px; width:370px; }
	.pic-scroll .prev{ float:left; margin-right:5px; }
	.pic-scroll .next{ float:right; }
	.pic-scroll .prev,.pic-scroll .next{ display:none; font-family:"宋体"; text-align:center; width:10px; height:60px; line-height:60px; border:1px solid #e8e8e8; background:#f7f7f7; cursor:pointer; text-decoration:none; }
	.pic-scroll .items{ position:relative; float:left; width:335px; height:62px; overflow:hidden; }
	.pic-scroll .items ul{ position:absolute; margin:0; padding:0; width:999999px; height:100%; }
	.pic-scroll .items ul li{ float:left; margin:0; padding:0; width:67px; text-align:center; }
	.pic-scroll .items ul li img{ padding:2px; border:1px solid #e8e8e8; width:60px; height:60px; }
	.pic-scroll .items ul li img:hover{ padding:1px; border:2px solid #d70000; }
/*商品规格*/
.goods-spec{ position:relative; margin:30px 0 0 400px; overflow:hidden; overflow:hidden; *zoom:1; }
	.goods-spec h1{ display:block; color:#555; font-size:26px; font-weight:700; line-height:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	.goods-spec .subtitle{ margin-top:5px; color:#6c6c6c; font-size:15px; line-height:18px; }
	.goods-spec .spec-box{ position:relative; margin-top:10px; }
	.goods-spec .spec-box.line{ padding-top:10px; border-top:1px solid #efefef; }
	.goods-spec .spec-box:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.goods-spec .spec-box dl{ clear:both; display:block; }
	.goods-spec .spec-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.goods-spec .spec-box dl dt{ float:left; width:80px; line-height:38px; min-height:38px; color:#999; }
	.goods-spec .spec-box dl dd{ position:relative; padding:5px 0; line-height:26px; min-height:26px; color:#6c6c6c; }
	.goods-spec .spec-box dl dd s{ display:inline-block; text-decoration:line-through; }
	.goods-spec .spec-box dl dd .price{ display:inline-block; margin-right:5px; color:#e20213; font-size:24px; font-weight:700; }
	.goods-spec .spec-box dl dd .items li{ position:relative; float:left; margin:0 5px 8px 0; padding:1px; line-height:20px; vertical-align:middle; }
	.goods-spec .spec-box dl dd .items li a{ display:block; padding:1px; color:#666; min-width:10px; width:auto !important;  text-align:center; text-decoration:none; border:1px solid #eee; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle; }
	.goods-spec .spec-box dl dd .items li a span{ display:inline-block; padding:5px 9px; font-style:normal; line-height:20px; }
	.goods-spec .spec-box dl dd .items li a img{ width:36px; height:38px; vertical-align:middle; }
	.goods-spec .spec-box dl dd .items li a.selected{ margin:-1px; color:#333; border:2px solid #e20213; color:#e20213; }
	.goods-spec .spec-box dl dd .stock-box{ display:block; float:left; margin-right:10px; width:64px; }
	.goods-spec .spec-box dl dd .stock-box input{ float:left; margin-right:3px; width:42px; height:30px; line-height:30px; text-align:center; border:1px solid #e8e8e8; }
	.goods-spec .spec-box .stock-box a{ display:block; float:left; margin-bottom:4px; width:15px; height:12px; line-height:12px; color:#333; font-size:11px; text-align:center; border:1px solid #e8e8e8;  cursor:pointer; overflow:hidden; }
	.goods-spec .spec-box .stock-txt{ float:left; line-height:32px; }
	.goods-spec .spec-box .btn-buy{ margin-top:15px; }
	.goods-spec .spec-box .btn-buy .buy{ display:inline-block; margin-right:10px; padding:10px 50px; color:#fff; font-size:22px; line-height:38px; background:#e20213; border:1px solid #f0cab6; border-radius:2px; cursor:pointer; }

/* 图片放大镜样式*/
.jqzoom{ position:relative; display:block; margin:0; padding:0; width:368px; height:368px; border:none; cursor:crosshair; }
    .jqzoom img{ width:368px; height:368px; }
.zoomdiv{ position:absolute; z-index:100; display:none; width:368px; height:368px; background:#fff; border:1px solid #e8e8e8; overflow:hidden; }
.jqZoomPup{ position:absolute; top:0; left:0; z-index:10; visibility:hidden; max-width:368px; max-height:368px; border:1px solid #aaa; background:#fff; opacity:0.5;-moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(Opacity=50); overflow:hidden; }

/*商品Tab样式*/
.goods-tab .tab-head{ display:block; height:40px; border:1px solid #e8e8e8; background:#f7f7f7; overflow:hidden; }
	.goods-tab .tab-head ul li{ float:left; margin-left:-1px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; }
	.goods-tab .tab-head ul li a{ display:block; padding:0 30px; height:40px; line-height:40px; color:#555; font-size:14px; }
	.goods-tab .tab-head ul li a:hover,.goods-tab .tab-head ul li a.selected{ color:#fff; background:#0089cd; }
	.goods-tab .tab-content{ display:none; }
/******************************************
    列表样式6
******************************************/

.list-mod-6 { }
.list-mod-6>li { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px dashed #ccc; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; min-height: 150px; }
.list-mod-6>li .cover-img { overflow: hidden; float: left; width: 270px; height: 150px; }
.list-mod-6>li .content { padding-left: 290px; }
.list-mod-6>li .content h2 { overflow: hidden; margin-bottom: 10px; max-height: 48px; font-size: 20px; line-height: 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: normal; color: #000; }
.list-mod-6>li .content h2 a:hover { color: #de1620; }
.list-mod-6 .meta-data { margin-bottom: 10px; font-size: 0; line-height: 0; color: #666; }
.list-mod-6 .meta-data i { margin-right: 5px; color: #008cba; }
.list-mod-6 .meta-data time { margin-right: 20px; display: inline-block; font-size: 14px; line-height: 20px; }
.list-mod-6 .meta-data span { margin-right: 20px; display: inline-block; font-size: 14px; line-height: 20px; }
.list-mod-6 .meta-data p { display: inline-block; font-size: 14px; line-height: 20px; }
.list-mod-6 .meta-data p a:hover { color: #de1620; }


@media screen and (min-width: 320px) and (max-width: 749px){
/*筛选条件样式*/
	.screen-box{ position:relative; border:1px solid #ddd; }
	.screen-box:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.screen-box dl{ clear:both; display:block; border-top:1px solid #f7f7f7; }
	.screen-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.screen-box dl:first-child{ border-top:none; }
	.screen-box dl dt{width: 5px; overflow:hidden; }
	.screen-box dl dd{ position:relative; margin-left:2px; padding-top:5px; overflow:hidden; }
	.screen-box dl dd a{ display:inline-block; margin:0 5px 5px 0; padding:6px 10px; border:1px solid #fff; font-size:20px;font-weight:bold; line-height:1em; background:#fff; }
	.screen-box dl dd a.selected{ border-color:#fff; color:#fff; background:#d70000 ; }

	.prodtct-item{ position:relative; margin-bottom:20px; display:block; border: 1px solid #ddd; height:auto; width:100%; font-size:0; line-height:0; background-color:#fff; text-align:center; padding-top:20px;}
	.pagination { margin-top: 10px; margin-bottom: 10px; text-align: center; font-size: 0; line-height: 0; }
	.pagination .default a, .pagination .default span { position: relative; display: inline-block; padding: 8px 14px; margin-left: -1px; font-size: 12px; line-height: 20px; color: #008cba; background-color: #fff; border: 1px solid #ddd; }
	.pagination .default a:hover { color: #008cba; background-color: #eee; border-color: #ddd; }
	.pagination .default span.current { color: #fff; background: #008cba; border-color: #008cba; }
	.pagination .default span.disabled { color: #999; background: #eee; }
	.padd{padding-left: 40px;}
}