/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, 
dl, dt, dd, ul, ol, li, 
pre, 
form, fieldset, legend, button, input, textarea, 
th, td  {
    margin: 0;
    padding: 0;
} {
    margin: 0;
    padding: 0;
}

/** 设置默认字体 **/
body,
button, input, select, textarea /* for ie */ {
    font: 14px / 1.5 "MIcrosoft YaHei";
    font-style: normal;
}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/** 重置列表元素 **/
ul, ol { list-style: none; }

/** 重置文本格式元素 **/
a { text-decoration: none; }
/*a:hover { text-decoration: none; }*/

sup { vertical-align: text-top; } /* 重置，减少对行高的影响 */
sub { vertical-align: text-bottom; }

/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; vertical-align: middle; outline: none;} /* 使得表单元素在 ie 下能继承字体大小 */
/* 注：optgroup 无法扶正 */

/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }

/* 重置 HTML5 元素 */
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,
summary, time, mark, audio, video {
    display: block;
    margin: 0;
    padding: 0;
}
mark { background: #ff0; }
.map{width:590px; overflow:hidden;}
.clearfix2:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix2{*zoom:1;}
img{ vertical-align:middle;}
.l{float: left;}
.r{float: right;}
.c{clear: both;}
.m0{margin: 0;}
.p0{padding: 0;}


/*首页图标*/

.txwx-icon{background:url(/images/icon.png) no-repeat 0px -28px;height:30px;padding-left:32px;}
.txwx-icon-on{background:url(/images/icon.png) no-repeat 0px -58px;height:30px;padding-left:32px;}
.qq-icon-on{background:url(/images/icon.png) no-repeat 0px -88px;height:30px;padding-left:32px;}
.qq-icon{background:url(/images/icon.png) no-repeat 0px -118px;height:30px;padding-left:32px;}
.xlwx-icon{background:url(/images/icon.png) no-repeat 0px -148px;height:30px;padding-left:32px;}
.xlwx-icon-on{background:url(/images/icon.png) no-repeat 0px -178px;height:30px;padding-left:32px;}
.wx-icon{background:url(/images/icon.png) no-repeat 0px -208px;height:30px;padding-left:32px;}
.wx-icon-on{background:url(/images/icon.png) no-repeat 0px -238px;height:30px;padding-left:32px;}
.wx-icon-white{background:url(/images/icon.png) no-repeat 0px -400px;height:37px;padding-left:29px;}
.go-top-icon{background:url(/images/icon.png) no-repeat 0px -437px;height:37px;padding-left:26px;}
.tell-icon-l{background:url(/images/icon.png) no-repeat 0px -474px;height:51px;padding-left:51px;}
.addr-icon{background:url(/images/icon.png) no-repeat 0px -525px;height:51px;padding-left:33px;}
.mail-icon{background:url(/images/icon.png) no-repeat 0px -576px;height:51px;padding-left:48px;}
.clock-icon{background:url(/images/icon.png) no-repeat 0px -627px;height:51px;padding-left:47px;}


/*英文标题*/

.news-tit-en{height:38px;padding-left:342px;}
.case-tit-en{height:38px;padding-left:322px;}


/*在线服务图标*/

.arrow-top{background:url(/images/contact-icon.png) no-repeat 0px 0px;height:12px;padding-left:22px;}
.contact-icon3{background:url(/images/contact-icon.png) no-repeat 0px -12px;height:24px;padding-left:30px;}
.contact-icon2{background:url(/images/contact-icon.png) no-repeat 0px -36px;height:24px;padding-left:26px;}
.contact-icon1{background:url(/images/contact-icon.png) no-repeat 0px -60px;height:24px;padding-left:25px;}
.bdkf a{background:url(/images/gt01.gif) no-repeat center center;}
.bdkf a:hover{background:url(/images/gt02.gif) no-repeat center center;}



.service-icon6{background:url(/images/service-icon.png) no-repeat 0px 0px;height:63px;padding-left:66px;}
.service-icon5{background:url(/images/service-icon.png) no-repeat 0px -63px;height:63px;padding-left:71px;}
.service-icon8{background:url(/images/service-icon.png) no-repeat 0px -126px;height:63px;padding-left:65px;}
.service-icon7{background:url(/images/service-icon.png) no-repeat 0px -189px;height:63px;padding-left:65px;}
.service-icon2{background:url(/images/service-icon.png) no-repeat 0px -252px;height:63px;padding-left:37px;}
.service-icon1{background:url(/images/service-icon.png) no-repeat 0px -315px;height:63px;padding-left:70px;}
.service-icon4{background:url(/images/service-icon.png) no-repeat 0px -378px;height:63px;padding-left:83px;}
.service-icon3{background:url(/images/service-icon.png) no-repeat 0px -441px;height:63px;padding-left:51px;}

body{
}


.header.hide{
	top: -81px;
	border-bottom: none;
}

.header.black{
	background-color: #333;
	background-color: rgba(0,0,0,0.8);
	border-bottom: none;
}

.container{
	display: block;
	width: 85%;
	min-width: 1200px;
	margin: 0 auto;
}


#body{
	margin-top:-93px;}

