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.jpg") no-repeat left center;
}
#menuW	{ display:block; }
#menuM	{ display:none; }
#WPlist	{ display:block; }
#MPlist	{ display:none; }

.header-wrapper	> .swiper-container	{

}
.swiper-container {
	position:relative;
	min-width:320px;
}
	.index-ad .pic 	{ 
		height:930px;
	}

	.swiper-container .remark	{
		position:absolute;
		width:100%;
	}
	.swiper-container .remark > div	{ 
		width:1200px;
		height:auto;
		clear:both;
		margin:0 auto;
		overflow:hidden;
	}
	
	.swiper-container .remark label	{ 
		display:block;
	}
		.remark01-1	{
			margin:450px auto 0;  text-align:center;
		}
		.remark01-2	{
			width:500px;
			padding-left:280px;
			margin:20px auto 0;
		}
		.remark02-1	{
			width:900px;
			padding-left:0px;
			margin:380px auto 0;
		}
		.remark02-2	{
			width:800px;
			padding-left:180px;
			margin:20px auto 0;
		}
		.remark03-1	{
			padding:260px 0 0 200px; float:left; font-family: 'Microsoft YaHei'; font-size:48px; color:#fff; font-weight:bold;
		}
		.remark03-2	{
			padding:360px 0 0 360px; font-family: 'Microsoft YaHei'; font-size:64px; color:#fff; font-weight:bold;
		}
		.remark04-1	{
			padding:80px 0 0 300px;
		}
		.remark05-1	{
			padding:450px 0 0 0px; text-align:center;
		}
	.swiper-container .swiper-button-prev	{
		height:160px;
		width:60px;
		background-image:url("../images/prev.png");
		background-size:60px;
	}
	.swiper-container .swiper-button-next	{
		height:160px;
		width:60px;
		background-image:url("../images/next.png");
		background-size:60px;
	}
	.header-ad .swiper-button-prev,.header-ad .swiper-button-next	{
		height:80px;
	}
	
#ad01	{}
#ad02	{ display:none; }
	
.body-wrapper	{
	padding-top:30px;
}
	.index-swf	{
		
	}
	
	.index-div	{
		
	}
	.index-div > h3	{
		margin-top:40px;
		height:60px;
		text-align:center;
	}
	.index-div > h3 > label	{
		display:block;
		margin:0 auto;
		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;
	}
	.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;
	}
	
	.index-solution	{
		margin-top:30px;
		height:auto;
		background:url("../images/bg-product.jpg") repeat-x;
	}
	.index-solution > .maindiv	{
		height:auto;
		padding-bottom:30px;
	}
	.index-solution h3	{
		color:#fff;
	}

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

	.index-service	{
		overflow:hidden;
	}
	.index-service > .maindiv	{
		overflow:hidden;
	}
	.index-service .list	{
		margin-top:40px;
	}
	.index-service .list li	{
		float:left;
		width:25%;
		height:auto;
	}
	.index-service .list li	a	{
		display:block;
		margin:0 auto;
		width:160px;
		background:url("../images/icon04.png") no-repeat top;
		background-size:160px;
	}
	.index-service .list li span	{
		display:block;
		margin:0 auto;
		width:160px; 
		height:160px;
	}
	.index-service .list li.item01 span	{
		background:url("../images/icon05.png") no-repeat center center;
	}
	.index-service .list li.item02 span	{
		background:url("../images/icon06.png") no-repeat center center;
	}
	.index-service .list li.item03 span	{
		background:url("../images/icon07.png") no-repeat center center;
	}
	.index-service .list li.item04 span	{
		background:url("../images/icon08.png") no-repeat center center;
	}
	.index-service .list li h5	{
		display:block;
		margin-top:10px;
		text-align:center;
		line-height:24px;
		color:#221920;
	}

	.index-products	{
		margin-top:40px;
		padding-bottom:40px;
		background:#ebebeb;
	}
	.index-products > .maindiv	{
		overflow:hidden;
	}
	.index-products .list	{
		margin-top:40px;
	}
	.index-products .list li	{
		float:left;
		width:25%;
		height:auto;
	}
	.index-products .list li	a	{
		display:block;
		margin:0 auto;
		width:250px;
		background:#fff;
		border:1px solid #ccc;
	}
	.index-products .list li .img	{
		margin:0 auto;
		width:160px;
		height:140px;
		text-align:center;
		line-height:140px;
	}
	.index-products .list li img	{
		max-width:160px;
		max-height:120px;
	}
	.index-products .list li span	{
		display:block;
		margin:0 auto;
		width:160px; 
		height:160px;
	}
	.index-products .list li h6	{
		padding:0 4px;
		line-height:32px;
		height:32px;
		text-align:center;
		height:32px;
		overflow:hidden;
	}

	.page-ad	{
		height:300px;
		background:url("../images/title02.jpg") no-repeat center;
	}
	
	.page-item-list	{ 
			float:right; 
			width:240px; 
			margin-top:50px;
		}
					.page-item-list h3	{
						color:#fff;
						padding-left:10px;
						line-height:40px;
						background:#005ba6;
					}
					.page-item-list ul	{
						margin:0 auto;
						width:100%;
					}
					.page-item-list ul > li	{ 
						margin-top:10px;
						height:24px; 
						line-height:24px; 
						font-size:14px;
						border-bottom:1px solid #e9e9e9;			
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
					.page-item-list ul > li > a	{
						padding-left:10px;

					}
					.page-item-list ul > li span	{
						color:#aaa;
					}
					.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:40px auto 0;
			width:96%;
		}
		
			.page-title	{
				height:auto;
			}
			.page-title h3	{
				color:#333;
				font-weight:bold;
				margin-bottom:40px;
			}
			.page-title span	{
				display:block;
				width:50px;
				height:10px;
				border-bottom:6px solid #cc9900;
			}
			.page-content	{
				line-height:28px;
				min-height:400px;
			}

		.NewsTitle	{
			font-weight:bold;
			color:#666;
			line-height:32px;
		}
		
		.page-navition	{ 
				height:auto;
				overflow:auto;
				line-height:24px; 
			}
				.page-navition .red	{ 
					display:inline-block; 
					width:80px; 
					color:#d50010; 
				}
				.page-navition b	{ color:#ab0002; 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: 700px;
	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;
}

