/*
 * Created with Sublime Text 2.
 * User: IceCry
 * Date: 2017-07-12
 * Time: 08:32:52
 * Contact: yzhsh89@126.com || Q+1050575278
 */
 
*{margin:0;padding:0;list-style-type:none;}
body{overflow-x:hidden;}
a{blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
:focus{outline:0;}
label{cursor:pointer;}
img{vertical-align:middle;}
table{empty-cells:show;border-collapse:collapse;border-spacing:0;}
h1{font-size:16px;}h2,h3,h4{font-size:14px;}h5,h6{font-size:12px;}
abbr,acronym{border:0;font-variant:normal}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{outline: none;border:none;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{*font-size:100%}
a,img{border:0;}
a,a:visited{color:#5e5e5e; text-decoration:none;}
a:hover{color:#F40;}
.clear{display:block;overflow:hidden;clear:both;height:0;line-height:0;font-size:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}/* Hides from IE-mac \*/
*html .clearfix{height:1%;}
.clearfix{display:block;}/* End hide from IE-mac */
*+html .clearfix{min-height:1%;}
/*html{background: url(about:blank) fixed;}*/
body{font:12px/180% 'Microsoft Yahei',tahoma,Arial,Lucida,Verdana,"宋体",Helvetica,sans-serif;color:#333;background: #fff;}
.fl{float: left;}
.fr{float: right;}

body{
	min-width: 1200px;
	overflow-x: auto;
}
.logo{
	width: 300px;
	height: 150px;
	margin: 0 auto;
	background: url(../images/logo.png);
}

.menubox{
	height: 45px;
	width: 100%;
	background: #113855;
}
.menubox ul{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.menubox ul li{
	float: left;
	height: 45px;
	line-height: 45px;
}
.menubox ul li a{
	display: block;
	padding: 0 50px;
	font-size: 16px;
	color: #fff;
}
.menubox ul li:hover{
	background: #86BAD6;
}

.slide{
	width: 100%;
	text-align: center;
	height: 455px;
	overflow: hidden;
}
.slide ul{
	width: 100%;
	height: 455px;
}
.slide ul a{
	display: block;
}
.slide ul li{
	width: 100%;
	height: 455px;
	overflow: hidden;
	float: left;
}

.about{
	width: 1200px;
	height: 450px;
	margin: 45px auto;
	overflow: hidden;
}
.about .aboutimg{
	height: 450px;
	width: 350px;
	float: left;
}
.about .aboutcon{
	width: 830px;
	height: 450px;
	float: right;
}
.about .aboutcon .desc{
	margin: 50px 0;
}
.about .aboutcon .desc p{
	font-size: 16px;
	color: #848484;
	line-height: 30px;
	text-indent: 2em;
	margin-top: 10px;
}
a.more{
	display: block;
	width: 105px;
	height: 35px;
	background: #D9EBF5;
	color: #88BBD7;
	line-height: 35px;
	text-align: center;
	font-size: 16px;
}
a.more:hover{
	background: #88BBD7;
	color: #fff;
}
.titimg{
	width: 300px;
	margin: 45px auto;
	text-align: center;
}

.law{
	width:100%;
	height: 570px;
	background: #F2F2F2;
	overflow: hidden;
}
.law .lawcon{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.law .lawcon .hots{
	width: 580px;
}
.law .lawcon .hots .hot{
	margin: 15px 0;
}
.law .lawcon .hots img{
	width:580px;
	height: 200px;
}
.law .lawcon .hots .hot h3{
	font-size: 16px;
	line-height: 30px;
	color:#183E5C;
}
.law .lawcon .hots .hot p{
	line-height: 22px;
	color: #B2B2B2;
	font-size: 14px;
}
a.view{
	display: block;
	color: #B2B2B2;
	font-size: 16px;
	margin-top: 26px;
}
.law .lawcon .arcs{
	width: 580px;
}
.law .lawcon .arcs ul li{
	padding: 10px 0;
	border-bottom: 1px dashed #416D8E;
}
.law .lawcon .arcs ul li:nth-child(3){
	border-bottom: none;
}
.law .lawcon .arcs ul li h3{
	color:#183E5C;
	line-height: 30px;
	font-size: 16px;
}
.law .lawcon .arcs ul li p{
	line-height: 22px;
	color: #B2B2B2;
	font-size: 14px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
a.revmore{
	display: block;
	width: 105px;
	height: 35px;
	line-height: 35px;
	background: #D9EBF5;
	color: #88BBD7;
	text-align: center;
	font-size: 16px;
	margin-top: 25px;
}

.team{
	width: 100%;
	height: 600px;
	clear: both;
	background: #2B4F67;
}
.team .titimg{
	padding-top: 30px;
}
.teamcon{
	width: 1200px;
	height: 370px;
	margin: 0 auto;
	overflow: hidden;
}
.teamcon ul li{
	width: 278px;
	height: 368px;
	float: left;
	background: #fff;
	border: 1px solid #2B4F67;
}
.teamcon ul li img{
	width: 278px;
	height: 278px;
}
.teamcon ul li{
	margin-left: 26px;
}
.teamcon ul li.first{
	margin-left: 0px;
}
.teamcon ul li:nth-child(0){
	margin-left: 0px;
}
.teamcon ul li .info{
	padding: 10px 15px;
}
.teamcon ul li .info .name{
	width: 100%;
	height: 22px;
	line-height: 22px;

}
.teamcon ul li .info .name strong{
	font-size: 18px;
	color: #113855;
	display: block;
	float: left;
}
.teamcon ul li .info .name span{
	display: block;
	height: 22px;
	font-size: 14px;
	line-height: 22px;
	padding: 0 5px;
	background: #86bad6;
	color: #113855;
	border-radius: 4px;
	float: left;
	margin-left: 5px;
}
.teamcon ul li .info p{
	line-height: 26px;
	font-size: 14px;
}
a.teammore{
	margin: 40px auto 0;
}

.case{
	width: 100%;
	padding-bottom: 20px;
	overflow:hidden;
	/*background: #f0f0f0;*/
}
.case .casecon{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.case .casecon ul li{
	width: 580px;
	height: 148px;
	position: relative;
	margin-bottom: 15px;
	background: #fff;
	border: 2px solid #E1E1E1;
}
.case .casecon ul li img{
	width: 152px;
	height: 152px;
	position: absolute;
	left: -2px;
	top: -2px;
}
.case .casecon .infos{
	position: absolute;
	left: 150px;
	top: 0;
	width: 400px;
	padding: 20px 15px;
}
.case .casecon .infos h3{
	font-size: 18px;
	color: #113855;
	line-height: 30px;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.case .casecon .infos p.info{
	color: #86bad6;
	line-height: 22px;
}
.case .casecon .infos p.desc{
	color: #a2a2a2;
	margin-top: 20px;
}
.casemore{
	margin: 25px auto 0;
}

.news{
	width: 1200px;
	margin: 0 auto 40px;
	clear: both;
	overflow: hidden;
}
.news .newcon{
	overflow: hidden;
}
.news .newcon img{
	width: 505px;
	height: 345px;
}
.news .new{
	width: 660px;
	height: 350px;
}
.news .new ul li{
	overflow: hidden;
	padding: 12px 0;
	border-bottom: 1px dashed #C7DFEC;
}
.news .new .date{
	width: 90px;
	height: 90px;
	text-align: center;
	float: left;
	background: #86BAD6;
	color: #fff;
}
.news .new .date strong{
	font-size: 60px;
	line-height: 60px;
	font-weight: normal;
}
.news .new .date p{
	line-height: 30px;
	font-size: 12px;
}
.news .new .newinfo{
	width: 525px;
	padding: 0 20px;
	float: right;
}
.news .new .newinfo h3{
	font-size: 16px;
	color: #113855;
	line-height: 30px;
}
.news .new .newinfo p{
	color: #b5b5b5;
	line-height: 24px;
}
.newsmore{
	margin: 40px auto 0;
}

.advantage{
	height: 500px;
	width: 100%;
	clear: both;
	margin: 0 auto;
	background: url(../images/advanbg.jpg) no-repeat center center;
}
.advantage .titimg{
	position: absolute;
	left: 50%;
	margin-left: -150px;
	margin-top: 25px;
}
.advantage .advancon{
	width: 1200px;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 10px;
}
.advantage .advancon ul{
	height: 350px;
	margin-top: 100px;
}
.advantage .advancon ul li{
	width: 260px;
	height: 310px;
	padding: 20px 15px;
	float: left;
	background: #fff;
	text-align: center;
	border: 1px solid #587185;
	margin-left: 10px;
}
.advantage .advancon ul li h4{
	color: #113855;
	font-size: 16px;
	line-height: 40px;
}
.advantage .advancon ul li p{
	color: #a2a2a2;
	font-size: 14px;
	line-height: 22px;
}
.advantage .advancon ul li.first{
	margin-left: 0px;
}

.footer{
	width: 100%;
	height: 210px;
	border-top: 7px solid #86BAD6;
}
.footer .foot{
	width: 1200px;
	padding: 50px 0;
	margin: 0 auto;
}
.footer .foot .flogo{
	width: 300px;
	height: 117px;
	float: left;
	background: url(../images/flogo.png) no-repeat center center;
}
.footer .foot .contact{
	width: 500px;
	height: 130px;
	float: right;
}
.footer .foot .contact p{
	color: #789aac;
	font-size: 16px;
	line-height: 26px;
}
.footer .foot .contact p.guoui{
	color: #5E5E5E;
	font-size: 12px;
}


.banner{
	width: 100%;
	max-width: 1920px;
	height: 280px;
	margin: 0 auto;
	overflow: hidden;
}
.banner img{
	width: 100%;
	height: 280px;
	/*position: absolute;
	left: 50%;
	margin-left: -960px;*/
}

/*.slide{
	width: 100%;
	text-align: center;
	height: 455px;
	overflow: hidden;
}
.slide ul{
	width: 100%;
	height: 455px;
}
.slide ul a{
	display: block;
}
.slide ul li{
	width: 100%;
	height: 455px;
	overflow: hidden;
	float: left;
}
*/
.content{
	width: 1200px;
	margin: 0 auto;
}
.content .breadcrumb{
	color: #557c9a;
	line-height: 40px;
	font-size: 14px;
}
.content .breadcrumb a{
	color: #557c9a;
}
.content .body{
	overflow: hidden;
	padding: 40px 0;
}
.content .body .arcs{
	padding: 10px;
}
.content .body .arcs p{
	font-size: 16px;
	line-height: 24px;
	text-indent: 2em;
	color: #848484;
	margin-top: 20px;
}


.teamx{
	overflow: hidden;
}
.teamx li{
	width: 278px;
	height: 368px;
	float: left;
	border: 1px solid #D5D5D5;
}
.teamx li img{
	width: 278px;
	height: 278px;
}
.teamx li{
	margin: 0 10px 15px 10px;
}
.teamx li .info{
	padding: 10px 15px;
}
.teamx li .info .name{
	width: 100%;
	height: 22px;
	line-height: 22px;
}
.teamx li .info .name strong{
	font-size: 18px;
	color: #113855;
	display: block;
	float: left;
}
.teamx li .info .name span{
	display: block;
	height: 22px;
	font-size: 14px;
	line-height: 22px;
	padding: 0 5px;
	background: #86bad6;
	color: #113855;
	border-radius: 4px;
	float: left;
	margin-left: 5px;
}
.teamx li .info p{
	line-height: 26px;
	font-size: 14px;
}

#pages{
	clear: both;
	margin: 20px auto;
	text-align: center;
	overflow: hidden;
}
#pages ul{
	width: 500px;
	margin: 0 auto;
	text-align: center;
}
#pages li{
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	float: left;
	padding: 0;
	margin-left: 5px;
}
#pages li a{
	display: block;
	color: #A6A6A6;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #DCDCDC;
}
#pages li.thisclass{
	background: #86BAD6;
}
#pages li.thisclass{
	color: #fff;
	border: 1px solid #92C1DA;
}


.lawlist{
	width: 100%;
}
.lawlist li{
	padding: 10px 0;
	border-bottom: 1px dashed #D0D0D0;
}
.lawlist li h3{
	color: #113855;
	line-height: 30px;
	font-size: 16px;
}
.lawlist li p{
	line-height: 24px;
	color: #a9a9a9;
	font-size: 14px;
}
.lawlist li p.info{
	color: #86bad6;
}

.newlist{
	width: 100%;
	overflow: hidden;
}
.newlist li{
	overflow: hidden;
	padding: 12px 0;
	clear: both;
	border-bottom: 1px dashed #C7DFEC;
}
.newlist .date{
	width: 90px;
	height: 90px;
	text-align: center;
	float: left;
	background: #86BAD6;
	color: #fff;
}
.newlist .date strong{
	font-size: 60px;
	line-height: 60px;
	font-weight: normal;
}
.newlist .date p{
	line-height: 30px;
	font-size: 12px;
}
.newlist .newinfo{
	width: 1060px;
	padding: 0 20px;
	float: right;
}
.newlist .newinfo h3{
	font-size: 16px;
	color: #113855;
	line-height: 40px;
}
.newlist .newinfo p{
	color: #b5b5b5;
	line-height: 24px;
}

.detail h1{
	color: #113855;
	font-size: 18px;
	line-height: 60px;
	text-align: center;
}
.detail .bborder{
	width: 50px;
	height: 3px;
	background: #E5E5E5;
	margin: 0 auto;
}
.detail .dinfo{
	text-align: center;
	color: #aaa;
	font-size: 14px;
	line-height: 20px;
	margin: 10px 0;
}
.detail .con{
	/*color: #aaa;*/
	padding: 20px 0;
}
#prenext{
	color: #aaa;
	font-size: 14px;
	margin-top: 10px;
}
.detail .con img{
	max-width: 100%;
}


.aboutcontent .address{
	margin: 10px auto;
	color: #7a7a7a;
	text-align: center;
	line-height: 30px;
}

#allmap{
	height: 350px;
	overflow: hidden;
}
#allmap iframe{
	height: 350px;
}
.body .address{
	margin-top: 30px;
	text-align: center;
	font-size: 16px;
	color: #7a7a7a;
	line-height: 26px;
}


.caselist{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.caselist li{
	width: 1196px;
	height: 184px;
	position: relative;
	margin-bottom: 15px;
	background: #fff;
	border: 2px solid #E1E1E1;
}
.caselist li img{
	width: 188px;
	height: 188px;
	position: absolute;
	left: -2px;
	top: -2px;
}
.caselist .infos{
	position: absolute;
	left: 200px;
	top: 0;
	width: 950px;
	padding: 20px 15px;
}
.caselist .infos h3{
	font-size: 18px;
	color: #113855;
	line-height: 30px;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.caselist .infos p.info{
	color: #86bad6;
	font-size: 14px;
	line-height: 30px;
}
.caselist .infos p.desc{
	color: #a2a2a2;
	margin-top: 20px;
	font-size: 14px;
	line-height: 30px;
}
.curli{
	background: #86BAD6;
}
.page-box{
	width: 100%;text-align: center;margin: 40px 0;
}
.page-box #pages{
	display: inline-block;
	margin:0 10px 0 0;
	vertical-align: middle;
}


.page-box #pages a{
	display: inline-block;
	width: 35px;
	height:35px;
	line-height: 35px;
	color: #838383;
	font-size: 14px;
	border: 1px solid #ccc;
	/*background: #d03745;*/
}

.page-box #pages li {width: 35px;height: 35px;line-height: 35px;display: inline-block;border: 1px solid #cccccc;margin-right:5px;}
.page-box #pages li.active{background: #183883;color:#fff;}
.thisclass {width:40px;height: 40px;line-height: 40px;background-color: #7bb4eb;color: #FFF;font-weight: bold;}