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{ 
	bblr:expression(this.onFocus=this.blur());/*IE使用*/ 
	outline-style:none;/*FF使用*/ 
} /*去除a标签带来的虚框*/ 
a:hover { 
	color: #17b88d;
	text-decoration: 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: #6b6b6b;
	text-decoration: none;
}


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

img {
transition:all 0.5s ease-out;
	/* 过度 所有css属性 1秒过度 结束慢*/
-moz-transition:all 0.5s ease-out;
	/* Firefox 4 */
-webkit-transition:all 0.5s ease-out;
	/* Safari 和 Chrome */
-o-transition:all 0.5s ease-out;
	/* Opera */
}

body {
	background:#fff;
	color:#333;
	font-family: 'Arial', 'Microsoft YaHei';
	font-size:16px;
	line-height: 22px;
	height:100%;
}

strong { font-weight: 600; }

.swiper-pagination-bullet	{ border: 5px solid #f00; }

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

.bggreen	{ background:#17b88d; }
.bgblue	{ background:#38a3db; }
.bgorange	{ background:#ee440c; }
.bggray	{ background:#f4f4f4; }

h1,h2,h3,h4,h5,h6	{ font-family: 'Microsoft YaHei'; font-weight:bold; }
h1	{ font-size:36px; }
h2	{ font-size:32px; }
h3	{ font-size:28px; }
h4	{ font-size:24px; }
h5	{ font-size:18px; }
h6	{ font-size:16px; }

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

.bg-06	{ background:#fff; }

#loading{
	z-index:9999999;padding:5px 0 5px 29px;
	text-align:center;
	left:0;top:0;width:100%;
	position:fixed; height:100%;
	background:#fff;
}
#loading img	{
	margin-top:250px;
	width:320px;
}

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


.pageindex	{

}

.header-wrapper	{
	top:0px;
	height:190px;
	z-index:999;
	background:#000;
	position:relative;
}

.header-wrapper .logo	{
	line-height:110px;
	color:#fff;
	position:relative;
}
.header-wrapper .logo label	{
	font-family: 'Microsoft YaHei';
    font-weight: bold;
	color:#fff;
}

.header-wrapper .logo .bg	{
	display:block;
	float:right;
	width:420px;
	height:110px;
	background:url("../images/super.png") no-repeat right bottom;
	opacity: 0.1;
}
.header-wrapper .logo a	{
	position:absolute;
	font-size:14px;
	color:#fff;
	right:0px;
}
.header-wrapper > .mainlogo	{
	width:100%;
	top:110px;
	position:absolute;
	z-index: 1;
	height:80px;
	background:#4d4d4d;
}
.header-wrapper > .mainlogo .maindiv	{ 
	overflow:visible;
}

.pageindex .header-wrapper	{	
	background:url("../images/banner01.jpg");
	height:850px;
}
.pageindex .header-wrapper > .mainlogo	{
	opacity: 0.7;
	background:#000;
}

#MenuM	{ display:none; }
	.header-wrapper .dropdown-toggle	{ 
		width:50px;
		height:50px;
		background:url("../images/menu.png") no-repeat center center; 
		background-size:28px;
	}

.body-wrapper	{
	
}
.body-wrapper>.maindiv {
	overflow:hidden;
}


.products-item	{
	margin-top:30px;
	padding:30px;
	background:#f8f8f8;
}

	.index-title	{
		height:auto;
		margin:0 auto;
		overflow:hidden;
	}
	.index-title > h1	{
		text-align:left;
		color:#202020;
		line-height:50px;
		font-weight:bold;
	}
	.index-title > h5	{
		margin:0 auto;
		font-style:italic;
		line-height:16px;
		color:#666;
		text-align:center;
		font-weight:normal;
	}

	.products-item .list	{
		margin:40px auto 0;
		height:auto;
	}
	.products-item .list ul	{
		height:auto;
		overflow:auto;
	}

	.products-item .list li	{
		float:left;
		width:24%;
		margin-left:1.3%;
		margin-top:20px;
		background:#fff;
	}
	.products-item .list li:nth-child(4n+1) {
		margin-left:0px;
	}
	.products-item .list li > a	{
	}

	.products-item .list li span	{
		display:block;
		margin:0 auto;
		width:300px;
		height:300px;
	}
	.products-item .list li span img	{
		width:300px;
		height:300px;
		object-fit: cover;
		transition: 0.2s;
	}
	.products-item .list li:hover span img	{
		transform: scale(1.1);
	}
	.products-item .list li h5	{
		padding-top:10px;
		text-align:center;
		line-height:30px;
		font-weight:normal;
		color:#000;
	}

	.products-item .list li label	{
		display:block;
		line-height:60px;
		text-align:center;
	}
	.products-item .list li:hover	{
		-webkit-box-shadow: 5px 5px 10px 0px #ccc;
		-moz-box-shadow: 5px 5px 10px 0px #ccc;
		box-shadow: 5px 5px 10px 0px #ccc;
	}
	.products-item .list li:hover h5	{
		background:#17b88d;
		color:#fff;
	}
	.products-item .list li:hover label	{
		background:#17b88d;
		color:#fff;
	}
	.products-item .more	{
		padding:30px 0;
	}
	.products-item .more a	{
		display:block;
		margin:0 auto;
		width:160px;
		line-height:40px;
		border-radius:20px;
		background:#8ed1b2;
		text-align:center;
		color:#fff;
		font-size:20px;
	}
	.products-item .more a:hover	{
		background:#17b88d;
	}

	
	.about-item	{
		margin-top:60px;
		height:auto;
	}
	.about-item .l	{
		width:460px;
	}
	.about-item .r	{
		width:855px;
		overflow:hidden;
	}
	.about-item .index-title	{

	}
	.about-item .index-title h5	{
		background:url("../images/line.png") no-repeat center;
	}
	
	.about-item .r h1	{
		height:80px;
	}
	.about-item .r .bg	{
		float:right;
		display:block;
		width:260px;
		height:80px;
		background:url("../images/super.png") no-repeat;
		background-size:100%;
	}
	.about-item .r h3	{
		text-align:right;
		line-height:50px;
		font-weight:normal;
	}
	.about-item .content	{
		padding-top:30px;
		font-size:22px;
		line-height:36px;
	}
	.about-item .r li	{
		float:left;
		margin-left:5px;
		width:280px;
		height:280px;
		background:#f8f8f8;
	}
	.about-item .r li > span {
		display: block;
		margin:36px auto 0;
		width:64px;
		height:64px;
	}
	.about-item .r li > h4 {
		text-align:center;
		line-height:32px;
	}
	.about-item .r li > label {
		padding:24px 24px 0;
		font-size:18px;
		line-height:24px;
		color:#999;
	}
	.about-item .r li.i1 > span	{
		background:url("../images/icon01.png") no-repeat 0px 0px;
	}
	.about-item .r li.i2 > span	{
		background:url("../images/icon01.png") no-repeat -64px 0px;
	}
	.about-item .r li.i3 > span	{
		background:url("../images/icon01.png") no-repeat -128px 0px;
	}
	.about-item .r li:hover	{
		background:#17b88d;
	}
	.about-item .r li:hover > h4,.about-item .r li:hover > label	{
		color:#fff;
	}
	.about-item .r li.i1:hover > span	{
		background:url("../images/icon01.png") no-repeat 0px -64px;
	}
	.about-item .r li.i2:hover > span	{
		background:url("../images/icon01.png") no-repeat -64px -64px;
	}
	.about-item .r li.i3:hover > span	{
		background:url("../images/icon01.png") no-repeat -128px -64px;
	}


	.catalogue-item {
		margin-top:60px;
	}
	.catalogue-item .maindiv .l {
		width:70%;
	}
	.catalogue-item .maindiv .r {
		width:360px;
	}
	.catalogue-item .index-title	{
		text-align:left;
	}
	.catalogue-item .list	{
		margin-top:30px;
		width:100%;
	}
	.catalogue-item .r .index-title h1	{
		
	}
	.catalogue-item .r .list	{
		
	}
	.catalogue-item .list li	{
		float:left;
		width:45%;
		margin-left:5%;
		background:#313131;
	}
	.catalogue-item .list li:first-child	{
		margin:0px;
	}

	.catalogue-item .list li > a	{
		display:block;
	}
	.catalogue-item .list li span	{
		width:100%;
	}
	.catalogue-item .list li span img	{
		width:100%;
	}
	.catalogue-item .list li h4	{
		width:100%;
		text-align:center;
		line-height:64px;
		font-weight:normal;
		color:#fff;
	}
	.catalogue-item .list li:hover{
		background:#bc900c;
	}
	.catalogue-item .list li:hover span img	{
		opacity:0.8;
	}

	
	.honor-list {
		height:850px;
		background:url("../images/banner02.jpg");
	}
	.honor-list .index-title	{
		padding-top:80px;
	}
	.honor-list .index-title h1	{
		color:#fff;
	}
	.honor-list .list	{
		width:100%;
		margin:30px auto 0;
		height:auto;
		overflow:auto;
	}

	.honor-list .list li	{
		float:left;
		width:265px;
		margin-right:10px;
	}

	.honor-list .list li > a	{
		display:block;
	}


.seq .seq-title	{
	width:640px;
	text-align:left;
	background:#f8f8f8;
	padding:10px 20px 20px 20px;
	line-height:20px;
}	
.seq .seq-title h4 a {
	color:#007a3b;
	line-height:40px;
}
.seq .seq-title label {
	font-size:14px;
	color:#666;
}
.seq .seq-title label strong	{
	color:#484848;
}

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

	.page-item-list	{ 
			width:368px; 
			margin-top:50px;
			margin-bottom:50px;
		}
					.page-item-list .nav .title	{
						width:368px;
						height:190px;
						background:url("../images/pic11.png") no-repeat;
					}
					.page-item-list .nav .title > h2	{
						padding-top:133px;
						color:#fff;
						font-size:60px;
						font-weight:900;
						text-align:center;
						font-family: 'Arial';
					}
					.page-item-list .nav ul	{
						margin:30px auto 0;
						width:100%;
					}
					.page-item-list .nav ul > li	{ 
						line-height:50px; 
						border-bottom:1px solid #e9e9e9;
						background:url("../images/icon103-1.png") no-repeat 340px 20px;
					}
					.page-item-list .nav ul > li > a	{
						padding-left:20px;
						font-size:18px;
						display:block;
					}
					.page-item-list .nav ul > li span	{
						color:#aaa;
					}
					.page-item-list .nav ul > li.active,.page-item-list .nav ul > li:hover	{ 
						background:url("../images/icon103-2.png") no-repeat 340px 20px;
					}
					.page-item-list .nav ul > li.active a,.page-item-list .nav ul > li:hover a	{ 
						color:#17b88d;
					}

					.page-item-list .contact	{
						margin-top:40px;
					}
					.page-item-list .contact .title	{
						background:#666666;
					}
					.page-item-list .contact .title h5	{
						padding-left:20px;
						line-height:50px;
						color:#fff;
					}
					.page-item-list .contact .list label {
						margin-top:20px;
						display:block;
						color:#6a6a6a;
						line-height:24px;
						padding-left:30px;
						font-size:14px;
					}
					.page-item-list .contact .list label.address {
						background: url("../images/icon03.png") no-repeat 0 1px;
						background-size:18px;
					}
					.page-item-list .contact .list label.phone {
						background: url("../images/icon03.png") no-repeat 0 -110px;
						background-size:18px;
					}
					.page-item-list .contact .list label.email {
						background: url("../images/icon03.png") no-repeat 0 -48px;
						background-size:18px;
					}

		
		.page-list-list	{ 
			margin:50px auto 0;
			width:900px;
			padding-bottom:50px;
		}
		.page-content-list	{ 
			margin:30px auto 0;
			width:900px;
			padding-bottom:50px;
		}
		
			
			.page-title	{
				height:60px;
			}
			.page-title h1	{
				float:left;
				width:auto;
				padding-right:50px;
				line-height:32px;
				font-family:'Arial';
				font-weight:900;
			}
			.page-title span	{
				display:block;
				float:left;
				width:28px;
				height:32px;
				background:url("../images/navi-arrow.png") no-repeat 0 center;
			}
			.page-title h4	{
				color:#666;
				float:left;
				margin-left:20px;
				width:auto;
				line-height:32px;
			}

			.page-content	{
				margin-top:50px;
				line-height:28px;
				min-height:450px;
				font-size:16px;
			}
		
		.aboutus	{
			margin-top:50px;
			width:785px;
		}
		.aboutus > li	{
			margin-bottom:30px;
			height:87px;
			padding-left:120px;
			line-height:24px;
		}
		.aboutus > li h5	{
			padding-top:15px;
			margin-bottom:10px;
		}
		.aboutus > li.i1	{
			background:url("../images/bg-01.png") no-repeat;
		}
		.aboutus > li.i2	{
			background:url("../images/bg-02.png") no-repeat;
		}
		.aboutus > li.i3	{
			background:url("../images/bg-03.png") no-repeat;
		}

		.propic	{
			text-align:right;
			position: relative;
		}
		.propic .i1	{
			position: absolute;
			right:380px;
			top:50px;
		}
		.propic .i3	{
			position: absolute;
			border:10px solid #e5e5e5;
			width:450px;
			height:230px;
			right:380px;
			top:50px;
		}
		.propic .i3	h2	{
			width:350px;
			margin:60px auto 0;
			text-align:left;
			line-height:50px;
		}

		.profeature	{
			height:auto;
			margin-top:30px;
		}
		.profeature ul	{
			margin-top:30px;
			height:auto;
			overflow:auto;
		}
		.profeature ul li	{
			float:left;
			width:32%;
			margin-right:2%;
		}
		.profeature ul li:last-child	{
			margin-right:0%;
		}
		.profeature ul li h5	{
			border:1px solid #dedede;
			border-radius:8px;
			line-height:42px;
			padding-left:40px;
			background:url("../images/round01.png") no-repeat 10px 10px;
			margin-bottom:10px;
		}
		.profeature ul li label	{

		}

		.proapplications	{
			margin-top:30px;
		}
		.proapplications ul	{
			margin-top:30px;
			height:auto;
			overflow:auto;
		}
		.proapplications ul li	{
			float:left;
			width:24%;
			min-height:260px;
			margin-right:1%;
			background:#f2f8f8;
		}
		.proapplications ul li h5	{
			line-height:50px;
			padding-left:15px;
			text-align:left;
			background:#cee6e5;
			border-bottom:2px solid #fff;
			margin-bottom:10px;
		}
		.proapplications ul li label	{
			padding-left:15px;
			line-height:32px;
		}

		.protable	{
			margin-top:50px;
		}

		.pictogramslist	{
			margin-top:50px;
		}
		.pictogramslist ul	{
			height:auto;
			overflow:auto;
		}
		.pictogramslist ul li	{
			width:200px;
			padding:10px;
			margin-top:20px;
			margin-right:60px;
			float:left;
			border:1px solid #eee;
		}
		.pictogramslist ul li span	{
			display:block;
			width:120px;
			margin:0 auto;
		}
		.pictogramslist ul li label	{
			display:block;
			margin:0 auto;
			line-height:18px;
			height:36px;
		}
		.pictogramslist ul li:hover	{
			background:#17b88d;
			color:#fff;
		}
		.pictogramslist ul.i2 li	{
			width:220px;
		}
		.pictogramslist ul.i1 li span	{
			width:105px;
		}
		.pictogramslist ul.i2 li span	{
			width:200px;
		}
		.pictogramslist ul.i2 li label,.pictogramslist ul.i3 li label	{
			text-align:center;
		}

		.NewsTitle	{
			font-weight:bold;
			color:#666;
			line-height:32px;
			padding-bottom:20px;
		}
		
		.page-navition	{ 
				height:auto;
				overflow:auto;
				line-height:24px; 
			}
				.page-navition .red	{ 
					display:inline-block; 
					width:80px; 
					color:#d50010; 
				}
				.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:16px; 
					line-height:14px; 
					font-size:12px; 
					padding:0; 
					border:1px solid #70615d; 
				}
				.page-navition A.red	{ 
					display:block; 
					width:80px; 
					float:right; 
					text-align:right; 
				}

/* 新闻列表开始 */
.news-list {
    height: auto;
    overflow: auto;
}

.news-list .list>ul {}

.news-list ul li {
    margin: 10px 0px 0;
	padding-top:10px;
    overflow: hidden;
	background:#f9f9f9;
	border-bottom:2px solid #e6e6e6;
}

.news-list ul li .pic {
	float:left;
    width: 240px;
    height: 190px;
	line-height:190px;
	text-align:center;
}

.news-list ul li .pic img {
    width: 200px;
    height: 150px;
	border-radius:6px;
}

.news-list ul li .desc {
    float:right;
	margin-right:30px;
	width: 500px;
	padding-top:20px;
}
.news-list ul li .desc > a	{
	display:block;
	font-size:18px;
	font-weight:bold;
	color:#666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-list ul li .desc label,
.news-list ul li .desc span {
    display:block;
}
.news-list ul li .desc label {
	margin-top:10px;
	line-height: 24px;
	height:94px;
	overflow:hidden;
	position: relative;
}
.news-list ul li .desc label::after {
    content: "...";
    font-weight: bold;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 10px 1px 50px;
    background: url("../images/ellipsis_bg2.png") repeat-y;
}
.news-list ul li .desc span {
	margin-top:6px;
	font-size:12px;
	color:#888;
	font-style: italic;
	line-height: 18px;
}

/* 新闻列表结束 */

/* 案例列表开始 */

.cases-list {
    height: auto;
    overflow: auto;
}

.cases-list .list>ul {}

.cases-list ul li {
	float:left;
	width:31.5%;
	height:370px;
    margin: 0px 0.7% 20px 0.7%;
    overflow: hidden;
	background:#f9f9f9;
	border-bottom:2px solid #e6e6e6;
}

.cases-list ul li > div	{
    width: 300px;
	margin:0 auto;
}
.cases-list ul li .pic {
	padding-top:15px;
    height: 280px;
	line-height:240px;
	text-align:center;
}

.cases-list ul li .pic img {
    width: 300px;
    height: 280px;
	border-radius:4px;
}

.cases-list ul li .desc {

}
.cases-list ul li .desc > a	{
	padding:30px 0 10px;
	display:block;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
	color:#333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cases-list ul li .desc > span {
    display:block;
	width:50px;
	height:3px;
	background:#cc9900;
}
.cases-list ul li .desc label {
	margin-top:20px;
    display:block;
	line-height: 24px;
	max-height:120px;
	overflow:hidden;
	position: relative;
}
.cases-list ul li .desc label::after {
    content: "...";
    font-weight: bold;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 10px 1px 50px;
    background: url("../images/ellipsis_bg2.png") repeat-y;
}

/* 案例列表结束 */

/* 产品列表开始 */

.products-list {
    height: auto;
    overflow: auto;
}

.products-list ul {}

.products-list ul li {
	float:left;
    width: 98%;
    margin: 20px auto 0;
    overflow: hidden;
	background:#fff;
	border:1px solid #eee;
}
.products-list ul li:nth-child(2n) {
	
}

.products-list ul li .pic {
	display:block;
	float:left;
	width:30%;
	background:#fff;
}

.products-list ul li .pic img {
    width: 100%;
}
.products-list ul li .desc {
	float:left;
	width:68%;
	padding-top:10px;
	line-height:24px;
	text-align:left;
	font-size:14px;
	padding-left:40px;
}
.products-list ul li .desc b	{
	display:block;
	font-size:18px;
	line-height:32px;
}
.products-list ul li:hover	{
	-webkit-box-shadow: 5px 5px 10px 0px #ccc;
	-moz-box-shadow: 5px 5px 10px 0px #ccc;
	box-shadow: 5px 5px 10px 0px #ccc;
	background:#17b88d;
	
}
.products-list ul li:hover a {
	color:#fff;
}

.products-content	{
	height:auto;
	overflow:auto;
}
.products-content > .l	{
	width:40%;
}

.products-content .pic {
	float:left;
	width:75%;
	background:#fff;
}
.products-content .e_smallImg	{
	float:right;
	width:20%;
}
.products-content .e_smallImg ul li	{
	float:right;
	width:75px;
	border:1px solid #888;
	margin-bottom:5px;
}
.products-content .e_smallImg ul li img	{
	width:100%;
}

.products-content .pic img {
    width: 100%;
}
.products-content .desc {
	float:left;
	width:58%;
	padding-top:10px;
	line-height:24px;
	text-align:left;
	font-size:14px;
	padding-left:40px;
}
.products-content .desc b	{
	display:block;
	font-size:18px;
	line-height:32px;
}

.pro-list	{
	margin-top:40px;

}
.pro-list h5	{
	width:99%;
	padding-left:20px;
	line-height:50px;
	background:#e8e8e8;
	margin-bottom:2px;
}
.pro-list ul	{
	height:auto;
	overflow:auto;
}
.pro-list ul li	{
	float:left;
	width:24%;
	background:#f8f8f8;
	margin-right:1%;
}
.pro-list ul li span	{
	display:block;
	width:100%;
}
.pro-list ul li label	{
	display:block;
	width:100%;
	line-height:32px;
	text-align:center;
}
.pro-list ul li img	{
	width:100%;
}
.pro-list ul.col2 li	{
	width:49%;
	background:#f8f8f8;
	margin-bottom:10px;
}
.pro-list ul.col2 li label	{
	color:#fff;
	background:#2477c7;
}
.pro-list ul.col3 li	{
	width:32%;
	background:#f8f8f8;
	margin-right:1.5%;
	margin-bottom:20px;
}
.pro-list ul.col3 li:nth-child(3n+3)	{
	margin-right:0px;
}
.pro-list ul.col3 li label	{
	color:#fff;
	background:#2477c7;
}
.pro-list ul.col4 li 	{
	width:24%;
}
.pro-list ul.col4 li label	{
	color:#fff;
	background:#2477c7;
}

/* 产品列表结束 */

.news-content {}

.news-content>.main {
    width: 720px;
}

.news-content>.main h1.title {
    line-height: 60px;
}

.news-content>.main h5.type {
    line-height: 40px;
}

.news-content>.main h5.desc {
    padding: 20px 25px;
    margin-top: 50px;
    line-height: 24px;
}

.news-content>.main h1.title {
    line-height: 60px;
}

.news-content>.main div.content {
    margin-top: 20px;
}

.news-content>.main div.content p {
    padding: 10px 0;
}

.news-content>.main div.content img {
    max-width: 100%;
}

.news-content>.news-short-list {
    width: 320px;
}
.news-content>.news-short-list div.list ul > li	{
	padding-top:5px;
	height:auto;
	overflow:auto;
}
.news-content>.news-short-list div.list ul > li a {
	width:100%;
	max-height:44px;
	line-height:22px;
	white-space: normal;
}

.intro-content	{
	overflow:auto;
	padding-bottom:20px;
}
.intro-content>.main {
    width: 96%;
	margin:20px auto;
}

	.csTable	{
		
	}
	.csTable > tbody > tr > th,.csTable > tbody > tr > td	{
		line-height:32px;
		text-align:center;
		color:#555;
	}
	.csTable > tbody > tr > th	{
		padding:5px 0;
		background:#cee6e5;
		line-height:24px;
	}
	.csTable > tbody > tr > th:first-child	{
		border-left:0px;
	}
	.csTable > tbody > tr:nth-child(2) > th	{
		border-top:1px solid #fff;
	}
	.csTable > tbody > tr > td	{
	}
	.csTable > tbody > tr > td	{
		border-left:1px solid #fff;
	}
	.csTable > tbody > tr > td:first-child	{
		border-left:0px;
	}

	.csTable > tbody > tr:nth-child(odd) > td	{
		background:#e9e9e9;
	}
	.csTable > tbody > tr:nth-child(even) > td	{
		background:#f3f3f3;
	}
	.csTable > tbody > tr:hover > td	{
		background:#17b88d;
		color:#fff;
	}

	

.footer-wrapper {
	background:#2f2f2f;
}

	.footer-wrapper .top	{
		padding-top:60px;
		padding-bottom:40px;
	}
	.footer-wrapper .top .maindiv	{
		height:auto;
		overflow:auto;
	}
	.footer-wrapper .top .r	{
		width:500px;
	}
	
	.footer-wrapper h6 {
		font-size:18px;
		font-weight:bold;
		color:#ccc;
		white-space: nowrap;
		padding-bottom:10px;
	}

	.footer-wrapper .top li {
		float:left;
		color:#ddd;
		width:20%;
		line-height:45px;
	}
	.footer-wrapper .top li a	{
		color:#ccc;
	}
	.footer-wrapper .top .l > ul > li  {
		padding-left:12px;
		background:url("../images/icon02.png") no-repeat left 16px;
	}
	.footer-wrapper .top .l > ul > li li  {
		width:100%;
		color:#ffffff;
	}
	.footer-wrapper .r {
		
	}
	.footer-wrapper .r > .list {

	}
	
	.footer-wrapper .r > .list label {
		display:block;
		color:#ccc;
		line-height:45px;
		padding-left:30px;
	}
	.footer-wrapper .r > .list label.address {
		background: url("../images/icon03.png") no-repeat 0 10px;
	}
	.footer-wrapper .r > .list label.phone {
		background: url("../images/icon03.png") no-repeat 0 -112px;
	}
	.footer-wrapper .r > .list label.email {
		background: url("../images/icon03.png") no-repeat 0 -48px;
	}


	.footer-wrapper .copyright  {
		padding:20px 0 30px;
		clear:both;
		border-top:1px solid #6a6a6a;
	}
	.footer-wrapper .copyright label  {
		display:block;
		color:#6a6a6a;
		line-height:25px;
	}
	.footer-wrapper .copyright a  {
		color:#6a6a6a;
	}


/*** effect - shadow 1 ***/


.img-shadow-1
{
-webkit-box-shadow: 0 28px 16px -26px black;
-moz-box-shadow: 0 28px 16px -26px black;
box-shadow: 0 28px 16px -26px black;
}

.img-shadow-1:hover
{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);

-webkit-box-shadow: 0 58px 36px -56px black;
-moz-box-shadow: 0 58px 36px -56px black;
box-shadow: 0 58px 36px -56px black;
}

.img-shadow-1
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

.img-shadow-1:hover
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

/*右侧浮动QQ开始*/

.float_qq {
	position: fixed;
	top: 420px;
	right: 0;
	width: 50px;
	height: 203px;
	z-index: 6666;
}
.float_qq li {
	width: auto;
	height: 50px;
	z-index: 20;
}
.float_qq li.float_qq1, .float_qq li.float_qq4 {
	position: absolute;
	left: 0;
	width: 62px;
}
.float_qq li.float_qq1 {
	top: 0;
}
.float_qq li.float_qq2 {
	position: absolute;
	top: 51px;
	left: 0;
	width: 126px;
}
.float_qq li.float_qq3 {
	position: absolute;
	top: 102px;
	left: 0;
	width: 182px;
}
.float_qq li.float_qq4 {
	top: 102px;
}
.float_qq4 {
	position: absolute;
	top: 102px;
	left: 0;
}
.float_qq li a {
	display: block;
	font-family: "Microsoft YaHei", sans-serif;
	color: #FFF;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	background-color: #000;
	opacity: 0.8;
	border-radius: 6px;
}
.float_qq li a img {
	display: block;
	float: left;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	margin: 12px 12px 14px 14px;
}
.float_qq li a:hover {
	background-color: #c70c1f;
	opacity: 1;
}
.float_shwx {
	position: absolute;
	top: -114px;
	left: -156px;
	background: url("../images/float_wxbd.png") no-repeat bottom right;
	width: 156px;
	height: 165px;
	padding-bottom: 9px;
	display: none;
}
.float_shwx img {
	display: block;
	background-color: #FFF;
	width: 156px;
	height: 156px;
}

/*右侧浮动QQ结束*/


@media screen and ( max-width:767px ) {
body {
	font-size:12px;
	line-height: 16px;
}
h1	{ font-size:20px; }
h2	{ font-size:18px; }
h3	{ font-size:16px; }
h4	{ font-size:14px; }
h5	{ font-size:12px; }
h6	{ font-size:12px; }

.header-wrapper, .body-wrapper, .footer-wrapper {
	min-width:320px;
}
.header-wrapper	{
	height:100px;
}
.pageindex .header-wrapper	{
	height:auto;

}
.header-wrapper .top { 
	display:none;
}
.header-wrapper .maindiv	{
	height:80px;
}
.maindiv	{
	width:96%;
	margin:0 auto;
}
#headerTop	{ 
	position:fixed;
	opacity:1; 
	background:none; 
	z-index:1;
}

.header-wrapper > .mainlogo	{
	top:40px;
	width:30px;
	right:0px;
	height:30px;
}

.header-wrapper .logo	{
	width:100%;
	font-size:14px;
	line-height:24px;
}

.header-wrapper .logo .bg	{
	float:left;
	width:310px;
	height:80px;
	opacity:0.9;
	background: url(../images/super.png) no-repeat left top;
}
.header-wrapper .logo label	{
	display:none;
}
.header-wrapper .logo a	{
	font-size:12px;
}
.pageindex .header-wrapper > .menu-wrapper	{
	top:10px;
}


	
#MenuW	{ display:none; }
#MenuM	{ display:block; }

	#MenuM	{
		background:#000;
		opacity: 0.9;
	}
	.indexitems	{
		padding:0px;
	}
	.indexitems ul	{
		margin-top:10px;
	}
	.indexitems ul > li .img	{
		padding:0px;
	}
	.indexitems ul > li h5	{
		padding:0;
		text-align:center;
		font-size:12px;
		font-weight:normal;
	}
	.indexitems ul > li div.list,.indexitems ul > li label	{
		display:none;
	}
	.indexitems ul > li:hover a	{
		background:#202020;
	}
	.indexitems ul > li:hover h5	{
		color:#fff;
	}
	.indexitems ul > li:hover img	{
		transform:scale(1,1);
		opacity: 0.7;
		filter: alpha(opacity=70)
	}
	

	.index-title	{
		padding-bottom:0px;
		height:auto;
		overflow: hidden;
	}
	.index-title > h1	{
		font-size:18px;
	}
	.index-title > span	{
		margin:5px auto;
	}

	.products-item	{
		margin-top:20px;
		padding:0px;
		height:auto;
		overflow:auto;
	}
	.products-item .bg	{
		display:none;
	}
	.products-item .content	{
		position: relative;
		top:0px;
		padding-top:20px;
	}
	.products-item .list	{
		margin-top:0px;
	}
	.products-item .list li	{
		width:49%;
		height:auto;
		margin-top:10px;
	}
	.products-item .list li:not(:first-child)	{
		margin-left:0px;
	}
	.products-item .list li:nth-child(2n) {
		margin-left: 2%;
	}
	.products-item .list li span	{
		width:100%;
		height:auto;
	}
	.products-item .list li span img	{
		width:100%;
		height:auto;
	}
	.products-item .list li h5	{
		padding:0px;
		font-size:14px;
		font-weight:normal;
	}
	.products-item .list li label	{
		line-height:32px;
	}

	.catalogue-item	{
		margin-top:15px;
	}
	.catalogue-item .maindiv .l,.catalogue-item .maindiv .r	{
		width:100%;
	}
	.catalogue-item .list	{
		margin-top:0px;
	}
	.catalogue-item .list li	{
		width:48%;
		margin-left:4%;
	}
	.catalogue-item .list li h4	{
		line-height:36px;
	}
	.catalogue-item .maindiv .r	{
		margin-top:10px;
	}
	.catalogue-item .r .list img	{
		width:100%;
	}
	
	.about-item .l,.about-item .r	{
		width:100%;
	}
	.about-item	{
		margin-top:10px;
	}
	.about-item .content	{
		padding-top:0px;
		font-size:14px;
		line-height:24px;
	}
	.about-item .r li	{
		width:100%;
		height:240px;
		margin-bottom:10px;
	}
	.about-item .r li > label	{
		font-size:16px;
		line-height:20px;
	}
	

	.honor-list {
		height:auto;
		padding-bottom: 20px;
	}
	.honor-list .index-title	{
		padding-top:30px;
	}
	.honor-list .list	{
		width:100%;
		margin:10px auto 0;
	}
	.honor-list .list li	{
		width:100%;
		margin-right:0px;
		margin-bottom:15px;
	}
	.honor-list .list li > a	{
		width: 160px;
		margin:0 auto;
	}
	.honor-list .list li img {
		width: 100%;
		height:auto;
	}

	.page-item-list	{
		display:none;
	}
	.page-news-list	{
		width:100%;
	}
	.page-list-list	{
		width:100%;
	}
	.page-content-list{
		width:100%;
		margin-top:20px;
		padding-bottom:20px;
	}
		.page-title	{
			height:30px;
		}
		.page-title h1	{
			padding-right: 20px;
			font-size:16px;
			line-height:18px;
		}
		.page-title h4	{
			font-size:14px;
			line-height:18px;
		}
			.page-title span	{
				display:block;
				float:left;
				width:18px;
				height:17px;
				background:url("../images/navi-arrow.png") no-repeat center;
				background-size:18px;
			}
			.page-title h3	{
				padding-left:4px;
				float:left;
				width:120px;
			}
			.page-title h5 > label	{	
				padding: 0 4px;
				font-size:16px;
				font-weight:bold;
				line-height: 20px;
			}
			
	.page-content	{
		margin-top:20px;
		padding:0 6px;
		line-height:24px;
		font-size:12px;
		min-height:250px;
	}
	.page-content img	{
		width:100%;
	}
	.page-content .propic img.i1	{
		width:180px;
		right: 120px;
		top:30px;
	}
	.page-content .propic img.i2	{
		width:230px;
	}
	.page-content .proimg	{
		float:none;
		width:100%;
	}
	.page-content > .ProsTitle	{
		padding-top:20px;
	}
	.page-content .vedio	{
		width:100%;
		height:auto;
	}

	.aboutus	{
		width:100%;
	}
	.aboutus > li	{
		line-height:16px;
	}
	.aboutus > li h5	{
		margin-bottom:25px;
	}
	.pictogramslist ul li	{
		width:48%;
		margin-right:4%;
	}
	.pictogramslist ul li:nth-child(2n)	{
		margin-right:0%;
	}
	.profeature ul	{
		margin-top:10px;
	}
	.profeature ul li	{
		width:100%;
		margin-right:0px;
		margin-bottom:15px;
	}
	.proapplications ul li	{
		width:49%;
		margin-bottom:15px;
	}
	.proapplications ul li label	{
		line-height:24px;
	}
	
	.products-content > .l, .products-content .desc	{
		width:100%;
	}
	.products-content .e_smallImg	{
		width:75px;
	}
	.products-content .desc	{
		padding-left:10px;
	}
	.pro-list	{
		margin-top:20px;
	}
	.pro-list h5	{
		padding-left:10px;
	}
	.pro-list ul li	{ 
		width:49%;
		margin-bottom:10px;
	}

	.pro-list ul.col2 li	{
		width:100%;
		margin-right:0px;
	}
	.pro-list ul.col3 li	{
		width:49%;
		margin-right:1%;
	}
	.pro-list ul.col3 li label	{
		height:48px;
		line-height:24px;
	}
	.pro-list ul.col3 li:nth-child(3n+3)	{
		margin-right:1%;
	}
	.pro-list ul.col3 li:nth-child(2n)	{
		margin-right:0%;
	}
	.pro-list ul.col4 li 	{
		width:49%;
	}
	.pro-list ul.col4 li:nth-child(2n) 	{
		margin-right:0px;
	}

.news-list ul li .pic	{
	width: 100%;
	height:auto;
}
.news-list ul li .pic a	{
	width: 100%;
	text-align:center;
}
.news-list ul li .pic img {
	max-width: 80%;
	height:auto;
}
.news-list ul li .desc {
	margin-right: 0px;
	padding-top: 0px;
	padding-left:10px;
	float: left;
	width:100%;
}
.news-list ul li .desc > a	{
	font-weight:normal;
	font-size:12px;
	color:#333;
	line-height:22px;
	white-space:normal;
	overflow:auto;
}
.news-list ul li .desc label	{
	margin-top:0px;
	line-height: 18px;
	height:54px;
	font-size:12px;
}
.news-list ul li .desc span	{
	text-align:right;
	font-size:11px;
	padding-right:4px;
}

.cases-list {
    height: auto;
    overflow: auto;
}

.cases-list .list>ul {}

.cases-list ul li {
	float:none;
	width:100%;
	margin:0 0 20px 0;
}

.cases-list ul li .pic {
    width: 100%;
    height: auto;
	line-height:100%;
}

.cases-list ul li .pic img {
    max-width: 100%;
}

.cases-list ul li .desc {
	width: 96%;
	margin:0 auto;
}
.cases-list ul li .desc label	{
	font-size:12px;
}

.products-list	{}
.products-list ul li .pic	{
	width:100%;
	text-align:center;
}
.products-list ul li .pic img	{
	width:80%;
	margin:10px 0;
}
.products-list ul li .desc	{
	width:100%;
	padding-left:10px;
}

	.footer-wrapper .top	{
		padding-top: 20px;
		padding-bottom: 10px;
	}
	.footer-wrapper .top .l	{
		display:none;
	}
	.footer-wrapper .top .r	{
		width:100%;
	}
	.footer-wrapper .r > .list label {
		line-height:22px;
		padding-left:20px;
	}
	.footer-wrapper .r > .list label.address {
		background: url("../images/icon03.png") no-repeat 0 2px;
		background-size:14px;
	}
	.footer-wrapper .r > .list label.phone {
		background: url("../images/icon03.png") no-repeat 0 -84px;
		background-size:14px;
	}
	.footer-wrapper .r > .list label.email {
		background: url("../images/icon03.png") no-repeat 0 -36px;
		background-size:14px;
	}


	.footer-wrapper .copyright  {
		padding:20px 0 30px;
		clear:both;
		border-top:1px solid #6a6a6a;
	}
	.footer-wrapper .copyright label  {
		display:block;
		color:#6a6a6a;
		line-height:25px;
	}


	#salsemap	{ display:block; }
	#mainMap { display:none; }

	.float_qq	{
		display:none;
	}
}