@charset "utf-8";
/* -------------------------------------------------
 *
 * css.css
 * 
 * -------------------------------------------------
*/
/*common*/
.clear
{
	visibility: hidden;
	clear: both;
	display: block;
	height: 0px;
	overflow: hidden;
	font-size: 0px;
	padding: 0px;
	margin: 0px;
}
.clearfix:after { /*----在类名为“clearfix”的元素内最后面加入内容；*/
content: "."; /*----内容为“.”就是一个英文的句号而已。也可以不写。*/
display: block; /*----加入的这个元素转换为块级元素。*/
clear: both; /*----清除左右两边浮动。*/
visibility: hidden; /*----可见度设为隐藏。注意它和display:none;是有区别的。visibility:hidden;仍然占据空间，只是看不到而已；*/
line-height: 0; /*----行高为0；*/
height: 0; /*----高度为0；*/
font-size:0; /*----字体大小为0；*/
}
.clearfix { *zoom:1;} /*----这是针对于IE6的，因为IE6不支持:after伪类，这个神奇的zoom:1让IE6的元素可以清除浮动来包裹内部元素。具体意思的话，不用深究，听说微软的工程师自己都无法解释清楚。height:1%效果也是一样*/
#index_main
{
	width: 960px;
	height: auto;
	margin: 0px auto;
	text-align: left;
}
.logo
{
	width: 960px;
	height: 107px;
}
.logo .logo_left
{
	width: 348px;
	height: 107px;
	float: left;
}
.logo .logo_left img
{
	width: 348px;
	height: 107px;
}
.logo .logo_right
{
	width: 612px;
	height: 107px;
	float: left;
}
.logo .logo_right img
{
	width: 612px;
	height: 107px;
}
.nav_left
{
	width: 875px;
	height: 38px;
	float: left;
}
.nav
{
	width: 960px;
	height: 38px;
	background: url(../images/nav-bg.jpg) 0px 0px repeat-x;
}
.nav a
{
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: 95px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	float: left;
	background: url(../images/demo_qiepian_06.jpg) 0px 0px no-repeat;
}
.nav a:hover
{
	background-image:url(../images/demo_qiepian_06.jpg);
	background-position: -191px 0px;
	text-decoration: none;
	color: #ffffff;
}
.nav .nav_right
{
	width: 85px;
	height: 38px;
	float: left;
}
.index_nav_right
{
	background: url(../images/demo_qiepian_06.jpg) -780px 0px no-repeat;
}
.banner
{
	width: 959px;
	height: 358px;
}
.banner img
{
	width: 960px;
	height: 358px;
}