/* �������� */

/* �����б�ʼ */

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

.products-list .list>ul {}

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

.products-list ul li > div	{
    width: 100%;
	margin:0 auto;
}
.products-list ul li .pic {
	padding-top:15px;
    height: 180px;
	line-height:180px;
	text-align:center;
}

.products-list ul li .pic img {
    max-width: 230px;
    max-height: 180px;
	border-radius:4px;
}

.products-list ul li .desc {
	width:96%;
	margin:0 auto;
}
.products-list ul li .desc > a	{
	padding:30px 0 10px;
	display:block;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
	text-align:center;
	color:#333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.products-list ul li .desc > span {
    display:block;
	width:50px;
	height:3px;
	background:#cc9900;
}
.products-list ul li .desc label {
	margin-top:20px;
    display:block;
	line-height: 24px;
	max-height:120px;
	overflow:hidden;
	position: relative;
}
.products-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;
}

/* �������� */

/* ��Ʒ�б�ʼ */
.photos-list {
    height: auto;
    overflow: auto;
}

.photos-list .list>ul {}

.photos-list ul li {
	margin: 10px 0px 0;
	min-height:180px;
    height: auto;
	background:#f9f9f9;
	border-bottom:2px solid #e6e6e6;
}

.photos-list ul li .pic {
    width: 140px;
	text-align:center;
	position: absolute;
}

.photos-list ul li .pic img {
	margin:20px 0;
    width: 100px;
	border-radius:6px;
}

.photos-list ul li .desc {
	min-height:180px;
	padding-left:150px;
	margin-right:30px;
	padding-top:20px;
}
.photos-list ul li .desc h4 {
	font-weight:bold;
}
.photos-list ul li .desc label {
	margin-top:10px;
	line-height: 24px;
}
/* ��Ʒ�б���� */

/* �����б�ʼ */
.laws-list {
    height: auto;
    overflow: auto;
}

.laws-list .list>ul {}

.laws-list ul li {
    margin: 10px 0px 0;
	background:#f9f9f9;
	border-bottom:2px solid #eaeaea;
}
.laws-list ul li:hover {
	background:#fff;
}

.laws-list ul li .title {
    padding-left:32px;
	background:url("../images/icon11.png") no-repeat 5px 5px;
}


	.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%;
}
}