@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0}
ul,li{ list-style:none;}
img{border:None;}
body{min-width: 1200px;background-color:#fff;font-size:14px;font-family:"微软雅黑";line-height:24px; }
a{color:#000;text-decoration:none;}
a:hover{color:#eb4848;}
.clear{ clear:both; overflow:hidden; height:0;}

#wrap{margin:0 auto;}
#top{height:580px;background:url(../topbg2.png) center top no-repeat;margin:0 auto;z-index:99999999999;}
#content{width:1200px;margin:0px auto 20px auto;}
#bottom{height:60px; line-height:60px; background:#333333;text-align:center; color:#fff; font-size:16px;}

.banner{height:882px;background:url(../topbg2.png) center top no-repeat;margin:0 auto;}
.logo{width:1200px;height:790px;padding-top:92px;padding-left:97px;margin: 0 auto;box-sizing: border-box;animation: city 1.5s;animation-direction: alternate;animation-iteration-count: infinite;position: relative;z-index: 999;}
.logo img{animation:title 1s;animation-fill-mode:forwards;}
.logo img:nth-of-type(2){position:relative;top: -100px;left:330px;}

.city{animation: city 3s;animation-direction: alternate;animation-iteration-count: infinite;}
@keyframes title{
	from{margin-top: 800px;opacity: 0;transform: scale(0.5);}
	to{margin-top: 0;opacity: 1;transform: scale(1);}
}
@keyframes floater{
	from{margin-top: -5px;transform: scale(0.99);}
	to{margin-top: 5px;transform: scale(1);}
}
@keyframes city{
	from{transform: scale(0.95);}
	to{transform: scale(1);}
}

.main_box{padding-top:50px;}
.main_title{ text-align:center;}
.main_zhbd,.main_dfdt{ overflow:hidden; zoom:1; margin-top:30px;}
.m_left{float:left;/*width:520px;*/width:550px;}
.m_right{float:right;/*width:645px;*/width:615px;}



/*首屏轮播图*/
.focus_top {
	width: 1200px;
	height: 450px;
	margin: 30px auto 0;
	position: relative;
	zoom: 1;
	overflow: hidden;
}

.focus_top .hd {
	width: 550px;
	height: 450px;
	position: absolute;
	right: 0;
	z-index: 10;
}

.focus_top .hd ul {
	width: 550px;
	float: right;
}

.focus_top .hd ul li {
	height: 110px;
	float: left;
	background-color: #f3f3f3;
	transition: background-color .1s linear, color .1s linear;
}

.focus_top .hd ul li + li {
	margin-top: 3px;
}

.focus_top .hd ul li:first-child + li {
	margin-top: 4px;
}

.focus_top .hd ul li b {
	width: 74px;
	height: 110px;
	line-height: 110px;
	float: left;
	background-color: #e7e7e7;
	text-align: center;
	font-size: 28px;
	transition: background-color .1s linear, color .1s linear;
}

.focus_top .hd ul li div {
	width: 476px;
	height: 110px;
	padding: 0 20px;
	box-sizing: border-box;
	float: right;
	display: flex;
	align-content: end;
}

.focus_top .hd ul li div h2 {
	font-size: 22px;
	max-height: 89px;
	padding-top: 26px;
	line-height: 30px;
	text-align: justify;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.focus_top .hd ul li.on {
	background-color: rgb(229,126,46);
}

.focus_top .hd ul li.on b {
	background-color: rgb(230,46,48);
}

.focus_top .hd ul li.on b,
.focus_top .hd ul li.on div h2 {
	color: #fff;
}

.focus_top .hd ul li:hover {

}

.focus_top .bd {
	width: 650px;
	height: 600px;
	position: relative;
	z-index: 1;
}

.focus_top .bd li {
	position: relative;
	zoom: 1;
	vertical-align: middle;
}

.focus_top .bd li .pic {
	position: relative;
	z-index: 0;
}

.focus_top .bd li .pic img {
	width: 650px;
	height: 450px;
	vertical-align: bottom;
}