@charset "utf-8";

.area{float:left;width:100%;min-height:20px;margin-top:30px;}
.content{margin:auto;width:1200px;min-height:20px;height:auto;clear:both;}
.bar_index{float:left;min-height:20px;height:auto;width:100%;} 
.bar_index .top{float:left;width:100%; height:50px; background:#f8fef9; border:1px solid #EFEFEF;}
.bar_index .top .bname{float:left;display:inline;background:#4974d7; height:50px;line-height:50px; padding:0px 20px 0px 20px;font-size:16pt; text-align:left; }
.bar_index .top .bname a{color:#FFFFFF;}
.bar_index .top .bname ul{text-align:center;color:#AB1135;height:50px;line-height:50px;}
.bar_index .top .mybrand{float:left;margin:5px 0px 0px 30px;}
.bar_index .top .cmore {float:right;height:20px; width:50px; line-height:50px;margin-top:15px;} 
.bar_index .content{float:left;width:100%;height:auto;min-height:20px;border-left:1px solid #EFEFEF;border-bottom:1px solid #EFEFEF; border-right:1px solid #EFEFEF;margin:0px;padding-bottom:20px;}
.bar_index .content .main{float:left;height:auto;min-height:200px;width:1000px;}
.bar_index .content .side{float:left;height:auto;min-height:200px;width:200px;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-content: center;align-content: flex-start;}
.bar_index .content .side .mark{float:left;width:95%;height:36px;margin:0 0 0 5%; line-height:18px; overflow:hidden;}
.bar_index .foot{}

.prunit{float:left;height:210px;width:120px;margin:0px 0 0 10px; display:inline;}
.prunit .photo{float:left;width:100%;max-height:120px;text-align:center;overflow:hidden;}
.prunit .photo img{height:95%;margin:5%;}
.prunit .title{float:left;width:100%;height:36px; line-height:18px; overflow:hidden;word-wrap:break-word; word-break:normal;margin:5px 0px 5px 0px; text-align:center;}
.prunit .price{float:left;width:100%;height:30px; line-height:30px; overflow:hidden;word-wrap:break-word; word-break:normal;color:#F00;text-align:center;}
.prunit .buy{float:left;width:100%;height:30px; line-height:30px; overflow:hidden;word-wrap:break-word; word-break:normal; }
.prunit .buy b{color:#F00;}
.prbar_side{float:left;width:100%;min-height:100px;height:auto; clear:both;}
.prbar_side .top{float:left;width:100%; background-image:url();background:#FFF; border:0px;line-height:30px;font-weight:bold;}
.prbar_side .content{float:left;width:100%;height:auto;min-height:20px; border:0px;margin:0px;}
.list_new_table td{text-indent:5px;}

.product{float:left;width:100%;min-height:100px;margin-top:30px;}  
.product .info{margin:auto;width:1200px;min-height:100px;overflow:hidden;} 
.product .info .zone{float:left;width:100%;min-height:500px;clear:both; background-color:#FFFFFF;margin:0 0 0 0px;} 
.product .info .left{float:left;clear:left;min-height:100px;width:320px;margin:0px 0px 0px 0px;}
.product .info .right{float:right;clear:left;min-height:100px;width:860px;margin:0px 10px 0px 0px;}
.product .info .main{float:right;clear:right;min-height:100px;width:100%;text-align:left;border-radius:5px;border:1px solid #ffffff;margin:20px 0px 20px 0px;} 
.product .info .main .head{float:left;width:99%;height:50px; border-bottom:1px solid #00b4ed; }
.product .info .main .head .icos{float:left;height:27px;width:21px;margin:10px 5px 0px 15px; background:url(/site/images/i_ico_columpath.png) center no-repeat;}
.product .info .main .head .path{float:left;background:url(/site/images/i_ico_columpath.png) left no-repeat;width:100%;height:25px;font-size:14px;color:#2b2623;text-indent:25px;}

.product .info .column_detail_head{float:right;width:1200px;height:30px; border-bottom:1px solid #f08300;}
.product .info .column_detail_head .icos{float:left;height:27px;width:21px;margin:0px 5px 0px 5px; background-image:url(/site/images/i_ico_columpath.png);}
.product .info .column_detail_head .path{float:left;width:1040px;height:25px; margin: 5px 0px 0px 5px;font-size:14px; color:#2b2623;}
.product .info .column_detail_main{float:right;min-height:480px;width:1200px;text-align:left;} 
.product_detail_s{float:left;width:100%;min-height:200px; clear:both;}
.product_detail_s img{max-width:1200px;}
.product_detail_s h1{float:left;height:40px;width:100%; text-align:center;font-size:18px; font-weight:bold;margin:30px 0px 0px 0px;} 
.product_detail_s .column_detail_ai{float:left;min-height:100px;width:100%; text-align:center;}
.product_detail_s .column_detail_v{float:left;min-height:200px;width:100%;line-height:25px;font-size:14px; margin:10px 0px 10px 0px; text-align:left;}

@media only screen and (max-width: 760px) { 
.product{margin-top:10px;}  

}

.columnsub .foot{float:left;height:9px; background-image:url(/site/images/i_bar_00_img_3.jpg);width:250px;font-size:0px;}

/* detail page , prev news, next news */
.product .info .main .prev{float:left;width:90%;height:30px;line-height:30px;margin:40px 0px 0px 20px;font-size:12px;clear:both; color:#999}
.product .info .main .prev A{font-size:13pt; color:#999}
.product .info .main .next{float:left;width:90%;height:30px;line-height:30px;margin:10px 0px 0px 20px;font-size:12px;clear:both; color:#999}
.product .info .main .next A{font-size:13pt; color:#999}

.productcolumnsub{float:left;width:310px;min-height:150px;border:1px solid #d8dfe9;background-color:#f3f8fe;} 
.productcolumnsub .bar{float:left;height:50px; width:310px;text-align:center; border-bottom:1px solid #d8dfe9; background:url(/site/images/i_bar_bg_side.png) repeat-x bottom;background-color:#FFFFFF;}
.productcolumnsub .bar .bname{float:left;height:50px;width:100%;font-size:16px;font-weight:bold;line-height:50px;background:url(/site/images/icolumn_bg_bar_bg_left.png) no-repeat left;} 
.productcolumnsub .content{float:left;min-height:120px;width:310px; margin-top:20px;}
.productcolumnsub .content .SubColumnList{float:left;height:35px;width:300px;display:inline;border:1px solid #f3f8fe; border-bottom:1px solid #EEEEEE;}
.productcolumnsub .content .SubColumnList  li{float:left;display:inline;margin-top:5px;margin-left:10px;height:35px;width:180px;font-size:14px;} 
.productcolumnsub .content .SubColumnList  .cgo{float:right;margin:5px 10px 0 0;height:35px;width:40px;font-size:14px;} 
.productcolumnsub .content .SubColumnList:hover{border:1px solid #01a163;}
.productcolumnsub .content .SubColumnList:hover  li{color:#01a163;} 
.productcolumnsub .content .SubColumnList:hover .cgo{color:#01a163;} 

.productcolumnsub .content .SubColumnListSelected{float:left;height:35px;width:300px;display:inline;border:1px solid #f3f8fe; border-bottom:1px solid #EEEEEE;}
.productcolumnsub .content .SubColumnListSelected  li{float:left;display:inline;margin-top:5px;margin-left:10px;height:35px;width:180px;font-size:14px;color:#01a163;} 
.productcolumnsub .content .SubColumnListSelected  .cgo{float:right;margin:5px 10px 0 0;height:35px;width:40px;font-size:14px;color:#0056a8;}  

.productcolumnsub .subcontent{float:left;min-height:120px;width:100%; margin-top:20px;}
.productcolumnsub .subcontent .SubColumnList1        {float:left;min-height:40px;width:100%;}
.productcolumnsub .subcontent .SubColumnList1		  li{float:left;background:url(/site/images/icolumn_bg_dot.gif) no-repeat left top; margin:0px 0 0 40px; min-height:40px;line-height:40px; text-indent:20px;}
.productcolumnsub .subcontent .SubColumnList1        A{font-size:18px;}  
.productcolumnsub .subcontent .SubColumnList1:hover{background-color:#01a163;}
.productcolumnsub .subcontent .SubColumnList1:hover li{background:url(/site/images/icolumn_bg_dot_selected.gif) no-repeat left top;}
.productcolumnsub .subcontent .SubColumnList1:hover  A{color:#FFFFFF;font-weight:bold;}

.productcolumnsub .subcontent .SubColumnList1Selected{float:left;min-height:40px;background-color:#0360bf;width:100%;}
.productcolumnsub .subcontent .SubColumnList1Selected li{float:left;background:url(/site/images/icolumn_bg_dot_selected.gif) no-repeat left top; margin:0px 0 0 40px; min-height:40px;line-height:40px; text-indent:20px;}
.productcolumnsub .subcontent .SubColumnList1Selected  A{color:#FFFFFF;font-size:16px;font-weight:bold;}  

.productcolumnsub .subcontent .SubColumnList2        {float:left;min-height:30px;width:100%;}
.productcolumnsub .subcontent .SubColumnList2		  li{float:left;background:url(/site/images/icolumn_bg_dot.gif) no-repeat left top; margin:0px 0 0 60px; min-height:30px;line-height:30px; text-indent:20px;}
.productcolumnsub .subcontent .SubColumnList2        A{font-size:14px;}  
.productcolumnsub .subcontent .SubColumnList2:hover{background-color:#0360bf;}
.productcolumnsub .subcontent .SubColumnList2:hover li{background:url(/site/images/icolumn_bg_dot_selected.gif) no-repeat left top;}
.productcolumnsub .subcontent .SubColumnList2:hover  A{color:#FFFFFF;font-weight:bold;}

.productcolumnsub .subcontent .SubColumnList2Selected{float:left;min-height:30px;background-color:#0360bf;width:100%;}
.productcolumnsub .subcontent .SubColumnList2Selected li{float:left;background:url(/site/images/icolumn_bg_dot_selected.gif) no-repeat left top; margin:0px 0 0 60px; min-height:30px;line-height:30px; text-indent:20px;}
.productcolumnsub .subcontent .SubColumnList2Selected  A{color:#FFFFFF;font-size:14px;font-weight:bold;}  

.productcolumnsub .subcontent .SubColumnList3        {float:left;min-height:25px;width:100%;}
.productcolumnsub .subcontent .SubColumnList3		  li{float:left;background:url(/site/images/icolumn_bg_dot.gif) no-repeat left top; margin:0px 0 0 80px; min-height:25px;line-height:25px; text-indent:20px;}
.productcolumnsub .subcontent .SubColumnList3        A{font-size:12px;}  
.productcolumnsub .subcontent .SubColumnList3:hover{background-color:#0360bf;}
.productcolumnsub .subcontent .SubColumnList3:hover li{background:url(/site/images/icolumn_bg_dot_selected.gif) no-repeat left top;}
.productcolumnsub .subcontent .SubColumnList3:hover  A{color:#FFFFFF;font-weight:bold;}

.productcolumnsub .subcontent .SubColumnList3Selected{float:left;min-height:25px;background-color:#0360bf;width:100%;}
.productcolumnsub .subcontent .SubColumnList3Selected li{float:left;background:url(/site/images/icolumn_bg_dot_selected.gif) no-repeat left top; margin:0px 0 0 80px; min-height:25px;line-height:25px; text-indent:20px;}
.productcolumnsub .subcontent .SubColumnList3Selected  A{color:#FFFFFF;font-size:12px;font-weight:bold;} 


/* images text */ 
.pr_it{float:left;width:100%;min-height:200px; clear:both;border-radius:5px;}
.pr_it {margin:auto;width:780px;min-height:480px;border:1px solid #FFFFFF;}  
.pr_it  .i{float:left; width:780px; height:220px;margin:20px 0px 0px 10px; display:inline;border-top:1px solid #FFFFFF;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF; border-bottom:1px  dashed #CCCCCC;}
.pr_it  .i .vi{float:left;width:300px;height:180px; text-align:center;}
.pr_it  .i .vi img{max-width:220px; max-height:200px;margin:8px 0px 0px 8px;}
.pr_it  .i .t{float:left; width:470px; height:160px; line-height:18px;text-align:center;  display:inline;margin:0px 0px 0px 10px;}
.pr_it  .i .t .title{float:left;width:470px;height:40px; line-height:40px; text-align:left;}
.pr_it  .i .t .title A{font-size:14pt; font-weight:bold; color:#01a163;}
.pr_it  .i .t .text{float:left;width:460px; height:120px; text-align:left;color:#666666;font-size:12px;line-height:22px;}
.pr_it  .i .t .text .opt{float:left;min-height:30px;width:99%;border-bottom:1px dotted #3C9;}
.pr_it  .i .t .text .name{float:left;min-height:30px;width:15%; text-align:center;font-size:12px; line-height:30px;}
.pr_it  .i .t .text .value{float:left;min-height:30px;width:85%; text-align:left;font-size:12px; line-height:30px; }
.pr_it  .i .t .tmore{float:left;width:460px;height:30px; text-align:right;margin-top:10px;}
.pr_it  .i .t .tmore a{color:#01a163; }
.pr_it  .i:hover{border-bottom:1px solid #f08300;border-radius:5px;}  


.view{float:left;width:100%;min-height:300px;}
.view .optioninfo{float:left;min-height:30px;width:100%;margin:20px 0 10px 0 ;padding:0 0 10px 0;}
.view  h1{float:right;min-height:50px;width:70%; text-align:center;font-size:18pt; line-height:30px; font-weight:bold;margin:0px; }
.view .product-image{float:left;width:30%;display:none;}
.view .logo{float:left;height:360px;width:100%; overflow:hidden;}
.view .logo .swiper-slide ul{width:100%;padding-bottom:100%;position:relative;}
.view .logo .swiper-slide ul li{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.view .logo .swiper-slide ul li img{width:100%;}
.view .logo img{max-width:360px;max-height:360px;}

.view .product-imagewap{float:left;width:30%;min-height:360px;}
.view .product-imagewap .shape{width:100%;padding-bottom:100%;position:relative;}
.view .product-imagewap .shape .pscontent{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.view .product-imagewap .shape .pscontent .porigimage{width:100%;height:100%;}

.view .control-box{float:left;width:100%;margin-top:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.view .control{-webkit-box-align:flex-start;-ms-flex-align:flex-start;-webkit-align-items:flex-start;align-items:center;width:14px;-webkit-box-pack:flex-start;-ms-flex-pack:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start;cursor:pointer}
.view .control-box,.control{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:flex-start;}
.view .control-box .thumb-list{width:320px;overflow:hidden;}
.view .control-box .thumb-list ul{display:flex;}
.view .control-box .thumb-list li{margin-right:10px} 
.view .control-box .thumb-list li img{height:70px;width:70px;-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.view .control-box .thumb-list li img:hover{-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);filter: Alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
.view .pane-container{display:none;position:absolute;z-index:10000;pointer-events:none}
.view .pane-container,.preview-box{border:1px solid #dfdfdf;}
.view .angle-left{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGFJREFUeNpi/P//PwM5gJHuGllyJh1FFwObNCXPmhFEA+VhJjMiK2LCpgkH+I9LI7IEIw72f3SNuDTh1MxEhCasmplwOYWAHxmZ8PkDn/+ZCAUCLq8w4fEHPj8OQJIDCDAAJ7AjzoPvj98AAAAASUVORK5CYII=) no-repeat 3px 0px;display:block;width:10px;height:14px}
.view .angle-right{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGFJREFUeNpi/P//PwM5gJHuGllyJh1FFwObNCXPmhFEA+VhJjMiK2LCpgkH+I9LI7IEIw72f3SNuDTh1MxEhCasmplwOYWAHxmZ8PkDn/+ZCAUCLq8w4fEHPj8OQJIDCDAAJ7AjzoPvj98AAAAASUVORK5CYII=) no-repeat -7px 0;display:block;width:10px;height:14px}

.view .options{float:left;min-height:30px;width:69%;padding-left:1%;}

.view .options .opt{float:left;min-height:30px;width:49%;border-bottom:1px dotted #3C9;}
.view .options .name{float:left;min-height:30px;width:20%; text-align:left;font-size:12px; line-height:30px;}
.view .options .value{float:left;min-height:30px;width:80%; text-align:left;font-size:12px; line-height:30px; }

.view .options .price{float:left;min-height:60px;line-height:60px;width:100%;text-align:center;}
.view .options .price span{font-size:12pt;}
.view .options .price b{font-size:16pt;}

.view .options .inventory{float:left;min-height:20px;line-height:20px;width:100%;text-align:center;padding-bottom:10px;}
.view .options .inventory span{font-size:14px;color:#666666;}

.view .options .buy{float:left;min-height:50px;line-height:50px;width:99%;margin-top:50px;} 
.view .options .buy .bbtn{width:500px;height:50px;line-height:50px;margin:auto;}
.view .options .buy .bbtn li{float:left;width:120px;margin-left:20px;height:50px;border:1px solid #666; text-align:center;font-size:16px;cursor:pointer;}
.view .options .buy .bbtn li:hover{background-color:#393;color:#FFF;}
.view .options .buy .bbtn .selected{background-color:#393;color:#FFF;font-weight:bold;}

.view .options .buy .bbtn .noinvent{border:1px solid #DDDDDD;color:#DDDDDD;}
.view .options .buy .bbtn .noinvent:hover{background-color:#FFFFFF;color:#DDDDDD;}

.view .options .sopt{float:left;min-height:30px;width:99%;margin-top:20px;}
.view .options .share{float:right;min-height:30px;width:80%; text-align:right;font-size:12px; line-height:30px;margin:10px 0 0 0;}

.view h2{float:left;min-height:30px;width:100%; text-align:right;margin:20px 0 0 0 ;}
.view h2 li{float:right;height:20px;margin-right:20px; font-size:12px; font-weight:normal;white-space:nowrap;color:#999999; overflow:hidden;}
.view h2 li A{color:#999999; font-size:12px; } 
.view h2 li A:link {color:#999999; font-size:12px; }
.view h2 li A:visited{color:#999999; font-size:12px; } 
.view h2 li A:hover{color:#999999; font-size:12px; }
.view h2 li A:active{color:#999999; font-size:12px; }
.view .video{float:left;min-height:480px;width:720px; text-align:center;margin:10px 0px 0px 0px;}
.view .video li{float:left;height:25px;width:300px;margin:10px;text-align:left;padding-left:20px;}
.view .video li A{font-weight:bold;font-size:14px;}
.view .video .play{float:left;height:480px;width:720px;margin:5px;text-align:center;background-color:#000000;}
.view .video .play iframe{height:480px; width:720px;}

.view .tprice{float:left;width:90%;height:50px;line-height:50px;margin:10px 0 0 20px; text-align:center;font-weight:bold;font-size:16pt; color:#F00;}
.view .myimgs{float:left;width:90%;min-height:5px;margin:10px 0 0 20px;}
.view .myimgs img{float:left;height:100px;margin:3px;}
.view .ai{float:left;min-height:100px;width:100%; text-align:center;margin:10px 0px 0px 0px;}

.view .pdetail{float:right;width:75%;min-height:500px;border:1px solid #dfdfdf;margin:10px 0px 0px 0px;}
.view .pdetail .vhead{float:left;height:40px;line-height:40px;width:99.9%;text-indent:0;text-align:justify;background-color:#f7f7f7;border-bottom:1px solid #dfdfdf;}
.view .pdetail .vhead a{float:left;height:40px;width:100px;text-align:center;}
.view .pdetail .vhead a:hover{color:#F00;}
.view .pdetail .vhead .active{float:left;height:40px;width:100px;background-color:#505050;color:#FFFFFF;}
.view .params{float:left;min-height:90px;width:100%;background-color:#fafafa;border-bottom:1px dotted #EFEFEF;}
.view .param{float:left;min-height:40px;width:25%;line-height:40px; text-indent:10px;}
.view .param .name{float:left;min-height:40px;width:30%; text-align:center;font-size:14px; line-height:40px;color:#333;}
.view .param .value{float:left;min-height:40px;width:70%; text-align:left;font-size:14px; line-height:40px;color:#333; }

.proshow-eva{background-color: #fff;padding:10px 10px 5px;margin-top:10px;}
.proshow-eva .hd{font-size:14px;}
.proshow-eva .hd a{color:#1c8d44;font-size:12rem;padding-right:10px;position: absolute;top:0;right:0;background: url(/site/images/icon/arrow01.png) no-repeat right center;background-size: .18rem; }
.proshow-eva .list li{padding:10px 10px 30px 10px;overflow: hidden;border-bottom:1px solid #eee; position:relative;}
.proshow-eva .list li:last-child{border-bottom:none;}
.proshow-eva .list li .top{}
.proshow-eva .list li .user{padding-left:30px;font-size:12px;height:21px;line-height:20px; text-align:left;}
.proshow-eva .list li .user img{width:20px;height:20px;position: absolute;left:10px;top:10px;-webkit-border-radius: 50%;border-radius: 50%;}
.proshow-eva .list li .time{position: absolute;top:0px;right:10px;color:#999;font-size:12px;}
.proshow-eva .list li .text{color:#555;margin-top:10px; text-align:left; text-indent:20px;font-size:13px;color:#999;}

.proshow-eva .list li .imgshow{overflow: hidden;margin-top:15px;width:100%;}
.proshow-eva .list li .imgshow span{display: block;width:120px;height:80px;overflow: hidden;float:left;margin:0 10px 10px 0;}
.proshow-eva .list li .imgshow span img{width:100%;display: block;max-height:80px;}

.subeva-box{background: #fff;margin-top:10px;;padding:10px 3%;}
.subeva-box textarea{outline: none;height:120px;font-size:14px;width: 100%;}

.view .pside{float:left;width:24%;min-height:500px;border:1px solid #dfdfdf;margin:10px 0px 0px 1px;}
.view .pside .vhead{float:left;height:40px;line-height:40px;width:100%;text-indent:0;text-align:justify;background-color:#f7f7f7;border-bottom:1px solid #dfdfdf;}
.view .pside .vhead a{float:left;height:40px;width:100px;text-align:center;}
.view .pside .vhead a:hover{color:#F00;}
.view .pside .vhead .active{float:left;height:40px;width:100px;background-color:#505050;color:#FFFFFF;}
.view .pside .vcontent{float:left;width:100%;display:-webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-content: center;align-content: flex-start;}
.view .pside .vcontent .unit{}

.view .v{float:left;min-height:200px;width:99%;line-height:28px;font-size:18px; margin:10px 0px 10px 5px; padding:10px 0 50px 0; text-align:left;text-indent:0;}
.view .v P{}
.view .myatts{float:left;width:90%;min-height:5px;margin:10px 0 0 20px; text-align:left;}
.view .v img{max-width:720px;max-height:480px;}
 
.column .detail_full .top{float:left;background-image:url(/uploadfile/images/i_img_full_read_1.jpg);height:32px;width:1100px;}
.column .detail_full .top .title{float:left;height:25px;width:600px;margin:5px 0px 0px 30px;font-size:14px; font-weight:bold;}
.column .detail_full .list{float:left;min-height:555px;*height:555px;width:1098px;border-left:1px solid #4bbdc8;border-right:1px solid #4bbdc8; text-align:left;}
.column .detail_full .foot{float:left;height:12px; background-image:url(/uploadfile/images/i_img_full_read_3.jpg);width:1100px;font-size:0px;}
.column .detail_full .detail_content{width:1080px;min-height:700px;font-size:14px;line-height:24px;word-wrap:break-word;word-break:break-all; overflow:hidden;} 

.detail_title{font-size:22px; ont-weight:bold;text-decoration:none;line-height:140%;}
.detail_spliter{height:26px; background-color:#EFEFEF; border-bottom:1px solid #DDDDDD;}
.detail_content{font-size:14px;line-height:24px;word-wrap:break-word;word-break:break-all; } 

.bar_pr_rt{float:left;height:450px;height:auto;width:100%;} 
.bar_pr_rt .content{float:left;width:100%;min-height:450px;position:relative; overflow:hidden;} 

.nav-menu {float:left; width: 220px;height:450px; background: rgba(51,51,51,.6);z-index: 91;margin:0px;padding:0px;position: relative;}
.nav-menu dl{}
.nav-menu dl .toplevel{ padding:2px 10px; color: #fff; transition: all .1s; }
.nav-menu dl .toplevel:hover{ z-index: 100; width: 200px; background: #333 }

.nav-menu dl .toplevel b { display: block; height:25px; line-height:25px; overflow: hidden }
.nav-menu dl .toplevel b i { display: inline-block; width: 16px; height: 16px; margin-right: 8px; vertical-align: text-top; vertical-align: middle\9 }
.nav-menu dl .toplevel b a { color: #fff; margin-right: 10px; font-size: 13px; font-weight: normal }
.nav-menu dl .toplevel b s { text-decoration: none; font-family: SimSun; float: right; color: #fff; font-size: 12px; font-weight: bolder; *display:none; transition: all .5s }
.nav-menu dl .toplevel span { display: block;height: 44px;line-height: 22px; overflow: hidden; padding-left: 24px }
.nav-menu dl .toplevel span a { margin-right: 8px; white-space: nowrap; display: inline-block; color: #ffe1cc }
.nav-menu dl .toplevel em { position: absolute; display: none; width: 30px; height: 40px; left: -30px; top: 0; background: #333; text-align: center; font-size: 14px; font-family: 'Microsoft YaHei'; color: #fff; line-height: 20px; font-weight: bold; padding: 10px 0 }
.nav-menu dl .toplevel:hover em { display: block }
.nav-menu dl .toplevel:hover span a { color: #ccc }

.nav-menu dl dd { position:absolute; left:220px; min-height:448px; top:0px; border: solid 1px #c80f1e; width:760px; background: #fff;display:none; z-index: 99 }
.nav-menu dl dd .menushow { margin:10px; position:relative; height:100%; }
.nav-menu dl dd .left { width:750px; margin:10px; _width: 750px }

.nav-menu dl .toplevel:hover dd{ display:block; }

.nav-menu-item { border-bottom: solid 1px #eee; clear: both; padding-left: 10px; padding-bottom: 10px; margin-bottom: 10px; overflow: hidden }
.nav-menu-item h4 { float: left; width: 70px; line-height: 25px; color: #c80f1e }
.nav-menu-item h4 a { font-family: 'Microsoft YaHei'; font-weight: bold; color: #c80f1e }
.nav-menu-item p { margin-left: 70px; line-height: 25px }
.nav-menu-item p.dotline { border-bottom: dotted 1px #ddd; margin-top: 8px; margin-bottom: 6px }
.nav-menu-item p span { color: #bbb }
.nav-menu-item p li{ float:left;margin-right: 7px; display: inline-block; white-space: nowrap }
.nav-menu-item p a { margin-right: 7px; display: inline-block; white-space: nowrap }
.nav-menu-item p a::after { content: '|'; margin-left: 7px; color: #cfcfcf; text-decoration: none!important }
.nav-menu-item p a:last-child:after { content: ''; }
.nav-menu-item p a:hover { text-decoration: none }
.nav-menu-item p a.cred { color: #ff5050 }
.nav-menu-item p a.cblue { color: #3caaff }
.nav-menu-item p a.cyellow { color: #f90 }
.nav-menu-item a:hover { color: #c80f1e }
.nav-menu-brand { height: 45px; position: absolute; bottom: 5px; left: 10px }
.nav-menu-brand a.crossroller_prev, .nav-menu-brand a.crossroller_next { display: block; font-family: SimSun; float: left; height: 45px; width: 30px; line-height: 45px; text-align: center; font-size: 24px; text-decoration: none }

@media only screen and (max-width: 760px) {
 .nav-menu {width:100%;height:auto;min-height:10px;overflow:hidden;padding:10px 0;}
 .nav-menu dl .toplevel{ float:left;width:25%;height:30px;line-height:30px; } 
 .nav-menu dl .toplevel:hover{float:left;width:25%;height:30px;line-height:30px;}
 .nav-menu dl .toplevel b {height:30px; line-height:30px; }
 .nav-menu dl .toplevel span{display:none;} 
 .nav-menu dl .toplevel:hover span{display:none;} 
 .nav-menu dl dd{display:none;} 
 .nav-menu dl .toplevel:hover dd{ display:none;}
}

.prbanner {float:left; width:750px; overflow: hidden; position:relative; }
.prbanner_shape{float:left; width:100%;position:relative;padding-bottom:60%; } /* 450/750 = 60% */
.prbanner_content{position: absolute; top: 0; left: 0; width: 100%;  height: 100%;}

header, footer, nav, section, article, menu, aside {display:block;position:relative;} 
 /* banner */
.bannerwrap{overflow: hidden;}
.bannerwrap a,.bannerwrap a img{display: block;width:100%;}
.bannersum.swiper-pagination{bottom:5px;text-align: center;left:0;}
.bannersum .swiper-pagination-bullet{width:8px;height:8px;background: #fff;opacity: 1;;border-radius:50%;-webkit-border-radius:50%;}
.bannersum .swiper-pagination-bullet-active{background: #248440;}
.swiper-container-horizontal>.swiper-pagination-bullets.bannersum .swiper-pagination-bullet{margin:0 3px;}
/* banner END */

.side_box {float:right; width: 230px; background: #fff; height: 450px; position:relative; right: 0; top: 0; overflow:hidden; }
.user-login { padding: 10px; font-size:12px;}
.user-login dl { overflow:hidden;}
.user-login dt { float:left; border:3px solid #eee; border-radius:100%; overflow:hidden; width:42px; height:42px; margin:0 5px;}
.user-login dt img { width:100%; height:100%; }
.user-login dd { margin-left: 64px; line-height: 22px;}

.user-info{width:192px;height:74px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 1px 10px 0 rgba(0,0,0,.08);box-shadow:0 1px 10px 0 rgba(0,0,0,.08);background-color:#fff;margin:20px 14px 10px;position:relative}
.user-info .avatar{position:absolute;top:-20px;left:50%;margin-left:-28px;z-index:1}
.user-info .avatar img{-webkit-border-radius:100%;border-radius:100%;border:4px solid #eee;width:42px;height:42px;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box}

.side_title { height: 37px; line-height: 37px; padding: 0 10px; border-bottom: solid 1px #eee }
.side_title b { *float:left; font-size: 14px; font-weight: normal }
.side_title a { float: right }
.side-tab { font-weight: normal }
.side-tab a { display: inline-block; margin-right: 15px; cursor: pointer; font-size: 14px; text-decoration: none; float: none }
.side-tab a.cur { border-bottom: solid 2px #c80f1e; font-size: 16px; color: #333 }
.side-tab .change-icon { cursor: pointer; float: right; display: none; color: #9c9c9c }
.pnotice { margin-top: 10px; border-top: solid 1px #eee; height:auto; }
.pnotice ul { margin: 10px 0; height:100px; overflow:hidden; }
.pnotice ul li { min-height:20px; line-height:20px; margin: 0 10px;}
.pnotice ul li a { color:#999;}
.pnotice ul li:first-child a { color:#555;}
.pnotice ul li.cur a,.notice ul li a:hover { color: #c80f1e }
.qiandao { height: 60px; border: solid 1px #e6e6e6; border-top: 0 }
.qiandao a { height: 36px; width: 120px; background: #3caaff; text-align: center; line-height: 36px; color: #fff; display: block; font-size: 16px; display: inline-block; border-radius: 3px; margin: 12px 10px; float: left }
.qiandao span { margin-top: 12px; float: left; color: #999 }

.service-icon {background: url(/site/images/service-icon-new1.png?v=2) no-repeat;background-position-x: 0%;background-position-y: 0%; background-size: auto; background-size: 648px; }
.service { width:100%; overflow:hidden; overflow: hidden; background: #fff; border-top: solid 1px #eee;  margin-top: -1px; position: relative }
.service-menu a { display: block; width:33.3%;  height: 73px; float: left; text-align: center }
.service-menu a:hover { text-decoration: none }
.service-menu a i { display: block; width: 40px; height: 40px; margin: 5px auto; transition: -webkit-transform 500ms; transition: transform 500ms }
.service-menu a:hover { background: #f6f6f6 }
.service-menu a:hover i { -webkit-transform: rotate(5deg); transform: rotate(5deg) }
.service-menu a:hover span { color: #c80f1e }
.service-menu a i.vip { background-position: 0 0; }
.service-menu a i.md { background-position: -51px 0; }
.service-menu a i.zt { background-position: -102px 0; }
.service-menu a i.sm { background-position: -153px 0; }
.service-menu a i.zc { background-position: -204px 0; }
.service-menu a i.sy { background-position: -255px 0; }
.service-menu a i.qd { background-position: -306px 0; }
.service-menu a i.bx { background-position: -357px 0; }
.service-menu a i.yb { background-position: -408px 0; }
.service-menu a i.yd { background-position: -459px 0; }
.service-menu a i.lp { background-position: -510px 0; }
.service-menu a i.hs { background-position: -561px 0; }
.service-menu a i.dx { background-position: -612px 0; }

.service-menu a:hover i.vip { background-position: 0 0; }
.service-menu a:hover i.md { background-position: -51px 0; }
.service-menu a:hover i.zt { background-position: -102px 0; }
.service-menu a:hover i.sm { background-position: -153px 0; }
.service-menu a:hover i.zc { background-position: -204px 0; }
.service-menu a:hover i.sy { background-position: -255px 0; }
.service-menu a:hover i.qd { background-position: -306px 0; }
.service-menu a:hover i.bx { background-position: -357px 0; }
.service-menu a:hover i.yb { background-position: -408px 0; }
.service-menu a:hover i.yd { background-position: -459px 0; }
.service-menu a:hover i.lp { background-position: -510px 0; }
.service-menu a:hover i.hs { background-position: -561px 0; }
.service-menu a:hover i.dx { background-position: -612px 0; }

.bar_column_search{float:left;min-height:20px;height:auto;width:100%;position:relative;} 
.bar_column_search .top{float:left;width:100%;height:30px; border-bottom:1px solid #CCCCCC;}
.bar_column_search .top .bname{float:left;display:inline;height:25px;padding:5px 10px 0px 10px; text-align:left; }
.bar_column_search .top .bname a{ font-size:12px; }
.bar_column_search .top .bname ul{ margin:5px 5px 0px 5px;font-weight:bold;text-align:center;color:#AB1135;}  

.bar_column_search .condition{float:left;width:100%;}
.bar_column_search .condition .filter{display:none;position:absolute;width:50px;height:30px;line-height:30px;right:0px;top:3px;text-align:center;font-size:12px;}
.bar_column_search .condition .selected{background-color:#ff6600;color:#FFFFFF;}

.bar_column_search .content{float:left;width:100%;height:auto;min-height:20px;margin:0px; margin-top:10px; margin-bottom:10px;padding-bottom:2px; clear:both;}
.bar_column_search .content ul{float:left;width:100%;min-height:25px;margin:5px 0px 0px 0px; border-bottom:1px solid #EFEFEF;padding-bottom:2px;}
.bar_column_search .content ul li{float:left;height:25px;line-height:25px;padding:0 10px 0 10px;display:inline;margin:5px 0px 0px 10px;}

.bar_column_search .content ul .name{float:left;width:60px;;height:25px;font-weight:bold;margin-left:10px;position:relative;}
.bar_column_search .content ul .name i{display:none;position:absolute; position:absolute; width:4em; height:100%; right:10px; top:0;}
.bar_column_search .content ul .name i b{position:absolute; border:1px solid #474747; width:1.0em; height:1.0em; border-radius:100%; right:1em; top:0.9em; z-index:2;}
.bar_column_search .content ul .name i b:after,
.bar_column_search .content ul .name i b:before { transition:0.2s; -webkit-transition:0.2s;  content:''; width:1em; height:2px; background:#474747; position:absolute; left:50%; top:50%; margin:-1px 0 0 -0.5em; }
.bar_column_search .content ul .name i b:before { transform:rotate(90deg); -webkit-transform:rotate(90deg)}

.bar_column_search .content ul .price_other{float:left;width:200px;;height:25px;line-height:25px;font-weight:bold;margin-left:10px; font-weight:normal; }
.bar_column_search .content ul .nl{width:30px;line-height:25px;padding:0 5px 0 5px;}
.bar_column_search .content ul .selected{ background-color:#ff6600;}
.bar_column_search .content ul .selected A{color:#FFFFFF;}

.bar_column_search .content ul.open .name{color:#FFF;}
.bar_column_search .content ul.open .name i b:before { transform:rotate(-0deg); -webkit-transform:rotate(-0deg) }
.bar_column_search .content ul.open .name { background:#06548e; }
.bar_column_search .content ul.open .name a { color:#fff;}
.bar_column_search .content ul.open .name i b{ border-color:#fff;}
.bar_column_search .content ul.open .name i b:after,
.bar_column_search .content ul.open .name i b:before { background:#fff; }
.bar_column_search .content ul.open .nl{width:30px;line-height:25px;padding:0 5px 0 5px;}

.bar_list{float:left;min-height:20px;height:auto;width:100%;} 
.bar_list .top{float:left;width:100%;height:30px; border-bottom:1px solid #CCCCCC }
.bar_list .top ul{float:left;display:inline;height:30px;text-align:left; margin:0px;}
.bar_list .top ul li{float:left;font-size:12px; height:26px; line-height:26px;  margin:4px 5px 0px 5px; padding:0px 5px 0px 5px; border-top:1px dotted #075dc7;border-left:1px dotted #075dc7;border-right:1px dotted #075dc7;} 
.bar_list .top ul li a{font-size:12px; padding:0px 5px 0px 5px;}  
.bar_list .top ul .name{border:0px;}  
.bar_list .top ul .selected{ background-color:#075dc7;} 
.bar_list .top ul .selected a{font-size:12px; color:#FFFFFF; font-weight:bold;}  


@media only screen and (max-width: 760px) { 

.bar_column_search .condition{display:block;position:absolute;right:0px;top:30px;width:100%;min-height:0px;z-index:1000;}
.bar_column_search .condition .filter{display:block;}
.bar_column_search .condition .content{display:none;}
.bar_column_search .condition.active .content{display:block;}
.bar_column_search .condition.active .filter{display:block;}

.bar_column_search .content{margin-top:32px;background:#fff;}
.bar_column_search .content ul:first-child{border-top:1px solid #ccc;}
.bar_column_search .content ul .name{display:block;width:100%;margin-left:0px;text-indent:10px;height:40px;line-height:40px;font-size:14px;}

.bar_column_search .content ul li{display:none;}
.bar_column_search .content ul .nl{display:none;}

.bar_column_search .content ul .name i {display:block }
.bar_column_search .content ul.open li{display:block;}
.bar_column_search .content ul.open .nl{display:block;}
 
.bar_list .top ul{position:relative;}

 .content{width:100%;}
 .bar_pr_rt{ width:100%;overflow:hidden;}
 .bar_pr_rt .content{ width:100%;} 
  
 .prbanner {width:100%;margin-top:10px;} 
 .side_box {float:left;width:100%;margin-top:10px;} 
 .user-info{width:92%;}

 .bar_index .content .main{width:100%; justify-content:space-between;}
 .bar_index .content .side{width:100%;}

 .product .info{width:100%;}   
 
 .product .info .column_detail_head{width:100%;} 
 .product .info .column_detail_head .path{width:100%;}
 .product .info .column_detail_main{width:100%;}  
 .view  h1{width:100%;margin-top:20px;}
 
 .view .product-imagewap{width:100%;padding-bottom:10px;}
 .swiper-slide{text-align:center;}  

 .view .options{width:100%;margin-top:10px;} 
 .view .options .opt{width:50%;}
 .view .options .name{width:40%;}
 .view .options .value{width:60%;}

  .view .options .buy .bbtn{width:100%;}
  .view .options .buy .bbtn li{width:30%;margin-left:2%;}

.view .pside{width:100%;}
.view .pdetail{width:100%;}

.view .pdetail .vhead a{width:25%;} 
.view .pdetail .vhead .active{width:25%;}
 
.view .param{float:left;min-height:40px;width:50%;line-height:40px; text-indent:10px;} 

}

.bar_shop{float:left;min-height:20px;height:auto;width:100%;} 
.bar_shop .top{float:left;width:100%; height:30px;border-bottom:1px dotted #CCCCCC;}
.bar_shop .top .bname{float:left;display:inline;height:30px;line-height:30px; padding:0px 20px 0px 20px;font-size:16pt; text-align:left; }
.bar_shop .top .cmore {float:right;height:20px; width:50px; line-height:50px;margin-top:5px;} 
.bar_shop .content{float:left;width:100%;height:auto;min-height:100px;padding-bottom:20px;} 
.bar_shop .foot{}

.shopunit{float:left;height:70px;width:200px;margin:0px;padding:20px; display:inline;}
.shopunit .photo{float:left;width:100%;max-height:70px;text-align:center;overflow:hidden;}
.shopunit .photo img{width:100%;}
.shopunit .photo .shopname{height:100%;width:100%;line-height:70px;font-size:18pt;font-weight:bold;color:#15ae67;}