/*重置*/
*{
	margin: 0; 
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; 
	box-sizing: border-box;
}
fieldset, img {    
	border:0;
}
ol, ul { 
	list-style:none; 
}
h1, h2, h3, h4, h5, h6 {
    font-size:200%;
    font-weight:normal;
}
:focus { 
	outline: 0;
}
a{ 
	text-decoration:none
}
a img{ 
	border:none;
}
.clearfix {
	clear: both;
}
.wrapper{ 
	width: 1200px;
	margin: 0 auto;
}
/*header*/
.top{ 
	height: 150px;
	}
.logo{ 
	float: left; 
	padding-top: 30px;
	}
.logo img{ 
	height: 77px;
	}
.h_c{ 
	float: left;
	font-size: 24px;
	padding-top: 25px;
	margin-left: 40px;
	}
.h_c{
	line-height: 45px;
}
.tel{ 
	float: right;
	background: url(../img/h_tel.gif) no-repeat left;
	padding-left: 50px;
	margin-top: 40px;
}
.tel p{
	font:30px/36px "Microsoft Yahei";
	color: #0F8036;
	font-weight: bold;
}
.menu {
  width: 100%;
  background: #187FDB;
  display: flex;
  justify-content: center;
}
.menu .ul-list {
  display: flex;
  background: #187FDB;
}
.menu .ul-list > li {
  flex: 1;
  height: 60px;
 /* border: #222222 1px solid;*/
  position: relative;
  background:url(../img/t_lin.gif) no-repeat right 21px;
}
.menu .ul-list > li:last-child {
  border-right: none;
}
.menu .ul-list > li > a {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  text-decoration: none;
  color: #fff;
}
.menu .ul-list > li > a:hover {
  background: #2099EC;
  color: #fff;
}
.menu .ul-list > li > span {
  color: #fff;
  font-size: 14px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #222;
}
.menu .ul-list > li:hover .ol-list {
  display: block;
}
.menu .ol-list {
  display: none;
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 999;
  background: #333;
  width: 100%;
}
.menu .ol-list > li > a {
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  height: 35px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #222;
  justify-content: center;
}
.menu .ol-list > li > a:hover {
  background: #222;
}
/*banner*/
.banner{ width: 100%;}
.banner img{ 
	width: 100%; 
	display: block;
}


/*footer*/
#footer{
	background: url(../img/f_b.jpg) no-repeat;
	width: 100%;
	height: 480px;
	background-size:100%;
	overflow: hidden;

}
.footer{ 

	overflow: hidden;
}
.fl{
	float: left;
}
.fl h2{ color: #fff; font-size: 40px;}
.f_con{
	padding: 70px 0 0 15px;
	width: 383px;
	color: #fff;
}
.f_con img{
	height: 60px;
}
.f_con p{
	font-size: 14px;
	line-height: 26px;
	color: #fff;
	padding: 40px 0;
	width: 313px;
}
.f_c{
	width: 165px;
	margin-right: 90px;
	padding: 77px 0;
}
.f_c h3,.f_r h3{
	font-size: 18px;
	color: #fff;
	border-bottom: #FFFFFF 2px solid;
	height: 40px;
	display: block; 
	margin-bottom: 27px;
}
.f_c ul{
	font-size: 14px;
}
.f_c a{ 
	color: #fff;
	display: block;
	line-height: 36px;
}
.f_r{
	width: 165px;
	margin-left: 90px;
	padding: 77px 0;
}
.f_r img{
	width: 157px;
	height: 157px;
}
.f_r span{ 
	text-align: center;
	color: #fff;
	text-align: center;
	width: 100%;
	display: block;
	}