/* 织梦铺（dedepu.com）做最好的织梦整站模板下载网站 */

@charset "utf-8";

/* CSS Document */

article, nav, aside, header, footer, section, hgroup, menu {

	display: block;

	outline: 0;

	vertical-align: baseline;

	background: transparent;

}

html, body, article, nav, aside, header, footer, section, hgroup, menu, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, em, img, dl, dt, dd, ol, ul, li, fieldset {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

}

body {

	direction: ltr;

	background: #fff;

	font: 14px/1.5 'Verdana', 'Arial', '';

	color: #333;

	height: 100%;

}

ul, ol, dl, menu {

	list-style: none;

}

img, select, input {

	vertical-align: middle;

}

input, button, textarea, select, option {

	font-family: inherit;

	font-size: inherit;

	font-style: inherit;

	font-weight: normal;

	outline: none;

*font-size:100%;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

em {

	font-style: normal;

}

caption {

	text-align: left;

}

a, a:link, a:visited, a:active {

	color: #333;

	text-decoration: none;

	outline: none;

}

a:hover {

	color: #f00;

	text-decoration: none;

}

.fl {

	float: left;

}

.fr {

	float: right;

}

.clearfix:after, .product:after, .nav ul:after, #BottomNav ul:after {

	clear: both;

	content: ".";

	display: block;

	height: 0;

	visibility: hidden;

}

.clearfix, .product, .nav ul, .#BottomNav ul {

*zoom:1;

}

img {

	max-width: 100%;

}

/** index' **/

header {

	height: 65px;

}

header .logo {

	float: left;

	margin-left: 0px;

}

nav {

	padding: 0 2px;

}

nav ul {

	background: #006BBD;

	overflow: hidden;

}

nav ul li {

	float: left;

	text-align: center;

	width: 25%;

	line-height: 34px;

}

nav ul li a {

	display: block;

	font-size: 14px;

	font-weight: bold;

	border-right: 1px solid #fff;

	border-top: 1px solid #fff;

	margin: -1px -1px 0 0;

}

nav ul li a, nav ul li a:link, nav ul li a:visited, nav ul li a:active {

	color: #fff;

}

nav ul li a:hover {

	background: #FFBF00;

}

#slider {

	margin-top: 5px;

}

#slider figure {

	margin: 0;

	padding: 0;

	display: block

}

#slider figure div.wrap {

	max-width: 650px;

	height: 100px;

	display: block;

	margin: 0 auto;

	position: relative;

}

#slider figure div.image {

	display: block;

	height: inherit

}

#slider figure a {

	text-transform: none;

	font-weight: 400;

	letter-spacing: 0;

	position: absolute;

	bottom: 10px;

	right: 20px;

	font-size: 12px;

	color: #fff;

	background: #000;

	padding: 2px 5px;

	border-radius: 3px;

	opacity: .45;

	font-family: franklin-gothic-urw, sans-serif

}

#slider figure a:hover {

	opacity: .85;

	text-decoration: none

}

.swipe {

	overflow: hidden;

	visibility: hidden;

	position: relative;

}

.swipe-wrap {

	overflow: hidden;

	position: relative;

}

.swipe-wrap > figure {

	float: left;

	width: 100%;

	position: relative;

}

footer {

	padding: 15px 0 70px;

	margin: 5px 2px 0;

	text-align: center;

	font-size: 12px;

	overflow: hidden;

}

#goTop {

	position: fixed;

	bottom: 60px;

	right: 5px;

	background: url(../img/gotop.png) no-repeat 14px 15px;

	display: none;

	background-color: rgba(0,0,0,0.6);

	width: 40px;

	height: 40px;

	border-radius: 4px;

	cursor: pointer;

	z-index: 9999;

}

.wrap {

	margin-top: 5px;

	padding: 0 2px;

	overflow: hidden;

}

.wrap h1 {

	display: block;

	height: 33px;

	background: #006BBD;

	line-height: 33px;

	font-size: 14px;

	color: #fff;

}

.wrap h1 span {

	float: left;

	background: url(../img/spanbg.png) no-repeat 12px;

	padding-left: 35px;

	font-family: "'z";

}

.wrap h1 a, .wrap h1 a:link, .wrap h1 a:visited, .wrap h1 a:active {

	float: right;

	width: 60px;

	color: #fff;

}

.about {

	padding: 5px;

	font-size: 12px;

	line-height: 180%;

	max-height: 150px;

	overflow: hidden;

}

.proList {

	padding-top: 5px;

	overflow: hidden;

}

.proList li {

	float: left;

	width: 50%;

}

.proList li a {

	display: block;

	margin: 1px;

	background: #DBDBDB;

	padding: 0 8px;

	height: 32px;

	line-height: 32px;

	font-size: 12px;

	overflow: hidden;

}

.proList li a:hover {

	color: #C10302;

}

.news {

	padding: 5px;

}

.news li {

	display: block;

	position: relative;

	height: 30px;

	line-height: 30px;

	border-bottom: 1px dashed #ccc;

	background: url(../img/dot.gif) no-repeat 5px 14px;

	padding-left: 15px;

	font-size: 12px;

	padding-right: 85px;

	overflow: hidden;

}

.news li span {

	position: absolute;

	top: 0;

	right: 0;

	width: 85px;

	height: 30px;

	text-align: right;

}

.product, .case {

	overflow: hidden;

}

.product li {

	float: left;

	width: 50%;

	margin: 5px 0;

	text-align: center;

}

.product li img {

	width: 150px;

	height: 120px;

}

.product li span {

	display: block;

	height: 30px;

	line-height: 30px;

	font-size: 12px;

	overflow: hidden;

}

.proList {

	padding-top: 5px;

	overflow: hidden;

}

