@charset "utf-8";

html,body,div,span,ul,li,dl,dt,dd,h1,h2,h3,p,form,input,table {
	margin:0;
	padding:0;
}
p { margin-bottom: 5px; }
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: #666;
	text-decoration:none;
}
a:hover {
	color: #1c77ce;
	text-decoration:none;
}

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

/*动画部分 开始*/
.transition {
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
}

.animated {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.speed1 {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
}
.speed2 {
	-webkit-animation-duration: .6s;
	animation-duration: .6s;
}
.speed3 {
	-webkit-animation-duration: .7s;
	animation-duration: .7s;
}
.speed4 {
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
.fadeInStart {
	opacity: 0;
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
/*动画部分 结束*/

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

#header { position: relative; height: 130px; }
.tel { margin-top: 60px; }

#nav { height: 43px; background: url(../images/index_08.jpg) repeat-x; }
.nav ul li { float: left; padding-right: 2px; background: url(../images/index_13.gif) no-repeat right center; line-height: 40px; }
.nav ul li a { float: left; display: block; height: 41px; color: #fff; padding: 0 30px; }
.nav ul li a:hover,
.nav ul li a.cur { background: url(../images/index_10.jpg) repeat-x; }

#banner { position: relative; height: 450px; background-color: #f4f4f4; margin-bottom: 20px; }
.banner-show { width: 100% !important; }
.banner-show li { width: 100% !important; height: 450px; }
.banner-show li a { display: block; width: 100%; height: 100%; }
.banner-num { position: absolute; bottom: 15px; left: 0; width: 100%; text-align: center; z-index: 2; }
.banner-num li { display: inline-block; width: 12px; height: 12px; background-color: #fff; margin: 0 5px; border-radius: 12px; cursor: pointer; }
.banner-num li.on { background-color: #ce000c; }

.menu-title { border: 1px solid #dadada; line-height: 36px; }
.menu-title-white { border: 1px solid #fff; height: 36px; background: url(../images/menu_title_bg.gif) repeat-x; }
.menu-name { float: left; padding-left: 47px; background: url(../images/index_19.gif) no-repeat; font-weight: 700; color: #004d96; }
.menu-title a.more { float: right; padding: 0 15px; background-color: #0851c3; color: #fff; font-size: 12px; }
.m-content { border: 1px solid #dadada; border-top: 0; padding: 10px; background: url(../images/m_content_bg.jpg) repeat-x; }

.product { float: right; width: 680px; }
.product-content { overflow: hidden; height: 390px; }
.product-list { width: 668px; }
.product-show ul { overflow: hidden; zoom: 1; }
.product-item { float: left; width: 157px; height: 200px; margin-right: 10px; }
.product-item .product-img { width: 155px; height: 155px; border: 1px solid #dadada; }
.product-item .product-img img { width: 155px; height: 155px; }
.product-item h3 { font-size: 12px; text-align: center; }

.pcate { float: left; width: 265px; }
.pcate-content { height: 390px; }
.pcate-content ul li { border-bottom: 1px solid #e6e6e6; font-weight: 700; }
.pcate-content ul li a { display: block; line-height: 29px; background: url(../images/icon-pcate.gif) no-repeat 5px top; padding-left: 40px; }
.pcate-content ul li a:hover { background-color: #f0f0f0; background-position: 5px -29px; }

.customer { margin: 15px auto; }
.customer-content { height: 342px; overflow: hidden; }
.customer-list { height: 342px; width: 948px; }
.customer-item { float: left; width: 460px; margin-right: 14px; margin-bottom: 10px; }
.customer-thumb { float: left; width: 160px; height: 160px; margin-right: 10px; padding: 2px; border: 1px solid #dadada; }
.customer-thumb img { width: 160px; height: 160px; }
.customer-info { float: left; width: 284px; }
.customer-info h3 { font-size: 14px; border-bottom: 1px solid #dadada; margin-bottom: 5px; }
.customer-info p { font-size: 12px; }
.customer-more { display: inline-block; width: 90px; height: 26px; background: url(../images/index_23.gif) no-repeat; text-align: center; font-weight: 700; }

.about { float: left; width: 266px; margin-right: 15px; }
.about-content { font-size: 12px; }

.news { float: left; width: 398px; }
.menu-name li { float: left; padding: 0 15px; cursor: pointer; }
.menu-name li.on { background-color: #0851c3; color: #fff; }
.news-content { font-size: 12px; line-height: 24px; height: 220px; }
.news-content ul li span { float: right; }

.contact { float: right; width: 266px; }
.contact-content { font-size: 12px; }

.honor { margin-top: 15px; }
.honor-content { overflow: hidden; padding: 10px 9px; }
.honor-content .tempWrap { width: 940px !important; }
.honor-show { width: 950px; }
.honor-show li { float: left; width: 180px; margin-right: 10px; text-align: center; font-size: 12px; }
.honor-show li img { width: 174px; height: 131px; padding: 3px; border: 1px solid #ccc; }

/*-------------------------内页----------------------------*/
.page-banner { margin: 15px auto; width: 960px; }
.page { background-color: #fff; }
.sidebar { float: left; width: 200px; }
.cate { border: 1px solid #ddd; }
.cate-title { background: url(../images/left_menu_title.gif) no-repeat; height: 39px; padding: 12px 0 0 50px; color: #fff; }
.cate-list { padding: 15px 9px; }
.cate-list ul li a { display: block; background: url(../images/left_menu_bg.gif) no-repeat; height: 31px; line-height: 31px; margin-bottom: 5px; padding-left: 15px; }
.cate-list ul li a:hover,
.cate-list ul li a.cur { background-position: 0 -31px; color: #fff; }
.cate-list li ul li a { background: none; font-size: 12px; line-height: 22px; margin-bottom: 0; }
.cate-list li ul li a:hover,
.cate-list li ul li a.cur { color: #b20708; }
.side-contact { margin-top: 10px; }

.content { float: right; width: 730px; min-height: 300px; _height: 300px; line-height: 30px; overflow: hidden; }
.title { border-bottom: 3px solid #adadad; height: 30px; margin-bottom: 15px; }
.cate-name { float: left; font-size: 14px; }
.location { float: right; font-size: 12px; font-weight: normal; }
.content img { max-width: 100%; }

.info-list li { border-bottom: 1px dotted #ccc; margin-bottom: 10px; }
.info-list li span { float: right; color: #ccc; }
.info-list .list-thumb { float: left; width: 180px; margin-bottom: 10px; }

.img-list { width: 780px; }
.items { float: left; margin-right: 50px; margin-bottom: 15px; width: 210px; overflow: hidden; }
.clearleft { clear: left; }
.items-img img { width: 200px; border: 1px solid #ccc; padding: 4px; }
.items h5 { margin: 0; padding: 5px 0; text-align: center; }

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

.table { width: 100%; border-collapse: collapse; border: 1px solid #999; }
.table td { border: 1px solid #999; padding: 5px 10px; }

#footer { background: url(../images/index_34.jpg) repeat-x; margin-top: 20px; padding: 15px 0; height: 40px; text-align: center; color: #fff; }

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