@charset "utf-8";
/*通用头部*/
* {
	margin: 0;
	padding: 0;
}
body,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
table,
td,
img,
div,
tr {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
input,
select {
	font-size: 14px;
	vertical-align: middle;
}
ul,
ol,
li {
	list-style: none;
}
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #4E667B;
}
a:active {
	text-decoration: none;
}
.clearfix::after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
input::placeholder {
	color: #D0D0D0;
}
textarea::placeholder {
	color: #D0D0D0;
}
body {
	font-family: "Arial";
	font-size: 14px;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background: #fff;
}
.header{
	width: 100%;
	height: 80px;
	position: relative;
	background: #fff;
}
.header .logo {
	width: 85%;
	height: 80px;
	background: url(../images/logo.jpg) no-repeat left center;
	-webkit-background-size: 96%;
	background-size: 96%;
	position: absolute;
	left: 5px;
}
.header #menu {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 5px;
	top: 24px;
	background: url(../images/menu.svg) no-repeat center;
}
.header #menu-list {
	display: none;
	width: 40%;
	height: auto;
	position: absolute;
	top: 80px;
	right: 0;
	z-index: 999;
}
.header #menu-list ul li {
	width: 100%;
	height: 44px;
	line-height: 44px;
	text-align: left;
	border-bottom: 1px solid #fefefe;
	background: #0077BB;
	margin: 0 auto;
	text-indent: 30px;
}
.header #menu-list ul li a {
	font-size: 14px;
	color: #fff;
}
.public-head {
	width: 96%;
	height: 37px;
	line-height: 37px;
	background: #016DAD;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	padding: 0 2%;
	color: #fff;
}
.public-head span {
	display: block;
	float: left;
	font-size: 14px;
	color: #fff;
}
.public-head a {
	display: block;
	float: right;
	font-size: 12px;
	color: #fff!important;
}
.about,.products,.news,.equipment,.contact {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.contact .contact-content {
	width: 94%;
	margin: 15px auto;
}
.contact .contact-content p {
	height: 30px;
	line-height: 30px;
	text-indent: 20px;
	font-size: 14px;
	color: #333;
}
.footerBar {
	width: 100%;
	height: 120px;
}
.footer {
	width: 100%;
	height: 80px;
	line-height: 80px;
	background: #0656A8;
	position: fixed;
	bottom: 0;
}
.footer ul li {
	float: left;
	width: 24%;
	height: 50px;
	border-right: 1px dashed #ddd;
	margin: 15px 0;
}
.footer ul li a {
	display: block;
	width: 100%;
	height: 50px;
}
.footer ul li.home {
	background: url(../images/home.svg) no-repeat center;
}
.footer ul li.products {
	background: url(../images/products.svg) no-repeat center;
}
.footer ul li.qq {
	background: url(../images/qq.svg) no-repeat center;
}
.footer ul li.tel {
	background: url(../images/tel.svg) no-repeat center;
}
.lumpertitle{
	width:100%;
	height:30px;
	line-height:30px;
	text-indent:6px;
	color:#564F4F;
	font-size:12px;
	background: #E0E0E0;
	text-align:left;
}

.page-title{
	width: 96%;
	height: auto;
	margin: 20px auto;
}
.page-title a {
	display: block;
	width: 100%;
	line-height: 24px;
	font-size: 14px;
	color: #333;
	text-indent: 32px;
	letter-spacing: 1px;
}
.page-title a img{
	display: block;
	width: 100%;
	background-size: 100%;
}

.public-pic-list{
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden;
}
.public-pic-list ul li {
	float: left;
	width: 46%;
	height: 150px;
	margin: 10px 2%;
}
.public-pic-list ul li a {
	display: block;
	width: 100%;
	height: 150px;
}
.public-pic-list ul li a img{
	display: block;
	width: 100%;
	height: 125px;
}
.public-pic-list ul li a span{
	display: block;
	width: 100%;
	height: 25px;
	line-height: 25px;
	font-size: 13px;
	color: #000;
	text-align: center;
	background: #E1E2E4;
	overflow: hidden;
}


.public-wap-title{
	width:100%;
	height: auto;
	margin:0 auto;
}
.public-wap-title ul li{
	width:98%;
	height:35px;
	line-height:35px;
	text-align:left;
	overflow:hidden;
	border-bottom:#E2D3B4 1px dotted;
	background:url(../images/news.gif) no-repeat 7px 15px;
	margin: 0 auto;
}
.public-wap-title ul li a{
	text-indent:14px;
	display: block;
	float: left;
	COLOR:#333333;
	height:35px;
	line-height:35px ;
	font-size:14px;
}
.public-wap-title ul li span{
	font-size: 14px;
	width:80px;
	float:right;
	padding:0px;
	text-align:center;
	height:35px;
	line-height:35px;
	color:#333333;
}



.public-sort-name{
	width: 100%;
	height: auto;
	margin: 15px auto 10px auto;
}
.public-sort-name ul::after{
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.public-sort-name ul li{
	float: left;
	width: 43%;
	height: 30px;
	line-height: 30px;
	margin: 5px 3%;
	border: 1px solid #D0D0D0;
	border-radius: 5px;
	text-align: center;
}
.public-sort-name ul li.onm{
	background: #FF6613;
	border-color: #FF6613;
}
.public-sort-name ul li.onm a{
	color: #fff;
}
.public-sort-name ul li a{
	font-size: 15px;
	color: #333;
}

#pagelist{
	width: 90%;
	height: 35px;
	margin: 0 auto;
}
#pagelist a{
	display: block;
	float: left;
	width: 18%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #0656A8;
	margin: 0 1%;
	border-radius: 5px;
	font-size: 14px;
	color: #fff;
}

