@import url(global.css);
body{}
.main{width:1000px;height:100%;margin:0 auto;overflow:hidden; margin-bottom:30px; margin-top:10px; }
.info{position:relative; overflow:hidden;}
.info .box{display:block;position:relative;z-index:1;left: 50%; margin: 0 auto 0 -960px;overflow: hidden; text-align: center; width: 1920px;}
.info .box2{ background:#fff; padding:30px 0; width:1200px; margin:0 auto;}
.info img{display:block; margin:0 auto;}
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
.scrollbar::-webkit-scrollbar{width: 10px;height: 15px;background-color: #f5f5f5;}
/*定义滚动条的轨道，内阴影及圆角*/
.scrollbar::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);border-radius: 10px;background-color: #f5f5f5;}
/*定义滑块，内阴影及圆角*/
.scrollbar::-webkit-scrollbar-thumb{/*width: 10px;*/height: 20px;border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #aaa;}
/*--------------conver---------------*/
.cover{ width: 708px; height: 100%; overflow: hidden; padding: 20px; font-size: 14px; line-height: 24px; color: #333333; border: 1px solid #dedede; border-top: none;}
#coverw{ width:1140px;padding:30px;}
.cover p{margin-bottom:12px;}
.cover .tit{ border-bottom:1px dashed #dedede; margin:20px 0; height:38px;}
.cover .tit h3{ display:block; float:left; font-size:16px; color:#333;}
.cover .tit span{display:block;float:left;font-size:14px;color:#999;font-family:Arial;padding-left:5px;font-weight:bold;font-style: italic;}
.cover .kefu{ float:right; padding:0 20px;}
.cover .kefu img{ width:280px;}
.cover .left{ float:left; padding:0 20px;}
.cover .right{ float:right; padding-left:20px;}
/*----------------------------*/
.banner{width: 100%;height: auto;overflow: hidden;  background: url(../images//banner_bg.gif) repeat-x;}
.banner img{ width:1600px; height:260px; overflow:hidden; display:block; left: 50%; margin: 0 auto 0 -800px;  position: relative; left: 50%; text-align: center;  z-index:1; }
  

#navcon{ width:100%; height:100%; text-align:center; padding:60px 0 10px 0;}
#navcon a{ padding:12px 38px; border:1px solid #dedede; margin:8px; font-size:16px; color:#666;}
#navcon #hov{ background:#33328F; color:#fff; border:#33328F;} 
#navcon .pnav{ padding-top:50px; height:50px; overflow:hidden;}

#navcon2{ width:100%; height:40px; text-align:center; padding-top:35px; }
#navcon2 a{ padding:12px 38px; border:1px solid #dedede; margin:8px; font-size:16px; color:#666;}
#navcon2 #hov{ background:#33328F; color:#fff; border:#33328F;} 
#navcon2 .pnav{ padding-top:50px; height:50px; overflow:hidden;}


#topcon{ text-align:center; padding:30px 0 30px 0;}
#topcon .title h3{ font-size:28px; color:#333; font-weight:lighter; letter-spacing:5px}
#topcon .title p{ font-size:18px; color:#999; line-height:36px; text-transform:uppercase;}
#topcon .con{ padding:30px 60px; background:#f5f5f5; margin-top:20px;}
#topcon .con p{ font-size:16px; color:#666; line-height:26px; }


/*--------------Right-----------------*/
#list { width:752px; height:100%; overflow:hidden; float:right;}
#list li{ height:100%;overflow:hidden;padding:26px 10px;border-bottom:1px solid #eee;}
#list li .imgcon{width:180px;height:135px; overflow:hidden; display:block;float:left;margin-right:30px;padding:1px;border:1px solid #eee;}   
#list li img{width:180px; min-height:135px;}   
#list li h6{font-size:16px;padding-bottom:10px;}  
#list li p {height:70px;font-size:14px;line-height:22px;color:#666;overflow:hidden;padding-top:5px; margin-bottom:10px;}   
#list li p a{color:#333;}	
#list li p a:hover{color:#ff9900;}
#list li span{font-size:12px;padding-right:10px;float:right;color:#999;	font-weight:lighter;}   
#list li font{font-size:12px; color:#fff; background:#33328F; padding:5px 15px;}
#list li:hover{ background:#f6f6f6;}
#list li:hover h6{ color:#33328F;}

/*---*/
#discount li{ height:100%;overflow:hidden; line-height:20px; padding:15px 10px;border-bottom:1px solid #eee;} 
#discount li a{font-size:12px;}  
#discount li a:hover{color:#333;}  
#discount li span a{font-size:12px;padding-right:10px;float:right;font-weight:lighter; padding:3px 10px; background:#33328F; color:#fff;}   

/*---------------left----------------*/
#left{ width:230px; float:left; }
#left .tit{ line-height:42px; text-indent:20px;font-size:16px; background: url(../images/home/sider_bg2.jpg) no-repeat; color:#fff;}
/*---*/
#left .langmu{ height:100%; overflow:hidden; background:#fff; margin-bottom:20px;}
#left .langmu ul{ height:100%; overflow:hidden;border:1px solid #eee; border-top:none;}
#left .langmu ul li{ line-height:36px; text-indent:30px;border-bottom:1px solid #eee; }
#left .langmu ul li a{ display:block; font-size:14px; color:#666;}
#left .langmu ul li a:hover{color:#f60;}
#left .langmu ul li #hov{color:#f60; font-weight:bold;}
#left .langmu .lev a{ text-indent:40px;}
#left .langmu .lev2 a{ text-indent:20px; font-weight:bold; color:#333; }
#left .langmu .lev3 a{ text-indent:35px;}

/*------二级栏目模块-------*/

#left .column{
   width:100%;
   height:100%;
   overflow:hidden;
   margin-bottom:20px;
   background-color:#FFF;
   }

#left .column .title{
   height:32px;
   line-height:32px;
   background:url(../images/column_bg.jpg) repeat-x ;
   } 
   
#left .column .title h2{
   display:block;
   float:left;
   font-size:14px;
   text-indent:18px;
   color:#fff;    
   } 
   
#left .column  h3{
   display:block;
   width:228px;
   height:30px;
   line-height:30px;
   font-size:14px;
   float:left;
   text-indent:20px;
   border-left:1px solid #dedede;
   border-right:1px solid #dedede;
   background-color:#e0e0f3;    
   } 
   
#left .column  h3 a{
   color:#333;
   }   
   
#left .column  h5{
   font-size:12px;
   display:block;
   font-weight:lighter;
   }   
   
#left .column ul{ 
   }

#left .column ul li{
   width:228px;
   display:block;
   line-height:33px;
   overflow:hidden;
   float:left;
   font-size:12px;
   text-indent:35px;
   border:1px solid #dedede;
   border-top:none;
   background:url(../images/column_bg1.jpg) repeat-x ;
   }     

