html, body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, form, img, table, dl, dt, dd, fieldset { padding:0; margin:0; }
textarea { font-size:14px; }
input,select { font-family:'Arial'; padding:0px; line-height:20px; font-size:12px; vertical-align:middle; }
input[type=checkbox], input[type=radio] { cursor:pointer; margin:0; vertical-align:middle; }

label { cursor:pointer; }
a img, img { border:0; vertical-align:middle; }
sup, sub { vertical-align:baseline!important; vertical-align:bottom; position:relative; }
sup { bottom:.5em; }
sub { top:.3em; }
li {list-style: none;}


a, a:visited { 
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	color: #555;
	text-decoration: none;
}

a{ 
bblr:expression(this.onFocus=this.blur());/*IE使用*/ 
outline-style:none;/*FF使用*/ 
} /*去除a标签带来的虚框*/ 

:-moz-ui-invalid:not(output) {
    box-shadow: 0 0 0 0;
}

body {
	background:#fff;
	color:#666;
	font-family: 'Arial', 'Microsoft YaHei';
	font-size:14px;
	line-height: 18px;
	height:100%;
}

strong { font-weight: 600; }

/********************************************* */
.header-wrapper,.body-wrapper,.footer-wrapper	{ width:100%; min-width:1100px; height:auto; }


