*{
    padding: 0;
    margin: 0;
    list-style: none;
}

a{
	color: #000;
	text-decoration: none;
}
.main-all{
    position: relative;
    width: 100%;
}
.main-nav{
	width: 100%;
	min-width: 1000px;
	margin: 80px auto 0;
}
.main-nav ul{
	width: 1000px;
	height: 82px;
	margin: 0 auto;

}
.main-nav ul li{
	float: left;
	font-family: 宋体;
	font-size: 26px;
	line-height: 44px;
	margin-left: 26px;
	margin-bottom: 10px;

}
.main-nav ul li:hover{
	border-bottom: 3px solid #A0522D;
}
/*.main-nav ul a:nth-child(2) li{
	border-bottom: 3px solid #A0522D;
	color: #A0522D;
}*/
.nav-banner{
	width: 1000px;
	/*height: 862px;*/
	margin: 0 auto;
}
.nav-banner img{
	width: 100%;
	height: 100%;
}
/*主体*/
.main-con{
	width: 100%;
	min-width: 1000px;
	margin: 0 auto 20px;
	height: 710px;
	/* overflow: hidden; */
}
.main-con .con-msg{
	width: 960px;
	margin: 120px auto;
}
.main-con .con-msg .msg-title{
	float: left;
	
}
.main-con .con-msg .msg-title h3{
	margin-bottom: 20px;
	font-size: 30px;
	line-height: 46px;
	font-weight: 500;
}
.main-con .con-msg .msg-title ul{
	height: 310px;
	overflow: hidden;
	transition: .6s;
}

.main-con {
	width: 100%;
	min-width: 1000px;
	margin: 0 auto 20px;
	height: 710px;
	/* overflow: hidden; */
}

.main-con .con-msg .msg-title ul:hover {
	height: 650px;

}
@media screen and (max-width:1000px) {
	.main-con .con-msg .msg-title ul {
		height: 650px;
		overflow: hidden;
		transition: .6s;
	}
}
.main-con .con-msg .msg-title ul:hover{
	height: 650px;
	
}
.main-con .con-msg .msg-title li{
	font-family: 黑体;
	font-size: 22px;
	line-height: 40px;
}
.main-con .con-msg .msg-title li:hover{
	color: 	#5F9EA0; 
}
.main-con .con-msg .msg-pic{
	float: right; 
	width: 458px;
}
.main-con .con-msg .msg-pic .pic-top{
	/*float: right;*/
	width: 200px;
	height: 286px;
	margin-left: 258px;
	margin-bottom: 85px;
}
.main-con .con-msg .msg-pic .pic-bottom{
	width: 458px;
	height: 315px;
	/*margin-top: 285px;*/
}
.main-con .con-msg .msg-pic .pic-bottom ul{
	width: 100%;
	height: 100%;
}
.main-con .con-msg .msg-pic .pic-bottom ul li{
	float: left;
	width: 215px;
	height: 144px;
	margin-bottom: 28px;
	box-shadow: 2px 2px 2px 2px #ccc;
}
.main-con .con-msg .msg-pic .pic-bottom ul li:nth-child(2n-1){
	margin-right: 28px;
}
.main-con .con-msg .msg-pic .pic-bottom ul li img{
	width: 100%;
	height: 100%;
	vertical-align: middle;
}