@charset "UTF-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}
li{
	list-style:none;
}
a{
	text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	color:rgba(46,46,46,1.00);
}
textarea{
	resize:none;
}
img{
	border:none;
}
body{
	font-family: Arial ,"微软雅黑";
	background-image:url("body_bg.jpg")/*tpa=http://www.haibaotime.com/images/hexinnengli/body_bg.jpg*/;
}
body,html{
	width:100%;
	min-width:1280px;
}
.clear{
	clear:both;
}
#head{
	height:60px;width:100%;
	background-color:#000;
	position:fixed;
	top:0;
	z-index:99999999999999999999999;
}
.logo{
	float:left;
	height:60px;
}
.nav{
	float:right;
	margin-right:100px;
}
#head img{
	height:44px;
	padding-top:8px;
	margin-left:100px;
}
.nav li{float:left;}
.nav a{
	display:block;
	height:60px;
	font-size:16px;
	line-height:60px;
	margin-left:20px;
	padding:0 16px;
	color:rgba(255,255,255,0.7);
}
.nav p{
	display:block;
	height:60px;
	font-size:16px;
	line-height:60px;
	margin-left:20px;
	padding:0 16px;
	color:rgba(255,255,255,0.7);
	cursor:pointer;
}
.nav a:hover{
	background-color:rgba(255,255,255,0.7);
	color:rgba(0,0,0,0.8);
}
#banner{
	width:100%;
	height:400px;
	background-image:url("bg3.jpg")/*tpa=http://www.haibaotime.com/image/bg3.jpg*/;
	background-size:100%;
	margin-top:60px;
}
.banner_inner{
	width:830px;
	margin:0 auto;
}
.banner_inner h3{
	text-align:center;
	font-size:36px;
	padding-top:120px;
	color:rgba(255,255,255,1);
	font-weight:900;
}
.banner_inner p{
	text-align:center;
	font-size:18px;
	padding-top:38px;
	color:rgba(255,255,255,1);
	line-height:40px;
}	
#main{
	width:100%;
	background-color:#f2f2f2;
}
#main .main_inner{
	width:1100px;
	margin:0 auto;
	height:210px;
}
.one{
	width:300px;
	height:240px;
	border-radius:20px;
	border:1px solid #ccc;
	margin-top:60px;
	margin-bottom:60px;
	float:left;
	position:relative;
	z-index:9;
}
.one .shang,.two .shang,.three .shang{
	position:absolute;
	top:0px;
}
.shang h2{
	line-height:60px;
	text-align:center;
	font-size:22px;
	color:#fff;
}
.xia p{
	font-size:16px;
	color:#555;
	text-align:center;
	line-height:38px;
}
.main_inner  div .shang{
	width:300px;
	height:60px;
	border-radius:20px 20px 0px 0px;
	background-color:#999;
}
.main_inner  div .xia{
	padding-top:106px;
}
.two{
	width:300px;
	height:240px;
	border-radius:20px;
	border:1px solid #ccc;
	margin-top:60px;
	margin-bottom:60px;
	float:left;
	position:relative;
	z-index:9;
	margin-left:92px;
}
.three{
	width:300px;
	height:240px;
	border-radius:20px;
	border:1px solid #ccc;
	margin-top:60px;
	margin-bottom:60px;
	float:left;
	position:relative;
	z-index:9;
	margin-left:92px;
}
#map{
	padding-top:60px;
	width:100%;
	background-color:#f2f2f2;
}
#map div{
	width:1100px;
	margin:0 auto;
	padding-bottom:100px;
}
#map img{
	width:100%;
}







#bottom{
	width:100%;
	height:110px;
	background-color:#444;
}
#bottom .up{
	width:1050px;
	margin:0 auto;
	padding-top:16px;
}
#bottom .down{
	width:1050px;
	margin:0 auto;
}
#bottom  p{
	color:rgba(173,173,173,1.00);
	font-size:12px;
	text-align:center;
	padding-top:14px;
	line-height:18px;
}
#bottom .up a:hover{
	color:rgba(255,255,255,1.00);
}

#dengluzhuce{
	width:100vw;
	height:100vh;
	background-color:rgba(0,0,0,0.80);
	position:fixed;
	top:0;
	left:0;
	z-index:999999;
	transition:ease-in;
	display:none;
}
#dengluzhuce .shuru{
	width:360px;
	height:460px;
	background-color:rgba(0,182,253,0.6);
	border-radius:10px;
	box-shadow:0 0 10px rgba(0,182,253,1);
	position:absolute;
	margin-top:-240px;
	margin-left:-180px;
	top:50%;
	left:50%;
}
#dengluzhuce .shuru div{
	float:left;
	color:rgba(255,255,255,1);
	font-size:18px;
	font-weight:100;
	margin-top:30px;
}
#dengluzhuce .shuru .one1{
	line-height:40px;
	padding:0 30px;
	margin-left:70px;
	border-bottom:solid 1px rgba(255,255,255,1);
	cursor:pointer;
}
#dengluzhuce .shuru .two2{
	line-height:40px;
	padding:0 30px;
	margin-left:20px;
	color:rgba(255,255,255,0.4);
	cursor:pointer;
}		

.yonghuming{
	border-radius: 20px;
    width: 75%;
    height: 40px;
    position: absolute;
    top: 180px;
    left: 10%;
    border: none;
    padding-left: 5%;
    font-size: 18px;
	background-color:rgba(0,0,0,0.2);
	z-index:999999999999;
}
.mima{
	border-radius: 20px;
    width: 75%;
    height: 40px;
    position: absolute;
    top: 240px;
    left: 10%;
    border: none;
    padding-left: 5%;
    font-size: 18px;
	background-color:rgba(0,0,0,0.2);
	z-index:999999999999;
}
.tijiao{
	border-radius: 20px;
    width: 75%;
    height: 40px;
	line-height:40px;
	text-align:center;
    position: absolute;
    top: 360px;
    left: 10%;
    border: none;
    padding-left: 5%;
    font-size: 18px;
	background: -webkit-linear-gradient(right,#0B8EE1,#03AEE4); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right,#0B8EE1,#03AEE4); /* Opera 11.1 - 12.0 */
     background: -moz-linear-gradient(right,#0B8EE1,#03AEE4); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,#0B8EE1,#03AEE4); 
	color:#FFFFFF;
	cursor:pointer;
	z-index:999999999999;
}
input::-webkit-input-placeholder{color:rgba(255,255,255,0.5);}
input::-moz-placeholder{color:rgba(255,255,255,0.5);}
input:-moz-placeholder{color:rgba(255,255,255,0.5);}

.close img{
	width:16px;
	height:16px;
	position:absolute;
	top:16px;
	right:16px;
	cursor:pointer;
	z-index:999999999999;
}
#top{
	font-size:12px;
	line-height:20px;
	color:#fff;
	position:fixed;
	top:0;
	right:0;
	z-index:100000000000000000;
	padding-right:10px;
	padding-left:20px;
	border-radius:10px 0px 0px 10px;
	background-color:#1791bb;
	box-shadow:0 0 3px #1791bb;
	display:none;

}
.haibao{
	display:none;
}