@charset "utf-8";
body {font-family:"微软雅黑";  margin:0 auto;  font-size:12px; height:100%; line-height:22px; width:100%; color:#666}
div{behavior: url(css/iepngfix.htc); -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
ul,ul li,ol li,tr td,dl dd,dd{ list-style-type:none; margin:0; padding:0;  -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
p{ margin:0; padding:0}
.clear{ clear:both; height:0px; line-height:0px; font-size:0px;}
a{ text-decoration:none; color:#666; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
/*a:hover{ text-decoration:underline;}*/
img{ vertical-align:middle;}
.imgs{ vertical-align:top;}
.lf{ float:left;}
.rg{ float:right;}  
img{border:none;}
html{ overflow-x:hidden;} 
div:hover,li:hover,tr:hover,a:hover{  -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
/*text-decoration:none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; 背景滚动*/
/* 公用样式 */
.box{margin:0 auto;}
.box img{ width:100%;}

.ss{ padding-top:20px;}
.ss1{ margin-top:8px;}
.ss_pad{ }
.ss1 a{ display:block; cursor:pointer;}

.ss1 .div1{ cursor:pointer;position:relative;overflow:hidden;height:150px;}
.ss1:hover .div1 img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.ss1 .div1 img{position:absolute;top:0;bottom:auto;left:0;right:auto;-webkit-transition:-webkit-transform 2s ease-out;-moz-transition:-moz-transform 2s ease-out;-ms-transition:-ms-transform 2s ease-out;transition:transform 2s ease-out}
.ss1 .div2{ background:url(../image/1_15.jpg) right center no-repeat; height:30px; line-height:30px; overflow:hidden; color:#fff; padding-left:10px; font-size:14px;text-decoration:none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.ss1:hover .div2{ background:url(../image/1_15.jpg) left center no-repeat;text-decoration:none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.ss1 .div2 .rg{ padding-right:10px; padding-top:10px;}
.ss1 .div2 .rg span{ background:url(../image/1_22.png) top center no-repeat; overflow:hidden; height:11px; width:7px;text-decoration:none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; display:block;}
.ss1:hover .div2 .rg span{ background:url(../image/1_22.png) bottom center no-repeat;text-decoration:none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

/* Main */
.div_main{ background:url(../images/1_09.png) repeat-x; height:4px; width:100%;}
.fx{ height:38px; line-height:38px; text-align:right; color:#999}
.fx .a1{ background:url(../images/3_01.jpg) left center no-repeat; padding-left:14px;}
.fx a{ color:#999;}
.fx a:hover{ color:#76b000}
.ff{ margin-top:34px; margin-bottom:52px;}
.fflf{ width:170px; padding-left:31px; background:#bd0b00; min-height:355px; padding-bottom:20px;}
.fflf1{ padding-top:15px; height:40px; line-height:40px; border-bottom:3px solid #fad701; font-size:18px; color:#fff;}
.fflf2{ margin-top:15px;}
.fflf2 a{ display:block; height:40px; line-height:40px; color:#edcccb; padding-right:25px; padding-left:5px;}
.fflf2 a .rg{ background:url(../image/3_02.jpg) top center no-repeat; width:5px; height:7px; overflow:hidden; display:block; margin-top:16px;text-decoration:none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.fflf2 a:hover,.fflf2 .a1{ color:#fff;}
.fflf2 a:hover .rg,.fflf2 .a1 .rg{ background:url(../image/3_02.jpg) bottom center no-repeat;text-decoration:none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.ffrg{ width:749px;}
.ffrg1{ border:1px solid #dadada}




/*2016-4-19
*/


.tabc1 img{ width:100%;}
#preview{ float:none; margin:20px auto; text-align:center; width:300px; float:left;}
.ptitle{ color:#30404d; line-height:40px; padding-top:20px;}


.jqzoom{ width:280px; margin-bottom:30px; position:relative;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{  width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{ width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

#n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px;}
#n a{ padding:0 4px; color:#333}

/*jqzoom www.divcss5.com */
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:260px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}


#pro_info{
	width:300px;
float:left;
padding:0;
}
#pro_info li{
	border-bottom:1px dashed #CCC;
overflow:hidden;

}
#qrcode{
vertical-align: top;
}




.chanpinTab{
	border-bottom:2px solid #000;
	height:31px;
	margin-bottom:10px;
}
.tab{
	width:100px;
	height:30px; 
	float:left; 
	text-align:center; 
	cursor:pointer;
	float:left;
	line-height:30px;
	background:url(../images/pro-noactive.jpg) repeat-x;
	border:1px solid #D6D6D6 ;

	border-bottom:none;
	font-weight:bold;
}

.editor .active{
	color:#FFF;
	background:url(../images/pro-active.jpg) repeat-x;
	border:1px solid #e6890d;
	border-bottom:none;
	background:#7f0600 ;
}










@media (max-width: 767px) {
  .box img{ height:0px;}
  .ss1 .div1{ height:0px;}
  .ss{ padding-top:8px;}
  .ss1 .div2{ font-size:12px;} 
}