@charset "utf-8";

html,body {
	height: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}
ul { list-style: none; }
ul,li,p,input,
h1,h2,h3,h4,h5,h6,
dl,dt,dd { margin: 0; padding: 0; }
input,textarea { box-sizing: border-box; }
img { vertical-align: top; border: 0; }
a { text-decoration: none; color: #666; }
a:hover { color: #1E9FFF; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { *zoom: 1; }
.fl { float: left; }
.fr { float: right; }
body { font-family: Arial; font-size: 12px; }
.container { width: 1180px; margin: 0 auto; }
.table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
.table-striped > tbody > tr:nth-child(odd) {
	background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
	background-color: #f5f5f5;
}
.table td { text-align: center; }
.table th,
.table td { padding: 10px; }
.table a { color: #f00; text-decoration: underline; }

/* top */
.top { height: 98px; padding: 0 100px; }
	.logo { float: left; }
	.nav { position: relative; float: right; font-size: 14px; }
		.nav>ul { height: 98px; }
		.nav>ul>li { position: relative; float: left; z-index: 99; padding-left: 40px; }
		.nav>ul>li>a { display: block; height: 98px; line-height: 98px; text-align: center; }
		.nav>ul>li>a:hover { color: #999; }
		.nav>ul>li>a::after { content: ''; display: block; margin-top: -35px; width: 30%; height: 1px; background: transparent; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
		.nav>ul>li>a:hover::after { width: 100%; background: rgba(0, 0, 0, .3); }
		.nav>ul>li>a.cur::after { background: rgba(0,0,0,.5); }
		.nav>ul>li ul { position: absolute; visibility: hidden; opacity: 0; top: 98px; left: 0; padding-bottom: 10px; border-top: 3px solid #0292de; width: auto; background-color: #fff; transform: translateY(-20px); box-shadow: 0 0 10px #eee; }
		.nav>ul>li:hover ul { visibility: visible; opacity: 1; transform: translateY(0); transition: all .3s ease-out 0s; }
		.nav>ul>li ul li a { display: block; padding: 8px 40px; white-space: nowrap; }
.printlogo { display: none; }

.product-search { position: absolute; right: 0px; top: 5px; height: 24px; z-index: 100; } 
	.product-search-input { float: left; width: 150px; height: 24px; line-height: 24px; border: 0; border-bottom: 1px solid #eee; color: #ccc; }
	.product-search-btn { float: left; width: 80px; height: 24px; border: 0; background-color: #c2c2c2; color: #fff; cursor: pointer; }

/* banner */
.banner { position: relative; height: 572px; overflow: hidden; }
	.banner-info { width: 100% !important; height: 572px; }
	.banner-info li { width: 100% !important; height: 572px; }
	.banner-info li a { display: block; height: 572px; }

	.banner-btn { position: absolute; width: 100%; left: 0; bottom: 20px; text-align: center; }
	.banner-btn span { display: inline-block; width: 36px; height: 5px; margin: 0 5px; background-color: #fff; opacity: .5; cursor: pointer; }
	.banner-btn span.on { opacity: 1 }

/* content */
.icontent { border: 1px solid #ddd; width: 1178px; height: 464px; margin: 20px auto; }
	.col-1 { float: left; width: 288px; height: 464px; border-right: 1px solid #ddd; }
		.i-about { padding: 30px 20px 0; height: 192px; background: url(../images/about_bg.jpg) no-repeat right bottom; }
			.i-about h2 { color: #333; font-size: 14px; margin-bottom: 15px; }
			.i-about p { color: #666; line-height: 1.5 }
			.i-about a.more { display: inline-block; color: #1E9FFF; margin-top: 20px; }
		.i-news { width: 248px; height: 212px; }
	.col-2 { float: left; width: 484px; height: 424px; padding: 20px 40px; border-right: 1px solid #ddd; }
		.i-products {}
			.i-products-list li { height: 100px; padding: 20px 0; overflow: hidden; }
				.i-products-thumb { float: left; width: 120px; }
				.i-products-thumb img { width: 100px; height: 100px; }
				.i-products-info { float: left; width: 364px; }
				.i-products-info h3 { font-size: 12px; margin-bottom: 15px; color: #333; }
				.i-products-info p.detail { height: 36px; line-height: 18px; margin-bottom: 15px; color: #666; overflow: hidden; }
				.i-products-info a.more { text-decoration: underline; }
	.col-3 { float: left; width: 324px; }
		.i-voice { height: 182px; padding: 50px 50px 0 24px; background: #7f8579 url(../images/voice_bg.png) no-repeat 170px 120px; color: #fff; }
			.i-voice h3 { font-size: 16px; margin-bottom: 15px; }
			.i-voice p { line-height: 1.8; }
		.i-contact { padding: 20px 24px 0; }
			.i-contact h3 { font-size: 16px; color: #333; margin-bottom: 10px; }
			.i-contact h4 { font-size: 13px; color: #9e9e9e; margin-bottom: 15px; }
			.i-contact-info p { border-top: 1px solid #e7e7e7; color: #9e9e9e; padding: 10px 0; line-height: 1.5 }

/* page -------------------------- */
.pagebanner { height: 260px; }

.pagecontent { padding: 50px 0; }
	.pagecontent h1 { text-align: center; margin: 30px; }
	.page-info { line-height: 1.5; color: #666; }

	.sub-menu { border-bottom: 1px solid #eee; height: 50px; line-height: 50px; margin-bottom: 30px; }
		.sub-menu li { float: left; padding: 0 15px; font-size: 16px; }
		.sub-menu li.cur { border-bottom: 1px solid #0292de; }
		.sub-menu li.cur a { color: #0292de; }
	
	/* 产品 */
	.category { float: left; width: 260px; }
		.category ul li a { display: block; border-bottom: 1px solid #eee; line-height: 40px; padding: 0 15px; }
		.category li.cur>a { color: #1E9FFF; }
		.category li ul { padding-left: 30px; }
		.category li ul li a { color: #999; }
		.category-search { display: inline-block; width: 260px; margin-bottom: 10px; }
		.category-search .product-search-input { width: 180px; }
	/* products list */
	.products-list { float: right; width: 860px; overflow: hidden; }
	.showproduct { border-top: 1px solid #eee; padding: 50px 0; }
		.product-detail { float: left; width: 820px; }
			.product-detail img { max-width: 100%; }
		.product-info { float: right; width: 300px; }
			.product-info h1 { margin-bottom: 20px; }
			.product-short-content { line-height: 1.8; color: #999; padding-bottom: 30px; border-bottom: 1px solid #eee; }
				/* print */
				.print-btn { display: block; color: #f16b09; margin-top: 15px; padding-left: 8px; }
				@media print {
					.printlogo { display: block }
					.container { width: 100%; }
					.showproduct { border: 0; }
					.product-detail,.product-info { width: 100%; }
					.product-info,
					.product-detail { float: none; }
					.top,.print-btn,.print-none,.relation-products-list,#footer { display: none; }
				}

			.relation-products-list { margin-top: 20px; overflow: hidden; }
			.relation-products-list ul { width: 320px; }
			.relation-products-list ul li { float: left; width: 140px; margin-right: 20px; }
			.relation-products-list ul li img { width: 138px; height: 138px; border: 1px solid #eee; }
			.relation-products-list ul li h4 { padding: 15px 0; margin-bottom: 15px; }


	/* product-sp */
	.product-sp { width: 720px; margin: 0 auto; }
	.product-info-sp { float: right; width: 350px; }
	.product-info-sp p { margin-top: 10px; font-size: 14px; }
	.product-info-sp p span { font-weight: 700; }
	.product-info-sp .product-short-content { border: none; }
	.product-img-sp { float: left; width: 350px; }
	.product-img-sp img { max-width: 100%; }
	.product-detail-sp { width: 100%; }
	.prodcut-specificity { margin-top: 20px; }
	.prodcut-specificity h1 { font-size:24px; line-height: 40px; margin-bottom: 15px; border-bottom: 2px solid #e5e5e5; }
	.prodcut-specificity h1 span { font-weight: normal; padding: 7px 20px; border: 1px solid #e5e5e5; border-bottom: 2px solid #fff; }
	.prodcut-specificity p { font-size: 13px; line-height: 32px; padding-left: 20px; }
	.prodcut-specificity p span { display: inline-block; width: 200px; font-weight: 700; }
	/* print-btn-sp */
	.print-btn-sp { display: block; color: #f16b09; margin-top: 15px; padding-left: 8px; }
		@media print {
		.printlogo { display: block }
		.product-sp { width: 100%; }
		.showproduct { border: 0; }
		.product-detail-sp,.product-info-sp { width: 100%; }
		.product-info-sp,
		.product-detail-sp { float: none; }
		.top,.print-btn-sp,.print-none,.relation-products-list,#footer { display: none; }
		}


	/* imglist */
	.img-list { margin: 0 -24px; }
		.img-item { float: left; width: 33.3333333%; margin-bottom: 30px; padding: 0 24px; box-sizing: border-box; }
		.img-item-thumb { overflow: hidden; }
		.img-item-thumb img { max-width: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
		.img-item:hover img { transform: scale(1.2, 1.2); }
		.img-item-txt { margin: 0; padding: 20px 0; height: 24px; text-align: center; border-bottom: 1px solid #eee; }

	/* newslist */
	.news-list {}
		.news-item { margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #eee; overflow: hidden; }
		.news-item-thumb { float: left; width: 16.666666%; }
		.news-item-thumb img { max-width: 100%; }
		.news-item-info { float: left; width: 83.333333%; box-sizing: border-box; padding-left: 30px; }
		.news-item-info time { color: #ccc; }
		.news-item-info h2 { font-size: 14px; }
		.news-item-info h2 a { color: #333; }
		.news-item-info p { color: #999; }

		.news-list li { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
		.news-list li span { float: right; color: #ccc; }

	#pagination,
	.pagination { margin-top: 30px; }
		.pagination li { display: inline-block; }
		.pagination li a { display: inline-block; padding: 10px 15px; background-color: #eee; }
		.pagination li.active a { background-color: #006ab8; color: #fff; }
	/* shownews */
	.show-title { font-size: 18px; text-align: center; }
	.show-para { font-size: 12px; color: #ccc; border-bottom: 1px solid #eee; text-align: center; padding: 5px 0 10px; }
	.show-content { padding: 15px 0; }

	.row { margin: 15px -15px; }
		.col-4 { float: left; width: 33.333333%; padding: 0 15px; box-sizing: border-box; }
		.col-4 img { max-width: 100%; }

#footer { line-height: 30px; background-color: #eaeaea;; }
	.copyright { padding: 15px 0; color: #9e9e9e; text-align: center; }


/* map */
#mapContainer {
	position: relative;
	height: 400px;
	margin-bottom: 30px;
}

.button-group {
	position: absolute;
	bottom: 20px;
	right: 20px;
	font-size: 12px;
	padding: 10px;
}

.button-group .button {
	height: 28px;
	line-height: 28px;
	background-color: #0D9BF2;
	color: #FFF;
	border: 0;
	outline: none;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 3px;
	margin-bottom: 4px;
	cursor: pointer;
}
#tip {
	background-color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	position: absolute;
	font-size: 12px;
	right: 10px;
	top: 20px;
	border-radius: 3px;
	border: 1px solid #ccc;
	line-height: 30px;
}

.amap-info-content {
	font-size: 12px;
}