Unicode (UTF-8)
/* CSS Document */
*{margin:0px; padding:0px;}
body{margin:0px; padding:0px; font-size:12px; font-family:Arial; background-color:#F5F5F5;}
h1,h2,h3,img{margin:0px; padding:0px;list-style-type:none;border:0px; }
h1{FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #444444; LINE-HEIGHT: 28px; FONT-FAMILY: "Arial";}
h3{font-family:"Arial"; font-size:16px; font-weight:bold; color:#014da0; margin-bottom:15px;}
form {margin: 0px; }
a:link{font-family: "Arial"; text-decoration:none; font-weight:bold; color:#014da0;}
a:visited{font-family: "Arial"; text-decoration:none;}
a:hover{font-family: "Arial"; text-decoration:none; }
.clear{clear:both;}
/* body */
#container{width:1003px; margin:0px auto;}
/* header */
#head{ width:1003px; height:100px}
#head #logo{width:200px; height:100px; float:left;}
#head #headbackground{float:right; padding-top:5px; width:800px; height:95px; line-height:150%; }
#head #headrt{ width:630px; height:28px;float:right; text-align:right;}
#head #headrt A{font-family:"Arial";font-size:11px; TEXT-DECORATION: none;}
#head #headrt A:hover{}
#head #headbackground .searchb{ width:800px; height:30px;float:left; text-align:right; padding-right:3px; }
#head #headbackground .rss{ width:150px; height:22px; padding-left:10px; float:left;}
#head #headbackground .rss .connectlist{ float:left; width:30px;}
#nav{ width:800px; float:left; height:65px; text-align:right;}
#nav .column{line-height:30px; padding:25px 2px; float:right;}
#nav .column A{font-family:"Arial"; padding:8px; font-size:13px; TEXT-DECORATION: none; font-weight:bold; color:#5a5a5a}
#nav .column A:hover{}
#mainnav{ width:1003px; float:left; height:30px; background-color:#014da0; border-radius:5px; -moz-border-radius:5px;}
#mainnav .column2{line-height:30px; padding:0px 2px; float:left;}
#mainnav .column2 a{font-family:"Arial"; padding:0px 10px; font-size:12px; TEXT-DECORATION: none; font-weight:bold; color:#ffffff; display:block;}
#mainnav .column2 a:hover{}
#banner{ width:1003px; height:345px; float:left;}
#condesc{ width:1003px; float:left; padding-top:14px}
#condesc h1{ font-size:24px; color:#050505}
#condesc .condescript{ width:990px; padding:8px; margin:10 auto; float:left; font-family:"Arial"; font-size:14px; color:#000000; line-height:25px; padding-bottom:25px; padding-top:10px;}
.text{width:220px; height:50px; margin-top:10px; margin-bottom:10px}
#content .bo{width:200px; height:20px; margin-top:15px}
#content .bo A{font-family:"Arial";font-size:11px; TEXT-DECORATION: none; font-weight:bolder;}
#content .bo A:hover{}
/* main */
#main{ width:1003px; float:left;}
/* left */
#main #left{ width:210px; float:left; margin-top:5px; }
#main #left .pro_catalog{ width:210px; float:left; }
#main #left .pro_title{ width:210px; height:46px;float:left;}
#main #left .pro_content{width:210px; float:left; }
#main #left .pro_bottom{width:210px; height:10px; float:left;}
#main #left .other_title{ width:192px; height:40px;float:left; line-height:54px; padding-left:18px; font-size:14px; font-weight: bold; background: url('../images/other_leftbg_01.jpg'); margin-top:15px; }
#main #left .other_title A{ color:#FFFFFF}
#main #left .other_title A:hover{color:#c6f3ff}
#main #left .other_img{width:210px; height:90px; float:left}
#main #left .contact{ width:210px; float:left; margin-top:10px; }
#main #left .con_title{ width:200px; height:46px;float:left;}
#main #left .con_content{width:200px; float:left; font-family:"Arial"; font-size:12px; color:#333333; padding-left:10px; line-height:25px; }
#main #left .con_bottom{width:210px; height:10px; float:left;}
#main #left .bigclass{ width:220px;; float:left; padding-top:8px; padding-left:8px;font-size:13px; padding-top:16px;}
#main #left .bigclass a{ color:#5a5a5a}
#main #left .smallclass{ width:184px;; float:left; padding:3px 0px 3px 26px;}
#main #left .smallclass a{ color:#014DA0;}
#main #left .smallclass a:hover{ color:#5a5a5a;}
#main #left .line{ width:194px;padding-top:4px; padding-left:16px;}
/* right */
#main #right{ width:790px; float:left; padding-left:3px; padding-top:5px; }
#main #right .smallbanner{ width:790px; float:left; height:100px;}
#main #right .road{ width:780px; float:left; font-family:"Arial"; font-size:12px; color:#333333; margin-top:6px; padding-left:10px; }
#main #right .road a{ color:#5a5a5a}
#main #right .content{ width:750px; float:left; padding:20px; line-height:20px; padding-top:10px;}
.showdiv{position:absolute; visibility:hidden;padding:5px 5px 5px 5px;}
.page{width:790px; float:left; margin-bottom:10px; text-align:right; }
/* product */
#main #right #maincon {width:790px; float:left; }
/* product list */
#products_list{width:790px; float:left; padding-top:20px;}
.probox{ width:216px; float:left; padding-left:25px; padding-right:15px; margin-bottom:20px}
.probox .pro_img{ width:216px; text-align:center; border:#CCC 1px solid; margin-top:15px;}
.probox .pro_model{ width:218px; min-height:25px; text-align:center; padding-top:5px;}
.probox .pro_name{ width:218px; height:10px;text-align:center;padding-top:2px;}
.probox A{font-family:"Arial"; font-size:12px; font-weight:bold; color:#014DA0;}
.probox A a{ color:#014DA0;}
/* product class */
#main #right #maincon .products_classtongyong{width:770px; float:left; padding-left:20px; }
#main #right #maincon .products_class{width:770px; float:left; font-family:"Arial";font-size:16px; padding-top:15px; font-weight:bold;}
#main #right #maincon .products_class .pro_sell{width:770px;font-family:"Arial"; font-size:12px; padding-top:5px; padding-bottom:8px;font-weight:normal;}
#main #right #maincon .products_classbox{width:728px; float:left; margin-top:10px; padding:15px 20px;height:178px; }
#main #right #maincon .products_classbox .products_class_pic{width:234px; height:176px; float:left; border:#CCC 1px solid;}
#main #right #maincon .products_classbox .products_class_con{width:468px; float:left; padding-left:20px;}
#main #right #maincon .products_classbox .products_class_con .pcc_title{width:468px; float:left; font-size:13px; font-family:"Times New Roman", Times, serif;}
#main #right #maincon .products_classbox .products_class_con .pcc_title a{ color:#5a5a5a}
#main #right #maincon .products_classbox .products_class_con .pcc_title a:hover{ color:#014da0}
#main #right #maincon .products_classbox .products_class_con .pcc_con{width:450px; float:left; font-size:12px; font-family:"Arial"; padding-left:18px; padding-top:8px; padding-bottom:8px; line-height:180%; height:100px; overflow:auto}
#main #right #maincon .products_classbox .products_class_con .pcc_more{width:468px; float:left; font-size:12px; font-family:"Arial"; font-weight:bold}
#main #right #maincon .products_line{width:770px; float:left; margin-top:10px; }
#main #right #maincon .products_lines{width:770px; float:left; margin-top:10px; }
#main #right #maincon .changeline{ width:790px; float:left}
/* product deatil */
#main #right #maincon .pro_detail{width:780px; float:left; padding-left:10px; padding-top:20px; }
#main #right #maincon .pro_detail .pro_detail_left{width:450px; float:left; }
#main #right #maincon .pro_detail .pro_detail_left-img{width:455px; float:left; margin-top:4px}
#main #right #maincon .pro_detail .pro_detail_right{width:300px; float:left; margin-left:-60px;}
#main #right #maincon .pro_detail .pro_detail_model{font-family:"Arial"; font-size:14px; font-weight:bold; width:280px; padding-top:5px; padding-left:10px;}
#main #right #maincon .pro_detail .pro_detail_name{font-family:"Arial"; font-size:14px; font-weight:bold; width:280px; padding-top:5px;padding-left:10px; font-size:12px}
#main #right #maincon .pro_detail .pro_detail_sell{width:280px; padding-top:5px;padding-left:10px; font-size:12px}
#main #right #maincon .pro_detail .pro_detail_addcar{width:280px;padding-left:10px; padding-top:10px;}
#main #right #maincon .pro_item{width:770px; float:left; padding-top:20px; }
#main #right #maincon .pro_item .changemeun{ width:770px; float:left; }
#main #right #maincon .pro_item .tab{ width:120px; height:25px; line-height:25px; margin-right:2px; float:left; text-align:center; font-size:12px; cursor:pointer; font-weight:bold; font-family:"Arial";}
#main #right #maincon .pro_item .tabcom{width:748px; float:left; font-family:"Arial"; font-size:12px; padding:10px;}
#main #right #maincon .pro_item .item_title{ width:150px; float:left; font-family:"Arial"; font-size:12px; font-weight:bold; height:20px; line-height:20px; padding-left:10px;}
#main #right #maincon .pro_item .item_con{ width:748px; float:left; font-family:"Arial"; font-size:12px; padding:10px;}
#main #right #maincon .products_list .keywords .spetitle{width:757px; float:left; float:left; font-size:12px; font-weight:bold; padding-bottom:10px; }
#main #right #maincon .products_list .keywords .spetext{ width:735px; float:left;font-family:"Arial"; font-size:12px; color:#999999; border:#e9e9e9 solid 1px; background-color:#f5f5f5; padding:10px;}
#demo {overflow:hidden;width:736px; float:left; }
#demo .also_box { width:172px; border:#0089d1 solid 1px; margin-left:10px; float:left;}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}
/* news */
#main #right .news{ width:790px; float:left; margin-top:20px;}
#main #right .news .news_title{ width:790px; float:left;}
#main #right .news .news_content{ width:790px; float:left; padding-top:10px; padding-bottom:10px;}
#main #right .news .news_line{ width:790px; float:left; padding-bottom:10px;}
#main #right .news .news_title .title_left{width:500px; float:left; padding-left:10px;}
#main #right .news .news_title .title_right{ width:190px; float:right; text-align:right; padding-right:10px;}
#main #right .news .news_content .content_left{ width:550px; font-family:"Arial"; font-size:12px; color:#333333; padding-left:10px; float:left; line-height:20px;}
#main #right .news .news_content .content_right{ width:190px; float:right; text-align:right; padding-right:10px;}
#main #right .pape_news{ float:right; padding-right:10px; padding-bottom:10px;}
#main #right .news .news_detail_title{ width:700px;padding-top:10px; text-align:center; font-family:"Arial"; font-size:18px; font-weight:bold; color:#333333;}
#main #right .news .news_detail_time{ width:700px; padding-top:3px; text-align:center;font-family:"Arial"; font-size:12px; color:#333333; }
#main #right .news .news_detail_content{ width:750px; text-align:left; padding:20px;font-family:"Arial"; font-size:12px; color:#333333; }
#main #right .content .title05{ font-size: 12px; font-weight: bold; padding-left: 20px; margin-top:10px;}
#main #right .content .title04{ padding-left:30px; width:700px;}
#main #right .content .title04 .title06{ padding-top:5px; font-size:12px; width:230px; float:left; }
/* footer */
#foot{width:100%; height:330px; background:#f5f5f5; float:right; border-top:#999 solid 2px; margin-top:10px;}
#foot .footer{ width:1003px; margin:0px auto;}
#foot .footer .footertext{ height:250px; width:180px; float:left; margin-left:15px; padding-top:20px;}
#foot .footer .footerline{ height:250px; width:20px; background:url(../images/footline.jpg) no-repeat; float:left;}
#foot .footer .footertext .footerlist{ width:180px; height:25px; float:left;}
#foot .footer .footertext .footerlist a{font-family:"Arial"; font-size:12px; color:#333333;}
#foot .footer .footertext .footerlist a:hover{ color:#014DA0;}
#foot .footer .footnewsletter{ width:230px; height:250px; float:left; margin-left:15px; padding-top:20px; }
#foot .footer .footnewsletter .newsletter{ width:200px; height:20px; margin-top:15px; float:left;}
#foot .footer .footnewsletter .newsletter_submit{ float:right; margin-top:10px; margin-right:22px;}
#foot .footer .footcontect{ width:260px; height:250px; float:left; margin-left:30px; padding-top:20px;}
#foot .footer .footcontect .footimg{ width:50px; height: 30px; float:left;}
#foot .footer .footcontect .footcon{ width:250px; height:94px; float:left; background:url(../images/footbg_01.jpg) no-repeat; margin-top:20px;}
#foot .footer .footcontect .foot_cont{font-family:"Arial"; font-size:12px; color:#333; line-height:20px; padding-left:55px; padding-top:10px;}
#foot .footer .footcopy{ float:left; width:1000px; font-family:"Arial"; font-size:12px; color:#999; text-align:center; border-top:#666 1px solid; padding-top:5px;}
#foot .footer .footcopy a{color:#F90;}
#foot .footer .footcopy a:hover{color:#666;}
#proh1title{width:754px; height:30px; line-height:30px; margin-bottom:10px; padding-top:10px; padding-left:10px; }
#ProClassExplain{width:754px; margin-bottom:25px; overflow:hidden; font-size:12px; margin-left:10px; padding-bottom:10px;}
#ProClassExplain .ProClassExplain-Letter{ width:530px; float:left; font-size:12px; font-family:Arial; line-height:24px; padding-left:10px; }
#ProClassExplain .ProClassExplain-Letter2{ width:730px; float:left; font-size:12px; font-family:Arial; line-height:24px; padding-left:10px; }
#ProClassExplain .ProClassExplain-Img{ padding-right:15px; float:right;}
#ProClassExplain .ProClassExplain-line{width:754px;margin-left:10px; float:left;}
#proboxbrand{width:750px; height:189px; font-size:12px; margin-left:10px;}
#proboxbrand #propic{border:1px solid #CCC;width:194px; float:left}
#proboxbrand #prodis{width:530px; float:right; line-height:18px; padding-left:10px;}
#proboxbrand #prodis #prootherdis{height:69px; overflow:hidden;}
#proboxbrand #prodis #proname a{text-align:left; padding-top:5px; font-family:Arial; font-size:18px; font-weight:bold; color:#b91134; }
#proboxbrand #prodis #proother{ text-decoration:none; text-align:left; padding-top:10px; font-family:Arial; font-size:11px; font-weight:Regular; color:#737373;}
#price{ text-decoration:none; text-align:left; padding-top:10px; font-family:Arial; font-size:12px; font-weight:bold; color:#2a2a2a;}
#proboxline{width:730px;height:5px; text-align:center; padding-bottom:20px}
/* proclass-fanye */
DIV.sabrosus {MARGIN: 0px;TEXT-ALIGN: right;padding: 10px 5px 28px 0px; float: right; height: 20px; width: 700px;position: relative; font-size:12px; color:#4c4c4c;}
DIV.sabrosus A {BORDER: #aaaaaa 1px solid;PADDING: 2px 5px 2px 5px;COLOR: #aaaaaa;TEXT-DECORATION: none;font-family: "Arial";font-size: 12px; margin-top: 10px;}
DIV.sabrosus A:hover {BORDER: #8f2b2d 1px solid; COLOR: #fff; BACKGROUND-COLOR: #8f2b2d;}
DIV.pagination A:active {BORDER: #8f2b2d 1px solid; COLOR: #fff; BACKGROUND-COLOR: #8f2b2d;}
DIV.sabrosus SPAN.current {BORDER: #000000 1px solid;PADDING: 2px 5px 2px 5px;FONT-WEIGHT: bold;COLOR: #fff;MARGIN-RIGHT: 2px;BACKGROUND-COLOR:#000000;font-family:"Arial";font-size: 12px;margin-top: 10px;}
DIV.sabrosus SPAN.disabled {BORDER: #8f2b2d 1px solid;PADDING: 2px 5px 2px 5px;background-color:#8f2b2d;COLOR: #ffffff;MARGIN-RIGHT: 2px;font-size: 12px;font-family: "Arial";margin-top: 10px;}
.text1{font-family:"Arial"; font-size:13px; color:#333333;}
/*other*/
.container{
width:790px;
font-family:Arial;
}
.menu{
float:left;
height:34px;
}
.menu ul{
list-style:none;
height:34px;
float:left;
background: url(../images/tab_bg.jpg) repeat-x;
width:790px;
padding:0;
}
.menu li{
background:url(../images/header_tabs.jpg) no-repeat;
display:block;
float:left;
width:120px;
height:29px;
cursor:pointer;
}
.menu li.current{
background:url(../images/header_tabs2.jpg) no-repeat;
color: #ffffff;
}
.menu span{
color:#000000;
display:block;
line-height:29px;
text-align:center;
}
.current span{
color:#ffffff;}
.content{
float:right;
width:790px;
}
.content ul{
width:790px;
list-style:none;
padding:0;
}
.content li{
float:left;
width:790px;
display:block;
color: #828282;
}
.neidiv{
width:758px;
word-wrap: break-word;
background-color: #F9F9F9;
border:1px solid #ececec;
padding:15px;
}
.content ul li table{border-collapse: collapse;}
.content ul li table td{border: 1px solid #ddd;}