.bgblue	{ background:#38a3db; }
.bgorange	{ background:#ee440c; }
.bggray	{ background:#989898; }
h1,h2,h3,h4,h5,h6	{ font-family: 'Microsoft YaHei'; font-weight:bold; }
h1	{ font-size:30px; }
h2	{ font-size:24px; }
h3	{ font-size:20px; }
h4	{ font-size:18px; }
h5	{ font-size:16px; }
h6	{ font-size:14px; }

.l	{ float:left; }
.r	{ float:right; }

.header-wrapper	{
	top:0px;
	height:auto;
	z-index:999;
}
.body-wrapper	{
}
.footer-wrapper	{ background:#131422; }

.maindiv	{
	width:1100px; 
	height:auto; 
	margin:0 auto; 
	overflow:auto;
}

.header-wrapper > .top	{
	height:46px;
	background:#1b70b5;
	line-height:46px;
	font-size:12px;
	color:#fff;
}
.header-wrapper > .top b	{
	color:#ff3145;
	font-size:16px;
}
.header-wrapper > .center	{
	height:auto;
}
.header-wrapper > .center > .maindiv	{
	height:100px;
	overflow:visible;
}

.header-wrapper .logo	{
	width:360px;
	height:100px;
	background:url("../images/logo.png") no-repeat left center;
	background-size:360px;
}
#menuW	{ display:block; }
#menuM	{ display:none; }
#WPlist	{ display:block; }
#MPlist	{ display:none; }

.index-ad	{ 
	min-width:1100px;
	height:440px;
	background:#dcdcdc;
	position:relative;
}
	.index-ad img 	{ 
		width:auto;
		margin:0 auto;
	}
	.swiper-slide	{
		text-align:center;
	}
	.index-ad .remark	{ 
		width:1100px;
		margin:0 auto;
		text-align:left;
	}
	.index-ad .remark > div	{ 
		width:100%;
		margin:0 auto;
	}
#ad01	{}
#ad02	{ display:none; }
	
.body-wrapper	{
	padding-top:30px;
}
	.index-swf	{
		
	}
	
	.index-div	{
		
	}
	.index-div > h3	{
		height:60px;
		text-align:center;
	}
	.index-div > h3 > label	{
		display:block;
		float:left;
		width:100px;
		line-height:50px;
		font-weight:bold;
		background:url("../images/line01.png") no-repeat bottom;
	}

	.index-profile	{
		width:600px;
	}
	.index-profile > h1	{
		text-align:center;
		font-size:32px;
		color:#003961;
		line-height:70px;
		background:url("../images/s-logo.png") no-repeat left center;
		background-size:80px;
	}
	.index-profile > div	{
		padding-top:20px;
		line-height:26px;
		font-size:14px;
	}
	.index-profile > div > p	{
		height:130px;
		overflow:hidden;
	}
	.index-profile > div > a	{
		display:block;
		text-align:right;
		color:#ff3145;
	}
	.hotline	{
		display:none;
		text-align:center;
		font-size:24px;
		line-height:32px;
		color:#ff6814;
		font-weight:bold;
	}
	.index-products	{
		margin-top:30px;
		height:auto;
		background:url("../images/bg-product.jpg") repeat-x;
	}
	.index-products h3	{
		color:#fff;
	}

	.index-products > .index-div > h3 > label	{
		float:none;
		margin:0 auto;
	}
	.index-products > .maindiv	{
		height:auto;
		overflow:auto;
	}
	.index-products > .maindiv > .list	{
		overflow: hidden;
		position: relative;
		height: 320px;
		margin: 20px auto 30px;
		width:100%;
	}

	.index-news	{
		width:600px;
	}
	.index-news > .first	{
		height:auto;
		line-height:28px;
		padding-bottom:10px;
		background:url("../images/line02.png") repeat-x bottom;
	}
	.index-news > .first h5	{
		line-height:30px;
	}
	.index-news .list	{
		padding-top:10px;
	}
	.index-news ul > li 	{
		height:34px;
		padding-left:10px;
		overflow:hidden;
		color:#fff;
		text-overflow : ellipsis;
		background:url("../images/icon01.jpg") no-repeat left center;
	}
	.index-news ul > li > a 	{
		line-height:34px;
		font-size:14px;
		color:#999;
		height:34px;
		white-space:nowrap ;
	}
	.index-news ul > li > a:hover 	{
		color:#fff;
	}

	.index-honor	{
		width:400px;
	}
	.index-honor > div	{
		margin-top:20px;
	}
	.index-honor > div ul	{
	
	}
	.index-honor > div ul li	{
		float:left;
		width:260px;
		text-align:center;
		border:1px solid #ccc;
	}
	.index-honor > div ul li h6	{
		line-height:30px;
	}

	.index-pic	{
		
	}
	.index-pic > .maindiv	{
		width:1092px;
	}
	.index-pic > .index-div > h3 > label	{
		float:none;
		margin:0 auto;
	}
	.index-pic > .maindiv > list	{
	
	}

	.index-contact	{
		background:#ebebeb;
	}
	.index-contact > h3 > label	{
		float:none;
		margin:0 auto;
	}
	.index-contact > div > a	{
		display:block;
		height:375px;
		background:url("../images/pic03.png") no-repeat center center;
	}

	
	.page-ad	{
		height:200px;
		background:url("../images/title02.jpg") no-repeat center;
	}

	.page-item-list	{ 
			float:left; 
			width:220px; 
			margin-top:20px;
			min-height:300px;
		}
					.page-item-list ul	{ width:210px; }
					.page-item-list ul > li	{ 
						line-height:44px; 
						font-size:14px; 
					}
					.page-item-list ul > li > a	{
						font-family: 'Microsoft YaHei';
						padding-left:20px;
						display:inline-block;
						width:100%;
						height:100%;
					}
					.page-item-list ul > li.active,.page-item-list ul > li:hover	{ 
						background:url("../images/arrow-r.png") no-repeat 6px; 
						background-size:6px;
					}
		.page-content-list	{ 
			margin-top:20px;
		}
			.page-title,.page-content,.page-navition	{ 
				margin:0 auto; 
			}
			
			.page-title	{
				height:auto;
				background:url("../images/bg-title.png") no-repeat;
				background-size:900px;
			}
			.page-title > h3	{
				line-height:34px;
			}
			.page-title > h3 > label	{
				display:inline-block;
				width:100px;
				text-align:center;
				margin-right:10px;
			}
			
			.page-content	{ 
				margin:15px auto 0; 
				line-height:32px;
				font-size:16px;
				min-height:400px;
			}
				.page-content > .NewsTitle	{ 
					padding:0; 
					line-height:40px; 
					text-align:center; 
					color:#d50010; 
					line-height:30px;
					font-size:16px;
					font-weight:bold;
				}
				
				.page-content > .Proimg	{
					text-align:center;
				}
				.page-content > .Proimg  > img	{
					max-width:100%;
				}
				
				.page-content .index-products ul > li > a	{
					border:1px solid #ccc;
				}
				.page-content .index-case	{
					width:100%;
				}
				.page-content .index-case ul > li	{
					background:none;
					border-bottom:1px solid #ccc;
					color:#666;
				}
				.page-content .index-case ul > li > a	{
					color:#666;
				}
				.page-content .index-case ul > li:hover > a	{
					color:#cf030b;
				}
				#dituContent	{
					width: 680px; 
					height: 350px;
				}
				

		.newslist	{
			min-height:300px;
		}
			.newslist > li	{
				line-height:28px;
				font-size:14px;
				background:url("../images/cile.png") no-repeat left;
				

			}
			.newslist > li:hover	{ 
				color:#e50003; 
			}
			.newslist > li label	{ 
				white-space:nowrap; 
				overflow:hidden; 
				text-overflow:ellipsis;
				padding-left:20px;
			}
			.newslist > li label a	{ 
				color:#fff;
			}
			.newslist > li label a:hover	{ 
				color:#ee2e35;
			}
			.newslist > li span	{ 
				color:#ee2e35; 
				font-size:12px;
				padding-left:10px;
			}
		
			.page-navition	{ 
				line-height:40px; 
			}
				.page-navition .red	{ 
					display:inline-block; 
					width:80px; 
					color:#d50010; 
					font-size:1.2em; 
				}
				.page-navition b	{ color:#F00; font-weight:normal; }
				.page-navition table	{ float:right; height:20px; }
				.page-navition img { *vertical-align:middle; }
				.page-navition input	{ 
					width:20px; 
					text-align:center; 
					height:12px; 
					line-height:11px; 
					font-size:11px; 
					padding:0; 
					border:1px solid #70615d; 
				}
				.page-navition A	{ 
					display:block; 
					width:80px; 
					float:right; 
					text-align:right; 
				}

	.product-list	{  }
	.product-list > ul	{ 
		height:auto; 
		overflow:auto;
	}
	.product-list > ul > li	{ 
		float:left;
		width:530px;
		border:2px solid #eaeaea;
		margin-bottom:30px;
	}
	.product-list > ul > li:nth-child(even)	{ 
		margin-left:30px;
	}
	.product-list > ul > li:nth-child(4n+1),.product-list > ul > li:nth-child(4n)	{ 
		background:#eaeaea;
	}
	.product-list > ul > li:nth-child(4n+2),.product-list > ul > li:nth-child(4n+3)	{ 
		background:#f6f6f6;
	}
	.product-list > ul > li > a	> .img	{
		float:left;
		width:180px;
		height:160px;
		text-align:center;
		line-height: 160px;
	}
	.product-list > ul > li > a	> .img > img	{
		max-width:160px;
		max-height:125px;
	}
	.product-list > ul > li > a	> .desc	{
		float:left;
		width:350px;
	}
	.product-list > ul > li > a	> .desc > h3	{
		padding-top:15px;
		padding-bottom:10px;
		color:#2b2b2b;
	}
	.product-list > ul > li > a	> .desc > h3 > span	{
		display:inline-block;
		width:20px;
		height:11px;
		background:url("../images/icon01.png") no-repeat center;
		background-size:11px;
	}
	.product-list > ul > li > a	> .desc > label	{
		display:inline-block;
		line-height:22px;
		font-size:13px;
		font-weight:bold;
		height:108px;
		overflow:hidden;
	}
	.product-list > ul > li:hover	{
		background:#17a1df;
	}
	.product-list > ul > li:hover > a > .desc > h3,.product-list > ul > li:hover > a > .desc > label	{
		color:#fff;
	}


	.listtable	{
		
	}
	.listtable > tbody > tr > th,.listtable > tbody > tr > td	{
		line-height:32px;
		text-align:center;
		color:#555;
	}
	.listtable > tbody > tr > th	{

		background:#ddd;
	}
	.listtable > tbody > tr:first-child > th:first-child	{
		border-left:0px;
	}
	.listtable > tbody > tr:nth-child(2) > th	{
		border-top:1px solid #fff;
	}
	.listtable > tbody > tr > td	{
	}
	.listtable > tbody > tr > td	{
		border-left:1px solid #fff;
	}
	.listtable > tbody > tr > td:first-child	{
		border-left:0px;
	}
	.listtable > tbody > tr:nth-child(odd) > td	{
		background:#e9e9e9;
	}
	.listtable > tbody > tr:nth-child(even) > td	{
		background:#f3f3f3;
	}
	.listtable > tbody > tr:hover > td	{
		background:#006db8;
		color:#fff;
	}
	.certlist	{
		height:auto;
		overflow:auto;
	}
	.certlist > li	{
		height:auto;
		float:left;
		width:33.33;
	}
	

.footer-wrapper	{ 
	height:auto;
	background:#006db8;
	padding-bottom:30px;
}
	.footer-wrapper .l	{
		padding-top:60px;
		width:auto;
		line-height:50px;
		color:#fff;
		font-size:16px;
	}
	.footer-wrapper .l > .link	{ 
		height:auto;
	}
	.footer-wrapper .l > .link ul	{

		height:36px;
	}
	.footer-wrapper .l > .link li	{
		float:left;
		width:100px;
		text-align:center;
		line-height:20px;
	}
	.footer-wrapper .l > .link li:nth-child(n+2)	{
		border-left:1px solid #ccc;
	}
	.footer-wrapper .l > .link a	{ 
		color:#fff;
	}
	.footer-wrapper .l > .link a:hover	{ 
		color:#b8d7f0;
	}
	.footer-wrapper .l > .copyright	{ 
		
	}
	.footer-wrapper .l > .copyright > label	{ 
		color:#ff3145;
		font-size:20px;
		font-weight:bold;
	}
	.footer-wrapper .r	{ 
		width:200px;
		background:#155a92;
	}
	.footer-wrapper .r > .erwei	{ 
		margin:15px;
		width:170px;
		height:200px;
		background:url("../images/erwei.png") no-repeat;
	}
	.footer-wrapper .r > .erwei > h5	{ 
		padding-top:170px;
		text-align:center;
		color:#b8d7f0;
		line-height:30px;
	}

#mask	{
	width:100%;
    height:100%;
    background-color:#222021;
    position:absolute;
    top:0;
    left:0;
    z-index:9999;
	text-align:center;
    display:none;
}
#mask > div	{
	position:absolute;
	width:100%;
	text-align:center;
}

	
@media screen and ( max-width:767px ) {
.header-wrapper, .body-wrapper, .footer-wrapper {
	min-width:320px;
}
.header-wrapper .top { 
	display:none;
}
.header-wrapper > .center > .maindiv	{
	height:50px;
}
.maindiv	{
	width:100%;
}

#menuW	{ display:none; }
#menuM	{ display:block; }
#WPlist	{ display:none; }
#MPlist	{ display:block; }

	video	{
		width:100%;
	}
	.header-wrapper .logo	{ 
		width:200px; 
		height:50px; 
		background:url("../images/logo.png") no-repeat center center; 
		background-size:180px;
	}
	.header-wrapper .en	{ 
		float:right;
		width:40px;
		line-height:52px;
		padding-top:0px;
	}
	.header-wrapper .en a	{ 
		line-height: 36px;
	}
	.header-wrapper .r 	{ 
		width:42px; 
		height:50px;
	}
	.header-wrapper .r > .dropdown-toggle	{ 
		height:50px;
		background:url("../images/menu.png") no-repeat center center; 
		background-size:28px;
	}
	
	#ad01	{ display:none; }
	#ad02	{ display:block; }

	.body-wrapper	{ 
		padding:0px;
	}
	.index-profile	{
		width:100%;
	}
	.index-profile > h1	{
		line-height:54px;
		font-size:28px;
		background:none;
	}
	.index-profile > div	{
		padding: 0px 10px;
	}
	.index-products	{
		margin-top:10px;
	}
	.index-news,.index-honor	{
		width:98%;
		margin:0 auto;
	}
	.body-wrapper .l	,.body-wrapper .r	{
		float:none;
	}
	.index-honor > div	{
		margin-top:0px;
	}
	.index-honor > div ul li	{
		width:100%;
		float:none;
	}
	
	.hotline	{
		display:block;
	}
	.index-products > .maindiv > .list	{
		height:auto;
	}
	.index-products .list > li{
		width:100%;
		background:#003961;
	}
	.index-products .list li .img{
		width:100%;
		height:190px;
		display:block;
		padding-top:10px; 
		background:#fff;
	}
	.index-products .list li .img > div	{
		width:100%;
		height:180px;
		text-align:center;
		line-height:180px;
	}
	.index-products .list li .img > div > img	{
		max-width:500px;
		max-height:180px;
	}
	.index-products .list li .desc	{
		padding:10px 15px 5px;
		font-size:14px;
		color:#fff;
		line-height:26px;
	}
	.index-products .list li h5	{
		color:#ff6814;
		line-height:34px;
	}
	.index-products .list li label	{
		display:none;
	}
	
	.index-pic,.index-contact,.footer-wrapper .link,.footer-wrapper .r	{
		display:none;
	}
	.page-content-list	{
		width:98%;
		margin:0 auto;
	}
	.page-title > h3	{
		font-size:16px;
	}
	.page-content	{
		line-height: 20px;
		font-size:14px;
	}
	.page-content > .Proimg > img	{
		max-height:200px;
	}
	.page-content .vedio	{
		flaot:none;
	}
	#dituContent	{
		width: 100%; 
		height: 350px;
	}
	.listtable	{
		font-size:12px;
	}
	
	.footer-wrapper	{
		padding-bottom:10px;
	}
	.footer-wrapper .l	{
		padding: 15px 10px 0;
		line-height: 20px;
		font-size:12px;
	}
	.footer-wrapper .l > .copyright > label {
		font-size:22px;
		color:#ff6814;
	}
#mask > div > img	{
	width:100%;
}
}