.banner{
	display: block;
	overflow: hidden;
	position:relative;
	width: 100%;
	margin: 0 auto;
	height: calc(100vh);
	background-color: #000;
	top:-153px;
	z-index:0;
}

.banner ul li{
	display: block;
	position: absolute;
	width: 100%;
	height: calc(100vh);
	top:0;
	left:-9999px;
	z-index: 0;
}

.banner ul li.on{
	left:0;
}

.banner ul li a{
	display: block;
	width: 100%;
	height: calc(100vh);
	background: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.banner ul li a{
	display: block;
	width: 100%;
	height: calc(100vh);
}

.banner .btn{
	display: none;
	position: absolute;
	z-index: 5;
	width: 36px;
	height: 64px;
	top:50%;
	margin-top: -32px;
	text-align: center;
	line-height: 67px;
	color: #fff;
	font-family: "Simsun";
	font-size: 30px;
	background-color: #000 !important;
	background-color: rgba(0,0,0,0.4) !important;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	-moz-transition: 0.3s;
}

.banner:hover .btn{
	display: block;
}

.banner .btn.prev{
	left:0;
}

.banner .btn.next{
	right:0;
}

.banner .btn:hover{
	background-color: rgba(0,0,0,0.6) !important;
}


.banner ol{
	display: block;
	position: absolute;
	width: 110px;
	bottom:128px;
	text-align: center;
	z-index: 5;
	font-size: 0;
	left:50%;
	margin-left: 480px;
	vertical-align: middle;
}

.banner ol li{
	display: inline-block;
	*display: inline;
	*zoom:1;
	padding: 3px;
	border: 1px solid #fff;
	border-radius: 50%;
	margin: 0px 10px;
	cursor: pointer;
	vertical-align: middle;
	/*transition: 0.5s linear;
	-webkit-transition: 0.5s linear;
	-o-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-moz-transition: 0.5s linear;*/
}

.banner ol li span{
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #fff;
	/*transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	-moz-transition: 0.3s;*/
}

.banner ol li.active{
	padding: 2px;
}

.banner ol li.active span{
	width: 12px;
	height: 12px;
}

.banner .action{
	display: block;
	position: absolute;
	width: 100%;
	height: 30px;
	left: 0;
	bottom:31px;
	z-index: 3;
}

.banner .action .scroll-btn{
	position: absolute;
	display: block;
	width: 22px;
	height: 30px;
	top:0;
	left:50%;
	margin-left: -11px;
	background: url(/images/scroll-btn.png) no-repeat center;
	z-index: 4555;
	animation: myFade 2s linear infinite;
}

.banner .action .line-l{
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	top:50%;
	margin-top: -1px;
	right:50%;
	margin-right: 31px;
}

.banner .action .line-r{
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	top:50%;
	margin-top: -1px;
	left:50%;
	margin-left: 31px;
}


@-webkit-keyframes myFade{

	0%{
		opacity: 1;
		top:0;
	}

	25%{
		top:-10px;
		opacity: 0.3;
	}

	50%{
		top:0px;
		opacity: 1;
	}

	75%{
		top:10px;
		opacity: 0.3;
	}

	100%{
		opacity: 1;
		top:0px;
	}


}

@-moz-keyframes myFade{

	0%{
		opacity: 1;
		top:0;
	}

	25%{
		top:-10px;
		opacity: 0.3;
	}

	50%{
		top:0px;
		opacity: 1;
	}

	75%{
		top:10px;
		opacity: 0.3;
	}

	100%{
		opacity: 1;
		top:0px;
	}


}

@-o-keyframes myFade{

	0%{
		opacity: 1;
		top:0;
	}

	25%{
		top:-10px;
		opacity: 0.3;
	}

	50%{
		top:0px;
		opacity: 1;
	}

	75%{
		top:10px;
		opacity: 0.3;
	}

	100%{
		opacity: 1;
		top:0px;
	}
}


@keyframes myFade{

	0%{
		opacity: 1;
		top:0;
	}

	25%{
		top:-10px;
		opacity: 0.3;
	}

	50%{
		top:0px;
		opacity: 1;
	}

	75%{
		top:10px;
		opacity: 0.3;
	}

	100%{
		opacity: 1;
		top:0px;
	}

}

.section{
	display: block;
	margin-top: 50px;
}

.section-header{
	position: relative;
	display: block;
	padding-top: 17px;
	height: 28px;
	margin-bottom: 40px;
	left:-200px;
	opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transition: 0.5s linear;
	-o-transition: 0.5s linear;
	transition: 0.5s linear;
}

.section .section-header.show{
	left:0;
	opacity: 1;
	filter:alpha(opacity=100);
}