@charset "utf-8";
/* Design by sky(www.thinksay.com) QQ:56919
------------------------------------------------------------------*/

/* puwei.net Main stylesheet
------------------------------------------------------------------*/

/* Global
------------------------------------------------------------------*/
html, form, h1, h2, h3, h4, h5, h6, p, pre, ul, ol, dl {
	margin:0;
	padding:0;
}
body {
	color:#666;
	background:#f3f3f3;
	font:76%/140% Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	white-space:normal;
	word-break:break-all;
}
a{
    color:#4b4b4b;
	text-decoration:none;
}
a:hover{
    color:#f60;
    text-decoration:underline;
}
#wrapper{
    width:968px;
	background:#fff;
	margin:0 auto;
	border:solid #d3d3d3;
	border-width:1px 1px 0 1px;
}
img{
    border:none;
	padding:0;
	margin:0;
}
img.hot_img {display:block;margin:0 auto; width:100px;height:100px;padding:3px;border:1px solid #CCC;background:#FFF;margin-bottom:4px; }
img.hot_img:hover{border:1px solid #ADFF2F;background:#FFFACD;}

img.hot_img1 {display:block;margin:0 auto; width:55px;height:55px;padding:3px;border:1px solid #CCC;background:#FFF;margin-bottom:4px; }
img.hot_img1:hover{border:1px solid #ADFF2F;background:#FFFACD;}
.clear{
    clear:both;
	padding:0;
	margin:0;
}
/* Header
------------------------------------------------------------------*/
#header{
    background:#fff;
	height:142px;
}
.headline{
    background:url(/images/topbg.png) left repeat-x;
	height:15px;
}
#header .logo{
    float:left;
	width:273px;
	margin:20px 0 0 30px !important;
	margin:20px 0 0 20px;
}
#header .logo h1{
    text-indent:-9999px;
}
#header .logo h1 a{
    display:block;
	background:url(/images/logo.png) left no-repeat;
	width:273px;
	height:83px;
	text-decoration:none;
}
#header .banner{
    float:left;
	width:549px;
	height:105px;
	margin:10px 0 0 70px;
}
/* Menu
------------------------------------------------------------------*/
#menu{
    background:url(/images/menu.png) left repeat-x;
	height:30px;
	line-height:30px;
	padding:0 20px;
}
#menu ul{
	margin:0;
	padding:0;
	list-style:none;
}
.nav{
    float:left;
}
#menu .nav li{
    float:left; 
	margin:0;
	padding:2px 32px 0 10px;
}
#menu .nav a{
    color:#000;
}
#menu .nav a:hover{
    color:#f60;
}
.lang{
    float:right;
}
#menu .lang li{
    float:left;
	margin:0;
	padding:2px 6px 0 7px;
}
#menu .lang a{
    color:#666;
}
#menu .lang a:hover{
    color:#f60;
}
/* Content
------------------------------------------------------------------*/
#content{
	background:url(/images/contentbg.png) left repeat-y;
	border-top:10px solid #fff;
}
#content .col1{
    float:left;
	width:200px;
}
#content .col2{
    float:left;
	width:550px;
	margin:0 5px 0 7px;
}
#content .col3{
    float:right;
	width:194px;
	margin:0 5px !important;
	margin:0 3px 0 0;
}
.title1{
    background:url(/images/title1.png) left repeat-x;
	height:20px;
	color:#000;
	font-size:12px;
	font-weight:normal;
	padding:6px 0 0 10px;
}
.cont1{
    padding:0;
}
.cont1 ul{
    list-style:none;
}
.cont1 li{
    margin:0;
	padding:0;
}
.cont1 li h3{
    text-indent:-9999px;
	margin:0;
	padding:0;
}
.cont1 li .menu1 a{
    display:block;
	background:url(/images/c1.png) left no-repeat;
	margin:0;
	width:200px;
	height:60px;
	padding:0;
	text-decoration:none;
	border-bottom:1px solid #d3d3d3;
}
.cont1 li .menu2 a{
    display:block;
	background:url(/images/c2.png) left no-repeat;
	margin:0;
	width:200px;
	height:59px;
	padding:0;
	text-decoration:none;
	border-bottom:1px solid #d3d3d3;
}
.cont1 li .menu3 a{
    display:block;
	background:url(/images/c3.png) left no-repeat;
	margin:0;
	width:200px;
	height:60px;
	padding:0;
	text-decoration:none;
	border-bottom:1px solid #d3d3d3;
}
.cont1 li .menu4 a{
    display:block;
	background:url(/images/c4.png) left no-repeat;
	margin:0;
	width:200px;
	height:60px;
	padding:0;
	text-decoration:none;
	border-bottom:1px solid #d3d3d3;
}
.cont1 li .menu5 a{
    display:block;
	background:url(/images/c5.png) left no-repeat;
	margin:0;
	width:200px;
	height:60px;
	padding:0;
	text-decoration:none;
}
.cont1 li .menue1 a{
    display:block;
	background:url(/images/ce1.png) left no-repeat;
	margin:0;
	width:200px;
	height:60px;
	padding:0;
	text-decoration:none;
	border-bottom:1px solid #d3d3d3;
}
.cont1 li .menue2 a{
    display:block;
	background:url(/images/ce2.png) left no-repeat;
	margin:0;
	width:200px;
	height:59px;
	padding:0;
	text-decoration:none;
	border-bottom:1px solid #d3d3d3;
}
.cont1 li .menue3 a{
    display:block;
	background:url(/images/ce3.png) left no-repeat;
	margin:0;
	width:200px;
	height:60px;
	padding:0;
	text-decoration:none;
	border-bottom:1px solid #d3d3d3;
}
.cont1 li .menue4 a{
    display:block;
	background:url(/images/ce4.png) left no-repeat;
	margin:0;
	width:200px;
	height:60px;
	padding:0;
	text-decoration:none;
	border-bottom:1px solid #d3d3d3;
}
.cont1 li .menue5 a{
    display:block;
	background:url(/images/ce5.png) left no-repeat;
	margin:0;
	width:200px;
	height:60px;
	padding:0;
	text-decoration:none;
}

