@charset "utf-8";
body {text-align: left;}
/*Nav*/
#nav {margin: 10px auto 0px; width: 960px; height: 40px;}
#nav #nav_bg_left {background: url(nav_bg_left.gif) no-repeat; float: left; width: 8px; height: 35px}
#nav #nav_bg_mid {background: url(nav_bg_mid.gif) repeat-x; float: left; width: 944px; height: 40px}
#nav #nav_bg_right {background: url(nav_bg_right.gif) no-repeat; float: left; width: 8px; height: 35px}

#nav_bg_mid ul{}
#nav_bg_mid ul li{font-weight: bold; font-size: 12px; color: #ffffff; line-height: 16px;float:left;padding-top:8px;}
#nav_bg_mid ul li a {margin: 0px 15px; color: #ffffff; text-decoration: none;}
#nav_bg_mid ul li a:hover {text-decoration: underline}
#nav_bg_mid ul li .line{margin: 0px 10px;background: url(vertical_line.gif) no-repeat;width:4px;height:29px}

#nav_bg_mid ul li.on{font-weight: bold; font-size: 12px; color: #000;line-height: 16px;float:left;padding: 8px 10px;background:url(nav_bg_on.gif)}

#nav_bg_mid ul li.on .line{display:none}
/*Nav*/


/*SubNav*/
#subnav {height: 26px;margin: 0 auto;text-align:left}
#subnav div {border: 1px solid #c8d6df;margin: 0 auto;height: 25px;padding-left: 10px;width: 948px;}
#subnav span {margin-right: 10px;float: left;line-height: 27px;}
#subnav span.subnav_vertical_line {color: #A1A0A0;}
#subnav span.subnav_bold {font-weight: bold;}
#subnav a {color: #085998;text-decoration: none;}
#subnav a:hover {text-decoration: underline;}
/*SubNav*/