.service_items_and_about
{
	width: 960px;
	height: 226px;
}
.service_items
{
	width: 331px;
	height: 226px;
	float: left;
}
.service_items_top
{
	width: 331px;
	height: 69px;
}
.service_items_middle ul
{
	margin-left: 6px;
}
.service_items_middle ul li
{
	width: 289px;
	height: 24px;
	line-height: 24px;
	color: #2569b3;
	padding-left: 20px;
	border-bottom: double 1px #bfbfbf;
	background: url(../images/dot-001.jpg) 4px 7px no-repeat;
	letter-spacing: 1px;
}
.service_items_middle ul li a
{
	color: #2569b3;
}
.service_items_middle ul li a:hover
{
	text-decoration: none;
	color: #2569b3;
	background-color: #DDD;
}
.about
{
	width: 629px;
	height: 226px;
	float: left;
}
.about .about_top
{
	width: 629px;
	height: 69px;
}
.about .about_middle
{
	width: 629px;
	height: 157px;
}
.about_middle_pic
{
	width: 279px;
	height: 157px;
	float: left;
}
.about_middle_content
{
	padding-left: 5px;
	width: 345px;
	height: 157px;
	letter-spacing: 1px;
	text-indent: 2em;
	float: left;
	line-height: 25px;
	font-size: 13px;
}
.about_middle_content a
{
	color: #2c2c2c;
}
.about_middle_content a:hover
{
	text-decoration: none;
	color: #2569b3;
}
.foot
{
	width: 960px;height: 60px;color: #4a4a4a; background-color:#e0e0e0; margin-top:6px; margin-bottom:0px; padding-top:10px; padding-bottom:10px;
}
.foot links{}
.foot links a{color: #4a4a4a; text-decoration:none;}
.foot links a:hover{text-decoration:underline;}
.foot table
{
	margin-left: 20px;
	line-height: 20px;
	letter-spacing: 1px;
	float: left;
}
.foot a
{
	color: #4a4a4a;
}
.foot a:hover
{
	text-decoration: none;
	color: #2569b3;
}

.page_nav{border-bottom: 1px solid #cfcfcf; background-color: #f4f4f4; width: 703px;height: 35px; line-height: 35px; font-size: 14px; letter-spacing: 1px; padding-left: 10px;}
.page_nav a
{
	color: #2c2c2c;
}
.page_nav a:hover
{
	text-decoration: none;
	color: #2569b3;
}
.centent_page{text-align:center; font-size:13px; line-height:40px; width:713px;}
.centent_page a
{
	color: #2c2c2c;
}
.centent_page a:hover
{
	text-decoration: none;
	color: #2569b3;
}
.fenye{color: #2c2c2c;width:680px; height:40px; line-height:40px; text-align:right; font-size:14px;margin-left:17px;padding:10px 0px 20px 0px;}
        .fenye a
{
	color: #2c2c2c;
}
.fenye a:hover
{
	text-decoration: none;
	color: #2569b3;
}
.next_and_previous{border-bottom:1px dotted #cfcfcf; width:713px; height:30px; margin-top:30px; margin-left:0px; margin-bottom:30px;}
.next{height:30px; width:330px; float:left; font-size:14px; line-height:30px; margin-left:26px;}
.previous{height:30px; width:330px; float:left; font-size:14px; line-height:30px;}
.next_and_previous a{text-decoration: none;color: #2c2c2c;}
.next_and_previous a:hover{text-decoration: none;color: #2569b3;}

/*公司新闻*/
.gsxw_middle{}
.gsxw_middle ul{margin-left:6px;}
.gsxw_middle ul li{cursor:pointer;height:28px;background: url(../images/common/dot-003.gif) no-repeat 3px 11px;border-bottom: 1px dashed #BBB;padding-left: 12px; width:284px;}
.gsxw_middle ul li a{display:block; width:284px; height:28px; line-height:28px;color: #2c2c2c;text-decoration: none;}
.gsxw_middle ul li a span{cursor:pointer;display:block; height:28px; line-height:28px; float:left;}
.gsxw_middle ul li a .gsxw-title{width:214px;}
.gsxw_middle ul li a .gsxw-date{width:70px;}
.gsxw_middle ul li a:hover{text-decoration: none;color: #2569b3;}
/*
.gsxw_middle ul{margin-left:3px;}
.gsxw_middle ul li
{
	font-size : 12px;
	width: 284px;
	height: 21px;
	line-height: 21px;
	border-bottom: 1px dashed #BBB;
    background: url(../images/common/dot-003.gif) no-repeat 1px center;
    padding-left: 10px;
    color: #33210f;
}
.gsxw_middle ul li span{float: right;margin-right: 3px;color: #2c2c2c;}
.gsxw_middle ul li a{color: #2c2c2c;}
.gsxw_middle ul li a:hover{text-decoration: none;color: #2569b3;}
*/

/*行业新闻*/
.hyxw_middle{}
.hyxw_middle ul{margin-left:26px;}
.hyxw_middle ul li{cursor:pointer;height:28px;background: url(../images/common/dot-003.gif) no-repeat 3px 11px;border-bottom: 1px dashed #BBB;padding-left: 12px; width:284px;}
.hyxw_middle ul li a{display:block; width:284px; height:28px; line-height:28px;color: #2c2c2c;text-decoration: none;}
.hyxw_middle ul li a span{cursor:pointer;display:block; height:28px; line-height:28px; float:left;}
.hyxw_middle ul li a .gsxw-title{width:214px;}
.hyxw_middle ul li a .gsxw-date{width:70px;}
.hyxw_middle ul li a:hover{text-decoration: none;color: #2569b3;}

.qrcode-wrap{position:fixed; bottom: 5px; right:5px; _position: absolute;width:122px; height:176px;}
.qrcode{padding:0px 10px; width:102px; height:162px; color:#555; background-color:#ebebeb;cursor: pointer; 
font:13px/1.5 Microsoft YaHei,"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;}
.qrcode-close{background-image: url(../images/close.png);background-position: 0px 0px;cursor: pointer;display: block;height:11px;width: 12px; margin-left:110px;}
.qrcode-close:hover{background-position:0px -27px}
.qrcode-close:active{background-position:0px -27px}
.qrcode-t{padding:0px; width:102px; height:30px; line-height:30px;text-align:center;}
.qrcode-m{padding:6px; width:90px;  height:90px; background-color:#FFF;}
.qrcode-f{padding:0px; width:102px; height:30px; line-height:30px;text-align:center;}

a.open{ color:#4A4A4A; text-decoration: none; cursor:default;}
a.open:hover{ color:#4A4A4A; text-decoration: none; cursor:default;}