ul .list li{
	background:url(/images/icon1.gif) left no-repeat #fff;
	border-bottom:1px solid #efefef;
	padding:2px 0 2px 15px;
}
ul .list a{
    color:#666;
}
ul .list a:hover{
    color:#f60;
}
.pagelist{
    background:#efefef;
	border-bottom:1px solid #ddd;
	margin:20px 0 0 0;
	text-align:center;
	height:22px;
	line-height:22px;
}
.cont2{
    padding:10px 0 10px 10px;
	background:#fff;
	border-bottom:1px solid #d3d3d3;
}
.texbox{
    background:#fff;
	border:1px solid #b6b7b8;
	width:175px;
	height:22px;
	line-height:22px;
}
.butt{
    background:url(/images/search.png) left no-repeat;
	width:65px;
	height:20px;
	border:none;
}
.cont2 p{
    padding:0;
	margin:5px 0 0 0;
}
.title2{
    background:url(/images/title2.png) left no-repeat;
	height:20px;
	color:#000;
	font-size:12px;
	font-weight:normal;
	padding:5px 0 0 23px;
}
.cont3{
    padding:5px 0 0 0;
	margin:0 0 20px 0;
}
.cont4{
    padding:7px 8px;
	margin:6px 0 20px 0;
	border:1px solid #d3d3d3;
	line-height:22px;
}
.cont4 ul{
    list-style:none;
}
.cont4 li{
    background:url(/images/icon1.gif) left no-repeat #fff;
	border-bottom:1px solid #efefef;
	padding:2px 0 2px 15px;
}
.cont5{
    padding:7px 8px;
	margin:6px 0 20px 0;
	border:1px solid #d3d3d3;
	line-height:22px;
	background:url(/images/hz.jpg) bottom right no-repeat #fff;
}
.cplist{                    
    float:left;
	width:24%;
	text-align:center;
	padding:0 5px 4px 0 !important;
	padding:0 3px 4px 0;
}
.cpimg{
	margin:0 auto;
	overflow:hidden; 
	padding:3px 3px 0 3px;
}
.cpname{ 
	width:104px;
	background:#fef3de;
	border-bottom:2px solid #fed89e;
	text-align:center;
	margin:4px 0 0 3px !important;
	*margin:4px 0 0 0 !important;
	margin:4px 0 0 0;
}
.divimg{
    width:100px;
	padding:1px;
	border:1px solid #fed596;
	background:#fef7e9;
}
.divimg1{
    width:100px;
	overflow:hidden;
	text-align:center;
}
.divimg1 img{
    height:100px;
}
.right{
    float:right;
	padding:5px 10px 0 0;
}
.contact{
    background:#fef3de;
	padding:5px 3px;
}

