﻿ /*=============
http://www.05e0.com
v4.0 | 2014-03-06
=============*/
@charset ;

/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 tahoma, helvetica, arial, "宋体", sans-serif;*/
    font: 14px/1 Tahoma, Helvetica, Arial,"\5FAE\8F6F\96C5\9ED1 ","\5b8b\4f53", sans-serif;}

/* 重置列表元素 */
ul, ol { list-style: none;}

/* 重置文本格式元素 */
a { text-decoration: none;}
a:hover { text-decoration: underline;}

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;}

q:before, q:after { content: '';}

/* 重置表单元素 */
legend { color: #000;} /* for ie6 */
fieldset, img { border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%;}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;}

/* 重置 hr */
hr {
    border: none;
    height: 1px;}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll;}




body{background:#fff url(imagesbg.jpg) center top no-repeat;}
.clear{clear:both;}
.h8{width:100%;height:10px;line-height:10px;clear:both;}
.red{color:#f00;}


/*--主导航--*/
#menu{width:1000px;margin:0 auto;height:40px;padding-top:0px;position:relative;z-index:120;border:solid 0px #f00;}
	#nav{float:left;}
		#nav #home{width:125px;color:#fff;text-align:center;}
		#nav #home a{width:125px;}
		#nav ul{display:none;position:absolute;top:100%;left:0;}
		#nav ul ul,#nav ul ul ul{top:0;left:100%;}
		#nav li{float:left;display:inline;position:relative;}
		#nav ul li{width:100%;display:block;}
		/* Root Menu */
		#nav a{line-height:40px;width:125px;text-align:center;float:left;display:block;color:#fff;text-decoration:none;height:1%;font-weight:500;font-size:16px;}
		/* Root Menu Hover Persistence */
		#nav a:hover,#nav li:hover a,#nav li.iehover a{color:#fff;background:#a2000d;}
		/* 2nd Menu */
		#nav li:hover li a,#nav li.iehover li a{position:relative;color:#EEE;width:180px;line-height:32px;text-align:center;left:-27px;border-bottom:solid 1px #a2000d;background:#b22;font-size:12px;font-weight:normal;}
		/* 2nd Menu Hover Persistence */
		#nav li:hover li a:hover,#nav li:hover li:hover a,#nav li.iehover li a:hover,#nav li.iehover li.iehover a{background:#a2000d;color:#fff;}
		/* 3rd Menu */
		#nav li:hover li:hover li a,#nav li.iehover li.iehover li a{background:#fff;color:#329ADF;}
		/* 3rd Menu Hover Persistence */
		#nav li:hover li:hover li a:hover,#nav li:hover li:hover li:hover a,#nav li.iehover li.iehover li a:hover,#nav li.iehover li.iehover li.iehover a{background:#0194e2;color:#fff;}
		/* 4th Menu */
		#nav li:hover li:hover li:hover li a,#nav li.iehover li.iehover li.iehover li a{background:#ccc;color:#666;}
		/* 4th Menu Hover */
		#nav li:hover li:hover li:hover li a:hover,#nav li.iehover li.iehover li.iehover li a:hover{background:#4278b6;color:#fff;}
		/* Hover Function - Do Not Move */
		#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li.iehover ul ul,#nav li.iehover ul ul ul {display:none;}
		#nav li:hover ul,#nav ul li:hover ul,#nav ul ul li:hover ul,#nav li.iehover ul,#nav ul li.iehover ul,#nav ul ul li.iehover ul{display:block;}




/*--主框架--*/
/* Public */
html{ width:100%;}
body{ width:100%; color:#555;font:12px/20px ; -webkit-text-size-adjust: none;}
a{color:#555;text-decoration:none; outline:none;}
a:hover {color:#f30; text-decoration:underline;}
.fl{ float:left !important;}
.fr{ float:right !important;}
.mab{ margin-bottom:10px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.siteWidth{ width:980px; margin:0 auto;}
.column{ overflow:hidden; margin-bottom:10px;}
#topBar{ height:32px; line-height:32px; background:#eee; border-bottom:1px solid #ddd; overflow:hidden;}
#topBar em{  color:#f00;}
#topBar span{ float:right;  color:#999;}
#topBar span a{ margin:0 5px; color:#666;}

/* 导航 */
#header{ margin-bottom:1px;}
.logoBar{ width:980px; height:90px;margin:0 auto;}
.logoBar h1{ font: bold  50px/60px Georgia;}
.logoBar h1 a{ color:#39A4DC;}
.logoBar h1 a:hover{ color:#39A4DC; text-decoration:none;}
.navBar{ position:relative; z-index:1;  background:#b22; color:#fff; height:40px; line-height:40px;}
.nav{ width:980px; margin:0 auto;}
.nav .m{ float:left;  position:relative; border:1px solid #248ec8; border-top:0; border-bottom:0; margin-left:-1px;}
.nav a:hover{ text-decoration:none; color:#ff0;}
.nav h3{ float:left;  font-size:100%; font-weight:normal; font-size:14px; height:40px; overflow:hidden;}
.nav h3 a{ display:block; color:#fff;  padding:0 20px; border-left:1px solid #5bb3e1; vertical-align:top;}
.nav .on{ border-color:#1F7CAF;}
.nav .on h3 a{ background:#1f7caf; color:#ff0; border-color:#1f7caf !important;}
.nav .sub{ display:none; /*默认隐藏*/ width:99px; padding:5px 0;   position:absolute; left:-1px; top:40px; background:#1F7CAF; text-align:center;}
.nav .sub li{ vertical-align:middle;}
.nav .sub li a{ height:20px; line-height:20px; padding:4px 0;  display:block; background:url(images/icon.jpg) 0 9px no-repeat; color:#fff;}
.nav .sub li a:hover{ color:#ff0; background:#2595d1;}
.nav #m7 h3 a{ border-right:1px solid #5bb3e1;}


/* banner */
.banner{ min-width:1000px;  position:relative;  height:300px; overflow:hidden;}
.banner .bd{ position:relative; z-index:0;}
.banner .bd ul{ width:100% !important;}
.banner .bd li{ width:100% !important;  height:299px;}
.banner .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:299px;}
.banner .bd li a{ height:299px; display:block;}
.banner .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";}
.banner .bd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(../images/banner-btn.jpg) 0 0 no-repeat;
_background:url(../images/banner-btn-ie6.jpg) 0 0 no-repeat;}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center;}
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(imagesdot-black.jpg) 0 0; overflow:hidden; 
	line-height:9999px; filter:alpha(opacity=40);opacity:0.4;}
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;}


/* content */
#content{ background:#eee; padding:10px 0;  overflow:hidden;}
.mainContent{ width:750px; float:left;}
.side{ width:220px; float:right;}


/* 焦点图 */
.focusBox { float:left; position: relative; width: 320px; height: 240px; margin-bottom:10px;  overflow: hidden; font-family:Arial; text-align: left; background:#fff;}
.focusBox .pic img { width: 320px; height: 240px; display: block;}
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden;}
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden;}
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none;}
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px;}
.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer;}
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none;}
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5;}
.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;}

/* Tab切换 */
.slideTxtBox{ float:right;  width:400px; height:220px; overflow:hidden;  padding:10px; background:#fff;  text-align:left;}
.slideTxtBox .hd{ height:28px; line-height:28px; padding:0 15px; border-bottom:2px solid #b22; font-size:14px;}
.slideTxtBox .hd ul{ overflow:hidden; zoom:1;}
.slideTxtBox .hd ul li{ float:left;}
.slideTxtBox .hd ul li a{ display:block; padding:0 15px;}
.slideTxtBox .hd ul li a:hover{ text-decoration:none;}
.slideTxtBox .hd ul li.on a{ background:#b22; color:#fff; font-weight:bold;}
.slideTxtBox .bd{ padding:10px;}
.slideTxtBox .bd li{ height:24px; line-height:24px;overflow:hidden;}
.slideTxtBox .bd li .date{ float:right; color:#999;}

/* 文字无缝上滚动 */
.sideBox{ padding:10px; height:220px; overflow:hidden;   background:#fff; margin-bottom:10px;}
.sideBox .hd{ height:30px; line-height:30px; background:#b22; padding:0 10px;}
.sideBox .hd h3{ font-weight:bold; font-size:14px; color:#fff;}
.sideBox .hd h3 a{ color:#fff;}
.sideBox .bd{ padding:10px 0 10px 5px;}
.sideBox .bd li{ height:24px; line-height:24px; overflow:hidden;}
.sideBox .bd li span{ color:#999; margin-right:5px;}

/* footer */
#footer{ background:#fff; border:1px solid #D7D7D7; padding:20px 0; text-align:center;}
#footer .copyRight{ padding:10px 0; font-family:Arial; line-height:24px;}






/*内页框架*/
#list_banner{width:100%;height:120px;background:url(imageslistbannerbg.jpg) 0 0 no-repeat;margin:0 auto;overflow:hidden;}
.list_main{overflow:hidden;width:1000px;margin:0 auto;padding-top:8px;}
	.list_left{width:230px;float:left;}
	.list_right{width:760px;float:right;}
/*内页左导航*/
.leftmenutitle{width:100%;height:39px;line-height:39px;background:#b22 url(../images/leftmenu0.jpg) 0 0 no-repeat;font-size:14px;color:#fff;font-weight:bold;text-indent:12px;}
.leftmenu{width:228px;background:#fff;color:#000;margin:0px auto;border:solid 1px #ddd;}
.leftmenu ul{overflow:hidden;}
.leftmenu li {background:#ececec url(imagesleftmenu1.jpg) no-repeat 0 0;}
.leftmenu li a.header{padding:0 0 0 25px;display:block;color:#333;height:40px;line-height:40px;position:relative;font-size:14px;text-decoration:none;}
.leftmenu li a.closed{}
.leftmenu li a:hover{color:#dd7316;}
.leftmenu li a.opened{background:transparent url(imagesleftmenu2.jpg) no-repeat right 0;}
.leftmenu2 li{line-height:28px;background:#fff url(imagesleftmenu3.jpg) no-repeat 26px 10px;text-indent:34px;border-top:solid 1px #fff;}
.leftmenu2 a{color:#444;}
.leftmenu2 li:hover{color:#dd7316;}
/*内页所在位置*/
#crumbs{width:100%;text-indent:18px;line-height:32px;font-size:12px;border-bottom:solid 1px #eee;background: url(imageslisthome.jpg) 0 11px no-repeat;}
#crumbs a{color:#aaa;}
#crumbs a:hover{color:#d00;}
#crumbs span{color:#aaa;padding:0 5px;font-size:70%;}

/*内页主题*/
#list_right_main{width:100%;text-align:left;min-height:300px;_height:300px;font-size:14px;color:#333;line-height:180%;}
.list_right_title{margin:10px 0 0px 10px;font-size:16px;color:#010101;font-weight:bold;line-height:24px;text-align:center;border-bottom:solid 0px #eee;}
.list_right_content{width:100%;margin:0 auto;font-size:14px;color:#333;line-height:180%;text-align:left;padding-top:10px;}
.list_right_content p{margin:8px;line-height:220%;color:#333;font-size:1.2em;text-indent:2em;}

/*内页文章列表*/
.list_text_title{width:96%;height:32px;margin:10px auto 0 auto;border-bottom: 1px solid #ddd;background-color:#f5f5f5;color:#333;font-size:14px;font-weight:bold;text-indent:12px;line-height:32px;}
	.list_text_title span{float:right;width:60px;}
	.list_text_title span a{color:#777;font-weight:normal;font-size:14px;}
.list_txt{width:96%;padding:8px 0 20px 0;margin:0 auto;}
	.list_txt li{overflow:hidden;height:40px;line-height:40px;font-size:14px;color:#555;text-indent:5px;border-bottom: 1px dashed #ccc;background:url(imagesicon2.jpg) no-repeat 4px 17px;}
	.list_txt .list_txt_bg{background-color:#f8f8f8;}
	.list_txt li span{float:right;color:#b3b3b3;font-size:12px;padding-right:8px;}
	.list_txt_title,.list_txt_title:visited,.list_txt_title a{color:#1E50A2;padding:0 4px;}
	.list_txt a{color:#444;}
	.list_txt a:hover{color:#b22;}

/*内页图片列表*/


.list_img{overflow:hidden;position:relative;margin:0 0 40px 0px;}
.Box{width:230px;height:200px;float:left;margin:20px 0 0 16px;line-height:100%;background-color:#eee;}
.Box .list_img_Bg{ width:220px;height:190px;display:block;padding:5px;}
.Box .list_img_Img{display:block;margin-bottom:5px;}
.Box .list_img_Img img{width:220px;height:160px;}
.Box .list_img_Date{ display:block;line-height:100%;display:block;margin-bottom:4px;color:#bfbfbf;}
.Box .list_img_Title{ display:block;margin-bottom:5px;line-height:16px;color:#26393e;text-align:center;}
.Box .list_img_Link{-webkit-text-size-adjust:none; font-size:12px; color:#A9A9A9;}

.Box .list_img_Bg:list_img_link, .Box .list_img_Bg:visited{ background:#FFF; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.Box .list_img_Bg:hover{ background:#046bb0; color:#fff;}
.Box .list_img_Bg:hover .list_img_Date{ color:#fff;}
.Box .list_img_Bg:hover .list_img_Title{ color:#fff;}
.Box .list_img_Bg:hover .list_img_Link{ color:#fff;}


.listimg_main{margin:0 0 40px 10px;}
	#proimg {padding:20px 12px 0px 0; float: left;}
	#proimgworksh{ width:228px; height:205px; float: left; border:#046bb0 solid 3px; background-color:#046bb0; color:#FFFFFF; cursor:pointer;}
	#proimgworks { width:228px; height:205px; float: left; border:#EDEDED solid 3px; background-color:#EDEDED; color:#333333; cursor:pointer;}
	.workimg { width:226px;border: #FFFFFF solid 1px;  height:170px; float:left; text-align:left;}
	.workimg img{width:226px;height:170px;}
	.workname { width:100%;height:30px;float:left;line-height:30px;font-size:12px;text-align:center;}
	.worktitle { height:30px; float:left; text-align:center; line-height:30px;}
/*内页分页样式*/
.pagination{width:100.5%;text-align:center;padding:10px 0;clear:both;font-family:Arial, Helvetica, sans-serif;}
.pagination a{border:1px solid #ddd;color:#777;background:#fff;padding:4px 10px;text-decoration:none;}
.pagination span {padding-right:4px;}
.pagination a:hover{background:#b22;color:#fff;}
.pagination span.current {margin-left:4px;border:#ccc 1px solid;font-weight:bold;color:#fff;padding:4px 10px;background-color:#b22;text-align:center;}
.pagination span.disabled {margin-left:4px;border:#ccc 1px solid;color:#ccc;padding:4px 10px;background:#f3f3f3;text-align:center;}

/*上下篇样式*/
#bn{width:97%;margin:5px auto;padding:10px;display:block;height:30px;line-height:30px;color:#888;background:#eee;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
	#bn a{color:#0f5ebb;}
	#bn_b{width:50%;float:left;text-align:left;}
	#bn_n{width:50%;float:right;text-align:left;}

/*产品属性切换*/
.scrolldoorFrame{overflow:hidden;margin:0 auto;width:710px;}
	.scrollul{overflow:hidden;border-bottom:#ccc 1px solid;width:710px;}
	.scrollul li{float:left;width:120px;overflow:hidden;line-height:32px;text-align:center;margin-right:4px;}
	.sd01{cursor:pointer;background:#3179CB;color:#fff;}
	.sd02{cursor:pointer;background: #E6E5E5;}
	.hidden{display:none;}
	.scrollul_cont{margin:0 auto;padding:10px 20px;}
/*产品图片展示样式*/
#preview{ float:left; margin:20px 0; text-align:center; width:350px;}
	.jqzoom{ width:350px; height:300px; position:relative;}
	.zoomdiv{ left:859px; height:400px; width:400px;}
	.list-h li{ float:left;}
	#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
	#spec-left{ background:url(images/left.jpg) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
	#spec-right{background:url(images/right.jpg) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
	#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
	#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
	#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:44px;}
	/*jqzoom*/
	.jqzoom{position:relative;padding:0;}
	.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.jpg) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
	.bigimg{width:800px;height:800px;}
	.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:40px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
	#spec-list{ position:relative; width:322px; margin-right:6px;}
	#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}
#preview_cont{width:340px;float:right;padding-top:20px;background-color:#fff;}
	#preview_cont h3{width:100%;line-height:30px;color: #086AA9;font-size:14px;text-indent:6px;font-weight:bold;}
	.preview_info{line-height:26px;color:#aaa;padding:0px 8px 10px 8px;}

/*留言咨询*/
.book_add{width:680px;margin:20px auto;clear:both;padding:10px 10px;font:normal 12px/24px  Arial, sans-serif;color:#666;display:block;border:solid 1px #ccc;}
.book_dl{width:700px;padding:0px 0px 30px 0;clear:both;}
.book_dl dt{width:64px;float:left;}
.book_dl dd{width:620px;float:left;}
.book_list{width:700px;margin:0 auto;clear:both;overflow:hidden;border:solid 1px #ddd;margin-top:4px;}
.book_img{width:120px;height:auto;padding:15px 0;}
.book_title{padding:4px 8px;border-bottom:dashed 1px #ccc;background-color:#fafafa;}
.book_title span{float:right;padding-right:5px;font:normal 12px/24px  Arial, sans-serif;color:#999;}
.book_content{width:96%;margin:0 auto;padding:8px 0px;clear:both;overflow:hidden;}
.book_reply{width:96%;margin:0 auto;padding:8px 0px;color:#e00;border-top:solid 1px #ccc;}
.book_add1{float:left;}
.bookinput{height:22px;border:solid 1px #ccc;background-color:#fff;}
.booktextarea{width:600px;height:90px;border:solid 1px #ccc;background-color:#fff;}
.book_add2{float:left;}
.book_add2 p{padding:12px 0 0 15px;}
.btn{width:100px;height:24px;background-color:#f1f1f1;border:solid 1px #ccc;cursor:pointer;}


.list_right_content table{ padding:0; margin:0; width:100%;border-collapse:collapse;  border-spacing:0;}
.list_right_content table thead tr th{ font-size:12px;  height:50px; text-align:center;border-bottom:1px #cec8c3 solid; padding:0 10px;line-height:150%;font-weight:bold;color:#666;}
.list_right_content table tbody tr td{ height:50px; line-height:50px; text-align:center; border-bottom:1px #cec8c3 solid;color:#666;}
.list_right_content table tbody tr td img{ width:60px; height:45px;}
.list_right_content table tbody tr td a { color:#444;}
.list_right_content table tbody tr td a:hover { color:#118cd3;}

.s_mouseover {background-color:#d9d9d9;color:#000;} /*鼠标移动改变背景色*/
.s_oushuhang{background-color:#f5f5f7;}/*偶数行的背景色*/
.s_jishuhang{background-color:#fff;}/*奇数行的背景色*/


/*==========以下部分是Validform必须的===========*/
.Validform_checktip{
	margin-left:8px;
	line-height:20px;
	height:20px;
	overflow:hidden;
	color:#999;
	font-size:12px;}
.Validform_right{
	color:#71b83d;
	padding-left:20px;
	background:url(../images/right.jpg) no-repeat left center;}
.Validform_wrong{
	color:red;
	padding-left:20px;
	white-space:nowrap;
	background:url(../images/error.jpg) no-repeat left center;}
.Validform_loading{
	padding-left:20px;
	background:url(../images/onload.jpg) no-repeat left center;}
.Validform_error{
	background-color:#ffe7e7;}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#cc0;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;}