@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%;color:#666;}

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:#666;}
a:hover {color:#0eb301;}
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;}
.pt70{ padding-top:70px;}
.pt90{ padding-top:90px;}
.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;}
.pb90{ padding-bottom:90px;}
.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}
.f16{ font-size:16px}
.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:20px;}
.kong1{ height:40px;}
.kz{ height:1px;}

.top{ background:#3d3d3d; color:#fff; border-bottom:1px solid #3cc032; }
.top a{color:#fff; }
.top a:hover{ color:#0eb301;}
.logo{ height:120px; padding:10px 0; background:#333;}
.rtop a{ color:#fff;}
.dh{ font-size:14px; padding-top:5px; color:#ccc;}
.dh b{ font-size:28px;  color:#fff; }
.nav{ background:url(?images/navbg.jpg) repeat-x; height:45px; line-height:45px; color:#fff; border-bottom:1px solid #04a692;}
.nav a{ float:left; display:block; line-height:45px; font-size:16px; padding:0px 60px; color:#fff; font-weight:bold;}
.nav a:hover{ text-decoration:underline;}



/*-- / 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: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%;

		
	}

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




/*-- /介绍/ --*/
.jieshao{ background:url(?images/hengxin.jpg) repeat-x bottom; height:4px; }

.contact{ background:url(?images/icon.jpg) top center;  }
.iprolist{ width:240px; }
.inprotitle{ height:52px; line-height:52px; color:#fff; font-size:24px; font-weight:bold;}
.inprotitle1{ background:url(?images/protitle.jpg) no-repeat center;}
.inprotitle2{ background:#04a38f;}
.inprocontent{  }
.inprocontent a{ background:#fff; display:block; height:45px; line-height:45px; border-top:1px solid #04a390; font-weight:bold; text-align:center; }

.inprocontent a.gengduo{ background:#515151; color:#fff;}
.inprocontent a:hover{ background:#028c7c; color:#fff;}

.incontact{ width:260px;}
.contacttitle{ background:#04a390;}
.lxcontent{  background:url(?images/ditu.jpg) no-repeat bottom center #e0e0e0; padding-bottom:140px;}

.compic{ width:670px; padding-top:10px; padding-left:30px;}







/*-- / 产品/ --*/
/*-- / 案例/ --*/

.proshow{ background:#f7f7f7; padding:50px 0px; color:#fff;}

ul.lanren li{width:245px;height:200px;float:left;margin:35px 25px;cursor:pointer;  text-align:center; }
ul.lanren li:hover h3{  color:#029018; }
.lanren .txt h3{font-size:14px; font-weight:bold;background:url(?images/chanpbg1.jpg) no-repeat center right; line-height:50px;}



/*-- /一夜七次郎官网简介/ --*/
.comtitle{ height:60px; line-height:60px; font-size:24px; font-weight:bold;}
.comtitle1{ background:#35ba29;  color:#fff;}
.comtitle2{ font-size:30px;}
.comtitle3{ color:#029018;}
.comtent{ background:url(?images/diannao.png) no-repeat left ; padding-left:500px;}
.comtent p { text-indent:2em;}
.comtent p span{ font-size:18px; font-weight:bold; color:#029018;}
.more{width:200px;}
.more a{ display:block; background:#444; height:50px; line-height:50px; color:#fff; }
.more a:hover{ color:#fff; background:#029018;}



/* news */
.news{ background:url(?images/newsbg.jpg) top fixed; color:#fff}
.newscontent li{ float:left; width:500px; margin:15px 40px; border-bottom:1px dashed #dfdfdf; padding-bottom:20px; padding:10px;}
.newscontent li h2{   background:url(?images/off.png) no-repeat left; }
.newscontent li h2 a{  color:#f2f2f2;  margin-left:20px; }
.newscontent li h2 a:hover{ border-bottom:1px solid #35ba29 ; border-top:none; }
.newscontent li p{ color:#eee; font-size:12px;}

.newscontent li:hover{ background:#35ba29; border-bottom:1px dashed #0a5a03;}

/* 底部版权 */
.foot{ background:#0db901; color:#fff;  }
.link{color:#17f104; padding:30px 0px; border-bottom:1px solid #17f104;}
.link a{ color:#fff;  font-size:18px; padding:0px 40px; }
.link a:hover{ color:#14fe00;}
.link1{ border-top:1px solid #0a6103; padding:20px 0;font-size:16px; line-height:38px;}

/* 内页*/

.innercontent{width:870px; }
.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:16px; font-weight:bold; }

.iprolist{ width:250px; border:3px solid #3bbe30; background:#fff; }
.iprodetail{ padding:20px;}
.iprotitle{ border-bottom:2px solid #3bbe30; height:70px; line-height:70px; font-size:25px; font-weight:bold; color:#3bbe30;}
.iprocontent{}
.iprocontent a{ display:block; background:#3bbe30;color:#fff; height:60px; line-height:60px; font-size:16px; text-align:center; margin-bottom:12px;  font-weight:bold;}
.iprocontent a:hover{ background:#666; color:#fff;  }
.incontact{ background:#585858; color:#fff;}
.white{ color:#fff; border-color:#fff;}


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

.innername{ font-size:18px; height:70px; line-height:70px;}