body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, html{ margin: 0; padding: 0;}
body, button, input, select, textarea{ font: 12px/1.5 "Microsoft Yahei", "微软雅黑", Arial, "宋体"; -webkit-text-size-adjust: none;}
body{ color: #333; background: #FFF;}
a{ color: #666; text-decoration: none; outline: none;}
a:hover{ text-decoration: none;}
a:hover img{ text-decoration: none;}
a:-moz-focus-inner{ outline: none;}
a:focus{ noFocusLine: expression(this.onFocus=this.blur());}
ul, ol, nav, li, dl, dd, dt, var{ list-style: none;}
em, i, var{ font-style: normal;}
ins{ text-decoration: none;}
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal;}
img{ border: 0;}
button, input, select, textarea{ font-size: 100%;}
input{ outline: none;}
textarea{ outline: none; resize: none;}
table{ width: 100%; border-collapse: collapse; border-spacing: 0;}
.hide{ display: none;}
.clear{ clear: both; height: 0; font-size: 0; overflow: hidden;}
.clearfix{ *zoom: 1;}
.clearfix:after{ clear: both; display: block; height: 0; content: "."; overflow: hidden;}
.red{ color: #F00;}
.fl{ display: inline; float: left;}
.fr{ display: inline; float: right;}
.wbox{ margin: 0 auto; width: 1200px; min-width: 1200px; text-align: left;}
.sbox{ margin: 0 auto; width: 1000px; min-width: 1000px; text-align: left;}
.wside{ display: inline; float: right; width: 300px;}
.wmain{ display: inline; float: left; width: 860px;}
.animate-box{-webkit-transition: all .2s linear;transition: all .2s linear;}
.animate-box:hover{-webkit-box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0);}

/*漂浮提示窗*/

.lb-message--info{ padding-right: 25px; min-width: auto; background-color: rgba(0, 0, 0, .6); border: none;}
.lb-message--info .el-message__icon{ display: none;}
.lb-message--info .el-message__content{ text-align: center; color: #fff; font-size: 15px;}

/*el-button--primary*/

.el-button--primary{background-color: #467cec; border-color: #467cec;}

/*el-pagination*/

.el-pagination{padding: 50px 0 80px; text-align: center;font-weight: normal;}
.el-pagination button, .el-pagination span:not([class*=suffix]){ height: 36px; line-height: 36px;}
.el-pagination.is-background .btn-prev, .el-pagination.is-background .btn-next{ min-width: 36px;}
.el-pager li{ font-size: 14px;}
.el-pager li.btn-quicknext, .el-pager li.btn-quickprev{ line-height: 36px;}
.el-pager li{ padding: 0 16px; height: 36px; line-height: 36px;}
.el-pagination.is-background .el-pager li:not(.disabled).active{ background-color: #467cec;}

/*font-face*/

@font-face {font-family: 'iconfont';src: url('../iconfont/iconfont.eot?v=1.6');src: url('../iconfont/iconfont.eot?v=1.6#iefix') format('embedded-opentype'), url('../iconfont/iconfont.woff?v=1.6') format('woff'), url('../iconfont/iconfont.ttf?v=1.6') format('truetype'), url('../iconfont/iconfont.svg?v=1.6#iconfont') format('svg');}
.iconfont{font-size: 22px;font-style: normal;font-family: "iconfont" !important;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}

/*lawyer-id-tag*/

.lawyer-id-tag{ width: 106px; height: 86px; background-position: 0 0; background-repeat: no-repeat; background-size: 100% 100%; position: absolute; right: 0; top: 0;}
.lawyer-id-tag1{background-image: url(/image/submit_zhuanjia.png);}
.lawyer-id-tag2{background-image: url(/image/submit_gaoji.png);}

/*header*/

.header{ padding: 20px 0 0; width: 100%; background-color: #fff; overflow: hidden; position: relative; z-index: 99;}

/*header-logo*/

.header-logo{ display: inline; float: left; width: 400px; height: 60px; overflow: hidden;}
.header-logo img{ display: block;}

/*top-search*/

.header-search{ display: inline; float: left; margin-top: 12px; margin-left: 100px; width: 520px;overflow: hidden;}
.header-search .con{ padding: 0 86px 0 94px; height: 40px; line-height: 40px; border: 1px solid #F30; position: relative;}
.header-search .con .tits{ margin-top: 10px; width: 78px; height: 20px; line-height: 20px; text-align: center; color: #999; font-size: 14px; border-right: 1px solid #eee; overflow: hidden; position: absolute; left: 0; top: 0;}
.header-search .con .input{ width: 100%; height: inherit;}
.header-search .con .input input{ padding: 10px 0; width: 100%; height: 20px; line-height: 20px; border: 0;}
.header-search .con .btn{ width: 86px; height: inherit;text-align: center; color: #fff; font-size: 15px; background-color: #F30; cursor: pointer; position: absolute; right: 0; top: 0;}
.header-search .con .btn i{ font-size: 16px;}
.header-search .desc{height: 36px; line-height: 36px;font-size: 12px;}
.header-search .desc a{ margin-right: 10px; color: #999;}

/*header-consult*/

.header-consult{ display: inline; float: right;margin-top: 12px; width: 220px; height: 42px;}
.header-consult span{ display: block; float: left; margin-right: 10px; width: 110px; line-height: 42px; text-align: center; color: #fff; font-size: 15px; background-color: #F80;cursor: pointer;-webkit-transition: .4s;transition: .4s; cursor: pointer;}
.header-consult span:hover{color: #fff; background-color: #f30;box-shadow: 0 4px 12px 0 rgba(255, 51, 0, .3);}
.header-consult p{ line-height: 20px; color: #999;}
.header-consult em{color: #F30;}

/*info*/

.info{ width: 100%; height: 34px; line-height: 34px;color: #767882; font-size: 13px;background-color: #f2f2f2; position: relative;}
.info a{display: block; padding: 0 5px; color: #767882;}
.info i{color: #999;font-size: 16px;}
.info li{ display: inline; float: left;margin: 0 5px;}
.info .infol a:hover{ color: #fff; background-color: #f30;}
.infor ._cell{ display: inline; float: left; margin: 0 5px; cursor: pointer; position: relative; z-index: 100;}
.infor .__qrcode{ padding: 5px; width: 120px; height: 120px; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); position: absolute; top: 34px; left: -22px;}
.infor .__qrcode img{ display: block; width: 100%; height: 100%;}

/*float-order*/

.float-order{ width: 64px; height: 64px; line-height: 64px; text-align: center; color: #fff; font-size: 20px; background: #467cec; border-radius: 50%; animation: float-order-animate 3s linear infinite; position: fixed; bottom: 70px; right: 50px; z-index: 99; cursor: pointer; overflow: hidden;}
.float-order span{ display: block; padding: 14px 15px 0; line-height: 18px; text-align: center; color: #fff; font-size: 15px; font-weight: bold;}
.float-order i{color: #fff;font-size: 32px;}
@keyframes float-order-animate{ 0%{ box-shadow: 0 0 0 0 rgba(70, 124, 236, 0.7), 0 0 0 0 rgba(112, 156, 247, 0.7);}
	40%{ box-shadow: 0 0 0 50px rgba(70, 124, 236, 0), 0 0 0 0 rgba(112, 156, 247, 0.7);}
	80%{ box-shadow: 0 0 0 50px rgba(70, 124, 236, 0), 0 0 0 30px rgba(112, 156, 247, 0);}
	100%{ box-shadow: 0 0 0 0 rgba(70, 124, 236, 0), 0 0 0 30px rgba(112, 156, 247, 0);}
	}

/*footer-slogo*/

.footer-slogo{ padding: 40px 0; text-align: center; color: #5e6d82; font-size: 30px; font-family: "Segoe UI Light", "Segoe UI", "Microsoft Jhenghei", "Microsoft Yahei";}
.footer-slogo em{ color: #f30;}

/*footer-count*/

.footer-count{ padding: 0 60px;}
.footer-count li{ display: inline-block; float: left; width: 33.33%; text-align: center;}
.footer-count li span{ color: #5e6d82; font-size: 16px;}
.footer-count li p{ color: #333; font-size: 34px; font-weight: bold;}

/*footer-special*/

.footer-special{ padding: 50px 20px;height: 48px;}
.footer-special li{ display: inline-block; float: left; height: 48px; background-position: 0 center; background-repeat: no-repeat;}
.footer-special li .con{ padding-left: 54px;}
.footer-special li span{ display: block; line-height: 28px; color: #333; font-size: 16px;}
.footer-special li p{ color: #8492a6; font-size: 14px;}
.footer-special .li1{ width: 28%; background-image: url(../image/spe1.png);}
.footer-special .li2{ width: 26%; background-image: url(../image/spe2.png);}
.footer-special .li3{ width: 26%; background-image: url(../image/spe3.png);}
.footer-special .li4{ width: 20%; background-image: url(../image/spe4.png);}

/*footer*/

.footer{ padding-top: 30px; width: 100%;color: #767882; font-size: 13px;background-color: #131520;}
.footer a{color: #73768c;}
.footer a:hover{ color: #fbfbfb;}

/*footer-nav*/

.footer-nav{display: inline-block; float: left; width: 900px;}
.footer-nav dl{ display: inline-block; float: left; width: 210px;}
.footer-nav dt{ line-height: 50px; color: #fbfbfb; font-size: 16px;}
.footer-nav dd{ line-height: 30px;}

/*footer-contact*/

.footer-contact{ display: inline-block; float: right; width: 240px; text-align: center;}
.footer-contact .tel-400 {}
.footer-contact .tel-400 span{ line-height: 50px; color: #fbfbfb; font-size: 28px;}
.footer-contact .tel-400 p {}
.footer-contact .qrcode{ padding-top: 25px;}
.footer-contact .qrcode img{ display: block; margin: 0 auto; width: 90px; height: 90px;}
.footer-contact .qrcode span{ display: block; line-height: 40px;color: #fbfbfb; font-size: 14px;}

/*footer-partner*/

.footer-partner{ margin-top: 40px; padding: 15px 0; width: 100%; height: 60px; line-height: 60px; color: #767882; font-size: 16px;border-top: 1px solid #24252f;position: relative;}
.footer-partner .tits{ width: 80px; height: inherit; position: absolute; left: 0; top: 15px; overflow: hidden;}
.footer-partner ul{ display: block; padding-left: 80px;}
.footer-partner li{ display: inline-block; float: left; height: 60px; background-image: url(../image/footer-partner.png?19070501); background-repeat: no-repeat; background-position: 0 0; overflow: hidden;}
.footer-partner .li1{ width: 100px; background-position: 0 0;}
.footer-partner .li2{ margin-left: 15px; width: 160px; background-position: -100px 0;}
.footer-partner .li1:hover{background-position: 0 -60px;}
.footer-partner .li2:hover{background-position: -100px -60px;}

/*footer-copyright*/

.footer-copyright{ line-height: 60px; border-top: 1px solid #24252f;}