@charset "utf-8";
html { min-height: 100%;}
* { margin: 0;padding: 0;border:0;}
body { color: #333;font: normal 13px Arial,宋体,sans-serif;line-height:18px; background:#A3B1CB url(bg.gif) repeat-x top;}
a {color: #333; text-decoration:none;}
a:hover {color: #DA3C2E;text-decoration: underline;}
li { list-style: none;}
h1,h2,h3 { font: normal 12px Tahoma,宋体,sans-serif;}
h1 {color:#666;}
h1 a {color:#666;}
h2 { font-size:14px;font-weight:bold;color:#ff0000;line-height:28px;}
.blue { color:#0E61D3;}
.red { color:#DB2D21;}
.red1 { color:#E04F10;}
.gray { color:#666;}
.green { color:#2E8C0F;}
.clear { clear:both;}
.css3-animate { transition: all 0.3s ease;}
/* Header */
.wrap {
	position: relative;
	max-width: 1003px;
	margin: 0 auto;
}
.section-top {
	height: 82px;
	  background: rgb(255, 255, 255);    /*不支持rgba的浏览器*/
	  background: rgba(255,255,255,1);  /*支持rgba的浏览器*/
	  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);    /*IE8支持*/
}
header {
	position:fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 990;
	height: 82px;
	background:#fff;
}
.logo {
	width: 200px;
	height: 82px;
	display: block;
	position: absolute;
	background: url(../images/logo.png) center no-repeat;
	left: 0;
	top: 0;
	z-index: 995;
}
.nav a {
	color: #111;
}
.nav a:hover {
	opacity: 1;
}
.nav a.cur {
	opacity: 1;
}
.menu-icon {
	width: 50px;
	height: 36px;
	float: right;
	background: url(../images/open.png) center center no-repeat;
}
.menubg {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #fafafa;
	z-index: 9991;
}
.menu-icon { margin-top: 10px; }
.menu-icon-close {
	position: absolute;
	width: 50px;
	height: 36px;
	background: url(../images/close.png) center center no-repeat;
	right: 0;
	top: 10px;
	z-index:99999;
}
#banner {
 width:100%;
 height:300px;
 background:url(banbg.jpg) no-repeat center;
}
#banners {
 width:800px;
 height:300px;
 margin:0 auto;;
}
#ban {
 width:100%;
 height:232px;
 margin-top:80px;
 background-repeat:no-repeat;
 background-position:center;
}
#bans {
 width:980px;
 height:228px;
 margin:0 auto;
}

#foot {
 width:100%;
 overflow:hidden;
 background:#ddd;
}
#foot1 {
 width:100%;
 background:#eee;
 padding:50px 0 25px;
}
#foot1 a { color:#777;}
#foot1 a:hover { text-decoration:none;color:#333;}
#foot1s {
 width:1003px;
 margin:0 auto;
}
.foot1a {
 font-size:15px;
 font-weight:bold;
}
.foot1b {
 padding:5px 0;
}
.foot1b li {
 width:100%;
 padding:2px 0;
}

.foot1b li a:hover {color: #253387;}
#foot2 {
 max-width:1003px;
 width:100%;
 margin:0 auto;
 padding:15px 0 15px;
 text-align:right;
 background:url(bottbg.gif) no-repeat top center;
}
.pic111 { border:#ddd 1px solid;margin-bottom:10px;}
.key { border:0;padding:2px 0 0 4px;width:173px;height:21px;line-height:21px;COLOR: #B3B3B3;FONT-FAMILY:  Arial,宋体;}
.key1 { border:#999 1px solid;;padding:2px 0 0 4px;width:373px;height:18px;line-height:18px;COLOR: #B3B3B3;FONT-FAMILY:  Arial,宋体;}
.key2 { cursor:pointer;border:#999 1px solid;;padding:0 0 2px 4px;width:70px;height:23px;line-height:23px;COLOR: #111;FONT-FAMILY:  Arial,宋体;}

@media screen and (max-width:767px) {
body {
	font-size: 1em;
}
header {
	height: 56px;
	/*background:black;*/
}
.visible-phone {
		display:inherit!important;
		z-index:999;
	}
.hidden-phone {
	   display:none!important
	}
.wrap {
	margin: 0;
}
.nav {
	margin-top: 60px;
}
.logo {
	width: 120px;
	height: 56px;
	background-size: 120px 36px;
	left: 10px;
}
.nav-phone {
	padding-top: 36px;
}
.nav-phone .nav-m{
	padding:0 48px;
	font-size:16px;
	font-weight:bold;
}
.nav-phone .nav-link{
	width:100%;
	font-size:16px;
	font-weight:bold;
}
.nav-phone .nav-r{
	padding:0 48px;
	display:inline;
}
.nav-hover-box { display: none; }
.nav-link-wrap {
	padding:8px 0;
	border-bottom: #ccc 1px solid;
}
.nav-link-r {
	padding:14px 0 0 48px;
}
#ban {
 height:112px;
 background-repeat:no-repeat;
 background-position:center;
 background-size:250%;
 margin-top:30px;
}
#foot1 { display:none;}
#foot2 { padding:20px 10%; width:80%;}
.key1 { border:#999 1px solid;;padding:2px 0 0 4px;width:90%;height:18px;line-height:18px;COLOR: #B3B3B3;FONT-FAMILY:  Arial,宋体;}
.bbs1 { width:70px;}


}

@media only screen and (min-width: 768px) {
.nav { margin-left: 200px;}
.nav-m {
	position: absolute;
	right:0;
	top: 32px;
}
.nav-r {
	position: absolute;
	right:0;
	top: 0;
	text-align:right;
	color:#888;
}
.nav-link-r { padding:7px 0 0;}
.visible-phone {display: none;}
.nav-link-wrap {
	height: 100%;
	width:74px;
	text-align: center;
	height:50px;
	line-height: 50px;
	float: left;
	font-weight:normal;
}
.nav-link {
	width: 100%;
	height: 100%;
	display: block;
}
.nav-link-wrap:hover .nav-link{
	color: #fff !important;
	background: #F23B42;
	text-decoration:none;
	opacity: 1;
}
.nav-link-wrap .nav-hover-box {
	position: relative;
	left: -74px;
	top: 0;
	width: 222px;
	height: 0;
	text-align: center;
	background: #F23B42;
	opacity: 1;
	overflow: hidden;
	transition: all 0.15s ease;
	line-height:40px;
}
.nav-link-wrap:hover .nav-hover-box{
	height:40px;
	z-index: 10;
}
.nav-hover-box li {
	display:inline;
	padding:0 3px;
}
.nav-hover-box li a {
	color:#fff;
}
.nav-link-wrap .nav-hover-box:nth-child(2){ left: -99px;width: 272px;}
.nav-link-wrap .nav-hover-box:nth-child(3){ left: -69px;width: 202px;}
.nav-link-wrap .nav-hover-box:nth-child(6){ left: -39px;width: 142px;}
}