#left .column ul li a{
   width:228px;
   height:32px;
   display:block;   
   overflow:hidden;
   font-size:12px;
   color:#333;  
   } 

#left .column ul li a:hover,#left .column ul li h5:hover{
   color:#ff0000;
   background:url(../images/column_bg2.jpg) repeat-x ;
   } 
   
#left .column ul li dl{
   padding:5px 0;
   }
   
#left .column ul li dd a{
   width:228px;
   height:22px;
   line-height:22px;
   text-indent:48px;
   background: url(../images/icon_1.jpg) no-repeat scroll 38px 10px;
   }
   
#left .column ul li dd a:hover{
   color:#FF0000;
   background: url(../images/icon_2.jpg) no-repeat scroll 38px 10px;
   }
  
     
  
/*----------新闻、资讯模块----------*/
#left .news{ width:100%; height:100%; overflow:hidden; margin-bottom:10px; background-color:#FFF; }
#left .news .title{  height:32px; line-height:32px; background:url(../images/column_bg.jpg) repeat-x ; }    
#left .news .title h2 a{ display:block; float:left; font-size:14px; text-indent:18px; color:#fff;  }    
#left .news ul{ height:100%; display:block; overflow:hidden; padding:10px; border:1px solid #dedede; border-top:none; }
#left .news ul li{ width:100%;  line-height:26px; display:block; overflow:hidden;  float:left; font-size:12px; }     
#left .news ul li a{ height:26px; display:block; float:left;  color:#333; text-indent:15px; background:url(../images/ico-2.gif) no-repeat 5px 13px; } 
#left .news ul li a:hover{ color:#ff0000; background:url(../images/Icon_2.jpg) no-repeat 5px 13px; }    
#left .news ul li span{ height:24px;  float:right; color:#666; display:block;} 

