﻿@charset "utf-8";

/*
	@重定义浏览器默认样式
	@全局常用样式
	@组件样式
	@lasted modify by lizm
*/

/*====================重定义浏览器默认样式===========================*/


/* 防止用户自定义背景颜色对网页的影响 */
html {color:#333;background:#fff;}

body, ul, li, ol, dl, dt, dd, form, input, textarea, img, p, h1, h2, h3, h4, h5, h6, fieldset, button,label {margin:0;padding:0; font-weight:normal;}
/**ie6 识别微软雅黑不要引号.ie6汉字会显示偏上位置，先用不存在字体 Tahoma,试下那就只能忽略这个问题**/
body {height:100%;font-size:14px;color:#333;font-family:  "Microsoft Yahei",sans-serif !important;font-family: "Microsoft Yahei","微软雅黑","宋体";font-family:Verdana, Arial, Helvetica, sans-serif;_font-family: Microsoft Yahei,微软雅黑,"宋体";line-height:26px;}
ol, ul, li {list-style:none;}
img {border:0;}
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4, h5, h6 {font-size:12px;}
em, cite, i {font-style: normal;}
a {color:#333;text-decoration:none}
a:hover {color:#006699z;text-decoration:underline;}
a:focus {outline:none;}

/* 去掉各Table  cell 的边距并让其边重合 */
table{border-collapse:collapse;border-spacing:0;}

/*====================重定义浏览器默认样式=============================*/


/*============================全局常用样式============================*/
 /*清除浮动*/
.clr:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clr {zoom:1;}

/*解除浮动*/
.clr_n {clear:none;}

/*元素不显示*/
.none {display:none;}

/*无背景*/
.none_bg {background:none;}

/*左浮动*/
.f_l {float:left;}

/*右浮动*/
.f_r {float:right;}

/*块状元素*/
.dpb {display:block;}

/*内联元素*/
.dpi {display:inline;}

/*文本缩进*/
.int2em {text-indent:2em;}

/*常用字体样式 字体颜色*/
.fc0 {color:#000;}
.fc3 {color:#333;}
.fc6 {color:#666;}
.fc9 {color:#999;}
.fc_red{ color:#e45151;}
.fwb {font-weight:bold;}
.fwn {font-weight:normal;}
.fs12{ font-size:12px;}
.fs14{ font-size:14px;}
.fs16{ font-size:16px;}
/*常用字体样式 字体颜色*/

/*============================全局常用样式============================*/

/*============================组件样式================================*/

/*横向留白*/
.blank_3{height:3px;line-height:0;font-size:0; clear:both; overflow:hidden;}
.blank_5{height:5px;line-height:0;font-size:0; clear:both; overflow:hidden;}
.blank_7{height:7px;line-height:0;font-size:0; clear:both; overflow:hidden;}
.blank_8{height:8px;line-height:0;font-size:0; clear:both; overflow:hidden;}
.blank_10{height:10px;line-height:0;font-size:0; clear:both; overflow:hidden;}
.blank_15{height:15px;line-height:0;font-size:0; clear:both; overflow:hidden;}
.blank_20{height:20px;line-height:0;font-size:0; clear:both; overflow:hidden;}
/*横向留白*/

/*============================组件样式================================*/


/*==================== 公用模块 ===========================*/

/*头部*/
.header_wrap{width:100%;height:67px;margin:0 0 2px;background:url(../images/header_bg.png) repeat-x;border-top:3px solid #00479d;}
.header{width:960px;margin:0 auto;}
.logo_header{ float:left;width:176px;height:67px;}

.nav{ float:right; position: relative; z-index: 99; right: 0; height: 67px;}
.nav_tab{ position: relative; z-index:100; height: 67px;font-family:"Microsoft YaHei", '微软雅黑', '宋体';font-size: 16px; }
.nav_tab ul{ position: relative; z-index:100; height: 67px;}
.nav_tab li{ position:relative; z-index:100; float: left;width:92px;margin:0 10px 0 0; line-height: 67px; text-align: center; cursor:pointer;}
.nav_tab li a:hover{text-decoration: none; color:#00479d;}
.nav_tab li.nav_on{ position: relative; z-index: 101; top:0; height: 77px; background: url(../images/nav_on_bg.png) no-repeat; font-weight: bold;}
.nav_tab li.nav_on a{color:#fff;}
.nav_tab li.nav_on a:hover{color:#fff;}

.nav_sub{ position: absolute; z-index:99; top:-8px;/*width:500px; height:205px;*/background: #e6e6e6 url(../images/nav_sub_bg.png) repeat-x center 3px; border:1px solid #ddd;}
.nav_sub_left{float: left;width:175px;padding:10px 20px 30px 20px;}
.nav_sub_right{float:left;width:175px;padding:10px 20px 30px 20px;}
.nav_sub h3{height: 40px;line-height: 40px; text-indent: 20px; background: url(../images/nav_arrow.png) no-repeat left; font-size: 14px; font-weight: normal; }
.nav_sub ul{ float:left;width:82px;padding:5px 0 0 0; zoom:1;}
.nav_sub li{height: 28px;line-height: 28px; text-indent: 20px; background: url(../images/nav_dot.png) no-repeat left;}
.nav_sub_line{height: 4px;font-size: 0;line-height: 0; background: url(../images/nav_sub_line.png) repeat-x;}
/*头部*/

/*页底导航*/
.footer_nav_wrap{width:100%;height:188px; background: url(../images/footer_nav_wrap_bg.png) repeat-x;}
.footer_bg{ width:100%;height:188px;margin:0 auto;background: url(../images/footer_nav_bg.png) center top no-repeat;}
.footer_nav{width:960px;height:188px;margin:0 auto;}
.footer_nav h2{height: 26px;line-height: 26px;margin:0 0 8px 0; font-weight: normal;}
.footer_nav_mod{ float: left; width:132px; height: 160px; padding:0 0 0 13px; background: url(../images/footer_nav_line.png) repeat-y; margin:12px 0 0 0; line-height:22px;}
.footer_nav_mod li{ font-size: 12px;}

.footer_nav_other{ float:left; width:210px;background: url(../images/footer_nav_line.png) repeat-y; margin:12px 0 0 0;padding:0 0 0 13px;}

.footer_link{margin:0 0 20px 0;}
.footer_link h2{ text-indent: 24px; background: url(../images/footer_other_icon.png) no-repeat left 4px;}
.footer_link_con{width:210px;height:28px;background: url(../images/footer_other_input_bg.png) no-repeat;}
.footer_link_scroll{ float:left;width:180px;height:28px;overflow:hidden;}
.footer_link_scroll ul{padding:0 0 0 15px; }
.footer_link_scroll ul li{height:28px;line-height:28px;}
.footer_link_scroll ul li a{color:#969696;}
.footer_link_scroll ul li a:hover{ text-decoration:none;}
.footer_link_btn{ float:left;width:28px;height:28px; background:url(../images/footer_other_icon.png) no-repeat left -47px; overflow:hidden;}
.footer_link_btn a{ display:block; width:28px;height:14px;line-height:14px; font-size:0; cursor:pointer;}
.footer_link_btn a:hover{opacity:0.5; filter:alpha(opacity=50); cursor:pointer;}

.footer_search h2{ text-indent: 24px; background: url(../images/footer_other_icon.png) no-repeat left -20px;}
.footer_search_con{ position:relative; width:210px;height:28px;padding:0 0 3px 3px;background: url(../images/footer_other_input_bg.png) no-repeat;}
.searchInput{ float:left; width:166px; height:24px;margin:3px 0 0 15px;line-height:24px;color:#979696; font-size:14px; border:0; }
.searchInputFocus{ float:left; width:166px; height:24px;margin:3px 0 0 15px; line-height:24px;color:#666; font-size:14px; border:0;}
.footer_search_con .inputTips{ position: absolute; z-index: 1; left:5px; padding:0 10px; height:28px;line-height:28px; color:#979696;}
.searchBtn{float:left; width:22px;height:28px; background: url(../images/footer_other_icon.png) no-repeat left -75px; border:0; cursor:pointer;  }
.searchBtnHover{float:left; width:22px;height:28px; background: url(../images/footer_other_icon.png) no-repeat left -75px; border:0; cursor:pointer; opacity: 0.8; filter:alpha(opacity=80); }
/*页底导航*/

/*底部*/
.footer_wrap{width:100%;border-bottom:3px solid #274688;}
.footer{width:960px;margin:0 auto;height: 50px;padding:12px 0 0 0; font-size: 12px;}
.logo_footer{ float: right;}
.footer_info{ float: left;}
.footer_info li{width:100%;height: 16px;line-height: 16px; color:#565c63; }
.footer_info li span{ display: block; float: left;}
.footer_info li span.footer_tel{ text-indent: 18px; background: url(../images/footer_icon.png) no-repeat left 2px;}
.footer_info li span.footer_fax{ text-indent: 18px; background: url(../images/footer_icon.png) no-repeat left -21px;}
.footer_info li span.footer_mail{ text-indent: 18px; background: url(../images/footer_icon.png) no-repeat left -43px;}
.footer_info li em{padding:0 5px;}

/*底部*/

/*二级页面框架*/
.column-body{
	width:100%;
	padding:0;
	margin:0;
	background:#ffffff url(../images/case_bg.png) repeat-x top;
	}
.column-main{
	width:960px;
	margin:0 auto;
	padding:0;
	}
.grid-4{
	width:240px;
	float:left;
	}
.grid-12{
	width:720px;
	float:left;
	}
.column-banner-title{
	margin:0;
	height:77px;
	padding:38px 0px 0px 36px;
	background:url(../images/about_banner_title.png) no-repeat;
	color:#FFF;
	font-size:22px;
	font-family:"微软雅黑";
	}
.column-banner{
	width:720;
	height:155px;
	}
/*二级页面框架*/

/*------------左侧子项栏目菜单------------*/
.menubar{
	 width: 240px;
	 margin:0;
	 padding:0;
	 min-height:340px;
	 background:url(../images/leftmenu_bg.png) no-repeat;
	 background-position:0 -75px;
	 padding-bottom:10px;
	}
.menubar_bottom{
	 width: 240px;
	 margin:0;
	 padding:0;
	 height:4px;
	 background:url(../images/leftmenu_bottom.png) no-repeat;
	 margin-top:0px;
	}
.menubar-nav{
	width: 200px;
    margin: 0 0 0 12px ;
	}
.menubar-nav li{
	            list-style:none;
			    color: #434343;
                margin:0 0 10px 0;
				width: 209px;
                text-align:left;
				padding: 0 ;
				
	}
.menubar-nav li a{
	            display: block;
                padding:0 ;
                color: #00479d;
				text-indent:24px;
                font-size: 16px;              
				border:0;
				line-height: 36px;
				height:39px; 
				background-image:url(../images/menu_bg.png) ;
				background-position: 0 -160px;
				text-decoration:none;
	            outline:none; blur:expression(this.onFocus=this.blur());
	}
.menubar-nav li a:hover{
	           color: #00479d;
				border:0;
			    display: block;
				background-image:url(../images/menu_bg.png)  ;
				background-position: 0 -322px;
		    	line-height: 36px;
				height:39px; 
				margin:0;
				text-indent:24px;			
	}	
.menubar-nav li  a.current,
.menubar-nav li  a.current:hover {
                color: #ffffff;
				border:0;
			    display: block;
				background-image:url(../images/menu_bg.png) ;
				background-position: 0 -368px;
		    	line-height: 36px;
				height:39px; 
				margin:0;
				text-indent:24px;
				cursor:default;
                }								
			
/*------------左侧子项栏目菜单------------*/


/*二级页标题*/
.column-list-title{
	width:710px;
	background:#eeeeee;
	height:40px;
	border-bottom:1px solid #acacac;
	margin:0;
	line-height:40px;
	vertical-align:middle;
	}
.column-list-title img{
	float:left;
	padding:6px 8px 0 10px;
	}
.column-list-title h1{
	font-size:21px;
	font-weight:normal;
	color:#;2f3439
	}
/*二级页标题*/

/*------------三级内容页------------*/
.content3j-body{
	width:100%;
	padding:0;
	margin:0;
	background:url(../images/content3j_bg.png) repeat-x top;
	}
.content3j-main{
	width:960px;
	margin:0 auto;
	padding:0;
	}
.content_banner{
	background:url(../images/content3j_banner.png) no-repeat;
	width:960px;
	height:60px;
	}
.content3j-title{
	width:960px;
	color:#00479d;
	text-align:center;
	border-top:1px solid #acacac;
	margin:0 auto;
	line-height:36px;
	padding:15px 0 15px 0;
	}
.content3j-title h1{font-weight:800;}
.content3j-in{ width:960px; color:#2f3439; font-size:16px; margin:10px auto; }
.content3j_text{width:98%; padding:15px 0 45px 0; margin:0 auto; font-size:14px; line-height:24px;}
.content3j_text-title{
	font-size:16px;
	color:#00479d;
	line-height:35px;
	border-top:#00479d 0px solid;
	padding:0 25px 15px 0;
	font-family:"微软雅黑",'Microsoft Yahei';
	font-weight:800;
}
/* New 2013-04-09 LuanJuan */
.banner120{
	height:120px;
}
/*** New 2013-04-19 LuanJuan ***/
.contact-us{
	width:960px;
	border-top:1px solid #acacac;
	margin:0 auto;
	padding:15px 0;
}
.contact-us-rit{
	background:url(../images/about_xiewen.jpg) repeat-x top;
	padding:35px 0 0 0;
	float:right;
	width:704px;
}
.contact-us-rit li{
	color:#00479d;
	font-size:16px;
	font-family:"微软雅黑",'Microsoft Yahei';
	line-height:24px;
	padding:15px 0 15px 25px;
}
.li-grarbg{background:#f5f5f5; border-bottom:#e6e6e6 1px solid;}
.li-white{background:#fff; border-bottom:#e7e7e7 1px solid;}
.taiji-map{border:#e7e7e7 1px solid; padding:2px 0 0 2px; height:462px; margin:20px 0 0 0;}

/*============================分页导航样式================================*/
.pager{
	width:720px;
	text-align:center;
	margin:10px auto 0px auto;
	font-family:Arial, Helvetica, sans-serif;
	}
.pager-item-link{
	margin:0 auto;
	}
.pager-item{
    margin:0 6px;
	}
.pager-item-num{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#2f3439;
    margin:0 6px;
	line-height:45px;
	background:#e7e7e7 url(../images/pager_bg_num.png)  repeat-x top;
	border:1px  solid #b0b0b0;
	padding:5px 10px;
    -moz-border-radius: 4px;      /* Gecko browsers */
    -webkit-border-radius: 4px;   /* Webkit browsers */
    border-radius:4px;            /* W3C syntax */
	}
a.pager-item-current{
	cursor:default;
	text-decoration:none;
	color:#ff1d00;
	font-weight:bold;
	}
a.pager-item-current:hover{
	text-decoration:none;
	}
.pager-item-prev, .pager-next{
	padding:10px 10px 7px 10px;
	*padding:0 10px 10px 10px;
	line-height:35px;
	background:#327fdf;
    -moz-border-radius: 4px;      /* Gecko browsers */
    -webkit-border-radius: 4px;   /* Webkit browsers */
    border-radius:4px;            /* W3C syntax */
    background-position: 0 -250px;
	}
a.pager-item-prev:hover, a.pager-next:hover{
	background:#e14a00;
    -moz-border-radius: 4px;      /* Gecko browsers */
    -webkit-border-radius: 4px;   /* Webkit browsers */
    border-radius:4px;            /* W3C syntax */
    background-position: 0 -250px;
	}
.pager-item img{
    text-align:center;
	width:16px;
	height:16px;
	border:0;
	*padding:8px 0 0 0;
	}
a.pager-item-disable{
	border:1px  solid #6e6e6e;
	background:url(../images/page_x.png)  repeat-x;
    background-position: 0 -210px;
	padding:2px 6px;
	cursor:default;
	color:#666666;
	}	/***无效 不可用状态样式***/
a.pager-item-disable:hover{
	text-decoration:none;
}/***ie6 hack***//*============================分页导航样式================================*/
/**** New 2013-06-06 Luanjuan ****/
.search-result{padding:8px 0 3px 3px; }
.search-result-input{ float:left; width:500px; height:24px;margin:3px 0 0 0;line-height:24px;color:#333; font-size:14px; border:#ccc 1px solid; text-indent:5px; }
.search-result-btn{float:left; width:60px;height:26px; border:#ccc 1px solid; cursor:pointer; margin:3px 0 0 10px; background:url(../images/nav_sub_bg.png) repeat-x bottom; font-size:14px; font-family:  "Microsoft Yahei",sans-serif !important;font-family: "Microsoft Yahei","微软雅黑","宋体";font-family:Verdana, Arial, Helvetica, sans-serif;_font-family: Microsoft Yahei,微软雅黑,"宋体";}

/*==================== 公用模块 ===========================*/

/****商品详细页****/
.dt-summary{ padding:0px 0px 10px 0px;}
.dt-detail{ padding:5px 0px 0px 0px; text-align:left; width:100%;}

.product-detail-content{ padding-top:10px; margin:0px auto; width:98%;}
.product-detail-content p{ line-height:22px; margin:0.5em 0px;}

/**产品图片**/
.dt-gallery{ float:left; width:300px;}
.dt-gallery .gallery-view{ border:0px solid #DDD; width:300px; margin:4px; vertical-align:middle; text-align:center;}
.dt-gallery .gallery-view img{ max-height:250px; max-width:250px; height:expression(this.height > 250 && this.height/this.width >= 1 ? 250 : true); width:expression(this.width > 250 && this.width/this.height >= 1 ? 250 : true);}
.gallery{ margin:2px 0px 0px 0px;}
.gallery li{ border:1px solid #cdcdcd; float:left; height:44px; margin:6px 6px 0px 0px; width:44px; overflow:hidden; text-align:center;}
.gallery li img{ height:expression(this.height > 44 && true ? 44 : true); width:expression(this.width > 44 && true ? 44 : true); max-height:44px; max-width:44px;}
.gallery li.current{ border:2px solid #C30008; height:42px; width:42px;}
.gallery li.current img{ max-height:44px; max-width:44px; margin:-1px 0px 0px -1px;}
/**产品基本信息**/
.dt-property{ padding-left:335px;}
.dt-property .product-name{ color:#222; font-size:14px; line-height:22px; font-weight:bold; margin-bottom:4px;}
.dt-property .attr{ line-height:20px; padding:0px 0px 0px 0px;}
.dt-property .attr td{ padding:2px 0px;}
.dt-property .abstract{ background:#fafafa; border:1px dashed #eee; margin:5px 0px 5px 0px; padding:6px 10px;overflow:hidden; font-size:11px; line-height:16px;}
.dt-property .abstract h5{ font-size:12px;}
/****/
#related-product .productlist{ border:none; padding:0px;}
#related-product .productlist ul{ padding:0px;}

/*crumb*/
.column-crumb{
	margin:0;
	height:32px;
	line-height:32px;
	padding:0px 0px 0px 0px;
	}
.column-crumb h3{
	color:#2f3439;
	font-weight:normal;
	}
/*crumb结束*/	

/*新闻类栏目页的列表*/
.column-list{
	margin:10px 0 10px 0;
	}
.column-list dl{
	}
.column-list dl:hover{
	border:1px #aeaeae dashed;
	}
.column-list-item{
	width:710px;	
	padding:0 0 5px 0;
	}
.column-bgw{
	background:#ffffff;
	border:1px #ffffff dashed;
	}
.column-bgg{
	background:#f1f1f1;
	border:1px #f1f1f1 dashed;
	}
.column-list-item dt{
	height:23px;
	line-height:23px;
	padding:5px 0 0 0;
	} 	
.column-list-item dd{
	padding:0 20px 0 10px;
	} 
.list-time{
	color:#878787;
	font-size:12px;
	}
.column-list-item h4{
	display:block;
	color:#00479d	;
	font-size:14px;	
	font-weight:normal;
	float:left;
	padding:0 0 0 10px;
	}
.column-list-item h4 a{color:#00479d; text-decoration:none;}
.column-list-item h4 a:visited{color:#00479d; text-decoration:none;}
.column-list-item h4 a:hover{color:#C30; text-decoration:none;}		
.column-list-item p{
	display:block;
	float:left;
	margin:4px 0 0 10px ;
	display:block;
	height:15px;
	padding:0 2px 1px 2px;
	background:#5b85c7;
	color:#ffffff;
    font-size:12px;
	line-height:15px;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius:2px;
	outline:none; blur:expression(this.onFocus=this.blur());
	}
a.column-case{
	display:block;
	height:18px;
	background:#5b85c7;
	color:#ffffff;
    font-size:12px;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius:2px;
	line-height:18px;
	text-align:center;
	text-decoration:none;
	outline:none; blur:expression(this.onFocus=this.blur());
	}
a.column-case:hover  {
	display:block;
	height:18px;
	background:#e14a00;
	color:#ffffff;
    font-size:12px;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius:2px;
	line-height:18px;
	text-align:center;
	text-decoration:none;
	outline:none; blur:expression(this.onFocus=this.blur());
	}

a.column-more{
	display:block;	
	width:50px;
	float:right;
	margin:3px 10px 0 0;
	height:18px;
	font-size:12px;
	line-height:18px;
	vertical-align:middle;
	color:#d84a37;
	background:url(../images/solution_icon_more.png)  no-repeat;
	background-position:-9px 2px;
	
	}