@charset "utf-8";

html,body,div,span,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,input,table {
	margin:0;
	padding:0;
}
ul,li {
	list-style:none;
}
img {
	border:0;
	vertical-align:top;
}
/* 去虚线 */
a{ blr:expression(this.onFocus=this.blur()); } 
a:focus{ outline:none; }

a,
a:link,
a:visited {
	color: #333;
	text-decoration:none;
}
a:hover {
	color: #0076ab;
	text-decoration:none;
}

.clear { clear: both; }
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	*+height:1%;
}
.container {
	width: 1060px;
	margin: 0 auto;
}
.fl { float: left; }
.fr { float: right; }

.table-responsive {
	min-height: .01%;
	overflow-x: auto;
}
.table {
	width: 100%;
	max-width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
.table th,
.table td {
	border: 1px solid #ddd !important;
	padding: 5px;
	word-wrap: break-all;
}

body {
	font-family: 'Microsoft Yahei',Tahoma,Arial,sans-serif;
	font-size: 14px;
	color: #333;
	line-height: 24px;
	background-color: #fff;
}

#header {
	height: 110px;
	background-color: #fff;
}
.nav {}
	.nav>ul>li { position: relative; z-index: 99; float: left; padding-left: 40px; }
	.nav>ul>li>a { float: left; display: block; line-height: 110px; }
	.nav>ul>li>a.cur { color: #0076ab; }

	.nav li ul { display: none; position: absolute; top: 110px; left: 20px; background-color: #fff; border-top: 2px solid #0076ab; }
	.nav li:hover>ul { display: block; }
	.nav li ul li { line-height: 36px; border-bottom: 1px solid #eee; font-size: 12px; }
	.nav li ul li a { display: block; padding: 0 25px; white-space: nowrap; }

.banner { position: relative; height: 500px; }
	.banner-show { width: 100% !important; height: 500px; }
	.banner-show li { width: 100% !important; height: 500px; }
	.banner-btn { position: absolute; bottom: 38px; left: 0; width: 100%; text-align: center; }
	.banner-btn span { display: inline-block; margin: 0 8px; width: 30px; height: 10px; background-color: #fff; cursor: pointer; }
	.banner-btn span.on { background-color: #0076ab; }

.about { padding: 50px 0; }
	.about-title { font-size: 24px; font-weight: 700; text-align: center; margin-bottom: 30px; }
	.about-title span { font-size: 14px; font-weight: normal; color: #999; line-height: 36px; }

	.about-info { width: 545px; }
	.about-info p { font-size: 12px; margin-bottom: 25px; line-height: 32px; padding-right: 10px; }
	.about-info a.more { display: block; width: 160px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #ccc; border-radius: 8px; }
	.about-info a:hover { color: #fff; background-color: #0076ab; border: 1px solid #0076ab; }

.product { padding: 50px 0 80px; background-color: #f5f5f5; }
	.product-title { font-size: 24px; font-weight: 700; text-align: center;  }
	.product-title span { font-size: 14px; font-weight: normal; color: #999; line-height: 36px; }
	
	.product .container { overflow: hidden; }
	.product-content { width: 1080px; margin-bottom: 60px; }
	.product-content li { float: left; margin-right: 20px; margin-top: 30px; }
	.product-content li img { width: 250px; height: 188px; }
	.product-content li p { text-align: center; padding-top: 10px; }
	.product>a.more { display: block; width: 160px; height: 40px; margin: 0 auto; color: #fff; line-height: 40px; text-align: center; border-radius: 8px; background-color: #0076ab; }

.news { padding: 50px 0 100px; }
	.news-title { font-size: 24px; font-weight: 700; text-align: center; margin-bottom: 45px; }
	.news-title span { font-size: 14px; font-weight: normal; color: #999; line-height: 36px; }

	.news-content { width: 500px; }
	.i-news-pic img { width: 120px; height: 90px; }
	.i-news-info { width: 340px; padding-right: 20px; }
	.i-news-info h4 { font-size: 12px; font-weight: normal; margin-top: 5px; }
	.i-news-info h4 span { float: right; color: #ccc; }
	.i-news-info p { font-size: 12px; color: #999; }
	.news-info { margin-top: 14px; }
	.news-info li { font-size: 12px; line-height: 36px; border-bottom: 1px solid #f5f5f5; background: url(../images/icon.png) no-repeat left; padding-left: 15px; }
	.news-info li span { float: right; color: #999; padding-right: 20px; }

/*-------------------------内页----------------------------*/
.page-banner { height: 200px; }

#page { padding-bottom: 30px; }

.page-location { line-height: 30px; margin-bottom: 30px; padding: 20px 0; border-bottom: 1px solid #e9f0f5; }

.sidebar {
	float: left;
	width: 220px;
}

.cate { background-color: #282d33; }
.cate h3 { font-size: 16px; text-align: center; background-color: #0090d0; padding: 15px 0; color: #fff; }
.cate-info ul li { line-height: 42px; text-align: center; border-bottom: 1px solid #3a3f41; }
.cate-info li ul { margin-bottom: 20px; }
.cate-info li ul li { line-height: 30px; }

.cate-info ul li a { color: #969c9f; display: block; }
.cate-info ul li a.cur { color: #0090d0; }

/*right*/
.page-content {
	float: right;
	width: 800px;
	margin-bottom: 30px;
}
.page-info {
	background-color: #fff;
	font-size: 14px;
	min-height: 400px;
	_height: 400px;
	line-height: 30px;
}
.page-info img {max-width: 100%;}
.info-list li { border-bottom: 1px dotted #ccc; line-height: 40px; background: url(../images/icon.png) no-repeat 3px center; padding-left: 20px; }
.info-list li span {float: right;}

.img-list {}
.clearleft { clear: left; }
.items { float: left; margin: 30px 30px 0 30px; width: 204px; overflow: hidden; }
.items h5 { margin: 0; padding: 5px 0; text-align: center; }
.items-img img {
	width: 200px;
	height: 150px;
	padding: 1px;
	border: 1px solid #ddd;
}

.show-title { font-size: 16px; text-align: center; border-bottom: 1px solid #eee; margin-bottom: 5px; padding-bottom: 15px; }
.show-para { margin-bottom: 15px; color: #ccc; font-size: 12px; }
.show-content {margin-top: 15px;}

.product-para {}
.product-para-img {
	float: left;
	width: 300px;
}
.product-para-img img {
	width: 289px;
	border: 1px solid #eee;
}
.product-para-info {
	float: right;
	width: 370px;
}
.product-para-info h3 {
	font-size: 14px;
	margin-bottom: 10px;
}
.product-detail-title {
	margin: 20px 0 5px;
	border-bottom: 1px dotted #ccc;
	font-size: 14px;
}
.product-detail-content img {
	max-width: 100%;
	_width: 100px;
}

/* ------------------------------- 留言 ------------------------------------- */
.message-list { border-bottom:1px dotted #ccc; padding:15px; }
.message-title { font-size:16px; color:#da251c; }
.message-reply { border-left:3px solid #ccc; background:#f6f6f6; padding:5px 15px; color:#666; }

.message-add { border-bottom:1px dotted #ddd; margin:15px 0; font-size:16px; }
.message_form dl { padding:10px; }
.message_form dl dt { width:100px; padding-right:10px; text-align:right; float:left; }
.message_form dl dd { float:left; }
.inputs { width:230px; padding:5px; border:1px solid #ccc; }
.textareas { width:340px; height:75px; padding:5px; border:1px solid #ccc; }
.input-sub-btn { display:inline-block; padding:8px 20px; background:#da251c; color:#fff; border:0; margin-right:20px; cursor:pointer; overflow:visible; }
.input-sub-btn:hover { background:#da251c; }
.input-reset-btn { display:inline-block; padding:8px 20px; background:#ddd; border:0; cursor:pointer; overflow:visible; }
.input-reset-btn:hover { background:#ccc; }
.show_block { border:1px solid #eee; background:#f9f9f9; font-size:12px; color:#aaa; margin-bottom:15px; padding:10px; }
.write_btn { width:230px; margin:0 auto; }
a.input-sub-btn, a.input-reset-btn { padding:5px 20px; }
a.input-sub-btn { color:#fff; }
a.input-reset-btn { color:#000; }

/*-------------------------------------------分页-----------------------------------------------*/
.fenye { margin-top:50px; }
.fenye a { display: inline-block; margin: 0 5px; line-height: 30px; padding: 0 12px; border: 1px solid #dbe5ee; vertical-align:middle; }
.fenye a:hover, .fenye span { display: inline-block; margin: 0 5px; padding: 0 12px; border: 1px solid #0090d0; background: #0090d0; color: #fff; vertical-align:middle; line-height: 30px; }

.footer { background-color: #282d33; }
	.foot-info { padding: 50px 0 40px; }
	.foot-tel { color: #fff; padding-left: 50px; }
	.foot-tel p { margin-top: 30px; background: url(../images/icon_tel.png) no-repeat left; padding-left: 25px; }
	.foot-tel i { display: block; margin-top: 5px; font-size: 24px; color: #6b6e73; font-style: normal; font-weight: 700; }
	.foot-cate dl { padding-left: 90px; }
	.foot-cate dl dt { color: #fff; margin-bottom: 10px; }
	.foot-cate dl dd { font-size: 12px; line-height: 28px; }
	.foot-cate dl dd a { color: #8e9195; }
	.foot-contact { width: 275px; color: #fff; }
	.foot-contact p { font-size: 12px; color: #8e9195; margin-top: 10px; line-height: 28px; }
	.foot-copyright { border-top: 1px solid #32383e; color: #5c6571; text-align: center; padding: 30px 0; }