/*---推荐产品---*/ 
#left .hotlists{ width:100%; height:100%; overflow:hidden; margin-bottom:10px; background-color:#FFF; }
#left .hotlists .title{ height:32px; line-height:32px; background:url(../images/column_bg.jpg) repeat-x ; }    
#left .hotlists .title h2 a{ display:block; float:left; font-size:14px; text-indent:15px; color:#fff; }   
#left .hotlists ul{ height:100%; display:block; overflow:hidden; border:1px solid #dedede; border-top:none; padding-top:10px; }
#left .hotlists ul li{ width:228px; float:left; display:block; float:left; font-size:12px; margin-bottom:12px; }  
#left .hotlists ul li img{ width:160px;  height:160px; display:block; margin:0 auto; margin-bottom:10px; }
#left .hotlists ul li span a{ width:208px; padding:0 10px;line-height:18px; color:#666; overflow:hidden; display:block; overflow:hidden; } 
#left .hotlists ul li span a:hover{ color:#ff0000; }  
/*---关注我们---*/ 
#left .follow_us{ width:228px; height:259px; float:right;margin-top:10px; border:1px solid #dedede; background-color:#FFFFFF; }   
#left .follow_us .title{ width:228px; height:50px; padding-top:10px; }    
#left .follow_us .title h3{ font-size:24px; font-family:"微软雅黑"; color:#33328f; text-indent:25px;}
#left .follow_us .title span{ font-size:12px; color:#999; padding-left:25px; } 
#left .follow_us img{ padding:15px 0 0 15px; display:block; }
 
  
  
/* -----------------------封面页---------------------------- */
#right{ width: 750px; height: 100%; overflow: hidden; float: right; background-color: #FFFFFF;}


#product{
   width:724px;
   height:100%;
   overflow:hidden;
   padding:20px 0px 0px 24px;
   border-left:1px solid #dedede;
   border-right:1px solid #dedede;
   }

#product li {
   width:220px;
   float:left;
   overflow:hidden;
   height:265px;
   padding:0px 20px 10px 0px;   
   }
   
#product img {
   width:210px;
   height:210px;
   display:block;
   padding:3px;
   border:1px solid #e9e9e9;
   }
   
#product span{
   line-height:24px;
   overflow:hidden;
   display:block;
   font-size:12px;
   text-align:center;
   }
   
#product span a{
  color:#666666;
   }
   
#product span b{
   font-weight:lighter;    
   } 
    
/*----------------------------产品内容页----------------------------*/



/*-----------图片展示放大效果，右边说明----------*/
.viewbox{
    line-height: 32px;
	height:100%;
    padding:20px;
	margin:0px;
    overflow:hidden;
	border-left:1px solid #dedede;
    border-right:1px solid #dedede;
	
}
/*------大图弹出层-----*/
#preview {
	float:left;
	text-align:center;
	width:330px;
	padding:0px;
	margin:0px;
}
.viewbox .main-text{
	width:360px;
	float:right;
}

.viewbox .main-text ul li{
	width:100%;
	height:40px;
	line-height:40px;
	float:left;
	display:block;
	color:#333333;
	border-bottom:1px dashed #dedede;
}

.viewbox .main-text ul li h1{
	font-size:14px;
}

.viewbox .main-text ul li h5{
	width:45px;
	float:left;
	display:block;
	font-weight:lighter;
	text-indent:5px;
	font-size:12px;
}

.viewbox .main-text ul li span{
	width:260px;
	float:right;
	display:block;
	font-size:12px;
}

.viewbox .main-text p{
	width:360px;
	padding:20px 0px 0px 10px;
	display:block;
	font-size:12px;
}