/*��һ����һ����ʽ*/
.pre_next{ display: inline; float:none;width:100%; padding-top:5px;}
.pre_next ul{ list-style:none;width:100%; height:auto; margin-top:20px; margin-bottom:5px;}
.pre_next ul li{width:100%; height:auto;list-style-type: none;text-align:center; overflow:hidden;}
.pre_next ul li p{width:95%; height:auto; line-height:24px; text-align:left; font-weight:100; padding:6px; margin-top:6px; border:#e7e0e0 1px solid;color:#8D8E8B;}
.pre_next ul li p a{ color:#CDC8BF;text-decoration:none; text-align:left; font-weight:100; font-size:12px; overflow:hidden;}
.pre_next ul li p a:link{color:#8D8E8B;text-decoration:none;font-size:12px;}
.pre_next ul li p a:visited{color:#8D8E8B;text-decoration:none;font-size:12px;}
.pre_next ul li p a:active{color:#8D8E8B;text-decoration:none;font-size:12px;}
.pre_next ul li p a:hover{color:#8D8E8B;text-decoration:none;font-size:12px;}

.caption { height:auto; line-height:20px; font-size:22px; font-weight:800; text-align:center; overflow:hidden;}
.caption h2{ color:#564F4F; height:35px; line-height:35px; padding:3px 0px 0px 0px;text-align:center;font-size:16px; font-weight:800; }
.wap-contact-page{
	margin: 0 auto;
}
.content_color {
	color: #564F4F;
	font-size: 14px;
	margin: 0 auto;
}
.captiona { height:auto; line-height:20px; text-align:center; overflow:hidden;}
.captiona h2{ color:#666666; height:auto; line-height:20px; padding:3px 0px 0px 0px;text-align:center;font-size:12px; font-weight:100; }
/*轮播*/
.banner {
	width: 100%;
	height: 180px;
}
.main_visual {
	width: 100%;
	height: 180px;
	margin: 0 auto;
}
.main_visual .flicking_con {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.main_visual .flicking_con .flicking_inner {
	position: absolute;
	top: 165px !important;
	left: 38%;
	z-index: 2;
	width: auto;
	height: 5px;
}
.main_visual .flicking_con .flicking_inner a {
	float: left;
	width: 20px;
	height: 5px;
	padding: 0;
	background: url('../images/btn_main_img.png') 0 0 no-repeat;
	display: block;
	text-indent: -1000px;
	margin: 0 3px;
}
.main_visual .flicking_con .flicking_inner a.on {
	background-position: 0 -5px;
}
.main_visual .main_image {
	width: 100%;
	border-top: 0 solid #d7d7d7;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	height: 180px;
}
.main_visual .main_image ul {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.main_visual .main_image ul li {
	float: left;
	width: 100%;
	height: auto;
}
.main_visual .main_image ul li img {
	display: block;
	width: 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.main_visual .main_image ul li a {
	display: block;
	width: 100%;
	height: auto;
}
.main_visual .main_image #btn_prev,
.main_visual .main_image #btn_next {
	z-index: 11111;
	position: absolute;
	width: 73px!important;
	height: 74px!important;
	top: 50%;
	margin-top: -37px;
	display: none;
}