@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;max-width: 100%;}
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; text-align: left;}
.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;}
.pt60{ padding-top:60px;}
.pt15{ padding-top:15px;}
.pb20{ padding-bottom:20px;}
.ptb40{ padding:40px 0px;}
.ptb50{ padding:50px 0px;}
.ptb30{ padding:30px 0px;}
.ptb20{ padding:20px 0px;}
.ptb70{ padding:70px 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;}
.kong1{ height:60px;}

.top{background-color: #f5f6f8;line-height: 36px;height: 36px;font-size:12px;border-bottom:1px solid #ececec;color: #9a9a9b;}
.logo{ height:135px; padding:10px 0px;}


.nav{ background:#1b4693;}
.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:650px;
		-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;
		}


/*-- /服务/ --*/

.title{ background:url(../images/line1.jpg) no-repeat center; padding-bottom:20px; }
.title h1{ font-size:40px; line-height:80px; font-weight:500;  }




.proname { padding:20px 0px; width:1000px; margin:0 auto;}
.proname a{ display:inline-block; line-height:40px; height:40px; padding:0px 32px; background:#1b4693; color:#fff; margin:20px 15px;}
.proname a:hover{ background:#ffae00;}
/*-- / 案例/ --*/

.anli li{ float:left; margin:20px; border:6px solid #dfdfdf; padding:10px;}
.anli li:hover{ border-color: #1b4693; background:#1b4693;}
.anli li:hover p{ border-color: #2154b1; color:#fff;}
.anli li p{ line-height:60px; border-bottom:4px solid #dfdfdf; border-top:4px solid #dfdfdf; font-size:18px;}
.more{width:100px; margin:0 auto;}
.more a{ display:block;  height:40px; line-height:40px; background:#797979; color:#fff;}
.anli li:hover .more a{ background:#2154b1;}






/*-- /公司简介/ --*/
.company{ background:#efefef; padding:50px 0px;}

.about{ background:url(../images/about1.jpg) no-repeat right; padding-right:580px; width:620px; margin:0 auto; }

.title1{ background:url(../images/abouttitle.png) no-repeat right; padding-bottom:20px; width:500px;}
.title1 h1{ font-size:40px; line-height:80px; font-weight:500;  }

.aboutContent{ background:rgba(18,57,136,0.9); padding:40px; padding-left:0px;}
.aboutContent p{ text-indent:2em;}
.aboutContent a{ display:block; width:100px; background:#ffae00; height:40px; line-height:40px; color:#fff;}
.aboutContent a:hover{ background:#123988;}


/* news */
.news1{ width:600px;}
.news1 li{ margin-bottom:30px;}
.riqi{ background:#d9e1e0; padding:15px 25px; }
.news1Content{width:500px;}
.news1Content h2 a{ color:#153188;}


.news2{ width:550px; background:url(../images/newstu.jpg) no-repeat top center; padding-top:300px;}

.news2 h2{ height:60px; line-height:60px; border-bottom:1px dashed #dfdfdf; }

.news2 h2 a{color:#3a3a3a;}
.news2 p { padding-top:15px; color:#797979;}





.fuwuicon{ background:url(../images/icon.jpg) no-repeat center; height:180px;}
.contact{ background:url(../images/cgkh.jpg) no-repeat; padding-top:180px; font-size:16px; padding-left:30px; padding-bottom:80px;}


.foot{ border-top:5px solid #123988; background:#696969; padding-bottom:30px; color:#fff; }
.link{  border-bottom:1px solid #bdbdbd; }
.link a{ height:80px; line-height:80px; color:#fff; padding:0px 30px;}






/* 内页*/
.innercontent{ width:880px}
.innercontent p{ text-indent:2em;}
.innertitle{ background:url(../images/dz.png) no-repeat left; padding-left:40px; border-bottom:1px solid #dfdfdf; height:60px; line-height:60px;}
.innertitle span{ font-size:18px; font-weight:bold;}


/* 内页产品列表*/
.prolist{ width:250px; }

.proborder{ border:1px solid #dfdfdf;}
.protitle{ font-size:18px; font-weight:bold; background:url(../images/protitle.jpg) repeat-y center; color:#FFF;  padding-top:20px; padding-bottom:20px; padding-left:20px; }
.procontent{ border-left:5px solid #f1f1f1;  border-right:1px solid #e4e4e4; }
.procontent a.on{ display:block; height:50px; line-height:50px;font-weight:bold; background:#f8f8f8; border-bottom:1px solid #e4e4e4; 
border-top:2px solid #f1f1f1;  padding-left:20px;}

.procontent p a{ padding-left:30px;background:url(../images/cline.png) no-repeat;}

.procontent1{ background:#f8f8f8; border-left:5px solid #f1f1f1; border-bottom:1px solid #e4e4e4; 
border-top:2px solid #fff; border-right:1px solid #e4e4e4; padding-left:10px;  }


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

.innernews{ background:url(../images/icon.gif) no-repeat left; padding-left:30px; line-height:55px; border-bottom:1px dashed #dfdfdf;}
.innername{ height:80px; line-height:80px;  border-bottom:1px solid #dfdfdf; font-size:20px;}