.viewbox .main-text p a{
    height:30px;
	line-height:30px;
	display:block;
	float:left;
    padding-right:10px;
}


.jqzoom {
	width:330px;
	height:340px;
	position:relative;
	padding:0;
	z-index:99;
}
.jqzoom img{
	width:328px;
	height:328px;
	border:1px solid #DFDFDF;
}
.zoomdiv {
	z-index:100;
	position:absolute;
	top:1px;
	left:0px;
	border:1px solid #dedede;
	display:none;
	overflow: hidden;
}
.bigimg{
	width:600px;
	height:600px;
}
.jqZoomPup {
	z-index:10;
	visibility:hidden;
	position:absolute;
	top:0px;
	left:0px;
	width:30px;
	height:30px;
	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-n5 {
	width:330px;
	overflow:hidden;
}
#spec-list {
	width:300px;
	float:left;
	overflow:hidden;
}
#spec-list ul li {
	float:left;
	width:100px;
	text-align:left;
}
#spec-list ul li img {
	border:1px solid #ccc;
	width:78px;
	height:78px;
}
#spec-left {
	background:url(../images/left.gif) no-repeat 0 center;
	width:18px;
	height:70px;
	float:left;
	cursor:pointer;
}
#spec-right {
	background:url(../images/right.gif) no-repeat right center;
	width:10px;
	height:70px;
	float:right;
	cursor:pointer;
}


/*---------产品内容---------*/

#right .content{
   width:708px;
   height:100%;
   overflow:hidden;
   padding:0px 20px 20px 20px;
   font-size:14px;
   color:#333333; 
   border-left:1px solid #dedede;
   border-right:1px solid #dedede;
   } 
   
#right .content .describe{
   height:28px;
   line-height:28px;
   margin-bottom:20px;
   text-indent:5px;
   color:#666;
   font-size:14px;
   font-weight:bold;
   background:url(../images/describe.jpg) no-repeat  3px 0px;
   border-bottom:1px solid #E0E0F3;
   } 

#right .content .box{
   padding:0px 5px;
   } 
   
#right .content p{
   line-height:24px;
   margin-bottom:10px;   
   } 
  /*---------------相关产品----------------------*/

.correlation-img{	
	border:1px #dedede solid;
	border-top:none;
}

.correlation-img h2{
	border:0;
	border-bottom:1px #E6E6E6 solid;
	padding-left:15px;
	margin-bottom:15px;
	font-size:14px;
	height:30px;
	line-height:30px;
    background: url(../images/location.jpg) repeat-x;
}

.correlation-img ul{
	height:100%;
	overflow:hidden;
}

.correlation-img li {
	height:218px;
	width:162px;
	display:block;
	float:left;
	overflow:hidden;
	text-align:center;
	float:left;
	padding:10px 0 10px 20px;
}
.correlation-img li img {
	width:160px;
	height:160px;
	display:block;
	border:1px solid #dedede;
}
.correlation-img li p {
	padding-top:10px;
	overflow:hidden;
	line-height:20px;
	color:#666666;
	display:block;
	font-size:12px;
	padding:0px 10px; 
}
   
   /*---------------产品采购----------------*/


#right .procure{
   border:1px solid #dedede;
   padding-bottom:10px;
   background:url(../images/22.gif) no-repeat 465px 55px;
   }

#right .procure .title{
   height:30px;
   line-height:30px;
   color:#333333;
   border-bottom:1px solid #dedede;
   padding:0px 10px;
   background: url(../images/location.jpg) repeat-x;
   }

#right .procure .title h3{
   display:block;
   width:560px;
   float:left;
   font-size:14px;
   height:30px;
   overflow:hidden;
   }
   
#right .procure .title span{
   display:block;
   float:right;
   font-size:12px;
   color:#666666;
   padding-left:12px;
   background:url(../images/1_22.jpg) no-repeat 0px 12px;
   }

#right .procure ul{     
   padding:25px 20px 0px 20px;  
   }
   
#right .procure ul li{
   width:100%;
   float:left;
   margin-bottom:8px;
   line-height:20px;
   color:#666666;   
   }

