﻿/* CSS Document */

body {background:#CCC; margin:0px;padding:0px; font-family:Verdana,arial, Helvetica, sans-serif; font-size:12px;}
p,div,input,select,textarea{padding:0; margin:0; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; }

/* default link styling needed for IE6 to work */
a,a:visited,a:active{color:#000;}
a:hover {text-decoration:none;}

a.noline,
a.noline:hover{color:#000; text-decoration:none;}


.clear {clear:both; overflow:hidden; height:1px; font-size:1px;}
.border { border:1px solid #CCC;}
.center {background:#FFF; margin:0 auto; width:960px;}
.dotline{ width:100%;float:left; padding-top:5px;border-bottom:1px dashed #CCCCCC;height:1px; font-size:1px; display:block;overflow:hidden;}
.solidline{ width:100%;float:left; padding-top:5px;border-bottom:1px solid #CCCCCC;height:1px; font-size:1px; display:block;overflow:hidden;}

/***************************************************************************************/
/* Header区样式*/
/***************************************************************************************/
.header{width:960px;margin:0;background:url(../images/header_bg.gif); height:132px;}

.top{height:74px; margin:0 0 4px 0}.
.top .logo{ width:300px; padding:0; margin:0;}
.top .member{ float:left; padding:0; margin:0; height:30px;}
.topnav{height:40px; float:left}
.topnavleft{ height:40px; width:120px; float:left; margin:0 0 0 6px}
.topnavright{ height:40px; width:196px; float:left;background:url(../images/search.gif) no-repeat;}
	
.button {margin:0px; padding:0; list-style:none;}
.button li {display:inline; float:left; margin:0px; background:url(../images/hover_button.gif);}
.button li a {display:block; height:40px; float:left; background:url(../images/button.gif); text-decoration:none; font-size:12px; font-family:Verdana,arial, sans-serif; letter-spacing:1px; line-height:36px; padding:0 0px 0 0px;}
.button li b {margin:0 0 0 15px; display:inline; float:left; height:40px; background:url(../images/button.gif) right top; padding:0 10px 0 0; color:#000;}
.button li a:hover, .button li a:hover b {border:0; background-image:url(../images/hover_button.gif); cursor:pointer; color:#FFF}
.button li a:active, .button li a:active b, .button li a.current, .button li a.current b {background-image: url(../images/active_button.gif); }

/*搜索框样式*/
.searchinput{ width:130px;border:0px; margin:8px 0 0 25px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.searchbtn{ border:none; margin:10px 0 0 0; width:15px; height:15px; padding:0px; background:url(../images/searchbtn.gif) no-repeat;}


/***************************************************************************************/
/*页面主体样式*/
/***************************************************************************************/
.pagebody{width:960px;margin:0px; padding:0 0 10px 0; background:#FFF; float:left;}

/*左侧样式*/
.leftside{width:252px; height:auto; margin:0; padding:0; float:left;}
.leftside .sidebar{width:224px; height:auto;background:url(../images/sidebg.gif) no-repeat; padding:10px 16px 10px 12px;float:left;}
.leftside .sidetitle{width:194px; height:26px; padding:0 5px 0 5px; margin:0 10px 5px 10px; font-weight:bold; line-height:26px; color:#333; border-bottom:0px solid;}
.leftside .sidetitle a {font-family:Verdana,arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:26px; color:#333; text-decoration:none;}
.leftside .sidelist{font-family:Verdana,arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#666; margin:0; position:relative}
.leftside .sidelist ul{margin:0; padding:0; float:left}
.leftside .sidelist ul li{font-size:12px; color:#666; display:block; width:214px; padding:0 0 0 10px; float:left}
.leftside .sidelist ul li a{color:#333; font-size:12px; text-decoration:none;}
.leftside .sidelist ul li a:hover{color:#000; font-size:12px; font-weight:200; text-decoration:none;}

/*中部样式*/
.mainbody{width:708px; margin:0; float:left}
.mainside{width:464px; margin:4px 0 0 0; float:left;}
.mainside2{width:690px;margin:4px; float:left;}

.toptitle{height:23px; background:url(../images/title.gif); border-bottom:solid 1px #CCC; padding:0; margin:0 0 10px 0}
.toptitle .left{height:23px; margin:0 0 0 10px; margin:0 0 0 10px!important; *margin:0 0 0 5px; color:#333; line-height:1.5em; float:left}
.toptitle .left a{height:23px; margin:0 0 0 10px; margin:0 0 0 10px!important; *margin:0 0 0 5px; color:#333; line-height:1.5em; text-decoration:none}
.toptitle .more{width:70px; height:20px; color:#333; line-height:1.5em; float:left; padding:3px 0 0 0;float:right;}
.toptitle .more a{ font-weight:bolder;font-size:12px; color:#333; display:block; text-decoration:none;}
.toptitle .more a:hover{font-size:12px; color:#FC0; display:block; text-decoration:none;}

.maintitle{height:23px; background:url(../images/title.gif); border-bottom:solid 1px #CCC;border-top:solid 1px #CCC; padding:0; margin:0 0 10px 0}
.maintitle .left{height:23px; margin:0 0 0 10px; margin:0 0 0 10px!important; *margin:0 0 0 5px; color:#333; line-height:1.5em; float:left}
.maintitle .left a{height:23px; margin:0 0 0 10px; margin:0 0 0 10px!important; *margin:0 0 0 5px; color:#333; line-height:1.5em; text-decoration:none}
.maintitle .more{width:70px; height:20px; color:#333; line-height:1.5em; float:left; padding:3px 0 0 0;}
.maintitle .more a{font-size:12px; color:#333; display:block; text-decoration:none}
.maintitle .more a:hover{font-size:12px; color:#FC0; display:block; text-decoration:none}

.maincontent{padding:10px;}
.maincontent .title{margin:10px;color:#666; font-weight:bold;}
.maincontent .txt{margin:10px; color:#666; line-height:1.5em;}
.maincontent .summary{ border:1px solid #CCC;width:424px;font-family:Verdana,arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:1.5em; padding:10px;}


/*右侧 CSS*/
.rightside{width:224px; margin:4px 0 0 10px; float:left}
.rightbar{width:222px; height:auto; margin-bottom:10px; border:solid 1px #CCC; background:url(../images/rightbg.gif) repeat-x;}
.rightbar .title1{width:166px; height:30px; margin:0 0 0 8px; padding:0 0 0 40px; border-bottom:solid 1px #ccc; color:#333; font-weight:bold; line-height:30px; background:url(../images/support.gif) no-repeat}
.rightbar .title2{width:166px; height:30px; margin:0 0 0 8px; padding:0 0 0 40px; border-bottom:solid 1px #ccc; color:#333; font-weight:bold; line-height:30px; background:url(../images/contact.gif) no-repeat}
.rightbar .title3{width:166px; height:30px; margin:0 0 0 8px; padding:0 0 0 40px; border-bottom:solid 1px #ccc; color:#333; font-weight:bold; line-height:30px; background:url(../images/service.gif) no-repeat}
.rightbar .content{width:196px; background:none; margin:8px 0 0 18px; padding-bottom:10px; line-height:1.5em;}
.rightbar .content .support{width:auto; font-size:12px; line-height:14px; color:#666; text-decoration:none; display:block; margin:2px 0 6px 0;}
.rightbar .content a{ color:#666666;}


/*产品列表CSS*/
.productlisting{padding:0 0 10px 0; border-top:solid 1px #CCC;}
.productlisting .title{height:19px; background:url(../images/title.gif); border-bottom:solid 1px #CCC; padding:4px 0 0 0; margin:0}
.productlisting .list1{padding:10px; border-bottom:1px solid #DDDDDD;}
.productlisting .list2{padding:10px;border-bottom:1px solid #DDDDDD; background-color:#EEE;}
.productlisting .cate{width:244px; color:#333; padding:0 0 0 10px; line-height:1.5em; float:left}
.productlisting .model{width:60px; color:#333; padding:0 0 0 10px; line-height:1.5em; float:left}
.productlisting .productname{width:184px; color:#333; padding:0 0 0 5px; line-height:1.5em; float:left}
.productlisting .productname a{font-size:12px; color:#333; line-height:1.5em; float:left; text-decoration:none}
.productlisting .productname a:hover{font-size:12px; color:#F00; line-height:1.5em; float:left; text-decoration:none}
.productlisting .productimg{width:100px; color:#333; padding:0 0 0 5px; line-height:1.5em; float:left}
.productlisting .productimg_img{width:100px; padding:0 5px 0 0; float:left}
.productlisting .price{width:90px; color:#333; padding:0 0 0 5px; line-height:1.5em; float:left; word-break:break-all;}
.productlisting .price a{font-size:12px; color:#333; line-height:1.5em; float:left; text-decoration:none}
.productlisting .price a:hover{ffont-size:12px; color:#F00; line-height:1.5em; float:left; text-decoration:none}
.productlisting .pager{color:#666; padding:10px;}

/*下载列表CSS*/
.downloadlisting{width:464px; padding:0 0 10px 0; border-top:solid 1px #CCC; color:#666;}
.downloadlisting .title{width:464px; height:15px; background:url(../images/title.gif); border-bottom:solid 1px #CCC; padding:7px 0 0 0; margin:0}
.downloadlisting .list1{ width:464px; padding:4px 0; border-bottom:1px solid #DDDDDD;}
.downloadlisting .list2{ width:464px;/*background:#DDDDDD*/; padding:4px 0;border-bottom:1px solid #DDDDDD; background-color:#EEE;}
.downloadlisting .name{width:220px; color:#666; padding:0 0 0 10px; line-height:1.5em; float:left}
.downloadlisting .name a{font-size:12px; color:#333; line-height:1.5em; float:left; text-decoration:none}
.downloadlisting .name a:hover{font-size:12px; color:#F00; line-height:1.5em; float:left; text-decoration:none}
.downloadlisting .suitfor{w color:#666; padding:5px 20px 5px 20px; line-height:1.5em; float:left}
.downloadlisting .suitfor a{font-size:12px; color:#333; line-height:1.5em; float:left; text-decoration:none}
.downloadlisting .suitfor a:hover{font-size:12px; color:#F00; line-height:1.5em; float:left; text-decoration:none}
.downloadlisting .download{width:120px; color:#666; padding:0 0 0 5px; line-height:1.5em; float:left}
.downloadlisting .download2{width:120px; padding:0 5px 0 0; float:left}
.downloadlisting .detail{width:40px; color:#666; padding:0 0 0 5px; line-height:1.5em; float:left}
.downloadlisting .detail a{font-size:12px; color:#333; line-height:1.5em; float:left; text-decoration:none}
.downloadlisting .detail a:hover{font-size:12px; color:#F00; line-height:1.5em; float:left; text-decoration:none}
.downloadlisting .pager{ width:454px; color:#666; padding:6px 0 0 10px;}

/*Text CSS*/
.textlisting { padding:0 0 10px 0; margin:10px;}
.textlisting .list1{ margin-bottom:10px;padding-bottom:10px; border-bottom:1px solid #CCC;}
.textlisting .list2{ margin-bottom:10px;padding-bottom:10px; border-bottom:1px solid #CCC;}
.textlisting .list3{ margin-bottom:3px;padding-bottom:3px; border-bottom:1px solid #DDD;}
.textlisting .title{font-size:12px; font-weight:bold; color:#666; line-height:1.5em;}
.textlisting .title a{font-size:12px; font-weight:bold; color:#666; line-height:1.5em; text-decoration:none;}
.textlisting .title a:hover,.textlisting .title a:visited{ font-size:12px; font-weight:bold; color:#666; line-height:1.5em; text-decoration:none}
.textlisting .title2 a{font-size:12px; color:#666; line-height:1.5em; text-decoration:none;}
.textlisting .title2 a:hover,.textlisting .title2 a:visited{ font-size:12px; color:#666; line-height:1.5em; text-decoration:none}
.textlisting .summary{font-size:12px; color:#666; line-height:1.5em; padding-left:5px;}
.textlisting .seemore{font-size:12px; color:#333;}
.textlisting .pager{font-family:Verdana,arial, Helvetica, sans-serif; font-size:12px; color:#666; padding:0px 0 0 10px;}


/*Index CSS*/
.indexslider{width:462px; margin:0 0 5px 0; border:solid 1px #CCC; float:left;}

.indexnewslisting {width:464px; margin:0 0 0 0; padding:0 0 0 0;}
.indexnewslisting .title{width:464px; height:23px; padding:0px 0 0 0; margin:0; background:url(../images/title.gif); border-bottom:solid 1px #CCC; font-weight:bold;}
.indexnewslisting .title .left{width:384px; height:23px; margin:0 0 0 10px; margin:0 0 0 10px!important; *margin:0 0 0 5px; color:#333; line-height:1.5em; float:left}
.indexnewslisting .title .left a{width:384px; height:23px; margin:0 0 0 10px; margin:0 0 0 10px!important; *margin:0 0 0 5px; color:#333; line-height:1.5em; text-decoration:none}
.indexnewslisting .title .more{width:70px; height:20px; color:#333; line-height:1.5em; float:left; padding:3px 0 0 0;}
.indexnewslisting .title .more a{font-size:12px; color:#333; display:block; text-decoration:none}
.indexnewslisting .title .more a:hover{font-size:12px; color:#FC0; display:block; text-decoration:none}

.indexnewslisting .list{font-family:Verdana,arial, Helvetica, sans-serif; font-size:12px; line-height:26px; margin:0 0 0 0; padding:0 0 0 10px;}
.indexnewslisting .list ul{ width:450px;margin:0; padding:0; float:left; list-style:none; height:160px; overflow:hidden;}
.indexnewslisting .list ul li{margin:0; padding:0;font-size:12px; color:#333; list-style:none; clear:both;}
.indexnewslisting .list ul li a{margin:0; padding:0;font-size:12px; color:#333; text-decoration:none;}
.indexnewslisting .list ul li span.date{margin:0; padding:0;font-size:9px; color:#999; text-decoration:none;}
.indexnewslisting .list ul li a:hover{margin:0; padding:0;font-size:12px; color:#666; text-decoration:none;}

/*Inquiry CSS*/
.inquiry{ width:440px;margin-bottom:6px; font-size:12px; font-family:Verdana,arial, Helvetica, sans-serif; color:#666666;}
.inquiry .inquirytxt{ float:left; width:81px; font-weight:800; padding:3px 5px 0 0; margin-left:5px;text-align:left;}
.inquiry .inquiryinput{ float:left;}
.inquiry .inquirycountry{ float:left; width:206px; font-size:12px; font-family:Verdana,arial, Helvetica, sans-serif; color:#333333; padding:0px; margin:0px;}
.inquiry .inquiryhear{ float:left; width:180px; font-size:12px; font-family:Verdana,arial, Helvetica, sans-serif; color:#333333; padding:0px; margin:0px;}
.inquiry .inquiryrequire input{float:left; width:160px;border:1px solid #999;font-family:Verdana,arial, Helvetica, sans-serif; font-size:12px; color:#333;}
.inquiry .inquiryinput input,.inquiry .inquiryinput textarea{ float:left; width:200px;border:1px solid #999;font-family:Verdana,arial, Helvetica, sans-serif; font-size:14px; color:#333;}
.inquiry .inquiryrequire{ float:left; padding-left:3px; width:10px; color:#FF0000;}
.inquirysubmit{padding:0px;border:none;margin:0px;width:398px; background-color:#FFFFFF; text-align:right;}

/*Login CSS*/
.login{ width:440px;margin-bottom:6px; font-size:12px; font-family:Verdana,arial, Helvetica, sans-serif; color:#666666;}
.login .txt{ float:left; width:81px; font-weight:800; padding:3px 0px 0 0; margin-right:10px;text-align:right;}
.login .txt2{ float:left; width:100px; font-weight:800; padding:3px 0px 0 0; margin-right:10px;text-align:right;}
.login .word{ float:left;}
.login .input{ width:200px;border:1px solid #999;}
.login .input2{ width:120px;border:1px solid #999;}
.login .link{ float:left; padding:5px 0 3px 20px;}
.login .link a,
.login .link a:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666; text-decoration:none;}
.login .link a:hover{ text-decoration:underline;}
.login .require{ float:left; padding-left:3px; color:#FF0000;}

.productdetail{padding:0px 10px; margin:0; color:#666; line-height:1.5em; overflow:hidden;}
.productdetail .bigtitle{margin:10px 0; color:#666; font-weight:bold; height:18px;}
.productdetail .top{clear:both;height:165px;}
.productdetail .top .leftimg{width:160px; height:160px; float:left; border:0px solid #CCC;text-align:center;vertical-align:middle;padding:5px;}
.productdetail .top .leftimg img{border:1px solid #CCC; padding:5px;}
.productdetail .top .righttext{width:450px; float:left; overflow:hidden;}
.productdetail .top .righttext .text{ margin:5px 0 5px 10px; word-break:break-all;}
.productdetail .title{margin:10px 0; color:#666; font-weight:bold;}
.productdetail .txt{margin:5px 0; padding:0 0 10px 4px; color:#666; line-height:1.5em; border-bottom:1px solid #CCC;}
.productdetail h1,
.productdetail h2,
.productdetail h3,
.productdetail h4{ line-height:1.5em;}
.productdetail a.red,
.productdetail a.red:hover{ color:Red;}

.footer{width:960px;height:93px; background:url(../images/footerbg.gif);float:left;}
.copytxt{font-family:Verdana,arial, Helvetica, sans-serif; font-size:12px; color:#999; padding:20px 0 0 0; text-align:center}
.copytxt a,
.copytxt a:visited{font-family:Verdana,arial, Helvetica, sans-serif; font-size:12px; color:#999; text-decoration:none;}

.pager {float:left;margin:0px 0 0 0; padding:0 0 0 0;}
.pager a{ margin:0; padding:0px 2px 0 2px;}
.pager a.disable {text-decoration:underline; color:Gray; border:0px;}
.pager .active {text-decoration:none; color:Red; font-weight:bold; border:0px;}

/*Buttons */
.registerbtn{padding:0px;border:none;margin:0px; background:url(../images/register.gif) no-repeat; width:74px; height:20px;}
.returnlistbtn{padding:0px;border:none;margin:0px; background:url(../images/returnlist.gif) no-repeat; width:74px; height:20px;}
.loginbtn{padding:0px;border:none;margin:0px; background:url(../images/login2.gif) no-repeat; width:74px; height:20px;}
.resetbtn{padding:0px;border:none;margin:0px; background:url(../images/reset.gif) no-repeat; width:74px; height:20px;}
.submitbtn{padding:0px;border:none;margin:0px; background:url(../images/sumbit.gif) no-repeat; width:74px; height:20px;}
.getbackpwdbtn{padding:0px;border:none;margin:0px; background:url(../images/getbackpwd.gif) no-repeat; width:74px; height:24px;}
