@charset "utf-8";
/* CSS Document */
/* general */
.column{
	color: #101010;
}
.column strong{
	font-size: 2rem;
	font-family: "微软雅黑";
}
.column p{
	font-size: 1.125rem;
	line-height: 2rem;
	padding-bottom: 1rem;
}
.column span{
	display: block;
	width: 17px;
	height: 3px;
	background-color: #014590;
}
/* department */
.department{
	background: url("../images/line-bg.jpg") repeat-y;
	background-size: 100%;
}
.d-name{
	width: 20%;
	float: left;
	background-color: #014590;
	color: #ffffff;
	line-height: 2rem;
	margin-top: 2rem;
}
.d-name strong{
	font-size: 1.75rem;
}

.d-list{
	width: 80%;
	float: left;
	background-color: #f2f3f4;
	padding: 1.5rem 0 1rem;
}
.d-list a{
	width: 20%;
	float: left;
	display: block;
	text-align: center;
	font-size: 1.125rem;
	color: #333333;
	line-height: 3rem;
	text-decoration: none;
}

.about{
	position: relative;
	margin-bottom: 5rem;
}
.about-text{
	width: 53%;
	float: left;
	margin-top: 3rem;
	padding-bottom: 1.75rem;
}

.about-text .a-desc{
	line-height: 2.375rem;
	color: #333333;
	margin-top: 2rem;
}
.about-text .a-more{
	margin-top: 3rem;
}
.about-text .a-more a{
	width: 150px;
	height: 50px;
	border: 1px solid #014590;
	border-radius: 50px;
	display: inline-block;
	text-align: center;
	line-height: 50px;
	font-size: 0.875rem;
	text-decoration: none;
}

.about-pic{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 43%;
}

.about-pic .about-bg{
	width: 60%;
	height: 60%;
	background-color: #014590;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.about-pic .apic{
	position: relative;
	z-index: 10;
	padding-top: 1.25rem;
	padding-left: 1.5rem;
	width: 100%;
}

/* team */
.team{
	background-color: #f2f3f4;
	padding-top: 3rem;
	padding-bottom: 2.5rem;
}
.team-box{
	padding-top: 2rem;
	position: relative;
}
.team-box .column{
	position: absolute;
	top: 0;
	left: 0;
}

.team-list .hd ul{
	float: right;
}
.team-list .hd ul li{
	width: 8.75rem;
	height: 3rem;
	background-color: #ffffff;
	text-align: center;
	line-height: 3rem;
	float: left;
	margin-right: 0.5rem;
	cursor: pointer;
}
.team-list .hd ul li a{
	color: #101010;
	text-decoration: none;
}
.team-list .hd ul li.on{
	background-color: #014590;
}
.team-list .hd ul li.on a{
	color: #ffffff;
	transition: all;
	transition-duration: .5s;
}
.team-list .hd a.t-more{
	float: right;
	width: 6rem;
	height: 3rem;
	background-color: #ffffff;
	text-align: center;
	line-height: 3rem;
	color: #101010;
	text-decoration: none;
}
.proList{
	margin-top: 5rem;
	padding-bottom: 1rem;
}
.proList .pro1,.proList .pro2,.proList .pro3{
	width: 100%;
}
.proList .swiper-slide{
	padding: 0.5rem;
}
.proList .swiper-slide .lawyer{
	display: block;
	width: 100%;
	height: 22rem;
}
.proList .swiper-slide .text{
	width: 90%;
	float: left;
	background-color: #ffffff;
	padding: 1rem;
	transform: translateY(-80%);
}
.proList .swiper-slide .text a{
	display: block;
	width: 100%;
	line-height: 2rem;
	height: 2rem;
	color: #333333;
	text-decoration: none;
	background: url(../images/lib.png) right no-repeat;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.proList .swiper-slide .text p{
	font-size: 0.875rem;
	color: #999999;
	height: 2rem;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.proList .swiper-slide:hover .text{
	background-color: #014590;
}
.proList .swiper-slide:hover .text a{
	color: #ffffff;
	background: url(../images/libs.png) right no-repeat;
}
.proList .swiper-slide:hover .text p{
	color: #ffffff;
}
.proList .swiper-button-next, .proList .swiper-button-prev{
	top: auto;
	bottom: 0;
	width: 3rem;
	height: 3rem;
}
.proList .swiper-button-prev:after, .proList .swiper-container-rtl .swiper-button-next:after, .proList .swiper-button-next:after, .proList .swiper-container-rtl .swiper-button-prev:after{
	display: none;
}
.proList .swiper-button-next.swiper-button-disabled, .proList .swiper-button-prev.swiper-button-disabled{
	opacity: 1;
}
.proList .swiper-button-prev{
	left: 45%;
	background: url(../images/prev-on.png) no-repeat;
	background-size: 100% 100%;
}
.proList .swiper-button-next{
	left: auto;
	right: 45%;
	background: url(../images/next-on.png) no-repeat;
	background-size: 100% 100%;
}
.proList .swiper-button-prev.swiper-button-disabled{
	background: url(../images/prev.png) no-repeat;
	background-size: 100% 100%;
}
.proList .swiper-button-next.swiper-button-disabled{
	background: url(../images/next.png) no-repeat;
	background-size: 100% 100%;
}

.news-title{
	margin-top: 4rem;
}
.news-title .column{
	width: 50%;
	float: left;
}
.news-title .news-more{
	float: right;
	margin-top: 1.125rem;
}
.news-title .news-more a{
	display: inline-block;
	width: 6rem;
	height: 3rem;
	background-color: #f2f3f4;
	text-align: center;
	line-height: 3rem;
	color: #101010;
	text-decoration: none;
}
.news{
	margin-top: 3.4375rem;
	margin-bottom: 2.5rem;
}
.news ul li{
	margin-bottom: 3.75rem;
}
.news ul li .img{
	width: 217px;
	height: 9rem;
	float: left;
}
.news ul li .img a{
	display: block;
	width: 100%;
	height: 100%;
}
.news ul li .data{
	float: left;
	width: 194px;
	padding: 0 3rem;
	text-align: center;
	line-height: 3rem;
	margin-top: 1.5rem;
	text-align: right;
	border-right: 1px solid #dcdcdc;
}
.news ul li .data strong{
	font-size: 2rem;
	color: #333333;
}
.news ul li .data p{
	font-size: 1.125rem;
	color: #999999;
}
.news ul li .text{
	float: left;
	padding-left: 3.375rem;
	padding-right: 5rem;
	width: calc(100% - 411px);
	margin-top: 1.5rem;
	background: url(../images/next-on.png) right center no-repeat;
}
.news ul li .text a{
	color: #101010;
	font-size: 1.125rem;
	display: block;
	width: 100%;
	line-height: 2.375rem;
	text-decoration: none;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news ul li .text p{
	color: #666666;
	line-height: 1.875rem;
}
.news ul li:hover .text a{
	color: #014590;
	font-weight: bold;
}