/* all */
*{ margin:0; padding:0;}
body{ margin:0 auto; font-size:12px; text-align:center; color:#333; font-family:Arial, Helvetica, sans-serif; background-color:#BDC6CD;}
img{ border:none;}
h1,h2{font-size: 12px; display : inline;}
ul,li{ list-style:none;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
a:link{ color:#333; text-decoration:none;}
a:visited{ color:#333; text-decoration:none;}
a:hover{ color:#465256; text-decoration:underline;}
a:active{ color:#333; text-decoration:none;}
.a1:link{ color:#839ebc; text-decoration:none;}
.a1:visited{ color:#839ebc; text-decoration:none;}
.a1:hover{ color:#dbe8f6; text-decoration:none;}
.a1:active{ color:#839ebc; text-decoration:none;}

/* top */
.con_bg{ width:1003px; margin:auto;}
.top{ width:963px; background:url(../images/top.jpg) no-repeat; text-align:right; height:85px; padding-top:4px; padding-right:40px;}
.nav{ width:923px; background:url(../images/nav.jpg) no-repeat; height:48px; line-height:48px; text-align:left; padding-left:80px; font-size:14px; font-weight:bold;}
.ban{ width:924px; height:262px; background:url(../images/ban_bg.jpg) no-repeat; text-align:left; padding-left:40px; padding-right:39px;}
/* qh */
.container {
 WIDTH: 924px; HEIGHT: 262px
}
.container A IMG {
 WIDTH: 924px; HEIGHT: 262px
}
.container IMG {
 BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none
}
.td_f A IMG {
 PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.num {
 POSITION: absolute; WIDTH: 90px; FLOAT: right; TOP: 235px; LEFT: 830px;}
.num LI {
 TEXT-ALIGN: center; LINE-HEIGHT: 15px; LIST-STYLE-TYPE: none; MARGIN: 1px; WIDTH: 15px; FONT-FAMILY: Arial; BACKGROUND: url(http://pc.qq.com/pc/images/flashbutton.gif) no-repeat -15px 0px; FLOAT: left; HEIGHT: 15px; COLOR: #86a2b8; FONT-SIZE: 12px; CURSOR: pointer
}
.num LI.on {
 LINE-HEIGHT: 15px; WIDTH: 15px; BACKGROUND: url(http://pc.qq.com/pc/images/flashbutton.gif) no-repeat; HEIGHT: 15px; COLOR: #ffffff
}
.more {
 FLOAT: right
}
.more1 A {
 TEXT-ALIGN: left; LINE-HEIGHT: 25px; MARGIN: 0px 0px 0px 10px; COLOR: #3373a3
}
.con{ width:924px; padding-left:40px; padding-right:39px; background:url(../images/con_bg.jpg) repeat-x; background-color:#e4e9ec; padding-top:13px;/* _height:565px;Height:565px\9; min-height:565px;*/ overflow:hidden;}
.con_l{ width:245px;}
.con_la{ width:220px; background:url(../images/tit1.jpg) no-repeat; height:32px; padding-top:15px; color:#5c676b; font-size:18px; font-weight:bold; text-align:left; padding-left:25px;}
.con_lb{ width:245px; height:88px;}
.con_lc{ width:245px; text-align:left; line-height:20px; padding-top:5px;}
.con_r{ width:630px; padding-left:24px; border-left:1px solid #D3D8DC; padding-bottom:20px;}
.con_r1{ width:630px;}
.con_r1_l{ width:319px; padding-right:24px; border-right:1px solid #D3D8DC;}
.con_r1_l1{ width:289px; background:url(../images/tit2.jpg) no-repeat; height:32px; padding-top:15px; color:#5c676b; font-size:20px; font-weight:bold; text-align:left; padding-left:30px;}
.con_r1_l2{ width:319px;}
.con_r1_l2{ text-align:left; line-height:26px;}
.con_r1_l3{ text-align:right; padding-top:5px;}
.con_r1_r{ width:254px;}
.con_r1_r1{ width:224px; background:url(../images/tit2.jpg) no-repeat; height:32px; padding-top:15px; color:#5c676b; font-size:20px; font-weight:bold; text-align:left; padding-left:30px;}
.con_r1_r2{ width:254px;}
.con_r1_r2{ text-align:left; line-height:26px;}
.con_r2{ width:630px;}
.con_r21{ width:112px; margin-top:20px; margin-left:12px; _margin-left:9px;}
.con_r21img{ width:104px; padding:3px; background-color:#AEB9BB; border:1px solid #A8AFB5;}
.con_r21t{ text-align:center; padding-top:12px; font-weight:bold; line-height:20px; height:40px;}
.con_r3{ width:630px; height:25px; border-bottom:2px solid #ABB4BB; margin-top:20px;}
.con_r31{ width:95px; height:25px; line-height:25px; background-color:#ABB4BB; color:#e4e9ed; font-size:14px;}
.con_r32{ width:105px; height:23px; line-height:25px; background-color:#CFD6DC; margin-top:2px; margin-left:2px;}
.cop{ width:923px; background:url(../images/cop.jpg) repeat-x; height:96px; padding:15px 40px 0px 40px;}
.cop1{ width:248px; height:71px; line-height:71px; font-size:16px; font-weight:bold; color:#525E64;}
.cop2{ width:628px; height:71px; line-height:23px; text-align:left;}
/* sub */

.subban{ width:924px; height:248px; background:url(../images/sub_bg.jpg) no-repeat; text-align:left; padding-left:40px; padding-right:39px;}
.subban1{ width:924px; height:248px; background:url(../images/subban.jpg) no-repeat;}
.subban11{ width:924px; height:210px;}
.subban12{ width:914px; text-align:left; padding-left:10px; height:38px; line-height:38px; color:#839ebc;}
.sub_l{ width:191px; padding-bottom:20px;}
.sub_la{ width:191px; font-size:14px;}
.sub_la1{ width:181px; height:24px; line-height:24px; text-align:left; padding-left:10px; color:#333; background-color:#B0B9C0;}
.sub_la2{ width:181px; height:24px; line-height:24px; text-align:left; padding-left:10px; background-color:#E3E7EB; margin-top:2px;}
.sub_r{ width:705px;}
.sub_r1{ width:675px; background:url(../images/sub6.jpg) no-repeat; height:32px; padding-top:15px; color:#5c676b; font-size:20px; font-weight:bold; text-align:left; padding-left:30px;}
.sub_r2{ width:705px; text-align:left; line-height:24px; padding-top:5px;}
.sub_r3{ width:705px; padding-top:5px;}
.sub_r3 ul{ text-align:left; line-height:30px;}
.biaoti{ font-size:14px; color:#5c676b; font-weight:bold;}
.biaoti1{ font-size:18px; color:#5c676b; font-weight:bold;}
.biaoti2{ font-size:16px; color:#5c676b; font-weight:bold;}
.sup1{ width:150px;}
.sup2{ width:150px;}
.sup11{ padding-left:10px; width:80px; text-align:left; font-size:10px;}
.sup12{ padding-left:10px; width:60px; text-align:left; font-size:10px;}
.sup13{ padding-left:10px; width:80px; text-align:left; font-size:10px;}
.subbq{ width:681px; height:73px; background-color:#E3E6EB; border:2px solid #B0B9C0; padding:10px; text-align:left; line-height:24px;}
.sub_r4{ width:705px;}
.sub_r41{ width:705px; padding-top:20px;}
.sub_r41img{ width:104px; padding:3px; background-color:#AEB9BB; border:1px solid #A8AFB5;}
.sub_r41t{ width:580px;}
.sub_r41t1{ text-align:left; line-height:22px;color:#465c73; font-weight:bold;}
.sub_r41t2{ text-align:left; line-height:22px;}
.pro_l{ width:332px; height:267px; padding:7px; background-color:#AEB9BB; border:1px solid #A8AFB5;}
.pro_r{ width:340px;}
.pro_r1{ width:340px; text-align:left; line-height:25px; font-size:14px;}
.pro_r2{ width:319px; height:73px; background-color:#E3E7EB; border:2px solid #B0B9C0; margin-top:10px; padding:10px;}
.pro_r2_l{ width:145px; height:73px; padding-right:15px; border-right:1px solid #D3D9DE; color:#5c676b;}
.pro_r2_r{ width:143px; color:#5c676b; height:73px;}
.proo{ width:705px; background:url(../images/bg.jpg) repeat-x; height:37px; margin-top:20px;}
.proo1{ width:112px; height:37px; background:url(../images/bg1.jpg) no-repeat; line-height:37px; color:#333; font-size:14px;}
.proo2{ width:112px; height:37px; background:url(../images/bg2.jpg) no-repeat; line-height:37px; color:#666; margin-left:5px; font-size:14px;}
.proo3{ width:450px; height:37px; line-height:37px; color:#666; font-size:18px; text-align:left; padding-left:20px;}
.proo_t{ width:705px; padding-top:15px; text-align:left; line-height:22px;}
.con_rcq{ width:685px; margin-top:10px; padding:10px; background-color:#E4E9ED; overflow:hidden;}
.con_rcq1{ width:171px; text-align:left; line-height:26px;}
.products{ height:26px; line-height:26px; text-align:left;background-color:#d7dee3; border:1px dashed #ccc; margin-top:15px; color: color:#5c676b; padding-left:10px; font-size:14px; font-weight:bold;}

.photo{ width:202px; margin-top:20px; margin-left:25px; _margin-left:18px;}
.photoimg{ width:196px; height:160px; padding:2px; background-color:#AEB9BB; border:1px solid #A8AFB5;}
.photot{ width:202px; padding-top:10px; text-align:center; font-size:14px;}
.mid_cpp{ float: left; width:300px; margin-left:5px; height:227px;padding:5px}

.mid a:link{ text-decoration: none; color:#000000}
.mid a:visited {text-decoration: none; color:#000000}
.mid a:hover {	text-decoration: none; color:#000000}
.mid a:active {	text-decoration: none; color:#000000}


/* changpinfenlei */


#navq {
 width:191px;
    line-height: 24px; 
 list-style-type: none;
 text-align:left;

    /*定义整个ul菜单的行高和背景色*/
}

/*==================一级目录===================*/
#navq a {
 width: 181px; 
 display: block;
 text-align:left; padding-left:10px;
 /*Width(一定要)，否则下面的Li会变形*/
}
#navq li { background:url(../images/lanmu_bg.jpg) no-repeat; /*一级目录的背景色*/ 
 border-bottom:#c2cad0 solid 3px; text-align:left;/*下面的一条白边*/
 /*float：left,本不应该设置，但由于在Firefox不能正常显示
 继承Nav的width,限制宽度，li自动向下延伸*/
}

#navq li a:hover{
 color:#333; /*一级目录onMouseOver显示的背景色*/
}

#navq a:link  {
 color:#000; text-decoration:none;
}
#navq a:visited  {
 color:#000;text-decoration:none;
}
#navq a:hover  {
 color:#333;text-decoration:none;
}

/*==================二级目录===================*/
#navq li ul {
 list-style:none;
 text-align:left;
}
#navq li ul li{ 
 background: #E3E7EB; /*二级目录的背景色*/
}

#navq li ul a{
         padding-left:10px;
         width:181px;
 /* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/
}

/*下面是二级目录的链接样式*/

#navq li ul a:link  {
 color:#000; text-decoration:none;
}
#navq li ul a:visited  {
 color:#000;text-decoration:none;
}
#navq li ul a:hover {
 color:#333;
 text-decoration:none;
 font-weight:normal;
 background:#d3d9de;
 /* 二级onmouseover的字体颜色、背景色*/
}

/*==============================*/
#navq li:hover ul {
 left: auto;
}
#navq li.sfhover ul {
 left: auto;
}
#content {
 clear: left; 
}
#navq ul.collapsed {
 display: none;
}
#PARENT{
 width:191px; margin-top:2px;
}