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

/*变灰
html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
*/

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

body {
	background:#fff;
	color:#6b6b6b;
	font-family: 'Arial', 'Microsoft YaHei';
	font-size:16px;
	line-height: 18px;
	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; }


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

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

.header-wrapper	{
	top:0px;
	height:auto;
	width:100%;
	margin:0 auto;
	z-index:999;
	position:relative;
}
.header-wrapper	> .swiper-container	{

}
.header-ad {
	position:relative;
}

	.header-ad .remark	{
		width:100%;
		position:absolute;
	}

	.header-ad .remark > label	{
		display:block;
		width:1240px;
		margin:0 auto;
	}
.header-wrapper > .top	{
	top:0px;
	width:100%;
	height:305px;
	position:absolute;
	z-index:999;
}

.header-wrapper .logo	{
	width:385px;
	height:300px;
	background:url("../images/logo.png") no-repeat left center;
	background-size:385px;
}

.header-wrapper .logo_gray	{
	width:385px;
	height:300px;
	background:url("../images/logo_gray.png") no-repeat left center;
	background-size:385px;
}
.header-wrapper > .center	{
	height:auto;
	background:#3378c6;
}

.body-wrapper	{
	width:100%;
	margin:0 auto;
	background:#fff;
}
.index-div	{
	width:1200px;
	margin:0 auto;
	height:auto;
	overflow:auto;
}

