@charset "utf-8";
/* CSS Document */
body{ background:#e8f6ff;}
/*返回顶部*/
#totop {
	position: fixed;
	bottom: 40px;
	right: 10px;
	z-index: 999;
	width: 71px;
	cursor: pointer;
	display: none;
}
*html #totop {
	position: absolute;
	cursor: pointer;
	right: 10px;
	display: none;
	top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight) -112 +"px" )
}
#totop a {
	display: block;
	width: 71px;
	height: 24px;
	padding-top: 48px;
	background: url(toTop.gif) no-repeat;
	text-align: center;
	color: #888
}
#totop a.cur {
	background-position: -88px 0;
	text-decoration: none;
	color: #1982d2;
}


*{
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		/* -webkit-box-sizing:border-box; */ /* Safari */
	}
img{ max-width:100%;}
.w_1200{  width:1200px;  margin:0 auto;}
.over{ text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}





.top{ width:100%; }

.tq{ background:#f1f1f1; height:60px; line-height:60px; overflow:hidden;}
.tq .f_l{ margin-top:13px; position:relative;}
.tq .f_r a{ margin:0 10px;} 
.tbbj{ width:100%; position:absolute; z-index:-1; top:0; left:0;}
.tbbj ul li{ height:628px;}
.tbbj ul .li_1{ background: url(bj.jpg) no-repeat top center;}
.tbbj ul .li_2{ background: url(bj2.jpg) no-repeat top center;}

.lgss{ height:182px; overflow:hidden;}
.logo{ margin:45px 0 0 20px;}

.ss{ width:346px; margin:60px 40px 0 0;}
.ssk{ width:100%; position:relative; padding-right:97px;}
.ssk input{ float:left; height:35px; line-height:35px; border:1px solid #d7d7d7; width:100%; background: url(tp1_1.jpg) no-repeat left center #fff; padding-left:40px;}
.ssk span{ position:absolute; right:0; top:0; z-index:2; height:35px; line-height:35px; text-align:center; background:#0069ae; width:87px;}
.ssk span a{ color:#fff;}
.ss p a{ margin-left:8px;}

.nav{ width:100%;  height:60px; overflow:hidden; line-height:60px; background:#1575b4; }
.nav ul li{ width:10%; float:left; text-align:center; font-size:20px ;  transition: all 0.3s ease-out 0s;}
.nav ul li.on{ background:#3abef4;}
.nav ul li:hover{ background:#3abef4;}
.nav ul li img{ margin-right:7px; margin-top:-1px;}
.nav ul li a{ color:#fff; }


.zfbm{ background:rgba(255,255,255,0.7) no-repeat; height:60px; overflow:hidden;}
.zfgg{ width:50%; line-height:60px; position:relative; padding-left:110px;  font-size:14px;}
.zfgg h3{ position:absolute; left:0; top:0; z-index:2; padding-left:30px;  font-size:15px;font-weight:normal;  background: url(tp2_1.png) no-repeat left center; color:#0069ae;}
.zfgg ul li{ height:60px; line-height:60px;}
.zfgg ul li em{ display:block; float:left; width:80%; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.zfgg ul li span{ display:block; float:right; width:20%; text-align:right;}
.bmgg h3{ background:none;}




@media screen and (max-width: 1024px) {
	body{ background:#fff;}
	.tbbj{ display:none;}
	.tq,.zfbm{ display:none;}
	.top{ overflow:hidden;}
	.nav{ height:auto;}
	.nav ul li{ width:20%;}
	.ss{ margin:20px 10px 0 0;}
	.logo{ margin:10px 0 0 0; padding:0 20px; width:40%;}
}


@media screen and (max-width: 520px) {
	.nav ul li{ width:20%; height:40px; line-height:40px; font-size:16px;}
	.logo{ padding:0; width:60%; margin-left:10px;}
	.nav ul li img{ display:none;}
	.ss{ margin:10px 0 0 0; width:100%; padding:0 5px;}
}

@media screen and (max-width: 350px) {
}