#right .procure ul li h5{
   width:100px;
   float:left;
   display:block;
   font-size:12px;
   font-weight:lighter;
   text-align:right;
   }
   
#right .procure ul li .h5_1{
   background:url(../images/tb_3.jpg) no-repeat 28px 8px;
   }

#right .procure ul li .h5_2{
   background:url(../images/tb_3.jpg) no-repeat 5px 8px;
   }

   
#right .procure ul li span{
   width:300px;
   float:left;
   display:block;
   }
#right .procure ul li span input{
   height:20px;
   line-height:20px;
   padding-left:inherit;
   border:1px solid #dedede;   
   } 
   
#right .procure ul li span  textarea{
   height:60px;
   line-height:18px;
   padding-left:inherit;
   border:1px solid #dedede;
} 

#right .procure .submit{
    height:25px;
    padding:15px 0px 15px 118px;
   }

#right .procure .coolbg{
   width:72px;
   height:25px;
   line-height:25px;
   background:url(../images/submit.jpg) no-repeat 0px 0px;
   border:none;
   color:#FFFFFF;
   font-size:14px;
   }
   
#right .procure .coolbg_1{
   width:72px;
   height:25px;
   line-height:25px;
   background:url(../images/submit.jpg) no-repeat -85px 0px;
   border:none;
   color:#FFFFFF;
   font-size:14px;
   }
   
#right .procure a{
   padding:5px 36px;
   background: url(../images/tb_2.jpg) no-repeat scroll 15px 0px ;
   }
