﻿/* CSS Document */
body{padding-top:1.16rem;}
body,p{ color:#444;}
a{color:#ad601d;}
a:active{color:#8d4506;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel {width: calc(100% + 30px); }
nav{position:fixed;width:100%;top:1.16rem;left:0;z-index:99;overflow:hidden;background:rgba(255,255,255,0.98);height:0;transition:all .3s ease-in; box-shadow:0 0 .2rem rgba(0,0,0,.4);border-left:.01rem solid white;border-right:.01rem solid white;}
nav ul{padding:.2rem;}
nav ul li{border-bottom:.02rem solid #eee;width: 50%;text-align: center;float: left;}
nav ul li a{line-height:.6rem;color:#ad601d;font-size:.3rem;display:block;padding:.2rem .2rem .1rem;}
nav ul li.hover{background:#ad601d;}
nav ul li.hover a{color:#fff;}
.full-mask{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,.2);z-index:98;display:none;}
.blur-box{transition:all .1s ease-in;}

header{position:fixed;width:100%;top:0;left:0;z-index:100;background:rgba(255,255,255,1);height:1.16rem;padding:.18rem;border-bottom:.04rem solid #c28856; box-sizing:border-box;}
header .logo{float:left;}
header .logo img{height:.80rem;}
header .header-nav{float:right;}
header .header-nav img{width:.46rem;height:.46rem;margin-bottom:.08rem;}
header .header-nav li{float:left;width:.80rem;line-height:.24rem;font-size:.24rem;text-align:center;color:#ad601d;}
.banner{height:4.5rem;padding-top:0.22rem;background-repeat:no-repeat;background-size:100% 100%;position:relative;/*background-image:url(20170911230537_216.jpg);*/}
.banner-tel{width:6rem;position:absolute;bottom:.40rem;left:.70rem;color:#ad601d;font-weight:bold;background:#fffdd3;font-size:.40rem;line-height:.66rem; border-radius:.66rem;text-align:center;}
.banner-nav{overflow:hidden;width:7.20rem;margin:0 auto;}
.banner-nav li{float:left;width:1.2rem;height:1.2rem; margin:.12rem;padding-top: 0.09rem;padding-bottom: 0.15rem;border-radius:.08rem;background:rgba(0,0,0,.7);font-size:.26rem; line-height:.30rem;text-align:center;}
.banner-nav li a{color:white;}
.banner-nav li img{width:.70rem;height:.70rem;margin-bottom:.0rem;}
.banner-nav li a span{display:block;font-size: 80%;}
.banner-nav li.hover{/*background:rgba(0,0,0,.1);*/ background: #AD601D;box-shadow:0 0 .20rem rgba(255,255,255,.3);}

.panel{}
.panel .panel-head{position:relative;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;background:#f5f5f5;text-align:center;padding:.20rem;}
.panel .panel-head h2:before{content:"";position:absolute;width:1.16rem;height:.04rem;background:#bf8553;left:3.18rem;bottom:-.01rem;}
.panel .panel-head h2{background: url(345.png) no-repeat 0 0;background-size: 100% 100%;font-size:.38rem;color:#ad601d;font-weight:bold;line-height:.70rem;}
.panel .panel-head h3{font-size:.26rem;color:#333;line-height:.40rem;font-weight:normal;padding-right: 0.4rem;padding-left: 0.4rem;}
.panel .panel-head ul{overflow:hidden;padding:.08rem 0 .04rem;}
.panel .panel-head ul li{float:left;width:32%;margin:.1rem 0;background:#dfdfdf;overflow:hidden;border-radius:.06rem;margin-right:2%;text-overflow:ellipsis;}
.panel .panel-head ul li:nth-child(3n){margin-right:0;}
.panel .panel-head ul li.hover a{background:#ad601d;color:#fff;}
.panel .panel-head ul li a{display:block;padding-top:.04rem;line-height:.8rem;font-size:.26rem;}
.panel .panel-head ul li.two{width:48%;margin-right:2%;}
.panel .panel-head ul li.two:nth-child(2n){margin-right:0;}

.panel .panel-body{padding:.34rem;padding-top: 0.14rem;font-size:.26rem;line-height:.44rem; text-align:justify;}
.panel .panel-body .more a{margin:.40rem auto 0;color:#ad601d;font-size:.30rem;text-align:center;border-radius:.08rem;background:#eeeeee;display:block;width:2.44rem;line-height:.58rem;}
.panel .panel-body .btn-ask{text-align:center;margin:.30rem auto .10rem}
.panel .panel-body .btn-ask a{display:block;}
.panel .panel-body .btn-ask a img{width:.4.90rem;height:.74rem;}

.panel .panel-body .panel-content p{line-height:.48rem;}
.panel .panel-body .panel-content p a{color:#ad601d;}

.panel-content-pages-num{text-align:center;padding:.2rem 0;}
.panel-content-pages-num span{display:inline-block;margin:0 .2rem;}
.panel-content-pages-num span.active{color:#C00;font-weight:bold;}

.panel-content-pages{overflow:hidden;padding-top:.2rem;display:flex;}
.panel-content-pages span{flex:1;}
.panel-content-pages span a{display:block;width:90%;margin:0 auto;padding:.16rem 0; border-radius:.08rem; border:1px solid #ccc;text-align:center;background:#f5f5f5;line-height:.50rem;}

.panel-cases{overflow:hidden;position:relative;}
.panel-cases-left{float:left;width:100%;}
.panel-cases-left ul li{margin-bottom:.24rem;height:1.4rem;overflow:hidden;line-height:.40rem;}
.panel-cases-left ul li:last-child{margin-bottom:0;}
.panel-cases-left ul li a.text{color:#333333;font-size:.28rem;font-weight:bold;margin-top:.04rem;display:block;}
.panel-cases-left ul li a.text p{margin-top:.18rem;color:#aaa;font-size:.24rem;font-weight:normal;}
.panel-cases-left ul li a.pic{float:right;margin-left:.4rem;}
.panel-cases-left ul li a.pic img{width:1.4rem;}
.panel-cases-right{float:right;width:2.80rem;height:100%;}
.panel-cases-right div{}
.panel-cases-right div a{display:block;}
.panel-cases-right div a img{width:100%;height:1.50rem;margin-bottom:.2rem;position:relative;}
.panel-cases-right div a:last-child img{margin-bottom:0;}

.panel-caiqian{overflow:hidden;position:relative;}
.panel-caiqian-left{float:left;width:3.60rem;}
.panel-caiqian-left ul li{overflow:hidden;line-height:.28rem;padding:.12rem 0;}
.panel-caiqian-left ul li:last-child{margin-bottom:0;}
.panel-caiqian-left ul li a{display:block;padding-left:.16rem;color:#333333;font-size:.26rem;border-left:.04rem solid #ad601d;}
.panel-caiqian-right{float:right;}
.panel-caiqian-right div{}
.panel-caiqian-right div a{display:block;}
.panel-caiqian-right div a img{height:2.9rem;margin-bottom:.2rem;position:relative;}
.panel-caiqian-right div a:last-child img{margin-bottom:0;}

.panel-grid ul{overflow:hidden;}
.panel-grid ul li{float:left;width:3.28rem;margin-right:.26rem;}
.panel-grid ul li:nth-child(2n){margin-right:0;}
.panel-grid ul li img{width:3.28rem;height:4.68rem;}
.panel-grid ul li p{text-align:center;line-height:.34rem;padding:.15rem 0;}

.panel-video{}
.panel-video ul{overflow:hidden;}
.panel-video ul li{float:left;width:3.2rem;position:relative;margin:.2rem 0;}
.panel-video ul li:nth-child(2n){float:right;}
.panel-video ul li img{width:100%;}
.panel-video ul li i{display:block;z-index:3;position:absolute;top:0;left:0;width:100%;height:100%;background:url(icon-play.png) center 40% no-repeat;background-size:30% auto;}
.panel-video ul li p{text-align:center;color:#fff;line-height:.64rem;position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.7);}
.panel-video ul li div{line-height:.40rem;padding-top:.1rem;text-align:center;}


.panel-ewm{margin-top:.2rem;border-top:.02rem solid #eee;border-bottom:.02rem solid #eee;padding:.4rem 0;overflow:hidden;}
.panel-ewm-left{width:3rem;float:left;}
.panel-ewm-left img{width:100%;}
.panel-ewm-right a{display:block;}
.panel-ewm-right img{width:100%;margin-top:.18rem;}
.panel-ewm-right{width:3.5rem;float:right;text-align:center;}
.panel-ewm-right .wxh{color:#ad601d;font-size:.34rem;line-height:.5rem;margin-bottom:.2rem;}
.panel-ewm-right .wxh-text{font-size:.26rem;}

.panel-artrow ul{}
.panel-artrow ul li{background:white;border:.01rem solid #eee;margin-bottom:.30rem;padding:.2rem .2rem .2rem .2rem;background:#fafafa; border-radius:.1rem;overflow:hidden;}
.panel-artrow ul li a  img{width:2.1rem;height:2.1rem;float:left;margin-right:.2rem;margin-bottom:0rem;border-radius: .11rem;}
.panel-artrow ul li a h6{color:#333;font-size:.3rem; line-height:.48rem;font-weight:bold;margin-bottom:.18rem; text-overflow:ellipsis;}
.panel-artrow ul li a p{color:#999;line-height:.36rem;font-size:.24rem; text-align:justify;}
.kkkkkh{color:#fff!important;background: #FFA200!important;}
.html-content img{max-width:100%;margin-bottom:.2rem;}
.html-content .title{font-size:.36rem;margin-bottom:.30rem;text-align:center;border-bottom:.03rem solid #ad601d;line-height:.6rem;padding-bottom:.2rem;font-weight:normal}

footer .copyright{text-align:center;padding:.2rem 0 .5rem;}
footer .footer-nav{background:#ad601d;overflow:hidden;padding:.2rem;margin-bottom: 0%;}
footer .footer-nav a{float:left;width:25%;text-align:center;color:#fff;line-height:.6rem;font-size:.26rem;}

#ilawyer .team-pic{margin-bottom:.2rem;}
#ilawyer .team-pic img{width:100%;}
#ilawyer .panel-grid{margin-top:.2rem;}

.icpages, .icpages_ul { text-align: center; }
.icpages { text-align: center; margin: 0 auto; padding:.20rem 0 0rem;overflow:hidden;}
.icpages_ul { position: relative; float: left; margin: 0 auto; position: relative; left: 50%; }
.icpages_ul li { display: inline; float: left; position: relative; left: -50%; }
.icpages_ul a, .icpages_ul span { border:.02rem solid #fff; line-height: .50rem; padding: .06rem .18rem .04rem; display: block; float: left; margin: 0 .04rem; text-decoration: none; color: #666; font-family: Arial; }
.icpages_ul a { border: .02rem solid #ccc; background: #fff; margin-bottom:0rem; }
.icpages_ul a:hover { border: .02rem solid #888; text-decoration: none; }
.icpages_ul .thisclass a { border: none; background: none; font-weight: bold; }


.right_bar{background:rgba(170,100,30,.9); border-radius:.10rem 0 0 .10rem;padding:.2rem .1rem .1rem;position:fixed;top:8rem;right:0;width:1.14rem;}
.right_bar li a{display:block;text-align:center;color:#fff;font-size:.26rem;line-height:.5rem;padding:.06rem;}
.right_bar li a img{width:.7rem;}

.ewm-mask{display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:999;align-items:center;justify-content:center;}
.ewm-mask dl{flex:1;text-align:center;}
.ewm-mask dt img{width:80%;}
.ewm-mask dd {font-size:.40rem;margin-bottom:.2rem;text-align:center;color:#fff;margin-top:.3rem;}
.ewm-mask div{width:100%;height:100%;background:rgba(0,0,0,.9);position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;}
.ewm-mask-close{position:fixed;top:.3rem;right:.25rem;width:1rem;height:1rem;}


/*手机版首页幻灯片*/
.block_home_slider {padding: 0px;position: relative;background-color: #ffffff;border: 0px solid #f2f2f2;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;behavior: url(js/PIE.htc); /*半透明兼容*/text-align: center;line-height: 0px;margin-right: auto;margin-left: auto;}  
/*底部小图标*/
.block_home_slider .slide {position:relative;}
.block_home_slider .caption {padding:6px 10px 6px; position:absolute; left:0px; right:0px; bottom:0px; background:url(bg_caption.png); text-align:left;}
.block_home_slider .caption p {padding-bottom:0px; font-size:11px; color:#dedede; text-shadow:0px -1px #000000; line-height:17px;}
.block_home_slider .caption p.title { font-size:15px; color:#ffffff; font-weight:bold; line-height:normal;}
.block_home_slider .flex-direction-nav a {width:25px; height:25px; margin-top:-27px; display:block; position:absolute; top:50%; background-repeat:no-repeat; background-image:url(sprite_arrow_2.png); text-indent:-9000px;}
.block_home_slider .flex-direction-nav a.flex-prev {left:6px; background-position:left top;}
.block_home_slider .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}
.block_home_slider .flex-direction-nav a.flex-next {right:6px; background-position:right top;}
.block_home_slider .flex-direction-nav a.flex-next:hover {background-position:right bottom;}
.block_home_slider .flex-control-paging {padding-top:0px; display:inline-block;position: absolute;right: 7px;bottom: 8px;}
.block_home_slider .flex-control-paging li {padding-right: 3px;padding-left: 3px;margin: 0px;float: left;overflow: hidden;list-style-type: none;}
.block_home_slider .flex-control-paging li a {width:12px; height:12px; display:block; background-repeat:no-repeat; background-image:url(sprite_nav_3.png); text-indent:-9000px; cursor:pointer;}
.block_home_slider .flex-control-paging li a.flex-active {background-position:right top;}
.block_home_post_feature {width:300px;}
.block_home_post_feature p {padding-bottom:0px;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;list-style-type: none;
} 
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}


/*手机版幻灯片底部波浪特效*/
.ainuo_focus_bot {position:absolute;left:0;bottom:-10px;height:26px;width:100%;z-index:1;}
.focus__a, .focus__b,.focus__c, .focus__d {position:absolute;width:100%;height:26px;}
.focus__a {background:url(focus_a.svg) repeat-x;background-size:450px;-webkit-animation:ainuo_bgdwtop 3.5s infinite linear;animation:ainuo_bgdwtop 3.5s infinite linear;}
.focus__b {background:url(focus_b.svg) repeat-x;top:4px;background-size:450px;-webkit-animation:ainuo_bgdwbm 6s infinite linear;animation:ainuo_bgdwbm 6s infinite linear;}
.focus__c {background:url(focus_c.svg) repeat-x;background-size:450px;-webkit-animation:ainuo_bgdwtop 3.5s infinite linear;animation:ainuo_bgdwtop 3.5s infinite linear;}
.focus__d {background:url(focus_d.svg) repeat-x;top:5px;background-size:450px;-webkit-animation:ainuo_bgdwbm 6s infinite linear;animation:ainuo_bgdwbm 6s infinite linear;}
@keyframes ainuo_bgdwtop{0%{background-position:0 top}100%{background-position:450px top}}
@keyframes ainuo_bgdwbm{0%{background-position:0 top}100%{background-position:450px top}}
.swiper-wrapper,.swiper-slide{ height:auto;}
