@charset "utf-8";
/* Style Reset */

img {display: block;max-width: 100%;border: 0;}


.ititle{width:100%; clear:both;text-align:center; color:#000; margin:2% 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:#ec6f00; 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;}

.news{ float:left;
	width: 100%;
	background: #f8f8f8;
	display: block;
	margin-top: 3%;
	padding: 4%  0;
	padding-bottom:17%;
}

.inav{width:98%;margin:2% auto;overflow:hidden;height:auto;}
.inav li{width:25%;float:left;height:auto;overflow:hidden;}
.inav li a{display:block;width:64.93%;margin:0 auto;height:auto;}
.inav li a span{display:block;width:100%;text-align:center;font:2.4em/1.2 "microsoft yahei";color:#fff;padding:24% 0;background:#ec6f00;position:relative;border-radius:8px;}
.inav li a font{display:block;width:100%;text-align:center;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;font:1.3em/2 "microsoft yahei";color:#010101;}
.inav li:nth-child(2n) span{background:#3a3a3a}
.iconfont img{margin:0 auto;}


.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:1%; margin-bottom:2%;position:relative; color:#333;}
.service li{width:100%;display:inline-block; border-bottom: 1px dotted #999;}
.service li a{float:left; width:92%; line-height:2.6; padding:0 4%; color:#333;}
.service li a:hover{color:#bc0000;}
.service .fl{width:65%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; float:right; padding-left:10%;}
.service dt {width:96%;font:1.6rem/2.6rem "microsoft yahei";margin-left:2%; margin-bottom:2%;}

.service2{width:100%; margin-top:1%; margin-bottom:2%;position:relative; color:#333;}
.service2 dt {width:96%;font:1.6rem/2.6rem "microsoft yahei";color:#333;margin-left:2%; margin-bottom:15%;}

.common_i_title{background: #69b648;-webkit-background-size:60%;background-size:6%; margin-bottom:2%}
.common_i_title h2{display: inline-block;width:33%;padding-left:2%;text-align:left;color:#fff;font:1.6rem/0.8rem "microsoft yahei";font-weight: normal;}
.common_i_title a{display: inline-block;float:right;color:#fff;font:1.4rem/0.8rem "microsoft yahei"; padding-top:3%;}
.common_i_title a:hover{color:#bc0000;}

.common_i_title2{margin-bottom:2%}
.common_i_title2 h2{display: inline-block;width:100%;text-align: center;color:#000;font:1.8rem/1.2rem "microsoft yahei";font-weight: bold;}


.servicen{width:100%; margin-top:1%; margin-bottom:2%;position:relative;}
.servicen li{width:100%;display:inline-block;}
.servicen li a{float:left; width:92%; padding:0 4%; color:#000; font:0.2rem/0.5rem "microsoft yahei";}
.servicen li a:hover{color:#005baa;}
.servicen .fl{ color:#000; width:65%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; float:left; padding-right:10%;}


.case{ position:relative;width:100%; margin-bottom:1%;float:left; margin-top:0%; background-size:100% 100%;}
.case p.name{ margin:5% auto; text-align:center; width:39.21875%;}
.case li{ width:43.75%; margin:0 2% 3% 3%; float:left;}
.case li a{width:100%;  display:block; float:left; text-align:center; position:relative; }
.case li a:hover{ color:ff0000;}
.case li img{width:100%; padding:2px; border:2px solid #bae39b;}
.case li p{width:96%;float:left; line-height:2.5;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;text-align:center; color:#000; font:1.4rem/2.5rem "microsoft yahei";  padding:0 2%; }
.case li:hover{color:ff0000;}
.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;}


.casep{ position:relative;width:100%; margin-bottom:1%;float:left; margin-top:0%; background-size:100% 100%;}
.casep li{ width:43.75%; margin:0 1% 3% 4%; float:left;}
.casep li a{width:100%;  display:block; float:left; text-align:center; position:relative; color:#000}
.casep li a:hover{ color:ff0000;}
.casep li img{width:100%; padding:2px; border:1px solid #ccc;}
.casep li p{width:96%;float:left;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;text-align:center; color:#000; font:0.2rem/0.4rem "microsoft yahei";  padding:0 2%; }


.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%;}

/*view*/
.view_title{text-align:center; width:93.75%; float:left;font-size:0.5rem; color:#111321;margin:3%;}
center img{width:80%;display:block; margin:0 auto 3%}
center{ clear:both;}
.pages{width:100%;margin:0.5em auto; text-align:center; clear:both; margin-bottom:18%;}
.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:#d40000;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:#3a3a3a; 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:#3a3a3a}
.casephone{ display:block; float:left;width:97%; color:#3a3a3a; 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:#ec6f00; text-align:center;font-size:1.3em; line-height:1.3; font-family:Arial, Helvetica, sans-serif;}
.casemore{ font-size:1em; float:left; display:inline; margin:7% 0 0 30%;   border:1px solid #3a3a3a; background:#fff; text-align:center; line-height:20px; color:#3a3a3a; 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:#d40000}



.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 18% 6%;}
.hai_ffra{ float:left; width:100%; text-align:center; margin-bottom:18%;}
.hai_ffra a{ border-radius:5px; background:#d40000; padding:1% 4%; color:#fff; font-size:1em;}

.sub_top{width:100%;height:5.2rem;background:#a6b024;position: relative}
.bg_fff{background:#fff;}
.sub_top_left{display:block;float:left;width:10.9375%;height:5.2rem;font:3.0rem/5.2rem "microsoft yahei";text-align:center;color:#fff}
.sub_top_right{display:block;float:right;width:10.9375%;height:5.2rem;font:3.0rem/5.2rem "microsoft yahei";text-align:center;color:#fff}
.class{display:block;float:right;width:18.9375%;height:3.0rem;font:1.2rem/3.0rem "microsoft yahei";text-align:center;color:#fff}
.class span{font:2.0rem/5.2rem "microsoft yahei";}
.sub_name{width:56%;position: absolute;left:22%;height:5.2rem;overflow:hidden;text-align:center;font:1.8rem/5.2rem "microsoft yahei";color:#fff;}
.class_list{position: absolute;width:59.375%;background:#646464;top:5.2rem;right:0;height:auto;display:none; z-index:999;}
.class_list li{width:100%;height:auto;overflow:hidden;text-indent:7.36%;}
.class_list li p{color:#fff;border-bottom:1px solid #f8f8f8;display:block;font:2.2rem/4rem "microsoft yahei";color:#fff;position: relative}
.class_list li p a{display:block;width:80%;height:4rem;font:1.8rem/4rem "microsoft yahei";color:#fff;}
.class_list li p a:hover{color:#ec6f00;}
.class_list li dl{border-bottom:1px solid #586fb2;display:none}
.class_list li dd a{border-bottom:0;display:block;width:80%;height:4rem;font:2.2rem/4rem "microsoft yahei";color:#fff;}
.class_list li p span{position: absolute;right:7.36%;top:0;transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);display:block;display:block;height:4rem;width:4rem;text-align:center;line-height:4rem;transform-origin:center center;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.class_list li span.on{transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform-origin:bottom center;-moz-transform-origin:bottom center;-webkit-transform-origin:bottom center;transform-origin:bottom center;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}




@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;}
}