/* -----------------------图片展示---------------------------- */
#picture{  width:750px;  height:100%;  overflow:hidden; padding:15px 0px 0px 20px; }
#picture li { width:231px; float:left; overflow:hidden; padding:0px 8px 10px 7px;  }   
#picture img { width:231px;  height:173px;  display:block;  padding:3px; border:1px solid #dedede; }   
#picture h6{ height:28px; line-height:28px; overflow:hidden; display:block; font-size:12px; text-align:center; }   
/*---------------------------------*/
.theme-popover6,.theme-popover7,.theme-popover8{z-index:9999;position:fixed;top:38%;left:39%;width:800px; padding-bottom:50px;margin:-180px 0 0 -186px;border-radius:2px;border:solid 1px #999;background:#fff;display:none;box-shadow: 0 0 2px #999;}
.theme-poptit6,.theme-poptit7,.theme-poptit8{padding:10px;position: relative;}
.theme-poptit6 .close,.theme-poptit7 .close,.theme-poptit8 .close{float:right;color:#999;padding:5px;margin:-2px -5px -5px;font:bold 14px/14px simsun;text-shadow:0 1px 0 #ddd;}	 
.theme-poptit6 .close:hover,.theme-poptit7 .close:hover,.theme-poptit8 .close:hover{color:#bd9267;}
.theme-popover-mask{background: #000 none repeat scroll 0 0;display: none;height: 100%;left: 0;opacity: 0.8;position: fixed;top: 0;width: 100%; z-index: 9998;}

.theme_con{  padding:10px 50px;}
.theme_con h3{ width:100%; display:block;font-size:16px; padding:20px 0 30px; 0px; text-align:center; float:left; font-family:"微软雅黑"; font-size:24px; color:#666; }
.theme_con li{ width:50%; height:34px; line-height:34px; margin-bottom:15px;color:#333; float:left;}
.theme_con li b{width:72px; text-align:right; margin-right:10px; display:block; float:left;; font-weight:lighter;}
.theme_con li span{ width:250px; height:34px;display:block; float:left; overflow:hidden;}
.theme_con li input{ width:230px; height:32px; display:block; border:1px solid #ccc;color:#666; text-indent:3px; float:left;}
.theme_con li select{ width:232px; height:34px; display:block; border:1px solid #ccc;color:#666}
.theme_con li textarea{ width:580px; height:60px; line-height:22px;border:1px solid #dedede;}
.theme_con li .imgbg{ width:38px; height:32px;border:1px solid #dedede; display:block; float:left;color:#666;}
.theme_con li .file{ position: absolute; top:0;left:0; padding-left:300px; border:none;background: url(../images/imgadd.jpg) no-repeat 200px 2px;}
.theme_con li .file2{ position: absolute; top:0;left:0; padding-left:300px; border:none;background: url(../images/voadd.jpg) no-repeat 200px 2px;}
.theme_con .submit{ width:100%; height:50px;float:left; margin-top:20px;}
.theme_con .submit a{ width:100px; height:42px; line-height:42px; font-size:16px;  text-align:center; display:block; background:#21d9d6; color:#fff; border:1px solid #21d6d6}
.theme_con .submit input{ width:100px; height:42px; line-height:42px; font-size:16px; display:block; background:#333; color:#fff;border:1px solid #333; margin:0 auto;}


/*-----------------content-------------*/
#content{ width:720px; height:100%; overflow:hidden; float:right; font-size:15px; color:#333; line-height:26px; background:#fff; padding:20px;}
#content h1{ text-align:center; font-size:30px; margin:10px 0 10px 0; font-weight:lighter;}
#content .time{ text-align:center; font-size:14px; color:#999; margin-bottom:20px;}
#content p{ margin-bottom:12px;}	
/*----------上下文章分页page------------*/
.page{ width:100%; height:100%; overflow:hidden; padding-top:50px;border-top:1px dashed #dedede;  margin:50px 0;}
.page span{ width:50%; display:block; float:left; color:#666; }
.page span a{ padding-left:10px;}

/*---------------上下页----------------------*/
.prenext {
    width:100%;
	overflow:hidden;
    height:60px;
	padding-left:5px;
	margin-top:15px;
	border-bottom:1px dashed #dedede;
	border-top:1px  dashed #dedede;
}
.prenext li {
	width:50%;
	text-indent:5px;
	height:60px;
	line-height:60px;
	float:left;
	overflow:hidden;
	font-size:14px;
}
.prenext .pre {
	background:url(../images/prenext.gif) no-repeat 5px 8px;
}
.prenext .next {
	background:url(../images/prenext.gif) no-repeat 5px -30px;
}



/*--------------分页--------------------*/
#sabrosus { width:100%; overflow:hidden;height:30px; padding:30px 0;text-align: center;color:#999; }
#sabrosus a {color:#666; margin-right: 3px; padding:8px 12px; border:#aaa 1px solid; text-decoration: none;border-radius: 2px; background:#fff;}
#sabrosus a:hover { border:#33328F 1px solid;border-radius: 2px; background-color: #33328F; color:#fff;}
#sabrosus a:active {border: #aaa 1px solid; color: #000;  background-color: lightyellow;border-radius: 2px;}
#sabrosus span.current {font-weight: bold;  color: #fff; margin-right: 5px; padding:8px 12px; border:#33328F 1px solid; background-color: #33328F;border-radius: 2px;}
#sabrosus span.disabled {border: #aaa 1px solid; margin-right: 3px; color: #929292; padding:8px 12px; border-radius: 2px;}
#sabrosus .rows{border: #aaa 1px solid; color: #666; padding:8px 12px; border-radius: 2px; background:#fff;}
/*----------------当前位置--------------*/
.location{ height:30px; line-height:30px; color:#666666;font-size:12px; border:1px solid #dfdfdf; background:url(../images/location.jpg) repeat-x ; }
.location .lt{ float:left; padding-left:30px; background:url(../images/location_bt.jpg) no-repeat 10px 8px; }      
.location strong{color:#666;font-weight: lighter;}   
.location a,.location a:hover{ color:#666;}  
   
/*----------------当前位置---------------*/
#connav{ width:100%; padding:10px 0; margin-bottom:15px; height:30px;}
#connav #position2{ float: right;}
#connav .con{ float:left; color:#999;}
#connav .con a{background:url(../images/bg.jpg) repeat-x bottom; border:1px solid #dedede; padding:5px 24px;  border-radius: 6px;text-decoration: none; margin-left:10px; font-size:14px;}
#connav .con a:hover{ color:#fff;background:url(../images/bg2.jpg) repeat-x; border:1px solid #333; }
#connav #hov{ color:#fff; background:url(../images/bg2.jpg) repeat-x; border:1px solid #333; }