﻿@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: #005c99;
	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 #fff !important;
	padding: 5px;
	word-wrap: break-all;
	white-space: nowrap;
}
.table tr,
.table th { background-color: #ebebeb; }
.table td { text-align: center; }
.table tr:nth-child(even) { background-color: #f5f6f6; }

body {
	font-family: 'Microsoft Yahei',Tahoma,Arial,sans-serif;
	font-size: 14px;
	color: #333;
	line-height: 24px;
	background-color: #fff;
}

.top { height: 100px; background-color: #264b99; line-height: 30px; color: #fff; text-align: right; }
	.logo { float: left; padding: 7px 0; }

	.nav { float: right; }
		.nav ul li { position: relative; z-index: 99; float: left; font-size: 14px; font-weight: 700; }
		.nav ul li a { float: left; display: block; padding: 0 32px; line-height: 100px; color: #fff; }
		.nav ul li a.cur,
		.nav ul li a:hover { background-color: #3d5ea4; }

		.nav li ul { display: none; position: absolute; top: 100px; left: 0; background-color: #264b99; }
		.nav li:hover ul { display: block; }
		.nav li ul li { float: none; font-weight: normal; text-align: left; }
		.nav li ul li a { float: none; white-space: nowrap; line-height: 36px; }


.banner { position: relative; height: 537px; }
	.banner-info { width: 100% !important; height: 537px; }
	.banner-info li { width: 100% !important; height: 537px; }
	.banner-btn { position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; }
	.banner-btn span { display: inline-block; margin: 2px 6px; width: 30px; height: 3px; background-color: #fff; cursor: pointer; }
	.banner-btn span.on { background-color: #005c99; margin: 0 6px; height: 7px; }

.i-product { width: 1058px; margin: 0 auto; border-left: 1px solid #e5e6e6; border-right: 1px solid #e5e6e6; overflow: hidden; }
	.i-product-content { width: 1061px; }
	.i-product-info li { float: left; width: 164px; height: 360px; padding: 10px 50px; border-left: 1px solid #e5e6e6; border-right: 1px solid #e5e6e6; margin-left: -1px; }
	.i-product-info-img img { width: 164px; height: 164px; }
	.i-product-info-text { text-align: center; }
	.i-product-info-text h4 { margin-bottom: 10px; padding: 15px 0 5px; border-bottom: 1px solid #eee; color: #0067bb;}
	.i-product-info-text p { color: #737373; font-size: 12px; height: 72px; }
	.i-product-info-text a.more { display: block; width: 21px; height: 21px; margin: 30px auto 0; background: url(../images/more.gif) no-repeat; transition: background-position .3s ease; }
	.i-product-info-text a.more:hover { background-position: -21px 0; }

.i-about { background-color: #f3f7fc; height: 500px; }
	.i-about-content { background: url(../images/about_bg.jpg) no-repeat; padding: 180px 380px 0 50px; height: 320px; color: #fff; }
		.i-about-content h2,
		.i-about-content p { margin-bottom: 30px; }
		.i-about-content a.more { color: #fff; display: inline-block; padding: 5px 30px; border: 1px solid #fff; }

.i-cases {}
	.i-cases-title { padding: 30px 0; height: 30px; line-height: 30px; }
	.i-cases-title span { font-size: 18px; font-weight: 700; }
	.i-cases-title .more { float: right; }

	.i-cases-content { overflow: hidden; padding-bottom: 15px; }
	.i-cases-content ul { width: 1095px; }
	.i-cases-content ul li { float: left; width: 330px; height: 300px; margin-right: 35px; margin-bottom: 35px; }
	.i-cases-content ul li img { width: 330px; height: 248px; }
	.i-cases-content ul li h3 { border-bottom: 2px solid #333; height: 50px; line-height: 50px; text-align: center; }

.i-news { background-color: #f8f8f8; padding-bottom: 50px; }
	.i-news-title { padding: 30px 0; height: 30px; line-height: 30px; }
	.i-news-title span { font-size: 18px; font-weight: 700; }
	.i-news-title .more { float: right; }

	.i-news-content { overflow: hidden; }
	.i-news-content ul { width: 1095px; }
	.i-news-content ul li { float: left; width: 330px; margin-right: 35px; }
	.i-news-content ul li i { display: block; font-style: normal; }
	.i-news-content ul li span { display: block; font-size: 58px; font-weight: 700; line-height: 78px; color: #2b5abb; }
	.i-news-content ul li h4 { margin-bottom: 10px; }
	.i-news-content ul li p { font-size: 12px; color: #999; height: 72px; overflow: hidden; margin-bottom: 30px; }
	.i-news-content ul li a.more { display: block; width: 22px; height: 22px; background: url(../images/more.gif) no-repeat 0 -21px; transition: background-position .3s ease; }
	.i-news-content ul li a.more:hover { background-position: -22px -21px; }

/*-------------------------内页----------------------------*/
.page-banner { height: 300px; }

#page { padding-bottom: 30px; }

.page-location { line-height: 30px; margin-bottom: 30px; padding: 20px 0; border-bottom: 1px solid #e9f0f5; }

.sidebar {
	float: left;
	width: 240px;
}

.cate { background-color: #eee; }
.cate h3 { font-size: 16px; background-color: #264b99; padding: 15px 0 15px 25px; color: #fff; }
.cate-info ul li { line-height: 30px; }
.cate-info ul li a { padding: 10px 0 10px 35px; border-bottom: 1px solid #fff; }
.cate-info li ul { background-color: #fff; }
.cate-info li ul li { line-height: 20px; }
.cate-info li ul li a { padding-left: 50px; }

.cate-info ul li a { color: #969c9f; display: block; }
.cate-info ul li a.cur,
.cate-info ul li a:hover { color: #264b99; }

/*right*/
.page-content {
	float: right;
	width: 790px;
	overflow: hidden;
}
.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.gif) no-repeat 3px center; padding-left: 20px; }
.info-list li span {float: right;}

.img-list { margin: 0 -10px; }
.clearleft { clear: left; }
.items { float: left; margin: 0 10px; width: 250px; overflow: hidden; }
.items h4 { margin: 0; padding: 5px 0 30px; text-align: center; }
.items-img img {
	width: 240px;
	height: 240px;
	padding: 4px;
	background-color: #f9f9f9;
	border: 1px solid #eee;
}

.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: 302px;
}
.product-para-img img {
	width: 300px;
	border: 1px solid #eee;
}
.product-para-info {
	float: right;
	width: 420px;
}
.product-para-info h3 {
	font-size: 14px;
	margin-bottom: 10px;
}
.product-para-info a { color: #00cb00; }
.taobao {
	display: block;
	width: 150px;
	border: 1px solid #00cb00;
	margin-top: 20px;
	text-align: center;
	line-height: 40px;
}
.taobao:hover { background-color: #e5ffe5; }
.product-detail-title {
	margin: 30px 0 5px;
	border-bottom: 1px dotted #ccc;
	font-size: 16px;
}
.product-detail-content {
	padding: 0 15px;
}
.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:30px; }
.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 #009de0; background: #009de0; color: #fff; vertical-align:middle; line-height: 30px; }

.footer { background-color: #1b3567; color: #58709f; }
	.foot-copyright { padding: 20px 0; text-align: center; }
	.footer a,
	.footer a:visited { color: #58709f; }