/* CSS Document */

/*public css*/
*{ margin:0px; padding:0px;}
body{ font-size:14px; font-family:Arial,"Microsoft YaHei",SimSun,Helvetica,sans-serif; color:#333;  line-height:24px; overflow-x:hidden;}
ul li{ margin:0px; padding:0px; list-style-type:none;}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;}
img{ border:none; width:auto; max-width:100%;}
a{ color:#333; text-decoration:none;}
a:hover,a:active{ color:#e70111; text-decoration:none;}
.dispblock{ display:block;}
.dispnone{ display:none;}
.float_l{ float:left}
.float_r{ float:right}
.clear_both{clear:both;}
.hand{ cursor:pointer;}
.f12{ font-size:12px;}
.hei{ color:#000;}
.en_ft{ font-family:Arial;}S
.ft1{ font-size:14px; font-weight:bold; color:#FFF;}
.ft_red{ color:#F00;}
.red{ color:#F00;}
.ft_bai{ color:#FFF;}
.ft_c1{ color:#858585;}
.txt_cent{ text-align:center;}
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
.fixedHeader{ position:fixed; left:0; top:0; z-index:100;}
.txthid{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.no_rec{ text-align:center; padding:20px 0; font-size:16px; text-transform:capitalize;}
.no_rec b{ color:#FF0000;}


/*产品列表*/
.pro_mbxbox{ clear:both; width:100%; background-color:#EBEBEB;}
.pro_mbx{ width:1200px; margin:0 auto; height:44px; line-height:44px; text-transform:uppercase;}
.pro_boxA{ clear:both; width:1200px; margin:0 auto; overflow:hidden; padding-bottom:35px;}
.pro_boxA .lt{ float:left; width:920px; padding:28px 0 0 0; border-right:1px solid #E1E1E1;}
.pro_boxA .lt ul{ overflow:hidden;}
.pro_boxA .lt .pro_list li{ float:left; width:268px; border:1px solid #EBEBEB; margin:0 30px 28px 0;}
.pro_boxA .lt .pro_list li:nth-child(3n){ margin-right:0;}
.pro_boxA .lt .pro_list li .cont{ padding:15px 20px 10px 20px; overflow:hidden; position:relative;}
.pro_boxA .lt .pro_list li .cont:after{ content:""; display:block; position:absolute; top:0; left:10%; width:80%; height:1px; background-color:#EBEBEB;}
.pro_boxA .lt .pro_list li .cont .info{font-size:18px; text-align:center;}
.pro_boxA .lt .pro_list li .cont .tit{ color:#000;}
.pro_boxA .lt .pro_list li .cont .price{ color:#666; font-size:14px;}
.pro_boxA .lt .pro_list li .cont .cart{ float:right; width:60px; height:33px; border-radius:33px; background:url(../images/index_05_1.png) center center no-repeat; border:1px solid #858585;}
.pro_boxA .lt .pro_list li:hover{ border-color:#858585;}
.pro_boxA .lt .pro_list li:hover .cont:after{ background-color:#858585;}
.pro_boxA .lt .pro_list li:hover .cart{ background-color:#e40f00; background-image:url(../images/index_05.png);}
.pro_boxA .rt{ float:right; width:250px; padding:28px 0 0 0;}
.pro_boxA .rt .p_1{ height:40px; line-height:40px; color:#FFF; text-align:center; font-size:18px; background-color:#e40f00; text-transform:uppercase;}
.pro_boxA .rt .ctg{ padding:10px 0 30px 0;}
.pro_boxA .rt .ctg li>a{ display:block; height:24px; padding:10px 0 10px 12px; position:relative;}
.pro_boxA .rt .ctg li>a:after{ content:""; display:block; width:16px; height:1px; background-color:#ABABAB; position:absolute; top:50%; right:20px;}
.pro_boxA .rt .ctg li div{ padding:0 0 20px 0; margin:0 5px; border-bottom:1px solid #EBEBEB; display:none;}
.pro_boxA .rt .ctg li div p{ padding:10px 10px 0 20px;}
.pro_boxA .rt .ctg li div p a{ color:#666;}
.pro_boxA .rt .ctg li.on>a{ color:#858585;}
.pro_boxA .rt .ctg li.on div{ display:block;}
.pro_boxA .rt .shbox{ color:#FFF; background-color:#f3f3f3; padding-bottom:20px;}
.pro_boxA .rt .shbox .p_2{ height:40px; line-height:40px; text-align:center; font-size:18px; background-color:#e40f00; text-transform:uppercase; border-bottom:1px solid #fff;}
.pro_boxA .rt .shbox .p_3{ padding:10px 11px 0 11px;}
.pro_boxA .rt .shbox .box{ padding:0 11px; color:#666;font-size:14px; text-align:left;}
.pro_boxA .rt .shbox .txt{ width:calc(100% - 20px); height:25px; padding:6px 10px; background-color:#FFF; border:0; outline:none;}
.pro_boxA .rt .shbox .selbox{ margin:0 11px; height:37px; background-color:#FFF; position:relative; z-index:2;}
.pro_boxA .rt .shbox .selbox:before{ content:""; position:absolute; top:14px; right:10px; width:0; height:0; border:10px solid transparent;  border-top-color:#858585; cursor:pointer; z-index:-2;}
.pro_boxA .rt .shbox .selbox .sel{ width:100%; padding:0 10px; height:37px; border:0; outline:none; background:transparent; background:none; -webkit-appearance: none; -moz-appearance: none; cursor:pointer;}
.pro_boxA .rt .shbox .selbox .sel option{}
.pro_boxA .rt .shbox .btn{ display:block; width:155px; height:37px; border-radius:37px; line-height:37px; text-align:center; background-color:#FFF; color:#858585; border:0; margin:20px auto 0 auto; outline:none; cursor:pointer;}

/*产品列表*/
.pro_mbx{ clear:both; width:1200px; margin:0 auto; padding:20px 0 15px 0;}
.pro_banbox{ clear:both; width:1200px; margin:0 auto; text-align:center; overflow:hidden;}
.pro_box{ clear:both; width:1200px; margin:0 auto; overflow:hidden; padding-top:30px;}
.pro_box .lt{ float:left; width:210px; background-color:#FFF;}
.pro_box .lt .box{ border:1px solid #E6E6E6; margin-bottom:20px;}
.pro_box .lt .top{ height:50px; line-height:50px; color:#FFF; padding-left:18px; font-size:16px; background-color:#858585;}
.pro_box .lt .ctg{ padding:16px; font-size:13px;}
.pro_box .lt .ctg li{ height:39px; line-height:39px; padding-left:25px; border-bottom:1px solid #E6E6E6; background:url(../images/list_05.png) 6px -25px no-repeat; overflow:hidden;}
.pro_box .lt .ctg li:hover{ font-weight:bold; background-position:4px 17px;}
.pro_box .lt .ctg li:hover a{ color:#ed7020;}
.pro_box .lt .ctg .on{ font-weight:bold; background-position:4px 17px;}
.pro_box .lt .ctg .on a{ color:#ed7020;}
.pro_box .lt .list{ padding:20px 19px 0 19px;}
.pro_box .lt .list li{ text-align:center; padding-bottom:15px; line-height:22px;}
.pro_box .lt .list li img{ max-width:100%;}
.pro_box .lt .list li p{ font-size:14px; line-height:20px; padding-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro_box .lt .list li b{ display:block; padding-top:5px; color:#ed7020; font-size:15px;}
.pro_box .rt{ float:right; width:970px;}
.pro_box .rt .top{ height:45px; line-height:45px; border:1px solid #E6E6E6; background-color:#F2F2F2;}
.pro_box .rt .top li{ float:left; padding-left:20px; color:#666;}
.pro_box .rt .top li i{ display:inline-block; vertical-align:middle; width:9px; height:6px; margin-left:6px; background:url(../images/list_06.png) 0 0 no-repeat;}
.pro_box .rt .top li.on{ color:#ed7020;}
.pro_box .rt .top li.on a{ color:#ed7020;}
.pro_box .rt .top li.down i{ background-position:0 0;}
.pro_box .rt .top li.down.on i{ background-position:0 bottom;}
.pro_box .rt .top li.up i{ background-position:right 0;}
.pro_box .rt .top li.up.on i{ background-position:right bottom;}
.pro_box .rt .top span{ float:right; margin-right:18px;}
.pro_box .rt .pro_list{ padding-top:24px; overflow:hidden;}
.pro_box .rt .pro_list li{ float:left; width:224px; margin:0 24px 24px 0;}
.pro_box .rt .pro_list li.none{ margin-right:0;}
.pro_box .rt .pro_list li img{ display:block;}
.pro_box .rt .pro_list li .tit{ margin-top:10px; font-size:15px; height:22px; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro_box .rt .pro_list li .price{ padding-top:5px;}
.pro_box .rt .pro_list li .price b{ font-size:16px; color:#ed7020;}
.pro_box .rt .pro_list li .price del{ font-size:15px; color:#aaaaaa; margin-left:10px;}
.pro_box .rt .spec_box{ overflow:hidden; padding-bottom:10px; font-size:13px;}
.pro_box .rt .spec_box .item{ float:left;}
.pro_box .rt .spec_box .item span{ display:inline-block; border:1px solid #E6E6E6; padding:0 18px 0 8px; cursor:pointer; position:relative; margin-right:5px;}
.pro_box .rt .spec_box .item span:before, .pro_box .rt .spec_box .item span:after{ content:""; position:absolute; top:12px; right:5px; display:block; width:10px; height:2px; background-color:#aaa;}
.pro_box .rt .spec_box .item span:before{ transform:rotate(-45deg);}
.pro_box .rt .spec_box .item span:after{ transform:rotate(45deg);}
.pro_box .rt .spec_box .item span:hover{ border-color:#F00;}
.pro_box .rt .spec_box .item span:hover:before, .pro_box .rt .spec_box .item span:hover:after{ background-color:#F00} 
.pro_box .rt .spec_box .close{ float:right; border:1px solid #E6E6E6; padding:0 20px 0 10px; cursor:pointer; position:relative;}
.pro_box .rt .spec_box .close i{ position:absolute; top:11px; right:7px; display:block; width:5px; height:5px; border-left:1px solid #aaa; border-top:1px solid #aaa; transform:rotate(45deg);}
.pro_box .rt .spec_list{ clear:both; margin-bottom:10px; padding:10px 0 10px 20px; border:1px solid #E6E6E6; font-size:13px;}
.pro_box .rt .spec_list .box{ clear:both; border-bottom:1px dashed #E6E6E6;}
.pro_box .rt .spec_list .box dl{ overflow:hidden; padding:5px 0;}
.pro_box .rt .spec_list .box dt{ float:left; width:80px; color:#999;}
.pro_box .rt .spec_list .box dd{ margin-left:80px;}
.pro_box .rt .spec_list .box span{ margin-right:40px; white-space:nowrap; cursor:pointer;}
.pro_box .rt .spec_list .box span.on{ color:#858585;}


/*产品详情页*/
.show_box{ clear:both; width:1200px; margin:25px auto 0 auto; overflow:hidden;}
.show_box .lt{ float:left; width:500px; position:relative;}
.show_box .lt .bimg_box{ border:1px solid #DFDFDF;}
.show_box .lt .bimg_box #bimg{ width:auto; max-width:100%;}
.show_box .lt .smlist{ overflow:hidden; padding-top:15px;}
.show_box .lt .smlist li{ float:left; margin-right:10px; width:68px; border:1px solid #ddd; cursor:pointer;}
.show_box .lt .smlist li img{ display:block; width:auto; max-width:100%;}
.show_box .lt .smlist li.cur{ border:1px solid #858585;}
.show_box .rt{ float:right; width:650px; font-size:13px; color:#888;}
.show_box .rt dl{ clear:both; overflow:hidden;}
.show_box .rt dt{ float:left; width:100px;}
.show_box .rt dd{ float:left; width:510px;}
.show_box .rt .pro_tit{ font-size:22px; line-height:45px; font-weight:bold; color:#000;}
.show_box .rt .pro_subtit{ font-size:14px; color:#666; padding-top:5px;}
.show_box .rt .pro_info{ padding:5px 0; font-size:14px; color:#999;}
.show_box .rt .price{ background-color:#F6F6F6; padding:30px 0 30px 18px;}
.show_box .rt .price ul{ overflow:hidden;}
.show_box .rt .price li{ float:left; padding-right:33px; font-size:15px; line-height:45px; width:580px;}
.show_box .rt .price .sell_price{ font-size:16px; color:#666; font-weight:bold;}
.show_box .rt .price .sell_price span{ display:inline-block; height:34px;}
.show_box .rt .pro_spec{ clear:both; padding:15px 0 5px 0; border-top:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF; margin-top:10px;}
.show_box .rt .pro_spec dl{ padding:5px 0;}
.show_box .rt .pro_spec dd span{ display:inline-block; margin:0 10px 10px 0; padding:3px 6px; cursor:pointer; border:1px solid #ccc;}
.show_box .rt .pro_spec dd span.cur{ border:2px solid #858585; color:#858585; padding:2px 5px;}
.show_box .rt .pro_spec dd span.none{ border-color:#eee; color:#eee;}
.show_box .rt .pro_buynum{ padding-top:20px;}
.show_box .rt .pro_buynum .btn_1{ float:left; display:block; width:30px; height:30px; line-height:30px; text-align:center; font-size:20px; border:1px solid #cccccc; color:#888;}
.show_box .rt .pro_buynum input{ float:left; display:block; width:50px; height:30px; line-height:30px; text-align:center; border:0; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.show_box .rt .pro_buynum span{ float:left; line-height:30px;}
.show_box .rt .pro_buynum span i{ font-style:normal;}
.show_box .rt .buy_btn_box{ padding-top:20px; position:relative;}
.show_box .rt .buy_btn_box button{ text-transform:uppercase; float:left; display:block; width:150px; height:45px; line-height:45px; text-align:center; font-size:18px; margin-right:20px; border:1px solid #858585; background:#FFF; color:#858585; cursor:pointer; outline:none;}
.show_box .rt .buy_btn_box button.add{ background:#858585; color:#FFF;}
.show_box .rt .buy_btn_box button.enable{ color:#999; background:#f7f7f7; border-color:#DFDFDF; cursor:default;}
.show_box .rt .buy_btn_box .sc{ float:left; display:block; height:30px; line-height:30px; padding-left:30px; background:url(../images/index_40.png) left center no-repeat; font-size:14px; margin:8px 0 0 30px; cursor:pointer; vertical-align:middle;}
.show_box .rt .buy_btn_box .scon{ background-image:url(../images/index_41.png);}
.show_cont{ clear:both; width:1200px; margin:30px auto 0 auto; overflow:hidden; padding-bottom:30px;}
.show_cont .lt{ float:left; width:252px; padding-right:28px;}
.show_cont .lt .box{ border:1px solid #E6E6E6; margin-bottom:20px;}
.show_cont .lt .top{ height:50px; line-height:50px; color:#FFF; padding-left:18px; font-size:16px; background-color:#e40f00; text-transform:uppercase;}
.show_cont .lt .ctg{ padding:16px; font-size:13px;}
.show_cont .lt .ctg li{ height:39px; line-height:39px; padding-left:15px; border-bottom:1px solid #E6E6E6;}
.show_cont .lt .ctg li:hover{ height:39px; line-height:39px; padding-left:15px; color:#FFF; background-color:#e6e6e6;}
.show_cont .lt .ctg .on{ font-weight:bold;}
.show_cont .lt .ctg .on a{ color:#ed7020;}
.show_cont .lt .list{ padding:20px 19px 0 19px;}
.show_cont .lt .list li{ text-align:center; padding-bottom:15px; line-height:22px;}
.show_cont .lt .list li img{ max-width:100%;}
.show_cont .lt .list li p{ font-size:14px;}
.show_cont .lt .list li b{ color:#ed7020; font-size:15px;}
.show_cont .rt{ float:right; width:910px; border:1px solid #eaeaea;}
.show_cont .rt .tit{ background:#f8f8f8; height:49px; line-height:49px; border-bottom:1px solid #eaeaea;}
.show_cont .rt .tit li{ float:left; width:180px; text-align:center; border-right:1px solid #eaeaea; font-size:18px; cursor:pointer; text-transform:uppercase;}
.show_cont .rt .tit li i{ font-style:normal; color:#858585;}
.show_cont .rt .tit li.cur{ border-top:3px solid #858585; color:#858585; background:#FFF; height:47px;}
.show_cont .rt .info{ clear:both; padding:20px; overflow:hidden;}
.show_cont .rt .tab_box{ min-height:150px;}
.show_cont .rt .comment{ clear:both; padding:20px; overflow:hidden; font-size:13px; display:none;}
.show_cont .rt .comment .com_item{ border-bottom:1px solid #EEEEEE; padding:10px 0; line-height:20px;}
.show_cont .rt .comment dl{ clear:both; overflow:hidden;}
.show_cont .rt .comment dt{ float:left; width:40px;}
.show_cont .rt .comment dt img{ width:40px;}
.show_cont .rt .comment dd{ margin-left:50px;}
.show_cont .rt .comment .com_tit{ color:#999; font-size:12px;}
.show_cont .rt .comment .com_fen{ display:inline-block;}
.show_cont .rt .comment .com_fen li{ display:inline-block; margin:0 2px; width:12px; height:11px; background:url(../images/starsy.png) center center no-repeat; background-size:100% auto;}
.show_cont .rt .comment .com_msg{ padding-top:10px;}
.show_cont .rt .comment .com_imgs{ padding-top:5px;}
.show_cont .rt .comment .com_imgs .small_list img{ max-width:60px; max-height:60px; margin-right:5px; padding:2px; border:2px solid #EAEAEA;}
.show_cont .rt .comment .com_imgs .small_list img:hover{ border-color:#858585; cursor:url(../images/cursor.png),url(../images/cursor1.cur),auto;}
.show_cont .rt .comment .com_imgs .small_list img.on{ border-color:#858585; cursor:url(../images/cursor_1.png),url(../images/cursor1_1.cur),auto;}
.show_cont .rt .comment .com_imgs .big_show{}
.show_cont .rt .comment .com_imgs .big_show img{ display:none; width:0; height:0; margin-top:8px; max-width:400px; max-height:400px; padding:5px; border:2px solid #EAEAEA;}
.show_cont .rt .comment .reply{ color:#AF874D; padding-top:10px;}
/*图片放大镜样式*/
.zoomdiv{ position:absolute; top:0; left:0; z-index:100; display:none; width:500px; height:500px; background:#fff; border:1px solid #e8e8e8; text-align:center; overflow:hidden; }
.zoomdiv img{ max-width:initial;}
.jqZoomPup{ position:absolute; top:0; left:0; z-index:10; visibility:hidden; width:20px; height:20px; border:1px solid #aaa; background:#fff; opacity:0.5;-moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(Opacity=50); }