/*Logo*/
.logo{width:960px}
.logo .shoplogo{float:left;width:100px;}
.logo .shopname{float:right;width:820px;padding:0px 20px}
.logo .shopname .chinessname{font-size:16px;font-weight:bold;color:#51b400;line-height:25px}
.logo .shopname .englishname{font-size:16px;font-weight:bold;color:#0097c9;line-height:25px}
/*Logo*/

/*slideTheme_pic_wrapper*/
#slideTheme_pic_wrapper{text-align:center}
/*slideTheme_pic_wrapper*/


/*main*/
.main{}
.main .cleft{float:left;width:200px;background:#f5f8ff}
.main .cleft .title{font-size:14px;font-weight:bold;color:#fff;background:url(cleft_title.gif);padding-left:15px;line-height:25px}
.main .cleft .content{border-bottom:1px solid #3d686f;border-left:1px solid #3d686f;border-right:1px solid #3d686f;}
.main .cleft .content ul{padding-top:10px}
.main .cleft .content ul li{padding:5px 0px 5px 15px;border-bottom:1px dashed #bfbfbf}
.main .cleft .content ul li span{display:block;width:185px;cursor:pointer}


.main .cleft .content .smallshopname{padding:15px 0px 0px 15px;font-size:14px;font-weight:bold;color:#51b400;border-bottom:1px solid #dfdfdf}
.main .cleft .content .smallshopname a{color:#6b97da;text-decoration: none;font-size:12px}
.main .cleft .content .smallshopname a:hover {color:#51b400;text-decoration: underline;}

.main .cleft .content .shopattr,.main .cleft .content .shopapprove{padding-left:15px;line-height:25px;border-bottom:1px solid #dfdfdf}
.main .cleft .content .shopattr span{color:#0099cc}
.main .cleft .content .shopapprove span{padding-left:5px;}

.main .cleft .content .smallshopsearch{padding:15px 0px 0px 15px;font-size:12px;border-bottom:1px solid #dfdfdf}
.main .cleft .content .smallshopsearch input{width:120px;font-size:12px;height:12px;}
.main .cleft .content #btn_search{width:120px;font-size:12px;height:22px}


.main .cright{float:right;width:744px;}
.main .cright .title{font-size:14px;font-weight:bold;color:#fff;background:url(cright_title.gif);padding-left:15px;line-height:25px}
.main .cright .content{border-bottom:1px solid #3d686f;border-left:1px solid #3d686f;border-right:1px solid #3d686f;}
.main .cright .content ul{padding-top:10px}
.main .cright .content ul li{float:left;width:220px;padding:0px 13px;text-align:center;}
.main .cright .content ul li .img{border:1px solid #c4d2db;text-align:center;width:218px;height:218px;line-height:218px;display:block;cursor:pointer}
.main .cright .content ul li span.on{border:1px solid #3d686f;background:#f5f8ff}

.main .cright .content ul li a{color: #0099cc;text-decoration: none;}
.main .cright .content ul li a:hover {color:#51b400;text-decoration: underline;}
.main .cright .desc{line-height:25px;padding-left:15px}


.main .cright .desc .smalltitle{color:#6b97da;font-weight:bold;line-height:25px;height:25px}

.price{color:#ff7300}
/*content*/




/*s foot*/
#foot{clear:left;position:relative;margin-top:7px;text-align:center;border-top:1px solid #3d686f;line-height:20px}
.footNav{line-height:36px;margin:auto;}
.footNav li{display:inline;margin-right:22px;}
#foot li a{color:#0099cc;text-decoration:none}
#foot li a:hover{color:#51b400;text-decoration:underline}
/*e foot*/



#contactleft{float:left;width:480px;text-align:left;}
#contactleft ul{text-align:left;}
#contactleft ul li{float:left;line-height:30px;text-align:left;padding-left:15px;width:465px!important}

.contactright{float:right;width:260px}






#companydetail{}
#companydetail ul{}
#companydetail ul li{float:left;width:340px;float:left;line-height:30px;text-align:left;}





.main .cright .producttitle{font-size:18px;font-weight:bold;text-align:center;border-bottom:1px dashed #dfdfdf;color:#51b400;padding:6px 0px}

.productattr{padding-top:10px}
.productattr .productattrleft{float:left;width:280px;text-align:center;}
.productattr .productattrleft .img{text-align:center;width:280px;height:280px}
.productattr .productattrright{float:right;width:445px;}

.productattrright ul{}
.productattrright ul li{text-align:left;width:425px;padding:5px 0px 0px 20px;line-height:30px;border-bottom:1px dashed #dfdfdf;}
.productattrright ul li span{display:block;padding:0px 5px;float:left}

#bigpageinfo{height:80px;background:#f5f8ff;border:1px solid #3d6842;}
#bigpageinfo ul{padding-top:15px;}
#bigpageinfo ul li{float:left;height:30px;font-size:20px;font-weight:bold;padding:0px 10px;line-height:30px}
#bigpageinfo ul li a:link,.bigpageinfo ul li a:visited{padding:0px 5px;background: url(nav_bg_mid.gif) repeat-x;color:#fff;height:30px;line-height:30px}
#bigpageinfo ul li a:hover,.bigpageinfo ul li a:active,#bigpageinfo ul li.on a:link,.bigpageinfo ul li.on a:visited{padding:0px 5px;background: url(nav_bg_on.gif) repeat-x;color:#000;height:30px;line-height:30px}


#previouspage a{background: url(nav_bg_mid.gif) repeat-x;width:70px;}
#previouspage a:hover{background: url(nav_bg_on.gif) repeat-x;width:70px;}
#nextpage a{background: url(nav_bg_mid.gif) repeat-x;width:70px;}
#nextpage a:hover{background: url(nav_bg_on.gif) repeat-x;width:70px;}

#bigpageinfo div{padding:0px 15px;line-height:30px}
#bigpageinfo div span{color:#51b400}


.selecttab ul{border-bottom:1px solid #3d686f;width:744px}
.selecttab ul li{background: url(nav_bg_mid.gif) repeat-x; float: left;font-weight: bold; font-size: 12px; padding: 8px 10px;margin:0px 2px 0px 0px;}
.selecttab ul li.on{font-weight: bold; font-size: 12px; color: #000;float:left;padding: 8px 10px;background:url(nav_bg_on.gif);margin:0px 2px 0px 0px;}
.selecttab ul li a:link,.selecttab ul li a:visited{color:#fff;}
.selecttab ul li.on a:link,.selecttab ul li.on a:visited{color:#000}


#infodetaillist,#contactdetaillist{}
#infodetaillist ul,#contactdetaillist ul{}
#infodetaillist ul li,#contactdetaillist ul li{float:left;width:340px;float:left;line-height:30px;text-align:left;}



ul#msglist{width:740px}
ul#msglist li{float:left;width:740px!important}
.shorttd{text-align:right;color:#9c9a9d;width:100px}
.msgico{width:80px}
.lengthtd{text-align:left;width:486px;line-height:20px}
.backmsgcolor{color:#ff7300}

ul#msglist #input_msg{width:700px;height:100px}
ul#msglist input{width:100px;height:12px;font-size:12px}
ul#msglist .userlogin{text-align:right;padding-right:15px}
ul#msglist #btn_addmsg{height:20px}







.productclass{}
.productclass ul{border-left:1px solid #3d686f;border-right:1px solid #3d686f;padding-top:10px;width:742px}
.productclass ul li{float:left;width:155px;padding:5px 15px;}


.pageinfo{float:right;}
.pageinfo ul{}
.pageinfo ul li{float:left;width:20px;padding:5px 5px}
.pageinfo ul li span{cursor:pointer;width:20px;display:block;border:1px solid #3d686f;text-align:center}
.pageinfo ul li.on span{cursor:pointer;width:20px;display:block;border:1px solid #3d686f;text-align:center;color:#51b400;font-weight:bold;background:#f5f8ff}
#previous {width:50px}
#next {width:50px}
#previous span{cursor:pointer;width:50px;display:block}
#next span{cursor:pointer;width:50px;display:block}