.proList li {

	float: left;

	width: 50%;

}

.proList li a {

	display: block;

	margin: 1px;

	background: #DBDBDB;

	padding: 0 8px;

	height: 32px;

	line-height: 32px;

	font-size: 12px;

	overflow: hidden;

}

.proList li a:hover {

	color: #C10302;

}

#listBut {

	background-image: url(../img/but.png);

	cursor: pointer;

	background-repeat: no-repeat;

	background-position: 98% 5px;

}

#list {

	display: none;

	margin-top: -5px;

}

.case li {

	float: left;

	width: 50%;

	margin: 5px 0;

	text-align: center;

}

.case li img {

	width: 150px;

	height: 120px;

}

.case li span {

	display: block;

	height: 30px;

	line-height: 30px;

	font-size: 12px;

	overflow: hidden;

}

/** article **/

.wrapper {

	padding: 0 2px;

	margin-top: 5px;

	min-height: 300px;

}

.wrapper .title {

	display: block;

	background: #006BBD;

	line-height: 33px;

	margin-bottom: 5px;

	font-size: 12px;

	color: #fff;

	padding-left: 10px;

}

.wrapper .title a {

	color: #FFF

}

#listBut {

	background-image: url(../img/but.png);

	cursor: pointer;

	background-repeat: no-repeat;

	background-position: 98% 5px;

}

#listBut a {

	color: #FFF

}

#list {

	display: none;

	margin-top: -5px;

}

article {

	display: block;

	padding: 5px;

}

article h2 {

	display: block;

	line-height: 40px;

	text-align: center;

}

article img {

	width: 100% !important;

	height: 100% !important;

	display: block;

	margin: 0 auto;

}

/****/

.page {

	display: block;

	height: 25px;

	line-height: 25px;

	margin: 20px 0 10px;

	text-align: center;

	font-size: 12px;

}

.page a, .page a:link, .page a:visited, .page a:active {

	padding: 0 5px;

}

.page span {

	color: #DC3719;

}

.page a:hover, .page span.current {

	color: #DC3719;

}

.pages {

	line-height: 25px;

	margin: 20px 0;

	text-align: center;

	font-size: 12px;

}

.pages a {

	padding: 0 6px;

}
/* 工具栏 */
#toolbar {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 888;
    height: 3.5rem;
	left: 0;
}
#toolbar .list {
	width: 100%;
	max-width: 640px;
	min-width: 320px;
	margin: 0 auto;
	background: #1048a0;
}
#toolbar .list li {
	float: left;
	width: 33.33%;
	text-align: center;
}
#toolbar .list a {
	display: block;
    height: 3.5rem;
	line-height: 0.24rem;
	font-size: 0.26rem;
	padding-top: 0.2rem;
}
#toolbar .list a span {
	text-align: center;
	color: #fff;
	display: block;
	font-size: 0.24rem;
    margin-top: 7px;
    margin-bottom: 8px;
}
#toolbar .list a s {
	margin-left: auto;
	margin-right: auto;
	width: 0.31rem;
	height: 0.32rem;
	display: block;
margin-bottom: .12rem;
background-position: -.76rem -.2rem;
}
#toolbar .list li:nth-child(2) s {
background-position: -.0rem -.2rem;
}
#toolbar .list li:nth-child(3) s {
background-position: -.38rem -.2rem;
}
#toolbar .list li:nth-child(4) s {
background-position: -1.2rem -.2rem;
width:.34rem;
height:.34rem;
}
#toolbar .list li:hover {
	background: #0185d0;
}
/*微信弹窗*/
#wxnr {
	width: 100%;
	height: 100%;
	max-width: 640px;
	min-width: 320px;
	position: fixed;
	top: 0;
	z-index: 1000;
	display: none;
	background: rgba(0,0,0,.6);
}
#wxnr .nrdf {
	margin: auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 15rem;
	height: 15rem;
	padding: 0.3rem;
	padding-top: 0.6rem;
	margin-top: -2.5rem;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 2px 6px #777;
	-webkit-box-shadow: 0px 2px 6px #777;
	-moz-box-shadow: 0px 2px 6px #777;
	border-radius: 10px;
}
#wxnr img {
	width: 11.3rem;
	height: 11.3rem;
	display: block;
	margin: 0 auto;
}
#wxnr p {
	font-size: 0.24rem;
	line-height: 0.95rem;
	text-align: center;
}
#wxnr i {
	position: absolute;
	top: 0.2rem;
	right: 0.2rem;
	width: 0.3rem;
	height: 0.3rem;
	font-size: 0.2rem;
	line-height: 0.3rem;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-style: normal;
	background: #333;
	border-radius: 1rem;
	cursor: pointer;
}
#wxnr span {
	display: inline-block;
	padding: 0.03rem 0.1rem;
	line-height: 0.35rem;
	background-color: #1048a0;
	color: #fff;
	border-radius: 0.05rem;
	cursor: pointer;
}
#wxnr span.wx {
	padding-left: 0.4rem;
	background-image: url(../images/wx.png);
	background-size: 0.28rem;
	background-position: 0.1rem center;
	background-repeat: no-repeat;
}
/*复制提示*/
#weixin {
	position: fixed;
	top: 50%;
	margin-top: -0.4rem;
	z-index: 9999999;
	font-size: 0.26rem;
	color: #fff;
	width: 90%;
	right: 5%;
	line-height: 0.8rem;
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
	border: 2px solid #333;
	border-radius: 0.1rem;
	display: none;
}
.icon {
	background: url(../images/icon.png) no-repeat;
	display: inline-block;
	background-size: 2.4rem auto;
	vertical-align: middle;
}
.icon, .iconbef:before, .iconbef:after {
	content: "\20";
	display: block;
}