.banner {

	width: 100%;

}



.banner img {

	display: block;

	width: 100%;

}



.main {

	padding-top: 80px;

	padding-bottom: 100px;

}



.main .l {

	width: 280px;

}



.main .l .typelist>li {

	width: 100%;

	height: 48px;

	overflow: hidden;

	background-color: #002037;

	box-sizing: border-box;

	margin-bottom: 4px;

	cursor: pointer;

	transition: 0.8s;

}



.main .l .typelist>li p {

	line-height: 48px;

	font-size: 14px;

	color: #FFFFFF;

	padding-left: 20px;

	padding-right: 30px;

	background-image: url(../images/more.png);

	background-repeat: no-repeat;

	background-position: right 30px center;

}



.main .l .typelist>li.active {

	background-color: #006baf;

	height: auto;

}



.main .l .typelist>li.active p {

	background-image: url(../images/less.png);

}



.main .l .typelist>li ul {

	width: 100%;

	box-sizing: border-box;

	padding: 5px;

	background-color: #FFFFFF;

}



.main .l .typelist>li ul li {

	margin-bottom: 4px;

}



.main .l .typelist>li ul li:last-child {

	margin-bottom: 0px;

}



.main .l .typelist>li ul li a {

	display: block;

	font-size: 16px;

	color: #414141;

	padding-left: 30px;

	line-height: 42px;

	background-color: #f4f4f4;

}



.main .l .typelist>li ul li a.active {

	color: #2d77bb;

	background-image: url(../images/list_active.png);

	background-repeat: no-repeat;

	background-position: right 20px center;

}



.main .r {

	width: 880px;

}



.main .r .case_list ul:after {

	display: table;

	content: "";

	clear: both;

}



.main .r .case_list ul li {

	float: left;

	margin-right: 15px;

}



.main .r .case_list ul li a {

	display: block;

	width: 250px;

	height: 48px;

	font-family: pingfang;

	font-size: 14px;

	color: #4b4b4b;

	text-align: center;

	line-height: 48px;

	background-color: #eaeaea;

}



.main .r .case_list ul li a.active {

	background-color: #006baf;

	color: #FFFFFF;

}



.main .r .case_read .article {

	margin-top: 20px;

}



.main .r .case_read .pic {

	width: 100%;

	height: 315px;

	box-sizing: border-box;

	border: 1px solid #959595;

	background-repeat: no-repeat;

	background-position: center center;

	margin-top: 35px;

}



.main .r .case_p {

	margin-left: -10px;

	margin-right: -10px;

}



.main .r .case_p li {

	float: left;

	width: 280px;

	margin: 0 10px;

	margin-top: 20px;

}



.main .r .case_p li .pic img {

	width: 100%;

	height: 213px;

	display: block;

}



.main .r .case_p li p {

	text-align: center;

	font-size: 14px;

	color: #505050;

	line-height: 18px;

	height: 36px;

	padding-top: 15px;

}