﻿div.page a ,div.page span{
    border: 1px solid #ccc;
    margin: 0 3px;
    padding: 6px 10px;
}
div.page {
    padding: 10px 0;
    text-align: center;
}
.header{
	height:83px;
	background:#e7e7e7;
}
.head_top{
}
.header .logo{
	height:51px;
	background:#e7e7e7;
	position:relative;
}
.header .logo img{
	display:block;
	margin:0 auto;
	width:320px;
	height:51px;
}
.header .logo .tel{
	position:absolute;
	top:12px;
	right:15px;
	line-height:20px;
	color:#d72928;
	text-align:right;
	background:url(../images/h_tel.png) no-repeat 30px 2px;
}
.header .logo .tel span{
	font-style:italic;
	letter-spacing:1px;
}
.header .nav{
	width:100%;
	height:31px;
	line-height:31px;
	background:#ea8a12;
}
.header .nav li{
	width:20%;
	float:left;
	text-align:center;
	border-right:1px solid #fff;
}
.header .nav li a{
	color:#fff;
	font-size:14px;
}
.header .nav li a.on,.header .nav li a:hover{
}

.nav_top{
	height:23px;
	background:#1b7fd5;
	border-bottom:1px solid #0180de;
	border-top:1px solid #0180de;
	padding:0 10px;
	position:relative;
}
.nav_top h3{
	line-height:23px;
	font-size:14px;
	color:#fff;
}
.nav_top h3 span{
	font-size:8px;
}
.nav_top .in_more{
	width:49px;
	height:23px;
	line-height:23px;
	display:block;
	position:absolute;
	top:0px;
	right:14px;
	padding-right:17px;
	background:url(../images/nav_top_a.png) no-repeat right center;
	color:#fff;
}
.news_list{
	width:100%;
}
.news_list li{
	width:100%;
	background:url(../images/news_li.png) no-repeat right 20px;
	float:left;
	padding:5px;
	overflow:hidden;
	border-bottom:1px dashed #ccc;
	line-height:22px
}
.news_list li a{
	color:#898989;
}
.news_list li a span{
	width:100%;
	font-size:14px;
	color:#000;
	display:block;
	box-sizing:content-box;
}

.product_list{
	width:100%;
	margin:0 auto 12px auto;
	text-align:center;
}
.product_list ul li{
	width:140px;
	height:107px;
	/*float:left;*/
	margin:12px 5px 0 5px;
	text-align:center;
	display:inline-block;
}
.product_list ul li img{
	width:140px;
	height:107px;
}
.product_list ul li a{
	width:100%;
	display:block;
	position:relative;
}
.product_list ul li a span{
	width:100%;
	height:16px;
	position:absolute;
	left:0px;
	bottom:0px;
	color:#fff;
	line-height:16px;
	text-align:left;
	text-indent:10px;
	overflow:hidden;
	background:url(../images/in_case_bg.png);
}
.product_list ul li a span font{
	width:16px;
	height:16px;
	float:right;
	background:url(../images/in_case_r.png) no-repeat 0 0;
}
.in_contact{
	text-align:center;
	color:#000;
	width:100%;
	background:#e7e7e7;
	margin:0 auto;
	float:left;
}
.in_contact p{
	margin:15px 0;
}
.in_contact p a{
	color:#000;
}
.in_contact .top{
}
.nav_sidebar{
	width:100%;
	padding:0 10px;
	margin:5px auto 10px auto;
}
.nav_sidebar li{
	width:45%;
	border:1px solid #fff;
	border-radius:5px 5px;
	height:31px;
	line-height:31px;
	background:url(../images/sidebar_li_bg.png);
	box-shadow:0 0 2px #727070;
	text-indent:25px;
	position:relative;
	float:left;
	margin:0 2.5% 5px 2.5%;
}
.nav_sidebar li a{
	width:100%;
	display:block;
	color:#565656;
}
.nav_sidebar li.on a{
	color:#000;
}
.news_title{
	padding:0 10px;
	margin-bottom:5px;
	border-bottom:1px dashed #ddd;
}
.news_title h1{
	font-size:16px;
	line-height:30px;
}
.nav_top h3 .more{
	position:absolute;
	top:0px;
	right:0px;
	padding:0 10px 0 25px;
	background:url(../images/nav_more.png) no-repeat 0 center;
	cursor:pointer;
}
.pro_sidebar{
	width:100%;
	background:#476a8f;
	display:none;
	padding-bottom:10px;
	position:absolute;
	top:22px;
	right:0px;
	z-index:10001;
}
.sidebar{
	background:#476a8f;
}
.sidebar .li dl{
	width:100%;
	height:30px;
	line-height:30px;
	color:#454034;
	font-size:14px;
	text-indent:25px;
	cursor:pointer;
	color:#fff;
	background:url(../images/pro_sicebar_li.png) no-repeat 50% center;
	border-bottom:1px solid #284567;
}
.sidebar .li.on dl{
	color:#fff;
}
.sidebar .li.on dl a{
	color:#fff;
}
.sidebar_list{
	display:none;
}
.sidebar_list li{
	height:30px;
	line-height:30px;
	text-indent:35px;
	font-size:14px;
	border-bottom:1px dashed #284567;
	font-size:12px;
}
.sidebar_list li a{
	color:#CCC;
}




/*public*/
.footer{
	width:100%;
	height:47px;
	display:block;
	padding-bottom:47px;
	box-sizing:inherit;
	float:left;
}
.text_content{
	line-height:24px;
	margin-top:10px;
	padding:0 10px;
	margin-bottom:10px;
}
.bottom_10{
	margin-bottom:10px;
}
/*悬浮电话短信*/
.floatLink{
background:#ea8a12;
height:47px;
position:fixed;
bottom:0px;
left: 0px;
width:100%;
z-index:10000;
}
.floatLink a{
display:block;
border-right:2px solid #fff;
float:left;
width:25%;
height:47px;
color:#FFFFFF;
text-align:center;
}
.sidebar  li dl {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-indent: 25px;
    cursor: pointer;
    color: #FFF;
    background: transparent url("../images/pro_sicebar_li.png") no-repeat scroll 50% center;
    border-bottom: 1px solid #284567;
}
.floatLink a span{height:47px;display:inline-block;width:100%;padding-top:25px;}
.floatLink .a1 span{background: url(../images/job.png) no-repeat center 4px;}
.floatLink .a2 span{background: url(../images/tel.png) no-repeat center 4px;}
.floatLink .a3 span{background: url(../images/sms.png) no-repeat center 4px;}
.floatLink .a4 span{background: url(../images/contact.png) no-repeat center 4px;}
.floatLink .a4{background:none;}





