body,h1,h2,h3,h4,h5,h6,hr,a,p,blockquote,dl,div,dt,dd,ul,ol,li,img,select,table,tr,fieldset,pre,form,fieldset,legend,button,input,textarea,th,td { margin:0; padding:0;}

*{ word-wrap:break-word;}

body { color:#666; font: 12px/1.232  "Microsoft Yahei", Arial, Tahoma, Helvetica, sans-serif;}

a { text-decoration:none; color:#666; outline:none;}

a:hover { color:#333;}

input,select,textarea { outline:none; vertical-align:middle;}

ul,dl { list-style-type:none;}

img { border:0;}

small,em,i {font-weight:normal; font-style:normal;}

li { list-style:none;}

label input { vertical-align:middle;margin-right:5px;}

img {border:0;}

.fl { float:left;}

.fr { float:right;}

.clear { clear:both; padding:0; margin:0; line-height:0; font-size:0; height:0;}

.middle { width: 980px; margin: 0 auto;}



.top-top {

	height: 21px;

	line-height: 20px;

	background-color: #f3f3f3;

}

.top {

	color: #005ca4;

	text-align: right;

}

.top a {

	margin: 0 5px;

	color: #005ca4;

}

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

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.top-top {

	display: none;

}

}

@media screen and (min-width: 768px) and (max-width: 979px) {

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.top { 

	margin: 0 auto;

	width: 98%; 

	height: 26px; 

	line-height: 26px; 

	overflow: hidden;

}

}





.head {

	height: 127px;

	overflow: hidden;

}

.head-right {

	margin-top: 40px;

	font-size: 14px;

	color: #575757;

}

.head-right span {

	font-size: 21px;

	font-weight: bold;

}

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

html { font-size: 62.5%; font-size: 1.2rem;}

.fl { float: none;}

.fr { float: none;}

.head { width: 98%; height: auto; padding: 10px 0;}

.logo { width: 50%;}

.logo img { width: 100%;}

.head-right {

	float: right;

	margin-top: 5%;

	font-size: 14px;

	color: #575757;

}

.head-right span {

	font-size: 21px;

	font-weight: bold;

}

}

@media screen and (min-width: 768px) and (max-width: 979px) {

.head { width: 98% !important;}

}





.nav {

	position: relative;

	width: 100%;

	height: 49px;

	margin: 0 auto;

	z-index: 2;

	background-color: #fff;

	background-image: url(../images/nav_bg.jpg);

	background-repeat: repeat-x;

}

.navfixe {

	position: fixed;

	top: 0px;

	z-index:9999;

	_position: absolute;

	_top: expression(eval(document.documentElement.scrollTop+0))

}

.menu { height: 49px;}

.menu ul li {

	position: relative;

	float: left;

	line-height: 48px;

	margin: 0 14px;

	_display: inline;

}

.menu ul li a {

	display: block;

	padding: 0 10px;

	font-size: 14px;

	color: #575757;

	transition:all .5s;

}

.menu ul li a:hover,.menu ul li a.cur {

	background-image: url(../images/nav_li_hov.jpg);

	background-repeat: repeat-x;

	color: #005ca4;

}

.menu ul li ul {

	position: absolute;

	display: none;
	

	left: 0;

	top: 48px;

	background-color: rgba(255, 255, 255, 0.7);

}

.menu ul li ul.ula{ width:150px;}

.menu ul li:hover ul,.menu ul li a:hover ul { display: block;}

.menu ul li ul li {

	float: none;

	line-height: 30px;

	margin: 0;

}

.menu ul li ul li a:hover {

	background-color: #005ca4;

	background-image: none;

	color: #fff;

}

.nav1 { display: none;}

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

.nav { width: 100%; height: auto; display: none;}

.nav1 { display: block;}

.btn-navbar { display: block;}

.btn-navbar {

	float: right;

	display: inline-block;

	margin: 10px 10px 10px 20px;

	padding: 7px 10px;

	background-color: #072d54;

	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);

	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	border: 1px solid #fff;

	cursor: pointer;

	outline: none;

}

