@charset "utf-8";
/* Style Reset */
*{font-family:"Microsoft Yahei",Arial;}
@font-face{font-family:"icomoon";src:url('../font/icomoon.woff') format('woff'),url('../font/icomoon.ttf') format('truetype');}
.icomoon{font-family:"icomoon" !important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.clear-fix:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
body{color:#000; font-family:'microsoft yahei';width:100%;}
body,p ,h1,ul,li,.ui-content{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px; color:#000; font-family:'microsoft yahei'}
.clear { clear:both; }
.fr{ float:right}
.fl{ float:left}
img {display: block;max-width: 100%;border: 0;}
/* header*/
.header{width:100%;background:#1063a7; position:relative}
.hh{ background:#1063a7;}
.logo{  display: block;width: 65.625%; padding:1.3em 0;margin: 0 auto; }
.logo img{ width:100%; margin:0 auto;}
.seabut,.menu_but{height:100%;width:13%;text-align:center;display:block;position:absolute;left:0%; top:0;font-size:2.5em;cursor:pointer;color:#fff;line-height:2em;}
.menu_but{ left:auto; right:0;}
.seabutt,.menu_butt{height:100%;width:13%;text-align:center;display:block;pos/ition:absolute;float:left;font-size:2.5em;cursor:pointer;color:#fff;line-height:2em;border-ri/ght:1px solid #7d7069;}
.menu_butt{ float:right;bor/der-left:1px solid #7d7069; }
.viewtitle{  font-size: 1.5em; width:100%; text-align:center;line-height: 2.7em;color: #fff;font-/weight: bold; background:#332014;}
.viewtitlee{ float:left;  font-size: 1.5em; width:73%; text-align:center;line-height: 3.3em;color: #fff;font-/weight: bold; background:#1063a7;}
.classbut{position:absolute; width:44%; text-align:center; padding-top:3%; text-align:center;color:#fff; top:0; font-size:1.3em; right:0;}
.classbut img{ width:13%; margin-right:2px;vertical-align:middle;}
#modal { display:none; }
#pageslide { display:none; background:#181818;position: absolute;position: fixed;top: 0;width:50%; max-width:320px; height:100%;z-index: 999999;}
.nav-in a{display:block;line-height:3; font-size:1.2em;color:#b5b5b5; font-weight:bold;border-bottom:1px solid #000}
.nav-in p{display:block;color:#fff; line-height:1.8; text-align:center; font-weight:bold;font-size:1.3em; }
.nav-in p font{ color:#666666; font-family:'Impact'; font-wei/ght: bold; font-weight:normal; }
.nav-in p em{ width:100%; display:block;border-top:1px solid #000; border-bottom:1px solid #000; height:3px;}
.nav-in p span{ padding:5% 0; display:block; color:#fff;}
.nav-in li{ text-align:center;}
.searcharea{ float:left; display:none; z-index:9;position:absolute;width:100%;padding:2% 0; background:#ccc;}
.search_but{ float:right;width:13.3%;font-family:'microsoft yahei'; border:0;font-size:1.1em;margin-right:1.5%;color:#161b2c; height:32px; line-height:32px;background:#fafafa}
.search_txt{ float:left;height:32px; line-height:32px; padding:0% 0 0% 4% ;color:#6e6d6d; font-size:1.1em; width:77%;margin-left:2%;font-family:'microsoft yahei';border:0;}
/*index*/
/* banner*/
.mod-slide .slide-in{position:relative;overflow:hidden; width:2000px;}
.mod-slide .slide-in > div{float:left;position:relative;width:20%;font-size:0;text-align:center;}
.mod-slide .slide-in > div img{display:inline-block; width:100%;}
.mod-slide .slide-pos{position:absolute;left:0;bottom:-0em;z-index:9999;width:100%;padding: 0;text-align:center;}
.mod-slide .slide-pos li{display:inline-block;width:2.3em;height:0.35em;margin:0 0.2em;background:#4e6990; b/order-radius:1.5em;}
.islide{width:93.75%; overflow:hidden;margin:3% auto 1% auto; position:relative; padding-bottom:1.3em;}
.slide-pos li.on{ background:#d91f13}
.ititle{width:100%; clear:both;text-align:center; color:#000; margin:5% 0;font-size:1.3em; }
.ititle p{ position:relative; text-align:center; font-size:0.9em; color:#4e6990;}
.ititle font{overflow:hidden; color:#4e6990;text-transform:uppercase;display:block; font-size:1.3em; font-family:"Times New Roman", Times, serif;}
.ititle p label{ text-transform:uppercase; color:#1063a7; margin:0 auto; position:relative; padding:0 2%;font-family:"microsoft yahei"; font-weight:bold; font-size:1.2em;}
.more{width:93.75%; margin:3% 3.125%;background:#fff; border:2px solid #b3b3b3; color:#000000;  float:left; text-align:center; line-height:2.3;}
.inav{position:relative;width:100%;line-height:2em;margin:0% auto 3%;background:#f6f5f1;padding:5% 0;}
.inav-son{float:left;display:block;width:25%;text-align:center;color:#3d3d3d;}
.inav-son > .in{position:relative;width:2em;display:inline-block;font-size:2.5em;height:2em;line-height:2em;border-radius:50%; background:#f5a30f;color:#fff;}
.inav-son:hover .in{color:#FFF;background:#333;}
.news{ float:left;
	width: 100%;
	background: #f3f3f3;
	display: block;
	margin-top: 6%;
	padding: 4%  0;
}

.newsmain{ padding:0 3.125%; width:93.75%;}
.newsbg{ width:100%; text-align:center;}
.newsbg img{ width:32.1%; margin:0 auto; display:block;}
.news_t{ width:50.5%;padding:0 8%; margin-bottom:3%; display:block;background:url(../images/news_t.gif) no-repeat 0 0; background-size:100%}
.news_t a{ width:100%; font-size:1.3em; display:block;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.newsmain p{ color:#7d716b; line-height:1.6; margin-bottom:2%;}
.newstip{ margin-bottom:5%;background: -webkit-linear-gradient(left, #fff,#f2f2f0,#fff); line-height:2; color:#000; text-align:center; font-size:1.3em;}
.newstip font{ color:#ca0900; display:block;}
.service{width:100%; margin-top:3%;}
.service li{width:100%;display:inline-block;}
.service li:nth-child(odd){ background:#f5f5f5}
.service li a{float:left; width:92%; line-height:2.6; padding:0 4%;}
.service .time{ color:#999999;float:left; width:22%; text-align:center;}
.service .fl{ color:#000000; width:68%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; float:right; padding-left:10%;}
.case{ position:relative;width:100%; margin-bottom:5.5%;padding:0 0 3% 0;float:left; margin-top:0%;background:#f3f3f3; background-size:100% 100%;}
.case p.name{ margin:5% auto; text-align:center; width:39.21875%;}
.case li{ width:43.75%; margin:0 1% 3% 4%; float:left;}
.case li a{width:100%;  display:block; float:left; text-align:center; position:relative; background:#1a1d22; }
.case li a:hover{ background:#1063a7;}
.case li img{width:100%;}
.case li p{width:96%;float:left; line-height:2.5;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;text-align:center; color:#fff; font-family:"microsoft yahei";  padding:0 2%; }
.case .more{ float:left; width:100%; text-align:center; margin:2.5% 0 0 0;text-transform:uppercase; border:0; background:none;}
.case .more a{text-align:center;white-space:nowrap; color:#4e6990; font-family:	"Microsoft Yahei"; line-height:1.2;border:0.2em solid #566478; padding:0 1.1em; display:inline-block;margin:0 auto; }
.case .more font{ display:block; font-size:1.2em;  padding:0 2%; position:relative; margin-top:-10px; background:#f3f3f3; }
.case .more label{ font-size:0.9em; }


.content .case{ background:none; width:100%; padding:5% 0 0 0;}
.cbtn-cla{position:absolute;right:12%;margin-top:0.7em;font-size:1.8em;line-height:1.3em;cursor:pointer;color:#fff;}
.cbtn-cla labeL{font-size:1.4em; line-height:1.0em;}
.cbtn-cla span{font-size:0.8em; float:right;}
.cbtn-claa{ display:block; float:left; width:100%; background:#efefef;cursor:pointer;}
.cbtn-claa a{ float:right;font-size:3em; wid/th:15%;line-height:1em; color:#908f8f; margin-right:3%;}
.cbtn-claa label{ float:left; color:#000000;line-height:2.2em;font-size:1.2em; color:#000000; margin-left:2%;}
/*foot*/
.topbut{ display:none;background:#e14c4c;position:absolute;top:-36px; right:0; width:30px; height:36px;z-index:99;}
.topbut span{ display:block; width:30px; height:31px; padding-top:5px;text-align:center; font-size:2em;}
.foot{ float:left; position:relative;margin-top:10%;width:100%;background:#000;color:#FFF;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-top:1 solid #fff;}
.foot a{width:25%;float:left;display:block;color:#fff;font:2em/1 "Microsoft Yahei";text-align:center;padding:0.25em 0;cursor:pointer; border-/right:1px solid #ae978f;}
.foot a > span{display:block;font:0.5em/1.5 "Microsoft Yahei";}

/*view*/
.view_title{text-align:center; width:93.75%; float:left;font-size:1.4em; color:#111321;margin:3%;}
center img{width:80%;display:block; margin:0 auto 3%}
center{ clear:both;}
.content{ float:left;z-index:0; width:100%; padding:1% 0 0 0; text-align:justify;line-height:180%;  min-height:300px; font-size:1em; color:#6b6b6b; }
.pages{width:100%;margin:0.5em auto; text-align:center; clear:both;;}
.page_change{text-align:center;padding:1.6% 5%; line-height:2; color:#000; font-weight:bold;display:block;margin:0 auto;}
.left,.right,.page_change{ display:inline-block}
.left,.right{text-align:center;padding:1.6% 3%;background:#333;border-radius:4px}
.left img,.right img{ width:13px; vertical-align:middle; display:inline-block; margin:0 auto}
.viewback{ margin:0 auto; width:35.666%; margin-top:30px;}
.viewback a{float:left; padding:2% 0; font-size:16px;width:100%; text-align:center;color:#3a3a3a;background:#f8f8f8;border:1px solid #ececec;}
.pg-a{width:87.5%;margin:0 auto;}
.pg-a a{background:#451400; color:#fff; }
.pg-a a:hover{background:#451400; color:#fff; }
.pg-a .fr .icomoon{  -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg); margin-right:-1em; }
.pg-a .fl .icomoon{ margin-left:-1em; }
.pg_a-son{display:inline-block;margin:1em auto;padding:0 2em;font:1em/3 "Microsoft YaHei";color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;}
.classul{ width:100%;}
.classul li{ width:93.75%; display:block;float:left;border-bottom:1px solid #ccc;border:0.1em solid #dcdcdc; margin:2%;}
.classul li a{ display:inline-block;width:80%;font-size:1.3em; line-height:2.3; padding:0 5%; float:left; text-overflow:ellipsis;overflow:hidden; white-space:nowrap; color:#6b6b6b; }
.classul li label{color:#cf9e8d;float:left;  font-size:2em; line-height:1.5; }


.lawyer_time{ text-align:center; font-size:1em; margin:0 0 3% 0;}

.servicee{width:100%; margin-top:3%;}
.servicee li{width:100%;display:inline-block; border-bottom:1px solid #e0d6d2;}
.servicee li a{float:left; width:92%; padding:0 4%; line-height:3em;}
.servicee .time{ color:#424242;float:right;  text-align:center; font-size:1.8em;}
.servicee .fl{ color:#000000; width:80%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; float:left;}
.searchname{ font-size:1.4em; padding-left:3%;}
.searchfra{ float:left;width:100%;}
.searchfra .inp1{ float:left; border:0.1em solid #dcdcdc; height:32px; line-height:32px;  width:75%; margin:0% 0 3% 2%; border-radius:0;}
.searchfra .inp2{ float:left; wi/dth:34px;  height:34px; line-height:34px;  width:15%; margin:0% 0 3% 2%; border:0; background:#bd8c57; color:#fff; font-weight:bold; font-size:1.2em;}

.servmore{ float:left; width:93.75%; margin-left:2%; background:url(../images/line.jpg) left center repeat-x; text-align:center; margin-top:1%;}
.servmoremore{width:20%; padding:0.2em 1em; background:#1063a7;border-radius:5PX; color:#FFF; margin:0 auto; text-align:center; line-height:2.3;}

.caseleft{ float:left; width:46.875%; border-right:1px dotted #4e6990; display:inline; margin:2% 0 0 0;}
.pronamec{ float:left;width:100%;  text-align:center; color:#4e6990; font-size:1.6em; font-family:"Times New Roman", Times, serif; text-transform:uppercase; padding:0;}
.pronac{float:left;width:100%;  text-align:center; font-size:1.4em;font-family:'Microsoft Yahei'; padding:1px 0; color:#4e6990}
.casephone{ display:block; float:left;width:97%; color:#4e6990; font-weight:bold; font-size:1.1em; line-height:2.5;font-family:'Microsoft Yahei'; display:inline; margin:0.4em 0 0 3%; text-align:center;}
.casephone img{ vertical-align:-0.1em; display:inline-block; width:8%; height:8%;}
.casetel{display:block; float:left;width:100%;  color:#1063a7; text-indent:14%; text-align:center;font-size:1.2em; line-height:1; font-family:Arial, Helvetica, sans-serif;}
.casemore{ font-size:1em; float:left; display:inline; margin:7% 0 0 30%;   border:1px solid #4e6990; background:#fff; text-align:center; line-height:20px; color:#4e6990; padding:1% 4%;}
.caseright{ float:right; width:46.875%; margin:1em 3.125% 0 0;}

.mod-slidee .slide-in{position:relative;overflow:hidden; width:2000px;}
.mod-slidee .slide-in > div{float:left;position:relative;width:20%;font-size:0;text-align:center;}
.mod-slidee .slide-in > div img{display:inline-block; width:100%;}
.mod-slidee .slide-poss{position:absolute;left:0;bottom:-0.2em;z-index:9999;width:100%;padding: 0;text-align:center;}
.mod-slidee .slide-poss li{display:inline-block;width:0.8em;height:0.8em;margin:0 0.2em;background:#4e6990; border-radius:1em;}
.islidee{width:86.66666%; overflow:hidden;margin:1% auto 1% auto; position:relative; padding-bottom:1.8em;}
.slide-poss li.on{ background:#1063a7}



.mod-slideee .slide-in{position:relative;overflow:hidden; width:2000px;}
.mod-slideee .slide-in > div{float:left;position:relative;width:20%;font-size:0;text-align:center;}
.mod-slideee .slide-in > div img{display:inline-block; width:100%;}
.mod-slideee .slide-posss{position:absolute;left:0;bottom:-0em;z-index:9999;width:100%;padding: 0;text-align:center;}
.mod-slideee .slide-posss li{display:inline-block;width:0.6em;height:0.6em;margin:0 0.2em;background:#cdcdcd; border-ra/dius:1em;}
.islideee{width:81.25%; overflow:hidden;margin:3% auto 1% auto; position:relative; padding-bottom:1.1em;}
.slide-posss li.on{ background:#ff002a}


.sub_news04{ float:left; width:93.75%;  padding:1.8% 0; font-size:1em; margin:3% 0 0 3%; }
.sub_news04 ul li{ float:left; width:96%;  margin-bottom:2%;background:#cdcdcd; border-radius:5px;color:#000000; padding:0 2%; line-height:2.4em; height:2.4em; overflow:hidden;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  }
.sub_news04 ul li a{ color:#000000;}
.padding25{ float:left; width:81.25%; margin:5% 0 0 9%;}
.padding26{ float:left; width:87.5%; margin:2% 0 0 6%;}
.hai_ffra{ float:left; width:100%; text-align:center;}
.hai_ffra a{ border-radius:5px; background:#1063a7; padding:1% 4%; color:#fff; font-size:1em;}



@media all and (min-width:640px) {
body {max-width: 640px;margin: 0 auto;position: relative;}
}
@media screen and (max-width:540px){
body,html{font-size:16px;}
}
@media screen and (max-width:480px){
body,html{font-size:15px;}
.seabut,.menu_but{ line-height:1.6em;}
}
@media screen and (max-width:420px){
body,html{font-size:14px;}
}
@media screen and (max-width:360px){
body,html{font-size:13px;}
}
@media screen and (max-width:320px){
body,html{font-size:11px;}
}

.listpage{width: 100%;margin-left: 5%;font-size: 16px;margin-top: 10%}
.listpage a{display: block;height: 25px;width: 30px;background: #000;color: #fff;float: left;margin-right: 5px;line-height: 30px;text-align: center;}
.listpage .current{display: block;height: 25px;width: 30px;background: #cf031e;color: #fff;float: left;margin-right: 5px;line-height: 30px;text-align: center;}

/*留言*/
/*------搜索显示*/
.search_tips { height:22px; padding:5px; font-size:14px; font-weight:bold;}
.search_rkey { height:22px; padding:5px; font-size:14px;}
.search_list dl{display:block;width:96%;margin:12px auto 0px;padding-bottom:8px; background:url(../images/02.png) no-repeat; padding-left:20px;}
.search_list dl dt a{line-height:27px;font-size:14px;letter-spacing:1px;}
.search_list dl dd p{line-height:19px;color:#444;font-size:14px;margin-left:5px;}
.search_list dl dd span{font-size:12px;line-height:23px;color:#ad823a;}
.search_list dl dd a{color:#777;text-decoration:none}
.search_list dl dd a:hover{color:#F30;}
.search_list dl dd span{margin-right:10px;}
/*---------------内容页:预定*/
.comment {
	background:#fff;
	border:1px dashed #aaa;
	margin:10px;
	text-align:center;
}
.comment .commenttitle {
	height:35px;
	margin:1px auto;
	border-bottom:1px dashed #B3B3B3;
}
.comment .commenttitle .title4 {
	float:left;
	margin:5px 0px 0px 12px;
	color:#999;
	display:inline;
}
.comment .commenttitle .title4 strong {
	letter-spacing:4px;
	color:#777;
	margin-right:10px;
	font-size:18px;
}
.comment .commentbox {
	width:95%;
	text-align:left;
}
.comment .commentbox dl {
	margin:10px auto 0px;
	border:1px dashed #B3B3B3;
}
.comment .commentbox dl dt {
	background:#F4F9F2;
	line-height:25px;
	text-indent:10px;
	color:#333;
	border-bottom:1px dashed #B3B3B3;
}
.comment .commentbox dl dt span {
	color:#FF0000;
	font-size:14px;
}
.comment .commentbox dl dd {
	padding:10px;
	font-size:14px;
	line-height:35px;
	color:#666;
}
.comment .posttitle {
	height:35px;
	margin:10px auto;
	border-bottom:1px dashed #aaa;
	text-align:left;
}
.comment .posttitle strong {
	letter-spacing:4px;
	color:#777777;
	display:block;
	margin:7px 0px 0px 13px;
	font-size:18px;
}
.comment .postbox {
	width:95%;
	margin:5px auto;
	overflow:hidden;
	text-align:left;
}
.comment .postbox .userbox {
	overflow:hidden;
	margin-top:10px;
}
.comment .postbox .userbox dl {
	}
.comment .postbox .userbox dl dd {
	float:left;
	display:block;
	padding-bottom:2px;
}
.comment .postbox .userbox dl dd input.username,.comment .postbox .userbox dl dd input.password {
	width:100px;
	border:1px dashed #aaa;
	padding:3px 0px 2px 5px;
	margin-right:10px;
	background:#effbf4;
}
.comment .postbox .userbox dl dd.mtop {
	margin:7px 7px 0px 0px;
}
.comment .postbox .txtbox {
	width:100%;
	line-height:40px;
	font-size:14px;
}
.comment .postbox .txtbox textarea {
	border:1px dashed #aaa;
	width:98%;
	height:60px;
	padding:5px;
	background:#effbf4;
}
.comment .postbox .txtbox div {
	padding-top:5px;
	color:#000;
}
.comment .postbox .txtbox input {
	width:40px;
	border:1px dashed #aaa;
	padding:3px 0px 2px 5px;
	margin-right:10px;
	background:#effbf4;
}
.comment .postbox .txtbox img {
	position:static;
	+position:relative;
	vertical-align:middle
}
.comment .postbox .sbut {
	margin:10px;
}
label {
	color:#000;
	font-size:14px;
	color:#777777
}