@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;}
.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;}
.bold{ font-weight:bold;}


.kong{ height:45px;}
.kong1{ height:90px;}
.kong2{ height:60px;}
.kz{ height:1px;}




.top{ background:#0166b6; height:40px; line-height:40px; color:#fff;}
.logo{ height:110px; padding:10px 0px;}

.nav{ width:720px;}
.nav a{ display:block; float:left; line-height:110px; font-size:18px; padding:0px 15px;}
.nav a:hover{ background:#dc0417; color:#fff;}


/*-- / 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;
	
}
	.banner ul {
		list-style: none;
		width: 300%;
	}
	.banner ul li {
		display: block;
		float: left;
		width: 33%;
		min-height:700px;
		-o-background-size: 100% 100%;
		-ms-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;

		
	}

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


/*-- /关键词/ --*/
.keyword{ border-bottom:1px solid #dfdfdf; }
.keyword b{ font-size:17px;}
.keyword a{ height:60px; line-height:60px; padding:0 18px; font-size:16px;}
.keyword a:hover{ color:#0166b6;}



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



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


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

.anli{ background:url(../images/prod-bg.jpg) no-repeat top center;}
ul.lanren{ padding:0 30px;}
ul.lanren li{width:240px;height:200px;float:left;margin:35px 22px;cursor:pointer;  text-align:center; }
.lanren .txt h3{font-size:16px;font-weight:200;background:url(../images/chanpbg.jpg) no-repeat center right; line-height:50px;}
.lanren li:hover .txt h3{ background:url(../images/chanpbg1.jpg) no-repeat center right;}
/*-- / 优势/ --*/
.youshi{ background:url(../images/adv5.png) no-repeat top center;}
.youshi li{ float:left; width:340px; margin-bottom:45px; height:130px; padding-top:25px;  }
.youshi li h1{ font-size:20px; font-weight:500; line-height:45px;}
.youshi li:nth-child(1){ background:url(../images/adv1.png) no-repeat left; padding-left:120px;}
.youshi li:nth-child(2){ width:280px;}
.youshi li:nth-child(3){ background:url(../images/adv3.png) no-repeat left; padding-right:120px;}
.youshi li:nth-child(4){ background:url(../images/adv2.png) no-repeat left; padding-left:120px;}
.youshi li:nth-child(5){ width:280px;}
.youshi li:nth-child(6){ background:url(../images/adv4.png) no-repeat left; padding-right:120px;}



/*-- /公司简介/ --*/
.company{ background:url(../images/about.jpg) repeat-x center  top; padding-top:80px;  }
.aboutContent{ background:url(../images/cgkh.jpg) no-repeat top left; padding-left:550px;}
.aboutContent p { text-indent:2em; font-size:15px;}
.aboutContent p b{ color:#d60d0d; font-size:20px;}

.aboutContent1{ background:#717171; width:50%;}
.aboutContent1 p{ background:url(../images/lx.png) no-repeat center top; padding-top:80px; font-size:30px;color:#fff; }
.aboutContent2{ background:#0075c5;  width:50%; }
.aboutContent2 p{ background:url(../images/liuyan.png) no-repeat center top; padding-top:80px; font-size:30px;color:#fff;}

/* news */
.news{ background:#efefef; }
.news1{ width:520px;}
.news1title{ font-size:30px; }
.news1title span{ color:#a2a2a2; font-size:18px;}
.more a{ display:block; background:#0166b6; color:#fff; padding:5px 15px;}
.more a:hover{ background:#d60d0d;}
.news1detail{ border:1px solid #ccc; background:#fff; padding:10px;}
.news1detail b a{ color:#666;}
.news1detail p{ color:#666;}
.news1 li{ border-bottom:1px solid #dfdfdf; height:45px; line-height:45px; background:url(../images/icon.png) no-repeat left center; padding-left:20px; }
.news1 li a{color:#666;}

.xiangmu{ background:url(../images/contact-bg.jpg) no-repeat center; padding-top:145px; color:#fff; padding-bottom:95px; }
.xiangmu h1{ font-size:30px;}
.xiangmu p{ line-height:70px;}
.xiangmu1{ }
.xiangmu1 li{ float:left; margin:0 15px;}
.xiangmu1 li a h3{ color:#666;}

#demo {
overflow:hidden; margin:0 auto;
width:1200px;
height:260px;
}


#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}


.contact{ background:url(../images/line1.jpg) no-repeat top center;padding-top:30px; padding-bottom:30px;}
.contact p:nth-child(1){ font-size:20px; line-height:50px; color:#0166b6; font-weight:bold;}
.contact p:nth-child(2){ padding-bottom:60px; color:#666;}
.contact p:nth-child(3){font-size:18px;  color:#777;}




.foot{ padding-top:40px; background:#0166b6;  color:#fff; padding-bottom:20px; }
.link{ border-bottom:1px solid #0676cf; height:70px;}
.link a{ color:#fff; padding:5px 15px; }
.linkborder{border-top:1px solid #02518f;}






/* 内页产品列表*/
.prolist{ width:250px; }
.proborder{ border:1px solid #dfdfdf;}
.protitle{ font-size:18px; font-weight:bold; background:#0166b6; color:#FFF;  padding-top:20px; padding-bottom:20px; padding-left:20px; }

.procontent a{ display:block; height:50px; line-height:50px;font-weight:bold; background:#f8f8f8; border-left:5px solid #f1f1f1; border-bottom:1px solid #e4e4e4; 
border-top:2px solid #fff; border-right:1px solid #e4e4e4; padding-left:20px;}

.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;  }
.procontent1 p{ background:url(../images/tel1.gif) no-repeat left center; padding-left:70px; line-height:25px; font-size:18px;  }

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


table.liuyan input{ height:30px; line-height:30px; border:1px solid #dfdfdf;}
.innername{ font-size:18px; height:80px; line-height:80px; border-bottom:1px solid #e6e6e6;}

.innernews{ height:60px; line-height:60px; background:url(../images/icon.png) no-repeat left center; padding-left:20px; border-bottom:1px dashed #e9e9e9;}
.chanpbg{ background:url(../images/chanpbg.jpg) no-repeat right center; height:50px; line-height:50px; }