.btn-navbar .icon-bar {

  display: block;

  outline: none;

  width: 18px;

  height: 2px;

  background-color: #eee;

  margin-top: 2px;

  -webkit-border-radius: 1px;

  -moz-border-radius: 1px;

  border-radius: 1px;

  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

}

.menu { width: 100%; overflow: inherit; height: auto;}

.menu ul { width: 100%; padding: 2%; position: relative; z-index:999; background: #eee; display: none;}

.menu ul li { float:none; background: none; height: 38px;}

.menu ul li a { float: none; text-align: left; line-height: 38px; margin-top:2px; padding: 2px 10px; display: block; color: #072d54; display: block; font-size: 0.6rem;}

.menu ul li a span { display: none;}

.menu ul li a:hover,.menu ul li a.cur { background-image: none; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 0; padding: 2px 10px;}

.menu ul li ul { display: none !important;}

}

@media screen and (min-width: 768px) and (max-width: 979px) {

.menu { width: 98%;}

.menu ul li { margin: 0 0.195%;}

}





.footer {

	position: relative;

	background-color: #f2f2f1;

	border-top: 1px #d6d6d6 solid;

}

.foot-line {

	position: absolute;

	width: 60%;

	height: 81px;

	z-index: 0;

	background-image: url(../images/foot_bg.jpg);

	background-repeat: repeat-x;

}

.foot {

	position: relative;

	background-color: #f2f2f1;

	z-index: 2;

}

.foot-left {

	width: 570px;

	min-height: 230px;

	padding-top: 44px;

	border-right: 1px #d6d6d6 solid;

	background-image: url(../images/foot_bg.jpg);

	background-repeat: repeat-x;

}

.foot-left dl {

	float: left;

	margin: 0 30px;

	_display: inline;

}

.foot-left dl dt {

	height: 38px;

	line-height: 38px;

	margin-bottom: 10px;

}

.foot-left dl dt a {

	display: block;

	padding: 0 10px;

	font-size: 14px;

	color: #575757;

}

.foot-left dl dt a.curr {

	background-image: url(../images/nav_li_hov.jpg);

	background-position: left bottom;

	background-repeat: repeat-x;

}

.foot-left dl dd {

	line-height: 22px;

	padding-left: 10px;

}

.foot-left dl dd a { color: #575757;}

.foot-left dl dd a:hover {

	color: #005ca4;

	transition:all .5s;

}



.foot-right {

	position: relative;

	width: 365px;

	padding-top: 50px;

}

.foot-right h4 {

	font-size: 16px;

	color: #575757;

}

.foot-right p {

	line-height: 20px;

	margin-top: 4px;

	color: #575757;

}

.foot-right h5 { margin-top: 10px;}

.foot-right h5 a { margin-right: 10px;}

.erweima {

	position: absolute;

	top: 98px;

	right: 0;

	padding: 1px;

	border: 1px #d7d7d6 solid;

	background-color: #ececec;

}

.erweima img {

	width: 97px;

	height: 97px;

}

.bottom {

	height: 46px;

	line-height: 20px;

	background-color: #e7e7e7;

	color: #575757;

	text-align: center;

}

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

.footer { display: none;}

.bottom {

	height: auto;

	line-height: 160%;

	padding: 5% 0;

}



}

@media screen and (min-width: 768px) and (max-width: 979px) {

.footer {

	position: relative;

	background-color: #f2f2f1;

	border-top: 1px #d6d6d6 solid;

}

.middle { width: 98%;}

.foot-left { width: 58%;}

.foot-left dl {

	float: left;

	margin: 0 3%;

	_display: inline;

}



.foot-right {

	position: relative;

	width: 37%;

	padding-top: 50px;

}

.foot-right h4 {

	font-size: 16px;

	color: #575757;

}

.foot-right p {

	line-height: 20px;

	margin-top: 20px;

	color: #575757;

}

.foot-right h5 { margin-top: 10px;}

.foot-right h5 a { margin-right: 10px;}

.erweima { display: none;}

.bottom {

	height: 46px;

	line-height: 46px;

	background-color: #e7e7e7;

	color: #575757;

	text-align: center;

}

}