@charset "gb2312";
/* CSS Document */


html,body,div,p,ul,li,ol,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,input,fieldset,legend,optgroup,select,table,textarea{margin:0;padding:0;font-family: "Microsoft YaHei", Arial, Tahoma;
 font-size:14px; line-height:32px;}
 
 html{width:100%;height:100%}

body{width:100%; height:100%;  }
 
 
html,body {height: 100%;min-width:1200px; }
a img,img {border: 0;vertical-align: middle;}
a {text-decoration: none; color:#1c1c1c}
a:hover {}
a:focus {outline-style: none;}
a,area {blr: expression(this.onFocus =   this.blur () );}
ul li {list-style:none;}
table {border-collapse: collapse;}
.form input{float: left;}
input,select {vertical-align: middle; border:0;}
th {white-space: nowrap;}
td {word-break: break-all;}
.left{ float:left}
.right{ float:right}


/* clearfix */
.clearfix:after{
	content:" ";
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
}
.clearfix { clear:both;
}

.HeightTab{
	height:20px;
	width:1px;
	overflow:hidden;}


.HeightTab1{
	height:40px;
	width:1px;
	overflow:hidden;}



.border{ border:1px solid #e8e8e8}
.wrapper {width:1200px;margin:0 auto;}

.pad10{ padding:10px}
.pad20{ padding:20px}
.pad5{ padding:5px}
.ptb10{ padding:15px 0px;}
.pleft10{ padding-left:10px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt40{ padding-top:40px;}
.pt15{ padding-top:15px;}
.pb20{ padding-bottom:20px;}
.ptb40{ padding:40px 0px;}
.ptb50{ padding:50px 0px;}
.ptb30{ padding:30px 0px;}
.ptb20{ padding:20px 0px;}
.pb50{ padding-bottom:50px;}

.pb70{ padding-bottom:70px;}

.pb10{ padding-bottom:10px;}
.pb40{ padding-bottom:40px;}
.pr40{ padding-right:40px;}
.pr20{ padding-right:20px;}
.mt{ margin-top:10px}
.mr{ margin-right:10px}
.mb{ margin-bottom:10px}
.mb01{ margin-bottom:8px}
.ml{ margin-left:10px}
.f14{ font-size:14px}
.f15{ font-size:15px}
.f12{ font-size:12px}
.tr{ text-align:right}
.shadow{-webkit-box-shadow:#ccc 0px 0px 8px;-moz-box-shadow:#ccc 0px 0px 8px;box-shadow:#ccc 0px 0px 8px;}
.bgWhite{ background:#FFF}
.center{ text-align:center;}
.kong{ height:30px;}
.bold{ font-weight:bold;}




.logo{ height:130px; border-top:3px solid #0c50a3; padding-top:10px; background:#fff;}


.sousuo{ text-align:right;}
.sousuo .input1{  border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; border-left:1px solid #d1d1d1; height:27px; line-height:27px;margin-right:-4px; color:#ccc;}
.dh{ background:url(../images/dh.png) no-repeat left; padding-left:25px;}
.dh span{ color:#e8260d; font-size:18px; font-weight:bold;}


.topa{ color:#787878; height:45px; line-height:45px;}
.topa a{ color:#787878; height:45px; line-height:45px;}

.nav{ background:url(../images/navbg.png) repeat-x;}
.nav1{width:1200px;height:50px;margin:0 auto;}
.nav1 ul{background:#0a2ce3;}
.nav1 ul li{float:left; text-align:center;display:block; height:50px; line-height:50px; width:170px;font-size:18px; color:#fff; position: relative;z-index:1000; background:url(../images/navline.png) no-repeat right;}
.nav1 ul li a{ color:#fff; display:block;}
.nav1 ul li:hover{ width:170px; background:url(../images/navbg1.png) repeat-x;  }
.nav1 ul li:hover a{ color:#fff;}
.nav1 ul li ul li{float:none;font-size:14px; background:none;}
/*关键一：将二级菜单设置为display：none;*/
.nav1 ul li ul{position: absolute;top:50px;left: 0; display: none; }
.nav1 ul li ul li:hover{background:#0c50a3; width:170px; }
.nav1 ul li:hover li a{ color:#fff;}
.nav1 ul li ul li:hover a{ color:#fff; }
/*关键二：在划过二级菜单从属的一级菜单时，设置为display:block;*/
.nav1 ul li:hover ul{display: block;}


/*-- / banner切换 / --*/
.banner {
	position: relative;
	width: 100%;
	overflow: auto;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	color: rgba(255,255,255,.6);
	text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
	background: #5b4d3d;
	box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
	.banner ul {
		list-style: none;
		width: 300%;
	}
	.banner ul li {
		display: block;
		float: left;
		width: 33%;
		min-height:600px;
		-o-background-size: 100% 100%;
		-ms-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;

		box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
	}

	.banner .inner {
		padding: 160px 0 110px;
	}

	.banner h1, .banner h2 {
		font-size: 40px;
		line-height: 52px;

		color: #fff;
	}

	.banner .btn {
		display: inline-block;
		margin: 25px 0 0;
		padding: 9px 22px 7px;
		clear: both;

		color: #fff;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;

		border: 2px solid rgba(255,255,255,.4);
		border-radius: 5px;
	}
		.banner .btn:hover {
			background: rgba(255,255,255,.05);
		}
		.banner .btn:active {
			-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
		}

	.banner .btn, .banner .dot {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}

	.banner .dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px;
		width: 100%;
	}
		.banner .dots li {
			display: inline-block;
			*display: inline;
			zoom: 1;

			width: 10px;
			height: 10px;
			line-height: 10px;
			margin: 0 4px;

			text-indent: -999em;
			*text-indent: 0;

			border: 2px solid #fff;
			border-radius: 6px;

			cursor: pointer;
			opacity: .4;

			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.banner .dots li.active {
				background: #fff;
				opacity: 1;
			}

	.banner .arrows {
		position: absolute;
		bottom: 20px;
		right: 20px;
		color: #fff;
	}
		.banner .arrow {
			display: inline;
			padding-left: 10px;
			cursor: pointer;
		}






/*-- /服务/ --*/
.linebg{ background:url(../images/linebg.jpg) repeat-x; height:30px; line-height:30px;}
.listname{ background:#fff; width:220px; font-size:22px; font-weight:bold; color:#031daa; margin:0 auto; padding:0 15px; }

/*-- /服务/ --*/
.about{ width:550px}
.abouttitle{ background:url(../images/line.png) no-repeat left bottom; padding-bottom:30px;}
.abouttitle h1{ background:url(../images/icon1.png) no-repeat left; padding-left:70px;font-size:24px;  height:60px; line-height:60px;}
.abouttitle h1 span.hui{ color:#dfdfdf;}
.abouttitle h1 span.red{ color:#9d9d9d;}


.contact{ width:500px;}
.contacttitle h1{ background:url(../images/icon2.png) no-repeat left;}




/*-- / 案例/ --*/

.scrollpic {
	width: 1200px;
	margin:0 auto 0 auto;
}
#myscroll {
	display: block;
	width: 100%;
	position: relative;
	height:240px;
	overflow: hidden;
}
#myscroll #myscrollbox {
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	width: 1000000px;
}
#myscroll #myscrollbox ul li a{ cursor:pointer;}


#myscroll ul {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#myscroll ul li {
	display: block;
	float: left;
	padding: 0;
	width:280px;
}
#myscroll ul li a {
	display: block;
	float: left;
	width: 260px;
	padding: 0;
	position: relative;
	height:220px;
	color: #333;
	border:2px solid #7d7d7d;
	text-align:center;
	padding-top:20px;

}



#myscroll a .intro {
	position: absolute;
	left: 0;
	z-index: 10;
	background-color:#464646;
	
	width: 260px;
	color: #fff;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	text-align: center;
}
#myscroll a .intro h5 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	height: 54px;
	width: 260px;
	line-height:50px;
	border-bottom: 1px solid #fff;
	font-weight:100;
}
#myscroll a .intro p {
	font-size: 13px;
	line-height: 20px;
	margin: 65px 70px;
	height: 70px;
	overflow: hidden;
}
#myscroll a .intro {
	bottom: -211px;
}
#myscroll a:hover .intro {
	bottom: 0px;
}
#mybtns {
	margin: 10px 0;
	width: 1200px;
	display: block;
	height: 42px;
}
#mybtns a {
	width: 42px;
	height: 42px;
	display: block;
	float: right;
	margin-right: 1px;
	background-color: #c1c1c1;
	margin-left:10px;
}
#mybtns a:hover {
	background-color: #347fdc;
}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left {
	background-image: url(../images/jt_l.png);
}
#mybtns #right {
	background-image: url(../images/jt_r.png);
}

#kinMaxShow {
	visibility: hidden;
	width: 100%;
	height: 500px;
	overflow: hidden;
}




/*-- / 联系/ --*/
.lianxi{ background:url(../images/about.jpg) center;}
.lianxi1{ background:url(../images/kong.png);}
.lianxi2{ width:500px; padding:40px 50px; color:#fff;}

.lianxi3{ padding-top:80px}
.lianxi3 p{ height:45px; line-height:45px; font-size:16px;}
.lianxi3 p.r{ background:url(../images/r.png) no-repeat left; padding-left:40px;}
.lianxi3 p.d{ background:url(../images/d.png) no-repeat left; padding-left:40px;}
.lianxi3 p.dz{ background:url(../images/dz.png) no-repeat left; padding-left:40px;}
.lianxi3 p.yx{ background:url(../images/yx.png) no-repeat left; padding-left:40px;}
.lianxi3 p.wz{ background:url(../images/wz.png) no-repeat left; padding-left:40px;}




/* news */
.newstitle{}
.newstitle h1{font-size:20px;  height:60px; line-height:60px;}
.newstitle h1 span.hui{ color:#dfdfdf;}
.newstitle h1 span.red{ color:#d1e1fc;}
.newstitle h1 span.gray{ color:#d1d1d1c;}

.news1{ width:550px;}
.newsan{ background:url(../images/icon.jpg) no-repeat; padding-left:260px; padding-bottom:40px;}
.newsan p{ color:#515151;}
.news1content li{ background:url(../images/off.png) no-repeat left; padding-left:20px; height:45px; line-height:45px; border-bottom:1px dashed #dfdfdf;}


.news2{ width:600px;}
.news2content li{ background:url(../images/newsbg.jpg) no-repeat bottom center; padding-bottom:30px; padding-top:20px;overflow: hidden;}
.news2content li h3{ background:url(../images/q.jpg) no-repeat left; padding-left:30px;}
.news2content li p{ background:url(../images/a.jpg) no-repeat left ; padding-left:30px;color:#515151;}



.foot{ background:url(../images/bottombg.jpg) bottom repeat-x; color:#fff; }




.foot1{ font-size:16px; padding-top:30px; padding-bottom:30px; }
.foot1 a{ color:#fff; height:50px; line-height:50px; padding:0px 26px; font-size:15px; display:inline-block; background:#31393f;}
.foot1 a:hover{ background:#053ec0;}
.bline{ background:url(../images/bline.jpg) repeat-y right; padding-right:30px;  }

.foot2{ height:50px; line-height:50px;}

/* 内页 */
.innerpro{width:280px; background:url(../images/probg.jpg) no-repeat #07448e; color:#fff; font-size:15px; }
.protitle{ height:70px; line-height:70px;font-size:20px; font-weight:bold; color:#fff; padding-left:20px; }
.innerprolist a{ display:block;  height:45px; line-height:45px; margin:5px; padding-left:20px; font-weight:bold; color:#fff;  background:#0c55ae;cursor:pointer; }
.innerprolist a p{ background:url(../images/icon.png) no-repeat left center;height:45px; line-height:22px; padding-left:20px; }



.innerprolist a:hover{ background:#053ec0; color:#fff;}
.conpl{ padding-left:5px;}




.innercontent{width:850px;}
.innertitle{ background:url(../images/innertitle.jpg) no-repeat left; height:50px; line-height:50px; color:#fff; padding-left:30px;font-size:20px; font-weight:bold;  }

.innercontent p{ text-indent:2em;}

table.liuyan input{ border:1px solid #dfdfdf; height:40px; line-height:40px;}
table.liuyan textarea{border:1px solid #dfdfdf;}


.innername{ text-align:center; height:70px; line-height:70px; font-size:20px; border-bottom:1px solid #dfdfdf;}
.innernews{ background:url(../images/off.png) no-repeat left center; padding-left:20px; height:50px; line-height:50px; border-bottom:1px dashed #dfdfdf;}