.index-pnews	{
	margin-top:18px;
	width:500px;
	height:330px;
	overflow:hidden;
}
.index-lnews	{
	width:650px;
}
.index-lnews .title	{

}
.index-lnews .title > label	{
	width:160px;
	height:30.2px;
	border-bottom:3px solid #ccc;
	position:relative;
}
.index-lnews .title > label > h4	{
	width:100px;
	text-align:center;
	padding-bottom:8px;
	border-bottom:3px solid #df0b00;
	position:absolute;
}
.index-lnews .title > a	{
	float:right;
	line-height:30px;
}
.index-lnews .list	{

}
.index-lnews ul	{
	margin-top:10px;
}
.index-lnews ul > li	{
	height:30px;
	border-bottom:1px dashed #ddd;
}
.index-lnews ul > li a	{
	display:inline-block;
	width:550px;
	padding-left:14px;
	line-height:30px;
	background:url("../images/icon-round.png") no-repeat left center;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.index-lnews ul > li label	{
	float:right;
	line-height:30px;
	color:#a8a8a8;
}

/* .index-ad	{
	height:140px;
	background:url("../images/pic02.jpg") no-repeat;
	background-size:1200px;
} */

.index-news	{
	width:49%;
}
.index-news > .title	{
	padding:8px 0 0 8px;
	border-radius:10px 0 0 0;
	height:42px;
	border-bottom:1px solid #ddd;
}
.index-news > .bg	{
	background:url("../images/line.png") repeat-y right;
}
.index-news > .title a	{
	display:inline-block;
	padding:0 12px;
	background:#F5F5F5;
	line-height:33px;
	height:33px;
}
.index-news > .title a:nth-child(1){
	border-radius:12px 12px 0 0;
}
.index-news > .title a:nth-child(2){
	border-radius:12px 12px  0 0;
}
.index-news > .title a > h5	{
	line-height:38px;
	color:#666;
	font-weight:normal;
}
.index-news > .title a.active	{
	color:#fff;
	background:#2a79d0;
}
.index-news > .title a.active > h5	{
	color:#fff;
	font-weight:bold;
}
.index-news > .bg a	{
	background:none;
	line-height:34px;
	height:34px;
}
.index-news > .bg a > h5	{
	color:#fff;
}
.index-news > .bg a.active	{
	color:#2a79d0;
	background:#fff;
}
.index-news > .bg a.active > h5	{
	color:#333;
}
.index-news > .list		{

}
.index-news > .list	ul	{
	margin-top:8px;
}
.index-news > .list	ul > li	{
	padding-left:15px;
	line-height:26px;
	height:26px;
	background:url("../images/icon-square.png") no-repeat left center;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}
.index-news > .list	ul > li	a	{
	display:inline-block;
	float:left;
	width:480px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}
.index-news > .list	ul > li label	{
	display:inline-block;
	float:right;
	width:70px;
	font-size:12px;
}

.index-btn	{
	height:auto;
}
.index-btn > a	{
	display:block;
	width:100%;
	padding:0 30px;
	border-radius:6px;
}
.index-btn > a h3	{
	padding-top:10px;
	line-height:44px;
	text-align:center;
	color:#fff;
}
.index-btn > .i1	{
	height:80px;
	background:#fd801d;
}
.index-btn > .i1 > h3	{
	float:left;
	line-height:60px;
	width:100px;
}
.index-btn > .i1 > span	{
	float:left;
	display:block;
	height:80px;
	width:80px;
	background:url("../images/icon01.png") no-repeat center center;
}
.index-btn > .i2	{
	margin-top:8px;
	height:80px;
	background:#669ad4;
}
.index-btn > .i2 > div	{
	height:auto;
	overflow:auto;
}
.index-btn > .i2 span	{
	display:inline-block;
	width:86px;
	height:56px;
	background:url("../images/icon02.png") no-repeat bottom center;
	background-size:56px;
}
.index-btn > .i2:hover span	{
	background-size:60px;
}
.index-btn > .i2 h3	{
	padding-top:30px;
	line-height:24px;
}
.index-btn > .i2 label	{
	font-size:12px;
	display:block;
	line-height:24px;
	color:#fff;
	text-align:center;
}
.index-btn > .i3	{
	margin-top:8px;
	height:50px;
	background:#86bad4;
}
.index-btn > .i3 h4	{
	color:#fff;
	line-height:45px;
}
.index-btn > .i3 span	{
	display:inline-block;
	width:86px;
	height:50px;
	background:url("../images/icon03.png") no-repeat center center;
	background-size:56px;
}

.index-people	{
	padding:0 0 10px 10px;
	background:#2a79d0;
}
.index-people > .title	{

}
.index-people > .title h5	{
	line-height:42px;
	color:#fff;
}
.index-people > .list	{

}
.index-people ul	{

}
.index-people ul > li	{
	float:left;
	width:20%;
}
.index-people ul > li > a	{
	display:block;
	width:96%;
	background:#fff;
}
.index-people ul > li .pic	{
	width:228px;
	height:152px;
	boorder:5px solid #fff;
	background:#fff;
	text-align:center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.index-people ul > li .pic > img	{
	width:calc(228px - 10px) ;
	height:calc(152px - 10px);
}
.index-people ul > li .desc	{
	padding:0 8px;
}
.index-people ul > li .desc > h6	{
	color:#2a79d0;
	line-height:38px;
	text-align:center;
	border-bottom: 1px solid #E0E0E0;
}
.index-people ul > li .desc > label	{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size:13px;
	text-decoration: underline;
	min-height:42px;
	color:#666666;
}

.index-pic	{
	padding:0 0 10px 0px;
}
.index-pic > .title	{
	background:url("../images/line1.png") no-repeat left center;
}
.index-pic > .title h4	{
	padding-left:58px;
	line-height:38px;
	color:#000;
}
.index-pic > .list	{
	width:100%;
	height: auto;
	overflow: hidden;
}

.index-pic .btn > a	{
	display:block;

}
.index-pic ._prev,
.index-pic ._next {
    display: block;
    width: 29px;
    height: 120px;
    cursor: pointer;
    z-index: 2;
	line-height:120px;
	text-align:center;
	background:#f0f4f8;
}

.index-pic ._prev img,
.index-pic ._next img {
    width: 16px;
    height: 16px;
}

.index-pic ._prev:hover,
.index-pic ._next:hover {
    opacity: 0.7;
    .filter: alpha(opacity=70)
}

.index-pic ._prev {
    float:left;
}

.index-pic ._next {
	float:right;
}
.index-pic > .list > div	{
	width:1140px;
	margin-left:2px;
	float:left;
	overflow: hidden;
	position: relative;
}
.index-pic ul	{
	float:left;
	height: 120px;
	width: 7500px;
	overflow: hidden;
	position: relative;
}
.index-pic ul > li	{
	float:left;
	width:190px;
}
.index-pic ul > li > a	{
	display:block;
	width:188px;
}
.index-pic ul > li img	{
	width:188px;
	height:120px;
}

	.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:block;
				text-align:center;
				line-height:60px;
				font-weight:bold;
				font-size:24px;
			}
			.page-title > h3 > label h6	{
				padding-left:100px;
				font-weight:normal;
				font-size:16px;
				margin-bottom:20px;
			}
			.page-title > h6	{
				text-align:center;
				font-weight:normal;
			}
			.page-title > h5	{
				text-align:center;
			}

			.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 img	{
					max-width:800px;
				}

				.page-content .index-products ul > li > a	{
					border:1px solid #ccc;
				}
				.page-content .index-case	{
					width:100%;
				}
				.page-content .index-case ul > li	{
					display:flex;
					gap:10px;
					justify-content:space-between;
					background:none;
					border-bottom:1px solid #ccc;
					color:#666;
					padding-left:17px;
					background:url("../images/icon-square.png") no-repeat 5px;
				}
				.page-content .index-case ul > li > a	{
					color:#666;
				}
				.page-content .index-case ul > li:hover > a	{
					color:#cf030b;
				}
				.page-content .index-case ul > li > label	{
					display:inline-block;
					float:right;
					width:80px;
					font-size:14px;
				}
				#dituContent	{
					width: 680px;
					height: 350px;
				}

				.attlist	{
					margin-top:20px;
				}
				.attlist > dt	{
					background: url("../images/line1.png") no-repeat left center;
				}
				.attlist > dt h4 {
					padding-left: 58px;
					line-height: 38px;
					color: #000;
				}
				.attlist > dd {
					padding-left:17px;
					background:url("../images/icon-square.png") no-repeat 5px;
				}


		.newslist	{
			min-height:300px;
		}
			.newslist > li	{
				line-height:28px;
				font-size:14px;
				padding-left:15px;
				background:url("../images/icon-square.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	{
				height:auto;
				overflow:auto;
				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;
	}

	.register-div	{
		width:400px;
		margin:0 auto;
		padding-top:120px;
	}
	.register-div dl	{
		background:#3378c6;
	}
	.register-div dt h2	{
		padding-top:30px;
		line-height:60px;
		text-align:center;
		color:#fff;
	}
	.register-div dd	{
		text-align:center;
		line-height:60px;
		height:120px;
	}
	.register-div dd h5	{
	}
	.register-div dd label,.register-div dd input[type=password],.register-div dd input[type=submit]	{
		border:0px;
		height:32px;
		line-height:32px;
	}
	.register-div dd label	{
		display:inline-block;
		width:60px;
		color:#333;
		background:#ddd;
	}
	.register-div dd input[type=password]	{
		padding:0 10px;
		background:#eee;
	}
	.register-div dd input[type=submit]	{
		padding:0 10px;
		background:#ccc;
		color:#555;
	}

	.service-div	{
		width:960px;
		margin:0 auto;
		padding:160px 0;
	}
	.service-div ul	{
		height:auto;
		overflow:auto;
	}
	.service-div ul > li	{
		float:left;
		width:180px;
		margin-right:60px;
	}
	.service-div ul > li > a	{
	}
	.service-div ul > li > a > h2	{
		border-radius:16px;
		line-height:180px;
		text-align:center;
		color:#fff;
	}
	.service-div ul > li.i1 > a > h2	{
		background:#fd801d;
	}
	.service-div ul > li.i2 > a > h2	{
		background:#669ad4;
	}
	.service-div ul > li.i3 > a > h2	{
		background:#3378c6;
	}
	.service-div ul > li.i4 > a > h2	{
		background:#ff9e51;
	}
	.service-div ul > li > a > h2:hover	{
		background:#d91517;
	}


	.guestbook-div	{
		width:900px;
		margin:0 auto;
		padding:40px 0 60px;
	}
	.guestbook-div dl	{
		background:#3378c6;
	}
	.guestbook-div dt h2	{
		padding-top:30px;
		line-height:60px;
		text-align:center;
		color:#fff;
	}
	.guestbook-div dd	{
		padding:0 20px;
		line-height:60px;
		height:auto;
	}
	.guestbook-div dd h5	{
	}
	.guestbook-div dd label,.guestbook-div dd h5,.guestbook-div dd input[type=text],.guestbook-div dd button	{
		border:0px;
		height:32px;
		line-height:32px;
		font-size:18px;
	}
	.guestbook-div dd label	{
		display:inline-block;
		width:100px;
		color:#333;
		text-align:center;
		background:#ddd;
	}
	.guestbook-div dd h5	{
		color:#fff;
	}
	.guestbook-div dd input[type=text]	{
		padding:0 10px;
		width:760px;
		background:#eee;
	}
	.guestbook-div dd button	{
		padding:0 10px;
		background:#ccc;
		color:#555;
	}


.footer-wrapper	{
	height:auto;
	background:#2a79d0;
}

	.footer-wrapper .copyright	{
		padding:20px 0 30px;
		text-align:center;
		color:#b9daff;
		line-height:24px;
	}

#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;
}

.mii	{ color: #b9daff; }
.mii:visited	{ color: #b9daff; }