@charset "utf-8";
/* CSS Document */

body { margin:0; background-color: #FFF; font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif}
a:link {color: #6D6D6D;text-decoration: none;}
a:visited {text-decoration: none;color: #6D6D6D;}
a:hover {text-decoration: underline;color: #000;}
a:active {text-decoration: none;color: #6D6D6D;}
ul{ list-style:none; margin:0;padding:0;}
#box{ margin:0 auto; width:980px;}
/* ҳʼ */
#header{width:980px; height:60px;}
#logo{ width:215px; padding:10px 0 10px 23px; float:left; }


/*  */
#topsubNav{  margin:20px 10px 0 0; text-align:right; float:right;}
#topsubNav form { margin:0; padding:0;}
.topsubNav-select { width:120px; font-family:Arial, Helvetica, sans-serif; color:#000; margin-right:5px; float:left;}


/* Ʒͨ */


#topSearch{ width:170px; text-align:right; padding-top:20px; float:right;}
#topSearch form { margin:0; padding:0;}
.topSearch-input { border:solid 1px #E7E7E7; width:120px; height:15px; padding:2px 2px 2px 21px; font-family:Arial, Helvetica, sans-serif; color:#777; background-image:url(../images/ico-serch.gif); background-repeat:no-repeat; float:left;}

#subNav{ width:980px; height:115px;}
#subNav li{ color:#000; margin:0; margin-right:1px; padding:0; float:left; }


#banner{ width:978px; margin:15px 0 15px 0;border: solid 1px #DEDEDE; }
#nav{width:980px; height:250px; margin-top:12px;}
#nav a:link {color: #777;text-decoration: none;}
#nav a:visited {text-decoration: none;color: #777;}
#nav a:hover {text-decoration: none;color: #777;}
#nav a:active {text-decoration: none;color: #777;}
.nav { width:157px; height:250px; margin-right: 5px;border: solid 1px #DEDEDE; float:left; }
.nav h1{ height:17px; font-size:12px; color:#777; background:#E7E7E7; margin:0; padding:5px 0 0 10px;}
.nav p{  font-size:12px; color:#777;  margin:0; padding:7px 0 0 10px; line-height:22px; }
#friendLink{ width:965px; height:50px; background:#F3F3F3; padding-top:7px; padding-left:15px; margin:15px 0 10px 0; }

#friendLink li {margin:0 8px; float:left; }

.friendLink1 a{display:block; background-image:url(../images/logo-tc.jpg); background-repeat:no-repeat; width:121px; height:39px;}
.friendLink1 a:hover{ background-image:url(../images/logo-tcon.jpg); background-repeat:no-repeat; }

.friendLink2 a{display:block; background-image:url(../images/logo-tannoy.jpg); background-repeat:no-repeat; width:81px; height:39px;}
.friendLink2 a:hover{ background-image:url(../images/logo-tannoyon.jpg); background-repeat:no-repeat; }

.friendLink3 a{display:block; background-image:url(../images/logo-lab.jpg); background-repeat:no-repeat; width:188px; height:39px;}
.friendLink3 a:hover{ background-image:url(../images/logo-labon.jpg); background-repeat:no-repeat; }

.friendLink4 a{display:block; background-image:url(../images/logo-dynaudio.jpg); background-repeat:no-repeat; width:222px; height:39px;}
.friendLink4 a:hover{ background-image:url(../images/logo-dynaudioon.jpg); background-repeat:no-repeat; }

.friendLink5 a{display:block; background-image:url(../images/logo-microp.jpg); background-repeat:no-repeat; width:64px; height:39px;}
.friendLink5 a:hover{ background-image:url(../images/logo-micropon.jpg); background-repeat:no-repeat; }

.friendLink6 a{display:block; background-image:url(../images/logo-tchelicon.jpg); background-repeat:no-repeat; width:161px; height:39px;}
.friendLink6 a:hover{ background-image:url(../images/logo-tcheliconon.jpg); background-repeat:no-repeat; }

#copyRight{width:980px; font-size:11px; color:#777; text-align:center; margin-bottom:15px;}
/* ҳ */

#topnav,#breadCrumb{ padding:5px 0 5px 20px; background:#008BDC; color:#FFF;}
#topnav a:link,#breadCrumb a:link {color: #FFF;text-decoration: none;}
#topnav a:visited,#breadCrumb a:visited {text-decoration: none;color: #FFF;}
#topnav a:hover,#breadCrumb a:hover {text-decoration: none;color: #000;}
#topnav a:active,#breadCrumb a:active {text-decoration: none;color: #FFF;}

#subBanner{ margin:10px 0; border:solid 1px #DEDEDE;}
#content{ margin:12px 0; overflow:auto;}



#leftContent{ width:657px;border:solid 1px #E7E7E7; float:left; overflow:hidden;}
#leftContent h1{ margin:0; padding:2px 0 0 20px; height:19px; background:#E7E7E7; font-size:12px; color:#000; font-weight:normal;}
#leftContent h2{ margin:0; padding:10px 20px 0 20px;   font-size:12px; color:#000;}

#leftContent p{ margin:0; padding:15px; line-height:19px; }


#rightContent{ width:302px; float:right; margin:0; padding:0; overflow:hidden;}
.rightContent { width:300px; border: solid 1px #DEDEDE; margin-bottom:13px;}
.rightContent h1{ height:18px; font-size:12px; color:#000; background:#E7E7E7; margin:0; padding:3px 0 0 0; text-align:center;}
.rightContent #prightconnt{ color:#000;  margin:0; padding:10px; line-height:20px; }

#page{ height:18px; width:auto; margin:20px;}
#page ul{ float:right; }
#page li{ margin:0; float:left; }
#page li a{ display:block; color:#999; padding:3px 6px;text-decoration:none; border-top:solid 1px #999; border-right:solid 1px #999; border-bottom:solid 1px #999;}
#page li a:hover{ background:#008BDC; color:#FFF;}
.pageing{background:#008BDC;color:#FFF; padding:3px 6px; border-top:solid 1px #999; border-right:solid 1px #999; border-bottom:solid 1px #999;}

#main{ margin:12px 0; overflow:auto; background:#F6F6F6; padding:12px; border:solid 1px #E0E0E0;}
#main #main-left { width:160px; padding:10px; background:#CCC; float:left;}
#main #main-left h1{ font-size:12px; padding:5px 0; margin:0;}
#main #main-left img{ margin:5px 0;}

#main #main-middle { width:550px; margin:0 20px; float:left; line-height:1.7em;}

#main #main-right { background:#CCC; padding:10px; float:right; width:160px; overflow:hidden;}
#main #main-right img{ margin:5px 0;}

#priducts-list{ margin:12px 0; }
#priducts-list h1 {font-size:12px; height:22px; padding:3px 0 0 10px; margin:8px 0; background:#E7E7E7;}

.priducts-list { width:314px; height:190px;  border:solid 1px #E7E7E7; margin:0 15px 12px 0; float:left; text-align:center; overflow:hidden;}
.priducts-list img{ padding:0}
.priducts-list h2 {font-size:12px; height:20px; padding:0; margin:0; background:#E7E7E7; text-align:center;}
#title_line {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #7D7D7D;text-decoration: underline;line-height: 25px;}
#box_content{ width:978px; padding:0px ;border:solid 1px #E7E7E7; float:left; overflow:hidden;}
#box_content h1{ margin:0; padding:2px 0 0 20px; height:19px; background:#E7E7E7; font-size:12px; color:#000; font-weight:normal;}
#box_content h2{ margin:0; padding:10px 20px 0 20px;   font-size:12px; color:#000;}

.input { border:solid 1px #E7E7E7; height:16px; padding:1px; font-family:Arial, Helvetica, sans-serif; color:#777; }