.banner {

	width: 100%;

}



.banner img {

	display: block;

	width: 100%;

}



.main {

	padding-top: 80px;

	padding-bottom: 55px;

}



.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: 16px;

	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: 900px;

}



.main .r .case_list ul li {

	padding-bottom: 50px;

	border-bottom: 1px solid #9d9d9d;

	margin-bottom: 50px;

}



.main .r .case_list ul li:last-child {

	border-bottom: 0px;

}



.main .r .case_list ul li a {

	display: block;

	height: 184px;

}



.main .r .case_list ul li a:after {

	display: table;

	content: "";

	clear: both;

}



.main .r .case_list ul li .l {

	width: 250px;

	float: left;

}



.main .r .case_list ul li .l .pic {

	width: 100%;

}



.main .r .case_list ul li .l .pic img {

	width: 250px;

	height: 184px;

	display: block;

}



.main .r .case_list ul li .r {

	width: calc(100% - 250px);

	box-sizing: border-box;

	padding-left: 30px;

	float: left;

	height: 100%;

	position: relative;

}



.main .r .case_list ul li .r h4.title {

	font-family: pingfang;

	font-size: 30px;

	color: #333333;

	line-height: 36px;

	padding-bottom: 14px;

}



.main .r .case_list ul li .r p {

	font-size: 14px;

	color: #5c5c5c;

	line-height: 24px;

	display:-webkit-box;

	-webkit-line-clamp:3;

	-webkit-box-orient:vertical;

	overflow:hidden;

}



.main .r .case_list ul li .r span.more {

	display: block;

	width: 222px;

	height: 46px;

	font-family: pingfang;

	font-size: 16px;

	color: #f5f6f9;

	text-align: center;

	line-height: 46px;

	background-color: #a4a4a4;

	position: absolute;

	bottom: 0px;

	transition: 0.5s;

}



.main .r .case_list ul li:hover .r span.more {

	background-color: #002037;

}





.main .information {

    width: 100%;

    margin-top: 50px;

}



.main .information p.title {

    font-size: 20px;

    color: #FFFFFF;

    text-align: center;

    line-height: 45px;

    background-color: #002037;

}



.main .information ul {

    border: 1px solid #2d77bb;

}



.main .information ul li {

    border-bottom: 1px dashed #dddddd;

}



.main .information ul li a {

    display: block;

    font-size: 16px;

    color: #333;

    line-height: 40px;

    padding-left: 10px;

}