@charset "utf-8";

/* CSS Document */

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}

body { line-height: 1.5; font-family:"微软雅黑", Helvetica, Arial, sans-serif; max-width: 640px; margin: 0 auto; background-color:#fff; padding: 1.29rem 0 1.10rem;}

*{ margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }

img { border: 0; display: block;}

a { text-decoration: none; display:block;}

i, em { font-style: normal; }

li { list-style: none; vertical-align: bottom;}

.disable { display: none; }

.fl { float: left; }

.fr { float: right; }

.t-r { text-align: right; }

.clearfix:after { content: ""; height: 0; display: block; clear: both; visibility: hidden; }

* html .clearfix { height: 1%; }

* +html .clearfix { height: 1%; }

.clearfix { display: block; clear: both; }

input, textarea { outline: none; resize: none; }

input[type="button"] { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; }

select { height: 22px; line-height: 18px; padding: 2px 0; outline: none; }

.m_cell_hd, .m_cell_ft { display: table-cell; vertical-align: middle; word-wrap: break-word; word-break: break-all; white-space: nowrap; overflow: hidden;}

.m_cell_primary { width: 2000px; white-space: normal;}



.wrapper{ max-width: 640px; margin: 0 auto; box-sizing: border-box;}

@media only screen and (max-width: 640px) {

	.wrapper{ width: 100%;}

}



/*头部*/

.header{ position:fixed; left: 0; top: 0; right: 0; height: 1.29rem; background-color: #fff; z-index: 9;}

.header .wrapper{ position: relative; padding: 0.08rem 0.20rem;}

.logo{ float:left; padding-top: 0.11rem; width: 1.48rem; height: 1.11rem; background-color: #4771ea; box-sizing: border-box; overflow: hidden;}

.logo img{ width: 1.26rem; margin: 0 auto;}

.header b{ float:left; margin-top: 0.32rem; padding: 0 0.25rem 0 0.09rem; font-size: 0.24rem; color: #fff; background-color: #4771ea; border-radius: 0 0.25rem 0.25rem 0; overflow: hidden; line-height: 0.50rem; height: 0.50rem; font-weight: 400;}

.menus{ position:absolute; right: 0.20rem; top: 0.35rem; text-align: center; font-size: 0.24rem; color: #4771ea; line-height: 0.35rem;}

.menus img{ width: 0.46rem; margin: 0 auto;}



/* .menus_list{ display:none; position: fixed; left: 0; right: 0; top: 1.29rem; background-color: #fff; z-index: 9;}

.menus_list a{ display: block; font-size: 0.30rem; border-bottom: 1px #4771ea solid; color: #4771ea; line-height: 0.55rem; padding: 0 0.15rem;}

.menus_list div{ display:none; padding-left: 0.30rem; background-color: #4771ea;}

.menus_list div a{ font-size: 0.28rem; color: #fff; border-bottom: 1px #fff solid;}

.menus_list div a:last-child{ border-bottom: none;}

.menus_list li.on div{ display:block;} */



.menus_list{ display:none; position: fixed; width: 2.50rem; text-align: center; right: 0; top: 1.29rem; bottom: 1.10rem; background-color: #fff; z-index: 9;}

.menus_list a{ display: block; font-size: 0.30rem; border-bottom: 1px #4771ea solid; color: #4771ea; line-height: 0.60rem;}

.menus_list div{ display:none; background-color: #4771ea;}

.menus_list div a{ font-size: 0.28rem; color: #fff; border-bottom: 1px #fff solid;}

.menus_list div a:last-child{ border-bottom: none;}

.menus_list li.on div{ display:block;}

.menus_list a i{ display: inline-block; width: 0; height: 0; margin-left: 4px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent;}





/*banner*/

.banner{ width: 100%; position: relative; overflow: hidden;}

.banner .bd img{ width: 100%;}



/*关于我们*/

.title{ text-align: center; padding: 0.15rem 0 0.10rem;}

.title h2{ display: block; text-align: center; font-size: 0.34rem; color: #000; line-height: 0.55rem;}

.title h2 i{ color:#4771ea;}

.title p{ font-size: 0.11rem; text-transform: uppercase; background: url(../images/img_01.png) no-repeat center center; line-height: 0.45rem;}

.title p i{ transform:scale(0.85); display:inline-block; vertical-align: top; color: #b2b2b2;}



.about_link{ height: 0.71rem; overflow: hidden;}

.about_link img{ width: 1.99rem; height: 0.71rem;}

.about_link a.fl{ margin-right:0.21rem;}



.index_about_con{ position: relative; margin-top: 0.17rem; padding: 0.14rem 0.19rem 0.12rem 2.30rem; background-color: #ebebeb; overflow: hidden;}

.index_about_con .img{ position: absolute; left: 0.08rem; bottom: 0; width: 2.14rem;}

.index_about_con div img{ float:right; width: 1.6rem;}

.index_about_con p{ padding-top: 0.05rem; font-size: 0.26rem; color: #2f2f2f; line-height: 0.45rem; height: 2.25rem; overflow: hidden; text-indent: 2em;}

.index_about_con a{ float:right; text-align: center; width: 1.50rem; height: 0.40rem; line-height: 0.40rem; color: #fff; font-size: 0.26rem; background-color: #4771ea;}



/*成功案例*/

.index_case{ padding: 0 0.25rem 0.01rem; background:url(../images/img_04.jpg) no-repeat center top; background-size: 100% 100%;}

.index_case .title p{ color:#fff;}

.case{ margin-bottom: 0.68rem; background-color: #fff; position: relative; padding: 0.10rem 0.17rem 0.40rem;}

.case h4{ display:block; font-size: 0.30rem; color: #000; line-height: 0.65rem; height: 0.65rem;}

.case h4 img{ display:inline-block; vertical-align: middle; height: 0.34rem; margin-right: 0.10rem; margin-bottom: 2px;}

.case ul a{ display:block; position: relative; font-size: 0.26rem; color: #2f2f2f; line-height: 0.45rem; padding-right: 0.95rem;}

.case ul a i{ position: absolute; right: 0; top: 0; color: #de8300;}

.case .more{ position:absolute; left: 50%; margin-left: -0.80rem; bottom: -0.23rem; width: 1.80rem; height: 0.46rem; line-height: 0.46rem; border-radius: 0.23rem; background-color: #4771ea; font-size: 0.24rem; color: #fff; text-align: center;}



/*原因*/

.why{ margin-top: 0.15rem;}

.why li{ float:left; width: 2.0rem; margin-right: 0.20rem;}

.why li:last-child{ margin-right: 0;}

.why img{ width: 100%;}



/*业务动态*/

.index_news{ padding-top: 0.15rem;}

.index_news .list{ position: relative; padding: 0 0.09rem 0.35rem;}

.index_news .list li{ margin-bottom: 0.30rem;}

.index_news .list img{ width: 2.99rem; height: 2.08rem; margin-right: 0.30rem;}

.index_news .list h4{ display:block; font-size: 0.28rem; color: #000; font-weight: 600; line-height: 0.60rem; height: 0.60rem; overflow: hidden;}

.index_news .list p{ font-size: 0.24rem; color: #2f2f2f; line-height: 0.32rem; height: 0.96rem; overflow: hidden;}

.index_news .list i{ display:block; margin-bottom: 0..05rem; width: 1.04rem; height: 0.37rem; padding-left: 0.08rem; text-align: center; font-size: 0.25rem; color: #fff; background-image: url(../images/img_07.png); background-size: 100% 100%;}

.index_news .more{ position:absolute; right: 0.15rem; bottom: 0.20rem; font-size: 0.27rem; color: #2f2f2f;}



/*底部*/

.footer{ position: fixed; left: 0; bottom: 0; right: 0; height: 1.08rem; background-color: #355fd8; border-top: 0.02rem #e1e1e1 solid;}

.footer li{ float:left; width: 25%; height: 1.08rem; position:relative;}

.footer li > a{ height: 1.08rem; overflow: hidden; font-size: 0.25rem; text-align: center; color: #fff; line-height: 0.48rem; border-right: 1px #fff solid;}

.footer li:last-child > a{ border-right:none;}

.footer i{ display:block; height: 0.60rem; background-position: center bottom; background-repeat: no-repeat; background-size:  auto 0.45rem;}

.footer .f_01{ background-image:url(../images/img_08.png);}

.footer .f_02{ background-image:url(../images/img_09.png);}

.footer .f_03{ background-image:url(../images/img_10.png);}

.footer .f_04{ background-image:url(../images/img_11.png);}

.footer div{ display:none; position:absolute; left: 0; bottom: 1.08rem; right: 0; border: 0.03rem #4771ea solid; background-color: #e2e2e2; text-align: center;}

.footer div a{ display:block; font-size: 0.28rem; color: #4771ea; line-height: 0.69rem; height: auto; border-bottom: 1px #4771ea solid;}

.footer a:hover,.footer a.on{ background-color:#4771ea;}

.footer div a:hover{ color: #ffc97d;}

.footer li:hover div{ display:block;}



/*分页*/

.page{ line-height: 0; font-size: 0; text-align: center; padding-bottom: 0.35rem;}

.page a,.page i{ display:inline-block; vertical-align: top; margin: 0 0.07rem; padding: 0 0.18rem; font-size: 0.27rem; color: #4d4d4d; height: 0.50rem; line-height: 0.50rem; overflow: hidden;}

.page a{ background-color:#e7e7e7;}

.page a:hover,.page a.on{ color:#fff; background-color: #6a8cec;}



/*律师列表*/

.lawyer_list{ padding: 0.25rem 0 0.10rem;}

.lawyer_list ul{ padding: 0.25rem 0.25rem 0;}

.lawyer_list h2,.detial h2,.contact h2{ display:block; position: relative; text-align: center; font-size: 0.34rem; color: #000; line-height: 0.65rem; border-bottom: 1px #e7e7e7 solid;}

.lawyer_list h2 i,.detial h2 i,.contact h2 i{ position:absolute; left: 50%; margin-left: -0.77rem; bottom: -1px; width: 1.44rem; height: 0.05rem; background-color: #4771ea;}

.lawyer_list li{ background-color: #f3f3f3; margin-bottom: 0.30rem;}

.lawyer_list img{ width: 1.90rem; height: 2.25rem;}

.lawyer_list div div{ height: 2.21rem; border: 0.02rem #cecece solid; padding: 0 0.14rem 0 0.22rem; overflow: hidden;}

.lawyer_list h4{ display:block; font-size: 0.28rem; color: #1365e3; font-weight: 400; line-height: 0.45rem; height: 0.45rem; padding-top: 0.05rem; overflow: hidden;}

.lawyer_list p{ font-size: 0.24rem; color: #4d4d4d; line-height: 0.32rem; height: 1.28rem; overflow: hidden;}

.lawyer_list div i{ float:right; font-size: 0.24rem; color: #ff8400; text-transform: uppercase; line-height: 0.30rem; padding-top: 0.05rem;}



/*介绍*/

.detial,.contact{ padding-top: 0.15rem;}

.detial .title{ border-bottom: 0.02rem #6a8cec solid; text-align: center; padding: 0.10rem 0.30rem 0.05rem;}

.detial .title h1{ display:block; font-size: 0.31rem; color: #4771ea; font-weight: 400; line-height: 0.50rem;}

.detial .con{ padding: 0.35rem 0.30rem;}

.detial .con img{ margin: 0 auto 0.20rem; width: 2.55rem;}

.detial .con p{ font-size: 0.25rem; color: #000; line-height: 0.48rem; text-indent: 2em;}

.detial .con { font-size: 0.25rem; color: #000; line-height: 0.48rem; text-indent: 2em;}



/*联系我们*/

.map img{ width: 100%;}

.contact_con{ height: 5.11rem; background: url(../images/img_11.jpg) no-repeat 0 0; background-size: 100% 100%; margin-top: 0.21rem;}

.contact_con h3{ display:block; text-align: center; color: #fff; font-size: 0.28rem; line-height: 0.75rem; padding-top: 0.20rem;}

.contact_con p{ margin-left: 0.80rem; padding-left: 0.55rem; margin-bottom: 0.15rem; position: relative; font-size: 0.22rem; color: #fff; line-height: 0.30rem;}

.contact_con p b{ display:block; font-size: 0.26rem;}

.contact_con img{ position:absolute; left: 0; top: 0.10rem; width: 0.46rem;}