﻿@charset "gbk";
/* CSS Document */
@import url(base.css);
/* common */
* p{ font-size:12px; color:#666666; line-height:20px; letter-spacing:0px;}
* a { text-decoration:none;font-size:12px; color:#000000;}
* a:hover { text-decoration:none;color:#bb1907;}
.font14 { font-size:14px;}
.font14 { font-size:12px; font-weight:normal;}
.bgnone { background:none;}
.textindex {text-indent: 2em;}
.b{ font-weight:bold;}
.bler { font-weight:bolder;}
.color666 { color:#666666;}
.color999 { color:#999999}
.colorc8 { color:#c81d1d}
.wd48{ width:48%;}
.li1 { width:35px; height:60px; background:url(li1.gif); display:block; margin-left:40px; margin-top:10px;}

.icon_num_1 { background:url(li1.gif) no-repeat;}
.icon_num_2 { background:url(li2.gif) no-repeat;}
.icon_num_3 { background:url(li3.gif) no-repeat;}
.icon_num_4 { background:url(li4.gif) no-repeat;}
.icon_num_5 { background:url(li5.gif) no-repeat;}
.icon_num_6 { background:url(li6.gif) no-repeat;}

.clearfix:after{context:"."; height:"0"; display:block;clear:both;visibility:hidden}
.line { content:"."; height:10px; font-size:0px; clear:both; display:block;}
.icon_contact { background:url(contact_icon.gif) no-repeat;}
.icon_news a{ margin-left:44px;}
.icon_service { background:url(icon_service.gif) no-repeat; }
.icon_service a{ margin-left:72px;}
.icon_news { background:url(icon_news.gif) no-repeat; }
.icon_anlishangxi  {background:url(anliright.jpg) no-repeat;}
.icon_contact a{ margin-left:100px;}
.fl { float:left}
.fr { float:right}
/* layout */
.wrap { width:1000px; margin:0 auto;}
#pleft { width:750px; float:left; overflow:hidden;}
#pright { width:225px; float:right;}

.box { padding-left:5px; margin-bottom:10px;}
.box h2 { color:#bb1907; font-size:18px; font-weight:bolder; height:30px; width:234px;line-height:20px; }
.box h2 a { font-size:12px; font-weight:bold; padding-left:10px; color:#666666; }
.box h2 a:hover { color:#bb1907}
.box ul li { height:28px; line-height:28px; border-bottom:1px solid #dedddd; }
.box ul li a {color:#333333; font-size:12px; margin-left:10px; height:28px; line-height:28px; font-weight:normal; }
.box ul li a:hover { color:#bb1907; font-weight:bold;}
/* model */
#header { height:90px; background:url(headerbg.png);}
headtop { background:#FFFFFF; clear:both;}
#logo { width:154px; height:90px; float:left; overflow:hidden; clear:both;}
#logo a{ width:154px; height:54px; padding-top:17px; display:block;}
#toplink { width:800px;  text-align:right; float:right; margin-top:10px; font-size:12px; line-height:14px; color:#8f8f8f; word-spacing:5px;  margin-right:10px; font-family: "Microsoft YaHei" ! important;}
#toplink h1{
	font-size:12px;
}
#toplink a { padding-right:4px; color:#8f8f8f; text-align:center; clear:both;}
#toplink a:hover { color:#bb1907}
#navMenu {float:right; margin-top:12px; font-size:12px; line-height:12px; float:right; }
#navMenu ul { float:right; display:block; margin-right:10px; clear:both; }
#navMenu ul li{ float:left; width:80px; margin-left:10px;  text-align:center; line-height:23px;}
#navMenu ul li a { width:80px;font-size:13px; font-weight:bold;line-height:14px; color:#333333; display:block;line-height:23px; font-family: "Microsoft YaHei" ! important; letter-spacing:2px;}
#navMenu ul li a:hover { background:url('navButtonbg.gif'); color:#FFFFFF;}
#navMenu ul li .active { background:url(navButtonbg.gif); color:#FFFFFF;}


/**ҳͼƬ**/
#scrollpic { display:block;width: 1000px;height:315px; }
.scrollable {width: 1000px;height:315px; overflow:hidden; }
.scrollable .items {width:20000em;clear:both;}
.items div {float:left;width:1000px;height:315px;}
.scrollable img {float:left;-moz-border-radius:4px;-webkit-border-radius:4px;}
.scrollable .active {border:2px solid #000;position:relative;cursor:default;}
.scrollable {float:left;}
.scroolbutton { width:1000px;display:block;   position:absolute; z-index:99;  top:210px;}
.scroolbutton .browse{ width:49px; height:78px; display:block; z-index:9; }
.scroolbutton .prev {background:url(scrool_left.png) no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="/templets/default/images/scrool_left.png");_background:none; float:left;}
.scroolbutton .next {background:url(scrool_right.png) no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="/templets/default/images/scrool_right.png");_background:none; float:right;}
.scroolbutton  .button{ position:relative; clear:both;}
.scroolbutton  .icon { position:relative;clear:both; margin-top:85px; margin-right:30px;float:right;}
.scroolbutton  .icon a { width:34px; height:34px; display: block;float:left; margin:5px;}
.scroolbutton .icon .active { color:#F00;filter: Alpha(opacity=100);-moz-opacity:1;opacity:1;}

.scrollpic_chanel { width:1000px; height:225px;}

#sitepath { font-size:12px; line-height:14px;}
#sitepath a{ color:#666666;}
#sitepath a:hover{ color:#bb1907}
.cattitle { height:60px; line-height:60px; border-top:1px solid #e9e9e9; font-size:12px; word-spacing:normal; color:#b4b4b4; letter-spacing:1px;}
.cattitle span { margin-right:10px;}
.cattitle a { font-size:16px; font-weight:bolder;font-family: "Microsoft YaHei" ! important;color:#333333; margin-right:5px;}
.cattitle a:hover { font-size:16px; font-weight:bolder;font-family: "Microsoft YaHei" ! important;color:#333333; margin-right:5px;}
.cattileicon { height:160px; line-height:160px; text-align:center;}
.itemlist { margin-bottom:5px; border-bottom:1px dotted #CCCCCC; height:135px; display:block; }
.itemicon{ width:140px; height:120px;  display:block; float:left;}
.itemicon a{ margin-left:20px; margin-top:8px; color:#cf4111; font-size:14px; font-weight:bolder; letter-spacing:3px;}
.itemtitle{ width:140px; height:120px; display:block; float:left; }
.itemtitle a { font-size:14px;color:#993300; }
.itemtitle img { margin-top:10px;}
.itemdetail { width:470px; height:100px;display:block; float:right; text-align:right; padding-top:20px; }
.itemdetaillong { width:610px; padding-top:0px; margin-bottom:15px;margin-top:15px;}
.itemdetaillong .title {font-size:14px;color:#cf4111; font-weight:bold;font-family: "΢ź"}
.itemdetaillong .content { margin-bottom:10px;}
.itemdetail p { font-size:12px; line-height:18px; text-align:left; }
.itemdetail .content { margin-top:10px;}

.newsrec .pic { float:left; height:115px; width:220px; display:block;}
.newsrec .pic img { width:220px; height:115px;}
.newsrec .content { float:right; width:500px;}
.newslist{}
.newstabs{ height:28px; border-bottom:1px solid #CCCCCC;}
.tabbutton { float:left; margin-right:20px; margin-left:5px; }
.tabbutton a {width:78px; height:28px; background:url(tabsbutton.jpg) no-repeat; letter-spacing:2px; display:block; line-height:28px; text-align:center; font-weight:bold; color:#666666 }
.tabbutton a:hover {color:#666666 }
.tabbutton .active {color:#cc3333; background:url(tabbuttonactive.jpg) no-repeat;}
.newsdata { margin-top:10px;}
.newsdata ul { margin-left:10px;}
.newsdata ul  li{ height:28px; width:98%;}
.newsdata ul  li a{ color:#666666;height:28px; line-height:28px; display:block;}
.newsdata ul  li a font { float:left;}
.newsdata ul  li a span { float:right; cursor: hand; display:block;}
.newsdata ul  li a:hover{ background:#f2f2f2; color:#bb2b28;}

.itemdetail .more{ clear:both; margin-top:-15px;}
.itemdetail .more a{ color:#999999; font-weight:100;}
.itemdetail .more a:hover{ color:#bb1907;}
.ads { margin-top:20px;}
#footer { height:67px; background:url(footerbg.gif) repeat-x; font-size:12px; padding-top:20px; color:#333; margin-top:10px; line-height:14px; width:100%; display:block; overflow:hidden;}
.qqonline { padding:10px 10px 10px 0;}
.qqonline a{ margin-left:10px;}
.conntactus p{ font-size:12px; line-height:20px; color:#666666}

/**ҳ**/
.index_mid { height:270px; background:url(indexmiddebox.jpg) repeat-x;}
.index_moto { padding:1px 0 0 0; }
.index_moto p{ word-spacing:-1px; font-family:"";}
.index_moto li{width:230px; border-left:1px dotted #CCCCCC; padding:0 8px 0 10px; float:left;}
.itempic { width:230px; overflow:hidden;}
.index_center { margin-top:-120px;}
.index_box {}
.index_box h2{ border-bottom:1px solid #dddddd; display:block; color:#000000; height:23px; margin-bottom:10px;}
.index_box ul { float:left; margin-right:12px; width:140px;}
.index_box ul li { height:22px; line-height:22px;}
.index_box ul li a{ background:url(list2.gif) 0 1px no-repeat; padding-left:12px;}
.index_news  h2{ border-bottom:1px solid #dddddd; display:block; color:#000000; height:23px; margin-bottom:10px;}
.index_news ul li { height:25px; line-height:25px;}
.index_news ul li a{ background:url(list2.gif) 0 1px no-repeat; padding-left:12px;}
.brand_list { clear:both;}
.brand_list li  { float:left; margin-right:13px; margin-top:10px;}
.brand_list li a{ border:5px solid #f2f2f2; width:80px; height:60px; display:block;}
.brand_list li a:hover{ border:5px solid #d6d6d6;  }
.rmoto { border-bottom:1px dotted #dddddd; margin-bottom:10px; height:129px;}
.rmoto h3 { height:30px;}
.rmoto  .moto_pic{ float:left}
.rmoto  .moto_content{ width:236px; float:right}
#link h2 { background:url(link_h2bg.gif); height:36px;}
#link .link_content{ padding:5px 0 15px 0; line-height:20px; overflow:inherit;}
#link .link_content li { float:left; list-style-type:none; display:block; border:1px solid #FFF;}
#link .link_content li a { padding-right:10px; border-right:1px solid #CCCCCC; margin-left:5px; color:#999999;}
#link .link_content li a:hover { color:#CC0000;}

/** product **/
.description { height:29px; background:#eeeeee;}
.special { height:172px; margin:10px 0 10px 10px;}
.special_pic {  margin-right:18px; width:280px; float:left;}
.special_pic a{ border:1px solid #cccccc; display:block;height:172px; width:278px;}
.special .content {height:178px; float:right; width:435px; }
.special .content h3{ height:30px; line-height:30px;}
.special .content h3 a { font-size:13px;}
.special .content .more  a{color:#999999;font-weight:100;}
.special .content .more  a:hover { color:#CC0000;}

.case_list {}
.case_list .moretitle{ border-bottom:1px solid #CCCCCC; height:25px;}
.case_list .moretitle a { float:right;}
.case_list ul { margin-top:10px; margin-left:5px;}
.case_list ul li { width:230px; height:238px; background:url(case_itembg.jpg) no-repeat; float:left; margin:8px;_margin:7px; list-style-type:none; padding:0; display:block; overflow:hidden;}
.case_list ul li .case_img a{ width:202px; height:154px;  display:block; margin:14px; margin-bottom:5px; overflow:hidden;}
.case_list ul li .case_title { text-align:center;  margin:4px;}
.case_list ul li .case_title a{ width:202px; height:12px; margin:0px 14px 14px 14px;  text-align:center; font-weight:bolder; color:#666666; clear:right; }
.case_list ul li .case_title a:hover { color:#CC0000;}
.case_list ul li .case_visit { width:202px; margin:0px 14px 14px 14px;}
.case_list ul li .case_visit a{ width:202px; height:12px; margin-left:14px; font-size:12px; text-align:center; color:#666666; font-family:Arial, Helvetica, sans-serif;  word-spacing:-1px;  }
.case_list ul li .case_visit a:hover { color:#CC0000;}

/** ҳ**/

.listpages { font-size:12px; padding:20px 0px 20px 0px; color:#666666; clear:both; text-align:center; }
.listpages ul { text-align:center; margin-left:150px;}
.listpages ul li { float:left;display:block; line-height:19px; border:1px solid #cccccc; height:17px; padding:2px 5px 2px 5px; margin:5px;  }
.listpages ul li a{color:#666666; }
.listpages ul li a:hover {color:#be1b09;}
.listpages ul .thisclass {display:block; line-height:19px; border:1px solid #cccccc; height:17px; padding:2px 5px 2px 5px; background:#be1b09; color:#FFF; }

.articlecontent { overflow:hidden;}
.articlecontent .title { font-size:14px; word-spacing:2px; line-height:14px; font-weight:bold; text-align:center; margin:10px 0 10px 0; font-family: "Microsoft YaHei" ! important;}
.articlecontent .info { margin:20px 0 20px 0;text-align:center; font-size:12px; color:#000;}
.articlecontent .info small { padding-left:10px; padding-right:10px;}
.articlecontent .content{ width:745px;overflow:hidden; color:#000;}
.articlecontent .content {line-height:120%; letter-spacing:120%;}
.itemlistbox p{ color:#000;}

/*˵*/
ul#topnav {
	margin: 0;
	padding: 0;
	float:left;
	list-style: none;
	font-size: 1.1em; z-index:99999;
}
ul#topnav li {
	float: left;
	margin-left:10px;
	padding: 0;
	width:80px;
	text-align:center;
	position: relative;
}
ul#topnav li a {
	float: left;
	height: 23px;
}
ul#topnav li:hover a, ul#topnav li a:hover {
	background:url("navButtonbg.gif") repeat scroll 0 0 transparent; color:#FFF;
}
ul#topnav a.products {
	width: 80px;
}
ul#topnav a.sale {
	width: 80px;
}

ul#topnav li .sub {
	position: absolute;
	top:23px;
	left: -10px;
	background-repeat:repeat;
    background:url(nav.png) repeat scroll 0 0;
	padding:5px 0;
	float: left;
	
	display: none;
	z-index:9999;
	width:100px;
}
ul#topnav li .row {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100px;
	color: #fff;
	line-height:23px;
	background:none !important; margin:0 !important; text-align:center !important; padding:0 !important
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	display: block;
	text-decoration: none; letter-spacing:normal !important;
	color: #fff; background:none !important; font-weight:normal !important; width:100px !important;
}
ul#topnav .sub ul li a:hover {color: #fece00; background:none !important;}


.container{width:1000px; height:260px; text-align:center; margin:0 auto; overflow:hidden;}
.container img{border:0;vertical-align:top;}