@charset "utf-8";
/* CSS Document */
@import url(/css/public.cssv);
@import url(magiczoomplus.cssv);

body { }
.breadCrumb { padding: 10px 0; line-height: 30px; }
.breadCrumb span { color: #3488ea; }
.breadCrumb a.current {color: #3488ea;border: 1px solid #dedede;padding: 3px 10px;border-radius: 4px;}
.breadCrumb a.current i { font-size: 12px; padding: 0 0 0 5px; color: red; }
.breadCrumb p i { color: #3488ea; font-weight: bold; }
.filter { background: #fff; box-shadow: 0.5px 0.866px 4px 0px rgb( 204, 204, 204 ); margin-bottom: 15px; border-radius: 4px; overflow: hidden; }
.filter dl {border-bottom: 1px solid #ededed;position: relative;/* min-height: 45px; */padding: 0 0 0 130px;}
.filter dl:last-of-type { border: none; }
.filter dd {position: absolute;left: 0;top: 0;height: 100%;width: 130px;color: #999;background: #fafafa;text-indent: 36px;line-height: 34px;}
.filter .BrandList { }
.filter .BrandList li { width: 12.5%; float: left; }
.filter .BrandList li i { width: 133px; height: 73px; display: block; margin: 0 auto; }
.filter .BrandList li .icon_01 { background-position: 0 -672px; }
.filter .BrandList li .icon_02 { background-position: -143px -672px; }
.filter .BrandList li .icon_03 { background-position: -286px -672px; }
.filter .BrandList li .icon_04 { background-position: -429px -672px; }
.filter .BrandList li .icon_05 { background-position: -572px -672px; }
.filter .BrandList li .icon_06 { background-position: -715px -672px; }
.filter .BrandList li .icon_07 { background-position: 0 -757px; }
.filter .BrandList li .icon_08 { background-position: -143px -757px; }
.filter .BrandList li .icon_09 { background-position: -286px -757px; }
.filter .BrandList li .icon_10 { background-position: -429px -757px; }
.filter .BrandList li .icon_11 { background-position: -572px -757px; }
.filter .BrandList li .icon_12 { background-position: -715px -757px; }
.filter .BrandList li .icon_13 { background-position: 0 -842px; }
.filter .BrandList li .icon_14 { background-position: -143px -842px; }
.filter .BrandList li .icon_15 { background-position: -286px -842px; }
.filter .BrandList li a { border: 1px solid #ededed; border-color: #ededed #ededed #fff #fff; display: block; height: 75px; position: relative; }
.filter .BrandList li:nth-of-type(8n+8) a { border-bottom-color: #ededed; }
.filter .BrandList li .text { background: #fff; position: absolute; left: 0; top: 0; height: 100%; width: 100%; text-align: center; line-height: 26px; padding: 11px 0 0 0; display: none; }
.filter .BrandList li a:hover, .filter .BrandList li.on a { border-color: #3488ea }
.filter .BrandList li a:hover .text, .filter .BrandList li.on .text { display: block; color: #3488ea; }
.filter .typeList { line-height: 45px; }
.filter .typeList li {float: left;padding: 0 20px;font-size: 12px;line-height: 34px;}
.filter .typeList li a {padding: 3px 5px;border-radius: 3px;color: #333;}
.filter .typeList li a:hover { background: #ddf5f8; }
.filter .typeList li.on a { color: #fff; background: #3488ea; }
.filter2 { background: #f7f7f7; border: 1px solid #e5e5e5; height: 47px; line-height: 45px; border-radius: 4px; overflow: hidden; margin-bottom: 10px; padding: 0 10px; position: relative; }
.filter2 .select {/* float: left; *//* border: 1px solid #e6e6e6; */border-width: 0 1px;padding: 5px 10px;color: #333;}
.filter2 .select.on { background: #3488ea; color: #fff; }
.filter2 .select:first-of-type {/* margin-left: 10px; */}
.filter2 .select:last-of-type { border-left: none; }
.filter2 .page { }
.filter2 .page span { color: #000; }
.filter2 .page span i { color: #666; }
.filter2 .page .prev, .filter2 .page .next { padding: 4px 10px; border: 1px solid #d5d5d5; font-size: 15px; line-height: 46px; color: #000; border-radius: 3px; }
.filter2 .page .disabled { color: #d5d5d5; cursor: text; }
.filter2 form { width: 380px; height: 30px; position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -165px; background: #fff; border: 1px solid #ddd; line-height: 28px; border-radius: 30px; padding: 0 15px; }
.filter2 form .text { width: 100%; }
.filter2 form .btn { width: 30px; height: 30px; border-radius: 30px; position: absolute; right: 0; top: -1px; line-height: 30px; background: #d4d4d4; color: #fff; cursor: pointer; }
.proList {}
.proList li{width: 25%;float: left; border:1px solid #e6e6e6; margin-left:-1px; margin-bottom:20px; overflow:hidden;}
.proList li:first-of-type,.proList li:nth-of-type(4n+1){ border-top-left-radius:10px;border-bottom-left-radius:10px;}
.proList li:last-of-type,.proList li:nth-of-type(4n+4){  border-top-right-radius:10px; border-bottom-right-radius:10px;}
.proList li a{ background: #fff; display: block; padding:10px 8px 0; height:457px; position: relative; overflow: hidden; text-align:center}
.proList li a img{max-width:304px; display:block; margin:0 auto;}
.proList li a h2{ font-size:18px; color:#333;}
.proList li a p{ color:#808080; font-size:14px; line-height:19px;}
.proList li a span{ width:120px; height:32px; border:1px solid #e6e6e6; font-size:14px; color:#4c4c4c; border-radius:4px; text-decoration:none; background:#f2f2f2; position:absolute; left:50%;bottom: -32px; margin-left:-60px; opacity:0}
.proList li a .price{ font-size:24px; height:48px; color:#e3101e; width:200px; position:absolute; left:50%; margin-left:-100px; bottom:30px;}
.proList li a .price i{ font-size:18px;}
.proList li a:hover{-moz-box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.08) inset;
	-webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.08) inset;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.08) inset;}
.proList li a:hover .price{ bottom:-48px; opacity:0;}
.proList li a:hover span{ bottom:30px; opacity:1}

/*精选商品*/
.proList_jsWrap{ padding:0 0 40px; position:relative;}
.proList_jsWrap .swiper-button-next{ background:none; width:25px; height:25px; line-height:25px;background:#fafafa;border:1px solid #e6e6e6; text-align:center; color:#a4a4a4; top:40px; right:0;}

.proList_jsWrap .hd{font-size:18px; line-height:50px; color:#333; padding-bottom:10px;}
.proList_js{}
.proList_js li{width:20%; float:left; padding:0 10px;}
.proList_js li img{width:222px; height:222px;}
.proList_js li a{ display:block; background:#fafafa; padding:10px 5px 0; border-radius:5px; height:360px; position:relative; overflow:hidden; text-align:center; border:1px solid #e6e6e6;}
.proList_js li a h2{ font-size:12px; line-height:20px; color:#333;}
.proList_js li a span{ width:120px; height:32px; border:1px solid #e6e6e6; font-size:14px; color:#4c4c4c; border-radius:4px; text-decoration:none; background:#f2f2f2; position:absolute; left:50%;bottom: -32px; margin-left:-60px; opacity:0}
.proList_js li a .price{ font-size:24px; height:48px; color:#e3101e; width:200px; position:absolute; left:50%; margin-left:-100px; bottom:30px;}
.proList_js li a .price i{ font-size:18px;}
.proList_js li a:hover{-moz-box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.08) inset;
	-webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.08) inset;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.08) inset;}
.proList_js li a:hover .price{ bottom:-48px; opacity:0;}
.proList_js li a:hover span{ bottom:40px; opacity:1}


.pages { text-align: center; padding: 10px 0 50px; }
.pages a { display: inline-block; border: 1px solid #e6e6e6; padding: 5px 15px; background: #fff; margin: 0 2px; border-radius: 4px; }
.pages a:hover { background: #f1f1f1; }
.pages a.disabled { background: #3488ea; color: #fff; cursor: text; border-color: #3488ea; }

.bottomSearch{ width:500px; height:50px; margin:0 auto 80px; background:#fafafa; border: 1px solid #ddd; padding: 0 60px 0 0; position:relative;}
.bottomSearch .text { width: 100%;min-height:48px; line-height:48px; background:none; border:none; padding:0 15px; font-size:15px; font-family:"Microsoft YaHei"}
.bottomSearch .btn { width: 60px; height: 50px; position: absolute; right: 0; top: -1px; line-height: 30px; background: #3488ea; color: #fff; cursor: pointer; font-size: 30px;}





/*详情*/
.proDetailNav { height: 60px; line-height: 60px; background: #fff; font-size:14px; color:#666}
.proDetailNav li.m { float: left;/* padding: 0 10px 0 0;*/ color: #666; position: relative; overflow: hidden; }
.proDetailNav li.m:last-of-type { color: #666; }
.proDetailNav li.m h3 a { color: #666; display: block; float: left; font-size:14px;}
.proDetailNav li.m h3 a:hover, .proDetailNav .m.on h3 a { color: #0f98ff; }
.proDetailNav .sub {position: absolute;left: 50%;top: 100px;width: 120px;background: #f1f1f1;text-align: center;margin-left: -70px;border-radius: 0 0 4px 4px;padding: 10px 0;opacity: 0; z-index:2}
.proDetailNav .sub li { line-height: 30px; }
.proDetailNav .sub li a { display: block; }
.proDetailNav .sub li a:hover { background: #efefef; }
.proDetailNav .m.on { overflow: visible; }
.proDetailNav .m.on .sub { opacity: 1; top: 40px; }
.proDetailMainPic { /*height:800px; */ background: url(../img/001.gif) repeat-x #2f2f2f; background-size: auto 100%; }

.proDetailItem_01{ border:1px solid #ccc; padding:60px 50px; border-radius:10px; margin-bottom:40px;}
.proDetailItem_01 .left-pro{width: 620px;border: 1px solid #fff;text-align: left;float: left;/* background-color: #FFF; *//* margin-top: 40px; *//* padding-top: 20px; *//* padding-right: 10px; *//* padding-bottom: 20px; *//* padding-left: 10px; */}
.proDetailItem_01 .left-pro .t1{width: 130px;float:left;}
.proDetailItem_01 .left-pro .t2{width: 480px;height: 480px;text-indent:0;float: right;/* padding-left:10px */}
.proDetailItem_01 .left-pro .t2 img{text-indent:0;max-width: inherit;}
.proDetailItem_01 #showArea img{cursor:pointer;display:block;margin-bottom: 10px;width: 100px;padding:1px;border:1px solid #ccc;height: 100px;float:left;border-radius: 10px;}
.proDetailItem_01 #showArea img:hover{ border-color: #0f98ff;}
.proDetailItem_01 #main_img{cursor:pointer;display:block}
.proDetailItem_01 #gotop{cursor:pointer;display:block;margin-left:9px}
.proDetailItem_01 #gobottom{cursor:pointer;display:block;margin-left:9px}
.proDetailItem_01 #showArea{/* height:379px; *//* margin:10px; */overflow:hidden;/* margin-top: 70px; */}
.MagicZoomBigImageCont img{ max-width:inherit;}
.proDetailItem_01 .right{width:510px; float:right;}
.proDetailItem_01 .right h1{ font-size:20px; font-weight:bold; color:#000; line-height:26px; margin-bottom:30px;}
.proDetailItem_01 .right .canshu{ font-size:16px; line-height:30px; border-bottom:1px solid #ccc; padding:0 0 30px;}
.proDetailItem_01 .right .canshu h2{ font-size:16px; font-weight:bold; color:#000; margin-bottom:6px;}
.proDetailItem_01 .right .canshu span{ display:inline-block; padding:0 8px 0 0;color:#000;}
.proDetailItem_01 .right .type{ line-height:48px; border-bottom:1px solid #ccc; padding:20px 0;}
.proDetailItem_01 .right .type dd{float:left; width:75px; color:#999; font-size:16px;color:#5B5B5B;}
.proDetailItem_01 .right .type dt{float:left;padding: 10px 0;line-height: 28px;width: 80%;}
.proDetailItem_01 .right .type dt span{color:#e3101e; font-size:24px;font-family: "Arial";padding: 2px;}
.proDetailItem_01 .right .type dt a{border:1px solid #ccc;text-align:center;display:inline-block;width:116px;border-radius:4px;float: left;margin-right: 10px;margin-top:5px;color:#5B5B5B;}
.proDetailItem_01 .right .type dt a:hover{color: #0f98ff; border-color:#0f98ff;}
.proDetailItem_01 .right .type dt a.on{ background:#0f98ff; color:#fff;}

.proDetailItem_01 .right .bd{ padding:35px 0 0 0; line-height:40px;}
.proDetailItem_01 .right .bd span{font-size:32px; color:#e3101e; }
.proDetailItem_01 .right .bd span i{ font-size:32px; padding:0 5px 0 0;}
.proDetailItem_01 .right .bd a{ width:180px; background:#e60012; color:#fff; text-align:center; border-radius:4px; font-size:18px;}
.proDetailItem_01 .right .bd a i{font-size:24px; padding:0 5px 0 0;}

.proDetailItem_02Wrap{ margin-bottom:20px;border:1px solid #ccc; border-radius:10px; overflow:hidden;}
.proDetailItem_02WrapHd{ line-height:60px; background:#f2f2f2; border-bottom:1px solid #ccc; font-size:16px; color:#000; text-indent:20px;}
.proDetailItem_02WrapBd{ padding:30px 70px; line-height:40px; color:#272727; font-size:14px;}
.proDetailItem_02WrapBd img{display:block; margin:0 auto; padding:5px 0;}
.proDetailItem_02Wrap:last-of-type{ margin-bottom:80px;}
.proDetailItem_02WrapBd em{ color:#5B5B5B}
.proDetailItem_02WrapBd ul{}
.proDetailItem_02WrapBd li:last-of-type{ margin-top:20px;}
.proDetailItem_02WrapBd li span{display:inline-block; width:270px;}
.proDetailItem_02WrapBd p:before{content:"";width: 4px;height: 4px;border-radius: 4px;background: #4c4c4c;/* display: inline-block; */margin-right: 5px;margin-top: 20px;float: left;}
.proDetailItem_02WrapBd.type2{}
.proDetailItem_02WrapBd.type2 p:first-of-type:before,.proDetailItem_02WrapBd.type2 p:last-of-type:before{ display:none;}
.proDetailItem_02WrapBd.type2 p:first-of-type{ margin-bottom:7px; color:#4c4c4c;}
.proDetailItem_02WrapBd.type2 p:last-of-type{ background:url(../img/012.gif) no-repeat left center; padding:0 0 0 40px; margin-top:20px;}
.proDetailItem_02WrapBd.type2 p{ color:#5B5B5B;}
.proDetailItem_02WrapBd.type2 p span{ color:#272727; display:inline-block; width:270px;}
.proDetailItem_02WrapBd.QA{ line-height:30px;}
.proDetailItem_02WrapBd.QA p:before{ display:none;}
.proDetailItem_02WrapBd.QA p{ margin-bottom:30px; color:#5B5B5B;}
.proDetailItem_02WrapBd.QA p:last-of-type{margin-bottom:0;}
.proDetailItem_02WrapBd.QA h3{font-size:16px;}


@media(max-device-width: 1024px) {
	.proList li a img{width:100%;}
	.proDetailItem_01{padding:20px;}
	.proDetailItem_02WrapBd li{float:left;width: 100%;}
	.proDetailItem_02WrapBd ul{float:left;width: 100%;zoom: 1;}
	.proDetailItem_02WrapBd ul:after { content: ""; display: block; clear: both; height: 0; }
	.proDetailItem_02WrapBd p{float:left;width: 100%;}
	.proDetailItem_02WrapBd{zoom: 1; }
	.proDetailItem_02WrapBd:after { content: ""; display: block; clear: both; height: 0; }
}