#footer{
    background:url(/images/footer.png) left no-repeat;
	width:970px;
	height:35px;
	margin:0 auto;
}
.bottom{
    color:#8b8b8b;
	font-size:11px;
	text-align:center;
	margin:10px 0 0 0;
}

.b1{
    background:#f8f8f8;
	border:solid #d3d3d3; 
	border-width:0 1px 1px 0;
	color:#333;
}
.b2{
    background:#f8f8f8;
	border:solid #d3d3d3; 
	border-width:0 1px 0 0;
	color:#333;
}
.b3{
    border:solid #d3d3d3; 
	border-width:0 0 1px 0;
}
.b4{
    background:#f8f8f8;
	border:solid #d3d3d3; 
	border-width:0 0 1px 0;
	color:#333;
}
.imageoverflow{
    width:532px;
	margin:0 auto;
}
.smallfont{
    font-size:11px;
	color:#666;
	margin:0 0 0 30px;
}
.articletitle{
    font-size:16px;
	text-align:center;
	border-bottom:1px solid #d3d3d3;
	padding:5px 0;
}
.articlebody{
    font-size:14px;
	line-height:26px;
}
.y{font-size:12px;margin:0 20px 0 20px;padding:10px;}
.y blockquote{margin:10px 30px;}


/* Focus
------------------------------------------------------------------*/
#focus{
   width:195px;
   margin:0;
   clear:both;
   background:#fff;
   position:relative;
   border-bottom:5px solid #fff;
}
#au{
   width:195px;
   height:196px;
   filter:progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 );
}
#au img{
   width:195px;
   height:196px;
}
#conau{
   width:195px;
   float:left;
   padding:5px 0 0 0;
   margin:3px 0 0 0;
   text-align:center;
   height:53px;
   display:none;
}
.bbg0{
   background:url(/images/focus1.gif);
   color:white;
   font-size:10px;
   font-family:Arial;
   line-height:11px;
   cursor:pointer;
}
.bbg0 a{
   color:white;
   text-decoration:none;
}
.bbg1{
   background:url(/images/focus2.gif);
   color:white;
   font-size:10px;
   font-family:Arial;
   line-height:11px;
   cursor:pointer;
}
.bbg1 a{
   color:white;
   text-decoration:none;
}
#No{
   width:95px;
   position:absolute;
   z-index:1;
   top:175px;
   left:122px;
}
#No ul{
   list-style:none;
}
#No li{
   margin-right:1px;
   width:17px;
   float:left;
   padding-top:2px;
   text-align:center;
   height:11px;
}


.selectProduct{position:relative;text-align:center;width:20%;float:left;font:0.8em verdana;margin:15px 0 10px 0;}

.selectProductPhoto{overflow:hidden;margin:auto;padding:1px;height:110px;width:110px;color:#112547;background:#CFE0EC url('/images/hotProduct.gif') top left no-repeat;}

.selectProductPhoto a{overflow:hidden;line-height:110px;height:110px;width:110px;display:table-cell!important;display:block;  vertical-align:middle;}

.selectProductPhoto img {*margin-top: expression(( 110 - this.height ) / 2);}

.productphoto{
	position:absolute;
	z-index:0;
}
.photothumb{ 
	padding:5px;
}
.viewproduct{
	background:#ffeed7;
	border:1px solid #ffae42;
	padding:5px;
	width:300px;
	position:relative;
	top:100px;
	left:-100px;
}
.viewproductz{
	position:absolute;
	z-index:1;
}
.cont3x{
    padding:5px 0 0 0;
	margin:0 0 20px 0;
}
.cont3x ul{padding:0;margin:0;list-style:none;}
.cont3x li{margin:3px 0;background:url(/images/icon1.gif) left no-repeat;padding:0 0 0 13px;}