/*index-title*/

.index-title{padding: 20px 0; height: 36px; line-height: 36px;}
.index-title span{color: #333; font-size: 24px;}
.index-title .more{ display: inline-block; float: right; line-height: 46px; color: #467cec; font-size: 13px;}
.index-title .more i{font-size: 14px;}

/*index-banner*/

.index-banner{ width: 100%; height: 460px; background: url(../image/index_banner.png) center center no-repeat; background-size: cover;}
.index-banner .wbox{position: relative;}

/*index-consult*/

.index-consult{ width: 640px; height: 360px; border-radius: 5px; position: absolute; left: 0; top: 50px;}
.index-consult-tab{ height: 60px;}
.index-consult-tab li{ display: inline-block; float: left; width: 20%; height: 60px; text-align: center; color: #fff;background-color: #f50; cursor: pointer; overflow: hidden;}
.index-consult-tab li span{ display: block; padding-top: 10px; font-size: 15px;}
.index-consult-tab li.current{color: #222; background-color: rgba(255, 255, 255, .94);}
.index-consult-form{ height: 300px; background-color: rgba(255, 255, 255, .94); position: relative;}
.index-consult-form ._tips{padding: 0 20px; line-height: 50px; font-size: 14px;}
.index-consult-form ._input{ padding: 0 20px;}
.index-consult-form ._textarea{ padding: 0 20px;}
.index-consult-form ._textarea textarea{ height: 170px;}
.index-consult-form ._select{ margin-top: 15px;padding: 0 20px; height: 40px; position: relative;}
.index-consult-form ._select .el-select{ margin-right: 10px;}
.index-consult-form ._lawcat{ padding: 0 20px; height: 130px;}
.index-consult-form ._lawcat .__tit{ padding-top: 10px; line-height: 36px; color: #999;}
.index-consult-form ._lawcat ul{ display: block; height: 120px; overflow: hidden;}
.index-consult-form ._lawcat li{ display: inline-block; float: left;margin: 0 12px 10px 0; padding: 0 18px; height: 30px; line-height: 30px; background-color: #fff; border: 1px solid #DDD; cursor: pointer;}
.index-consult-form ._lawcat li.current{ color: #F50; border-color: #F50;}
.index-consult-form ._lawcat .__more{ padding-left: 0; color: #467cec; border: none; background: none;}
.index-consult-form ._lawcat .more{ width: 60px;height: 26px; line-height: 26px; text-align: right; color: #666;overflow: hidden;position: absolute; right: 0; top: 44px; z-index: 2;cursor: pointer;}
.index-consult-form ._lawcat_more{ height: 300px; background-color: rgba(255, 255, 255); position: absolute; left: 0; top: 0; z-index: 2; overflow: auto;}
.index-consult-form ._lawcat_more ul{ height: auto;}
.index-consult-form ._btn{ width: 120px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; background-color: #f50; border-radius: 2px; cursor: pointer; position: absolute; top: 0; right: 20px;}

/*index-banner-icon*/

.index-banner-icon{ width: 450px; height: 460px; background: url(../image/index_banner_icon.png) right center no-repeat; overflow: hidden; position: absolute; right: 0; top: 0;}

/*iadlawyer-list1*/

.iadlawyer-list1{ margin: 0 auto; width: 1230px; min-width: 1240px;}
.iadlawyer-list1 li{ display: inline-block; float: left; width: 33.33%;}
.iadlawyer-list1 .con{ display: block; margin: 0 20px; padding: 30px 20px; font-size: 13px; background-color: #fff;border-top: 1px solid #f50; border-radius: 5px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.08); overflow: hidden; position: relative;}
.iadlawyer-list1 .icon{ width: 130px; height: 130px; position: absolute; top: 30px; left: 20px;}
.iadlawyer-list1 .icon img{ display: block;width: 100%; height: 100%;}
.iadlawyer-list1 .desc{ padding: 0 0 0 150px; height: 130px; line-height: 20px;}
.iadlawyer-list1 .desc ._name{ color: #f50; font-size: 18px;}
.iadlawyer-list1 .desc ._lawfirm{ padding: 8px 0 2px; color: #999; font-size: 12px;}
.iadlawyer-list1 .desc ._info{ color: #999; font-size: 12px;}
.iadlawyer-list1 .lawcat{ padding: 25px 0 15px; height: 30px; line-height: 30px; text-align: center; color: #333; font-size: 15px; font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.iadlawyer-list1 .honor{ height: 100px; line-height: 25px; color: #666; overflow: hidden;}
.iadlawyer-list1 .btn{ margin-top: 25px; height: 38px; line-height: 38px; text-align: center; color: #8492a6; font-size: 14px; background-color: #F8F8F8; border-radius: 3px; cursor: pointer;-webkit-transition: all .2s linear;transition: all .2s linear;}
.iadlawyer-list1 li:hover .con{ box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);}
.iadlawyer-list1 li:hover .btn{color: #fff;background-color: #f50;box-shadow: 0 6px 16px 0 rgba(255, 51, 0, .3);}

/*iadlawyer-list2*/

.iadlawyer-list2{ margin: 0 auto; width: 1230px; min-width: 1240px;}
.iadlawyer-list2 li{ display: inline-block; float: left; width: 25%;}
.iadlawyer-list2 .con{ display: block; margin: 0 20px 30px; padding: 20px; font-size: 13px; background-color: #fff; border-radius: 5px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.08); overflow: hidden;}
.iadlawyer-list2 .icon{ margin: 15px auto 0; width: 120px; height: 120px; border-radius: 50%; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);overflow: hidden;}
.iadlawyer-list2 .icon img{ display: block;width: 100%; height: 100%;}
.iadlawyer-list2 .desc{text-align: center; overflow: hidden;}
.iadlawyer-list2 .desc .name{ padding: 15px 0 10px; color: #f50; font-size: 18px;}
.iadlawyer-list2 .desc .area, .iadlawyer-list2 .desc .lawcat{height: 25px;line-height: 25px; color: #999; font-size: 13px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.iadlawyer-list2 .count{ padding-top: 16px;}
.iadlawyer-list2 .count .cell{ display: inline-block; float: left; width: 33.33%; line-height: 28px; text-align: center; font-size: 13px;}
.iadlawyer-list2 .count .cell span{ color: #8492a6;}
.iadlawyer-list2 .count .cell p{ height: 28px; color: #333; font-size: 16px;}
.iadlawyer-list2 .btn{ margin-top: 20px; height: 38px; line-height: 38px; text-align: center; color: #8492a6; font-size: 14px; background-color: #F8F8F8; border-radius: 3px; cursor: pointer;-webkit-transition: all .2s linear;transition: all .2s linear;}
.iadlawyer-list2 li:hover .con{ box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);}
.iadlawyer-list2 li:hover .btn{color: #fff;background-color: #f50;box-shadow: 0 6px 16px 0 rgba(255, 51, 0, .3);}

/*index-case-gift*/

.index-case-gift{ margin: 20px 0; padding: 50px 0; background-color: #f6f6f6;}
.index-case-gift .wmain{ width: 784px;}
.index-case-gift .wside{ width: 374px;}

/*index-case*/

.index-case{ padding: 10px 0; height: 500px; background-color: #fff; overflow: hidden;}
.index-case li{ margin: 0 20px; padding: 20px 0; font-size: 14px; border-bottom: 1px solid #f0f0f0; overflow: hidden;}
.index-case .desc{ display: block;height: 24px; line-height: 24px;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.index-case .desc i{ display: inline-block; float: left; margin-right: 8px; width: 24px; height: 24px; line-height: 24px; text-align: center; color: #fff; background-color: #03da6b; border-radius: 50%; overflow: hidden;}
.index-case .desc span{color: #222; font-size: 14px;}
.index-case .note{ display: block; padding-top: 10px; line-height: 24px; color: #999; font-size: 13px;}
.index-case .note a{color: #999;}
.index-case .note i{ margin-right: 6px; color: #ccc; font-size: 16px;}
.index-case .note span{ display: inline-block; float: left; overflow: hidden;}
.index-case .note .sp0{width: 260px;}
.index-case .note .sp0 img{ display: block; float: left; margin-right: 4px; width: 24px; height: 24px; border-radius: 50%;}
.index-case .note .sp1{width: 150px;}
.index-case .note .sp2{width: 150px;}
.index-case .note .sp3{width: 160px;}
.index-case .note em{ color: #5e6d82;}
.index-case .law{ display: block; margin-top: 8px; line-height: 24px; color: #999; font-size: 14px;}
.index-case .law img{ display: block; float: left; margin-right: 6px; width: 24px; height: 24px; border-radius: 50%;}
.index-case .law em{ color: #f30;}

/*index-gift*/

.index-gift{padding: 10px 0; height: 660px; background-color: #fff;overflow: hidden;}
.index-gift ul{ display: block; padding-top: 8px;}
.index-gift li{ padding: 28px 20px 0 84px; min-height: 44px; font-size: 13px; position: relative;}
.index-gift a{color: #467cec;}
.index-gift .icon{ display: block; margin-right: 12px; width: 44px; height: 44px; border-radius: 40%; background-color: #fdd; overflow: hidden; position: absolute; left: 20px; top: 30px;}
.index-gift .icon i{ display: block; width: 44px; height: 44px; line-height: 46px; text-align: center; color: #f55; font-size: 28px;}
.index-gift .tits{ line-height: 24px;}
.index-gift .time{ height: 20px; line-height: 20px; color: #8492a6;}

/*index-service*/

.index-service{padding: 10px 0; height: 500px; background-color: #fff;overflow: hidden; position: relative;}
.index-service ul{ display: block; width: 100%; position: absolute; top: 0; left: 0;}
.index-service ul.ulcurrent{ transition: all 0.5s; margin-top: -51px;}
.index-service li{ margin: 0 10px; height: 50px; line-height: 50px; font-size: 13px; border-bottom: 1px solid #f0f0f0; text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.index-service li em{ color: #999;}

/*el-carousel__item*/

.el-carousel__item:nth-child(2n){ background-color: #99a9bf;}
.el-carousel__item:nth-child(2n + 1){ background-color: #d3dce6;}

/*index-latest*/

.index-latest{ padding: 20px 0 60px; font-size: 13px;}
.index-latest-title{ padding: 30px 0 40px; height: 50px; line-height: 50px; text-align: center; color: #444; font-size: 32px; overflow: hidden; position: relative;}
.index-latest-title ._line{ width: 100%; height: 20px; border-bottom: 1px solid #ccc; position: absolute; top: 50%; left: 0; z-index: -1; margin-top: -20px;}
.index-latest-title i{color: #ccc; font-size: 32px; background-color: #fff;}
.index-latest-title span{ padding: 0 15px; background-color: #fff;}
.index-latest-left{ display: inline-block; float: left; width: 380px;}
.index-latest-middle{display: inline-block; float: left; margin-left: 40px; width: 450px;}
.index-latest-right{display: inline-block; float: right; width: 290px;}
.index-latest-more{ margin-top: 10px; height: 24px; line-height: 24px; text-align: center; font-size: 12px; background-color: #f2f2f2;}
.index-latest-more a{ display: block;}

/*index-latest-left*/

.index-latest-elite {}

.index-latest-elite li{ padding-top: 4px; height: 32px; line-height: 32px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-latest-elite li i{ color: #888;}
.index-latest-elite li span{color: #000;}
.index-latest-elite li._elite{ padding: 0 0 18px;height: auto; white-space: normal;}
.index-latest-elite li._elite .tits{ padding-bottom: 10px; height: 23px; line-height: 23px; color: #f30; font-size: 16px; font-weight: bold; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-latest-elite li._elite em{ display: inline-block; float: left; margin-right: 10px; width: 40px; height: 23px; line-height: 23px; text-align: center; color: #FFF; font-size: 13px; background-color: #f30; position: relative;}
.index-latest-elite li._elite em i{ display: block; width: 0px; height: 0; border-color: transparent transparent transparent #f30; border-width: 4px 0 4px 4px; border-style: dashed dashed dashed solid; position: absolute; right: -4px; top: 7px; overflow: hidden;}
.index-latest-elite li._elite span{color: #f30; font-size: 16px; font-weight: bold;}
.index-latest-elite li._elite .note{ padding: 8px 4px 8px 12px; color: #888; border: 1px solid #ddd;}
.index-latest-elite li._elite p{height: 66px; line-height: 22px; overflow: hidden;}
.index-latest-pics {}

.index-latest-pics li{ margin-top: 15px; padding: 0 0 0 140px; height: 80px; position: relative;}
.index-latest-pics li .pic{ width: 120px; height: 80px; background-color: #ccc; position: absolute; left: 0; top: 0;}
.index-latest-pics li .pic img{ display: block; width: 100%; height: 100%;}
.index-latest-pics li .desc{line-height: 20px;}
.index-latest-pics li .desc span{ display: block; padding-top: 4px; height: 20px; color: #333; font-size: 16px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-latest-pics li .desc p{ margin-top: 10px; height: 40px; color: #999; overflow: hidden;}

/*index-latest-middle*/

.index-latest-focus{ width: 450px; height: 280px; background-color: #ccc;}
.index-latest-list {}

.index-latest-list li{ height: 38px; line-height: 38px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-latest-list li a{ color: #222;}
.index-latest-list li em{ margin-left: 20px; float: right;}
.index-latest-list li i{ color: #999;}
.index-latest-list li._focus{ margin: 0; padding: 0 0 16px; width: 450px; height: 280px; position: relative;}
.index-latest-list li._focus .pic{ width: 450px; height: 280px; background-color: #ccc;}
.index-latest-list li._focus .pic img{ display: block; width: 100%; height: 100%;}
.index-latest-list li._focus .tits{ display: block; padding: 0 3%; width: 94%; height: 36px; line-height: 36px; color: #fff; font-size: 15px; background-color: rgba(0, 0, 0, .7); overflow: hidden; text-overflow: ellipsis;white-space: nowrap; position: absolute; left: 0; bottom: 16px;}

/*index-latest-right*/

.index-latest-tool-title{ padding-bottom: 4px; line-height: 40px; color: #999; font-size: 16px; font-weight: bold; border-bottom: 2px solid #eee;}
.index-latest-tool {}

.index-latest-tool li{ margin-top: 16px; padding-left: 72px; height: 72px; background-color: #f2f2f2; cursor: pointer; position: relative;}
.index-latest-tool li .icon{ width: 72px; height: 72px; line-height: 72px; text-align: center; position: absolute; left: 0; top: 0;}
.index-latest-tool li .icon i{ color: #5064ff; font-size: 26px;}
.index-latest-tool li .desc {}

.index-latest-tool li .desc span{ display: block; padding: 8px 0 2px; color: #333; font-size: 16px;}
.index-latest-tool li .desc p{ color: #999;}
.index-latest-qrcode{ margin-top: 36px; padding: 15px 15px 15px 140px; height: 130px; color: #fff; background-color: #5064ff; position: relative;}
.index-latest-qrcode .icon{ width: 110px; height: 130px; text-align: center; position: absolute; top: 15px; left: 15px;}
.index-latest-qrcode .icon img{ display: block; width: 110px; height: 110px;}
.index-latest-qrcode .icon span{ display: block; line-height: 30px;}
.index-latest-qrcode .desc{ padding-top: 25px; line-height: 28px; font-size: 15px;}