@charset "utf-8";
/* CSS Document */
@import url("layout.css");
@import url("base.css");
/*ͨ����ʽ
------------------------------------------------------------------------------------------*/
body{color:#707070;font:12px 'Microsoft YaHei',Helvetica,Tahoma,Arial,sans-serif;width:960px;margin:0 auto;}
a{color:#707070;text-decoration:none;}a:hover{color:#fff;cursor: pointer;}

/*文本框样式*/
input.wide{width:250px;}
input.txt{width:200px;}
input.small{width:50px;}
.input{display:inline;margin-right:5px;padding:5px;height:18px;line-height:18px;vertical-align:middle;background:#fff;color:#999px;border:1px solid #CACACA;border-radius:4px 4px 4px 4px;font-family:'Microsoft YaHei';}
/*按钮样式*/
.btn{border-radius:2px 2px 2px 2px;color:#FFF;display:inline-block;font-size:12px;height:30px;line-height:30px;min-width:48px;padding:0 25px;text-align:center;font-family:"Microsoft Yahei";}
.btn{background-color:#1E7BB3;background-image:-moz-linear-gradient(center top , #3999D2, #1E7BB3);border-bottom:1px solid #02598E;box-shadow:0 1px 2px #BBBBBB;text-shadow:0 -1px 0 #1E7BB3;}
.btn:hover{color:#FFF;opacity:0.9;}
.btn-mini{height:20px;line-height:20px;padding:1px 8px 0;}
input.btn, button.btn{border-left:0 none;border-right:0 none;border-top:0 none;cursor:pointer;}
.btn-success{background-color:#52A152;background-image:-moz-linear-gradient(center top , #5FBE5F, #52A152);border-bottom:1px solid #417F41;text-shadow:0 -1px 0 #52A152;}
.btn-error{background-color:#CB423B;background-image:-moz-linear-gradient(center top , #E85A56, #CB423B);border-bottom:1px solid #AA352F;text-shadow:0 -1px 0 #CB423B;}
.btn-gray{background-color:#DDDDDD;background-image:-moz-linear-gradient(center top , #EEEEEE, #DDDDDD);border-bottom:1px solid #A9A9A9;text-shadow:0 -1px 0 #EEEEEE;}
.btn-gray, .btn-gray:hover{color:#777777;}

.header{height:75px;background: #fff url('../images/bg_header.jpg') repeat-x left top;}
.header_logo{padding: 14px 0px 14px 38px;}
.header_tel{padding:14px 38px 14px 0px;}

/*图标定义样式*/
.comm,.view,.time, .sidebar li a{background:url(../images/sprite.gif) no-repeat;}
.comm,.view,.time{margin-right:10px;padding-left:20px;}
.comm{background-position:left 4px;}
.view{background-position:left -36px;}
.time{background-position:left -158px;}
.arrow{float:right;padding-left:10px;color:#DDD;font-family:simsun;font-size:14px;font-style:normal;font-weight:bold;}

/*导航*/
.nav{width:600px;height:40px;margin: 0 auto;background-color:#fff;text-align:center;font-size:15px;line-height:40px;margin-left:180px;}
.nav ul{display:block;margin-top:3px;}
.nav ul li{float:left;padding:0 20px;list-style:none;border-left:1px solid #E6E6E6;}
.nav ul li.current{border-top:3px solid #32adef;margin-top:-3px;}
.nav ul li.last{border-right:1px solid #E6E6E6;}
.nav ul li a{padding:10px 0;}
.nav ul li:hover{border-top:3px solid #32adef;color:#707070;margin-top:-3px;}
.nav ul li a:hover{color:#707070;}

/*侧边栏内容表头*/
.head{border-radius:0 3px 3px 0; height:35px; background:#faebe4; }
	.head dt{float:left; color:#fff; font:bold 14px "Microsoft Yahei"; border-radius:3px 0 0 3px; width:150px; line-height:35px; background:#FF641A; text-align:center; }
	.head dd{color:#7BAB2E;}
		.head dd span{float:right;margin-right:10px;font-size:12px;line-height:35px;color:#999;}
		.head dd span a{color:#999;}
	.head .sub_nav{float:left; font-size:12px; }
		.head .sub_nav li{float:left;padding:0 9px 0 11px;background:url(../images/spacing.gif) no-repeat left 11px;}
		.head .sub_nav li.n1{background:none; }
		.head .sub_nav a{color:#7BAB2E; line-height:35px;font-family:"Microsoft Yahei";}
		.head .sub_nav a:hover{color:#0089cd; }
.head.blue dt{background:#3B8DD1;}
	.head.blue dd{color:#3B8DD1;}
	.head.blue .sub_nav a{ color:#3B8DD1;}
	.head.blue .sub_nav a:hover{ color:#8CAC52; }
.head.green dt{background:#8CAC52;}
	.head.green dd{color:#7BAB2E;}
	.head.green .sub_nav a{ color:#7BAB2E;}
	.head.green .sub_nav a:hover{ color:#3B8DD1; }
	
/*幻灯片*/
.slider{height:400px;background: #fff url('../images/bg_slider.jpg') repeat-x left top; width:960px;margin:0 auto;}


/* ~~ 此固定宽度容器包含其它 div ~~ */
.container {
	width: 960px;
	height:auto;
	background:#FFF url(../images/bg_content.jpg) repeat;
}

/* ~~ 这是布局信息。 ~~ 

1) 填充只会放置于 div 的顶部和/或底部。此 div 中的元素侧边会有填充。这样，您可以避免使用任何“方框模型数学”。请注意，如果向 div 自身添加任何侧边填充或边框，这些侧边填充或边框将与您定义的宽度相加，得出 *总计* 宽度。您也可以选择删除 div 中的元素的填充，并在该元素中另外放置一个没有任何宽度但具有设计所需填充的 div。

*/

.content {
	margin:0 auto; 
	padding: 0 38px;
}

/* ~~ 其它浮动/清除类 ~~ */
.fltrt {  /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: right;
}
.fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: left;
}
.clearfloat { /* 如果从 #container 中删除或移出了 #footer，则可以将此类放置在 <br /> 或空 div 中，作为 #container 内最后一个浮动 div 之后的最终元素 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*     左内容区    */
.left_side{margin-right:15px;width:224px;}
.product_box{margin-bottom:20px; background: #fff url(../images/tubiao2.png) no-repeat left top;border-top:5px solid #32adef;padding-top:37px;width:214px;margin-left:5px;box-shadow: 1px 1px 2px #D4D4D3;}
.product_box ul li{border-top:1px solid #E6E6E6;font-size:14px;height:30px;line-height:30px;background: #fff url(../images/icon_arrow.gif) no-repeat 25px center;padding-left:50px;}
.product_box ul li:hover{background: #32adef url(../images/icon_arrow_white.gif) no-repeat 25px center;color:#fff;cursor:pointer;}
.product_box ul li a{color:#707070;}
.product_box ul li a:hover{color:#fff;} 
.product_box ul li.noicon{background: #fff;}
.contact_box{background:url(../images/contact.png) no-repeat top center;width:224px;height:279px;margin-bottom:10px;}
.welcome_logo{background:url(../images/welcome_logo.png) no-repeat top center;width:224px;height:88px;}

/*     中内容区    */
.mid_side{margin-right:15px;width:420px;}
.more{padding-right:10px;}
.mid_company{background-color:#fff;border-top:5px solid #32adef;margin-bottom:20px; }
.mid_company_con{height:218px;border-top:1px solid #E6E6E6;background: #fff url(../images/company.jpg) no-repeat 10px 30px;line-height:20px;}
.mid_company_con p{ width:220px;font-size:13px;padding-left:195px;padding-top:6px;}

.mid_product_con ul li{background-color:#fff;float:left;width:134px;height:200px;margin-right:6px;margin-bottom:20px;text-align:center;}
.mid_product_con ul li img{padding:5px;max-width:124px;max-height:160px;}
.hg30{height:30px;}

/*     右内容区    */
.right_side{width:210px;}
.right_news{background-color:#fff;border-top:5px solid #32adef;margin-bottom:20px;}
.right_news_title{border-bottom:1px solid #E6E6E6;}
.right_news_con ul li{font-size:13px;height:24px;line-height:24px;background: #fff url(../images/icon_arrow.gif) no-repeat 15px center;padding:3px 10px 3px 30px;overflow:hidden;}
.right_news_con ul li a:hover{color:#f98181;}
.right_product img{margin-bottom:20px;}

/* ~~ 脚注 ~~ */
.footer {
	background:url(../images/bg_footer.jpg) repeat-x;
	height:111px;
	width:960px;
	margin:0 auto;
	text-align:center;
	color:#fff;
}

.footer_nav{height:40px;text-align:center;font-size:12px;line-height:40px;padding-top:30px;color:#fff;}
.footer_nav a{color:#fff;padding:0 5px;}
.footer_nav a:hover{color:red;}
.footer span a{color:#fff;}
.footer span a:hover{color:red;}

/*  公司内容 */
/*     中内容区    */
.con_side{width:640px;box-shadow: 1px 1px 2px #D4D4D3;}
.con_company{background-color:#fff;border-top:5px solid #32adef;}
.con_company_title{border-bottom:1px solid #E6E6E6;background: #fff;}

/*单页内容样式*/

/*标题*/
.meta{border-bottom:1px solid #EEE;padding-bottom:10px;}
.meta .share{float:right;}
.meta-tit{color:#3B8DD1;font-size:18px;margin:0 0 10px;}
.meta-tit span a{color:#008800;font-size:12px;font-weight:normal;margin-left:10px;}
.meta-info{color:#999;}
/*内容*/
.entry{font-size:13px;line-height:22px;word-wrap:break-word;padding-top:10px;}
.entry img{max-width:600px;}
.entry h2,.entry h3,.entry h4{border-bottom:1px solid #EEE;color:#111;padding-bottom:5px;}
.entry h2{font-size:15px;}
.entry h3,.entry h4{font-size:14px;}
.entry strong{color:#DC2523;}
.entry ul,.entry ol{margin:16px;}
.entry li{margin-left:26px;}
.entry ul li{list-style:disc outside none;}
.entry ol li{list-style:decimal outside none;}
.entry p{margin:10px 0;}
.entry a{text-decoration:underline;}
.entry code, .comment code{background-color:#EEE;border-radius:2px 2px 2px 2px;color:#777;font-family:'courier new';margin:0 4px;padding:1px 4px;}
.entry table{border-left:1px solid #EEE;border-top:1px solid #EEE;}
.entry table th{background-color:#F9F9F9;text-align:center;}
.entry table td, .entry table th{border-bottom:1px solid #EEE;border-right:1px solid #EEE;padding:5px 10px;}

/*侧栏目导航*/
.sidebar{margin-bottom:20px; background: #fff;border-top:5px solid #32adef;width:214px;margin-left:5px;box-shadow: 1px 1px 2px #D4D4D3;}
.sidebar h3{font-size:16px;padding:5px 20px;}
.sidebar h3 span{color:#339900;float:right;font-weight:normal;}
.sidebar ul{margin-bottom:16px;}
.sidebar ul li{_display:inline;border-top:1px solid #E6E6E6;font-size:14px;height:30px;line-height:30px;}
.sidebar li a{display:block;background: #fff url(../images/icon_arrow.gif) no-repeat 25px center;padding-left:50px;}
.sidebar li a:hover{background:#32adef url(../images/icon_arrow_white.gif) no-repeat 25px center;color:#fff;}
.sidebar li a i{background:#D6D6D6;border-radius:20px 20px 20px 20px;color:#FFF;float:right;font-size:10px;font-style:normal;height:12px;line-height:12px;margin-top:1px;overflow:hidden;padding:1px 4px;text-align:center;width:12px;}
.sidebar li a .time{color:#999;margin-right:10px;}

/*商品样式
------------------------------------------------------------------------------------*/
.main_box{padding:20px;background:#fff;}
.pro_list{width:600px;overflow:hidden;margin:0 8px;}
.pro_list ul{clear:both;width:600px;}
.pro_list li{float:left;margin:20px 18px 0 0;width:182px;height:228px; overflow:hidden;}
.pro_list li .pic{ display:block; margin:0 auto; position:relative;width:180px; height:180px; border:1px solid #e1e1e1; }
.pro_list li .pic:hover{border-color:#CCC #CCC #BBB;}
.pro_list li .pic img{width:180px;height:180px;overflow:hidden;}
.pro_list li .info .name{ color:#666; display:block; margin:4px auto; width:182px; text-overflow:ellipsis; white-space:nowrap;overflow:hidden;text-align:center;font-size:14px; }
.pro_list li .info .price{ margin:0 auto 4px 15px; }
.pro_list li .info .price span{ color:#888888; }
.pro_list li .info .price strong{ color:#ED1C24; }
/* 图片放大镜样式*/
.pictureDIV{float: left;margin:0 0 20px 0;}
.jqzoom{float:left;border:none; position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff;opacity: 0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{width:292px;height:292px;border:1px solid #ccc;}
.spec-preview .jqzoom img{width:292px;height:292px;}
.spec-scroll{clear:both;margin-top:5px; width:294px;}
	.spec-scroll .prev{float:left;margin-right:5px;}
	.spec-scroll .next{float:right;}
	.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px;line-height:54px;border:1px solid #ccc;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:261px;height:56px;overflow:hidden;}
	.spec-scroll .items ul{margin:0; padding:0;list-style:none;position:absolute;width:999999px; height:56px;}
		.spec-scroll .items ul li{float:left; margin:0px; padding:0px; width:65px;text-align:center;}
			.spec-scroll .items ul li img{border:1px solid #CCC; padding:2px;width:50px;height:50px;}
			.spec-scroll .items ul li img:hover{ border:2px solid #FF6600; padding:1px; }
.productItem {float:left;margin:0 0 20px 10px;padding:10px;height:330px;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;list-style:none;width:296px;line-height:34px;font-size: 14px;}
	.productItem li{margin:0px;padding:0px;}
/*商品属性样式*/
.pro-attr h1{margin-bottom:10px;font-size:18px;font-weight:500;color:#444;line-height:30px;}
	.pro-items{padding-bottom:10px;}
	.pro-items dl{clear:both; padding:5px 0; font-size:14px;}
		.pro-items dl dt{float:left; display:block; padding-right:5px;}
	.pro-btns{ padding:10px; border:1px solid #EDD28B; background:#FFFCF5;}
		.pro-btns:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
		.pro-btns .input-box{margin-bottom:5px;padding-bottom:10px;border-bottom:1px solid #eaeaea;}
			.pro-btns .input-box .txt{padding:0 5px;border:1px solid #F5DA98;height:24px; line-height:24px;width:60px;}
		.pro-btns .btn-box{ padding:10px 0; position:relative; }
			.pro-btns .btn-box .add,.pro-btns .btn-box .buy,.pro-btns .btn-box .add-over,.pro-btns .btn-box .buy-over{background:url(../images/car_btn_buy.png) no-repeat; display:block; float:left; height:37px; text-indent:-9999px;}
			.pro-btns .btn-box .add{background-position:0 0;width:127px;}
			.pro-btns .btn-box .add-over{background-position:0 -58px; width:127px;}
			.pro-btns .btn-box .buy{background-position:0 -116px;margin-left:15px;width:127px;}
			.pro-btns .btn-box .buy-over{background-position:0 -174px;margin-left:16px;width:127px;}
.cart_info{z-index:2;margin:0;padding:15px;border:1px solid #DFC795;position:absolute;top:0px;left:0px;_left:-269px;width:302px;height:auto;background:#F7F2D0;text-align:left;}
	.cart_info .close{display:block;margin:0;padding:0;position:absolute;top:5px;right:5px;width:15px;height:10px;text-indent:-9999px;background:url(../images/sprite.gif) no-repeat left -240px;cursor:pointer;}
/*商品选项卡*/
.pro-tabs{border-bottom:2px solid #498FCD; background:#fff;height:35px;line-height:35px;overflow:hidden;}
	.pro-tabs ul li{float:left;font-size:12px;}
	.pro-tabs ul li a{float:left;display:block;margin-right:2px;padding:0 30px;border:1px solid #E7E7E7;height:35px;background:#F9F8FE;white-space:nowrap;}
	.pro-tabs ul li a:hover,
	.pro-tabs ul li a.current{background:#498FCD;color:#fff;display:block;text-decoration:none;}
	
/*新闻资讯样式
------------------------------------------------------------------------------------*/
.newsToppic dl dt{margin-bottom:6px;border-bottom:1px solid #EEE;}
	.newsToppic dl dt strong{display:block;margin:0 auto 10px auto;font:15px "Microsoft Yahei";border:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
	.newsToppic dl dt strong a{color:#3B8DD1;}
	.newsToppic dl dt strong a:hover{color:#0089cd;}
	.newsToppic dl dt p{padding-bottom:10px;line-height:18px;color:#999; }
	.newsToppic dl dd{font-size:12px;height:28px;line-height:28px;}
	.newsToppic dl dd a{color:#666;}
	.newsToppic dl dd a:hover{color:#0089CD;}
	.newsToppic dl dd span{float:right;color:#999;}
.newsToplist {clear:both;}
	.newsToplist:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
	.newsToplist a{color:#666;}
	.newsToplist a:hover{color:#0089CD;}
	.newsToplist .list{float:left;margin:0;width:580px;padding:0 10px;}
	.newsToplist .list dl{margin-top:15px;}
	.newsToplist .list dl dt{clear:both;margin:0 0 5px 0;height:90px;}
	.newsToplist .list dl dt img{float:left;margin-right:10px;width:70px;height:70px;}
	.newsToplist .list dl dt strong{display:block; margin-bottom:8px;font-size:12px;line-height:12px;color:#666;font-family:"Microsoft Yahei";width:230px;text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
	.newsToplist .list dl dt p{padding-bottom:8px;color:#999;line-height:18px;}
	.newsToplist .list dl dd{clear:both;font-size:14px;height:28px;background:url(../images/dot.gif) no-repeat 2px 12px;}
	.newsToplist .list dl dd span{float:right;color:#999;}
.newsRedlist{padding:3px 0;}
	.newsRedlist li{height:28px;line-height:28px;font-size:12px;overflow:hidden;}
	.newsRedlist li a{padding:0;background:none;border:none;}
	.newsRedlist li a:hover{background:none;border:none;color:#0089CD;}
	.newsRedlist li span{float:right;padding-left:5px;color:#999;}
.news_list li{padding:0 0 20px 0;}
	.news_list h2{font-size:15px;height:18px;margin:0 auto 12px 0;overflow:hidden;}
		.news_list .note{margin:0;color:#777;line-height:20px;}
	.news_list .info{margin:0 auto 8px 0;}
		.news_list .info, .info a{color: #777;}
		.news_list .info a:hover {color:#333;text-decoration:underline;}
.news_list a{color:#666;}
.news_list a:hover{color:#0089CD;}

/*评论*/
.comment_box{}
	.comment_list li{padding:15px 0;border-bottom:1px solid #EEE;}
	.comment_list li .floor{float:right;font-size:18px;color:#DDD;}
	.comment_list li .avatar{display:block;background:#FFF;border-radius:2px 2px 2px 2px;float:left;height:36px;overflow:hidden;width:36px;}
	.comment_list li .avatar img{width:36px;height:36px;}
	.comment_list li .inner{margin-left:48px;}
	.comment_list li .inner p{font-size:13px;}
	.comment_list li .inner .meta{padding-top:3px;color:#999;border:none;}
	.comment_list li .answer{margin-left:48px;padding:10px;background:#F6F6F6;border:1px solid #E6E6E6;border-radius:3px 3px 3px 3px;}
	.comment_list li .answer .meta{color:#999;margin-bottom:5px;padding:0;border:none;}
.comment_editor{padding:10px 0; width:100%;}

.base_tit{border-bottom:1px solid #DADADA;color:#444;font-size:14px;margin:20px auto 2px 0;padding-bottom:5px;}
.base_tit span{float:right;font-size:12px;font-weight:100;margin:5px 0 0 0;color:#ccc;}
.base_tit span a{color:#999;}
.form_box dl{clear:both;padding:8px 0;font-size:12px;line-height:28px;}
.form_box dl dt{display:block;float:left;width:150px;text-align:right;}
.form_box dl dt em{padding-right:5px;color:#FF0000;font-style:normal;}
.form_box dl dd{margin-left:150px; padding-left:10px;}
.form_box dl dd i{display:block;line-height:28px;color:#999;font-size:12px;font-style:normal;}
.form_box dl dd em{line-height:28px;color:#999;font-size:12px;font-style:normal;}
.form_box dl dd .btn_submit{padding:10px 30px;border:1px solid #429342;background:#52A152;color:#fff;font-size:14px;line-height:1em;cursor:pointer;font-family:'Microsoft YaHei';}