@charset "utf-8";
/* CSS Document */
.index-box{ width:1200px; margin:0 auto; padding-bottom:20px; }
h2.atit{ text-align: center; font-size: 24px; color: #000000; font-weight: bold; position: relative; }
h2.atit::after{display: block; width: 60px; height: 2px; background: #ce7730;margin: 20px auto; content: ""; }
/*轮播*/
.swiper-hdp{width:100%; margin:0 auto; font-size: 14px;position:relative;  height: auto;}
.swiper-hdp img{ margin:auto; max-width:100%;}
/*20180810注释*/
.swiper-container a:hover{ color:#fff;}
.swiper-hdp .swiper-slide { width: 100%; height: auto; background: url(../images/bannerbg.jpg) no-repeat center top;  position:relative;}
.swiper-hdp .swiper-pagination {position: absolute;left: 0;text-align: center;bottom: 30px;width: 100%;z-index:998;}
.swiper-pagination-bullet {
    width: 20px;
    height: 6px;
    margin:0 8px;
    display: inline-block;
    border-radius: 3px;
    background: #fff;
    opacity: .2;
    transition: all 0.2s;
}
.swiper-pagination-bullet-active {
    background: #fff;
    width: 30px;
    opacity:1;
}
.h-button-next{margin-top:-40px; position:absolute;display: block; bottom:50%; width:50px;height: 50px; cursor: pointer; background: url(../images/r.png) no-repeat; right:0px;  z-index:10;}
.h-button-prev{margin-top:-40px; position:absolute;display: block; bottom:50%; width:50px;height: 50px; cursor: pointer; background: url(../images/l.png) no-repeat; left:0px; z-index:10;}
/*20180810注释*/

/* 业务领域 */
.ywlybox{ margin: 50px auto 0; z-index: 999; position: relative; }
.ywly{ display: flex; justify-content: space-between; align-items: center;}
.ywly li{ text-align: center;}
.ywly li .iconbox{ width: 100px; height: 100px; border-radius: 50px; margin: auto; background-color: #f4f4f4;  display: flex; flex-direction: column; justify-content: center; align-items: center;}
.ywly li .iconbox span{ color: #d81e06; font-size: 42px;}
.ywly li .ywly-con{ line-height: 2; font-size: 18px; color: #000;}
/* 关于我们 */
.bggywm{ background: #fff;  margin-top: 50px;}
.gywm-box{ padding: 30px; background: #f4f4f4; box-sizing: border-box;}
.about{ width: 680px; float: right; }
.about div{ text-align:right;  }
.about div a{color: #ce7730;}
.about p{padding: 30px 0; font-size: 16px;  color: #000000; line-height: 28px; text-indent: 2em;}
.video{ width: 398px; float:left }

.al-box{ display: flex; align-items: flex-start; justify-content: space-between; margin-top: 50px;}
.al{  width: calc(50% - 30px);}
h2.altit{ text-align: left; font-size: 24px; color: #000; font-weight: bold; position: relative; }
h2.altit::after{display: block; width: 60px; height: 2px; background: #e00000;margin-top: 10px; content: ""; }
h2.altit span{ float: right; font-size: 24px; margin-top: 10px; color: #ccc;}
h2.altit a:hover span{color: #e00000;}
.allist{ padding: 30px 0; }
.allist li{  padding-top: 10px;}
.allist li a{border-left:1px solid #d81e06; padding-left:15px;   box-sizing: border-box; display: block; transition: all 0.6s ease; }
.allist li a span.rq{ color: #999;   position: relative; font-size: 14px; line-height: 28px; }
.allist li a p{ font-style: normal;   font-size: 16px; color: #3d3d3d; line-height: 28px; font-weight: bold;  }
.allist li a:hover{ background-color: #efefef;}
.hzmore{ text-align: right; }
.hzmore a{color: #e00000;}





/*办案流程*/


.zyly-box{ position: absolute; width: 100%; box-sizing: border-box; padding:0 20px; bottom:0; background: #b09e73;height: 72px; display: flex; justify-content: space-between; align-items: center; color: #fff; font-size: 16px;}


/*新闻合作*/
.bgxwdt{ margin-top: 50px;}
.xwlist{ padding-bottom: 50px; display: flex;  align-items: flex-start; justify-content: space-between;}
.xwlist li{ flex: 1;}
.xwlist li a{ color: #666;  padding: 30px; box-sizing: border-box; display: block; transition: all 0.6s ease; }
.xwlist li a span.rq{ color: #ce7730; padding-left:15px;  position: relative; }
.xwlist li a span.rq::after{ content: '';  position: absolute; width: 3px; height: 14px; left: 0; top:3px; background: #ce7730; }
.xwlist li a p{ font-style: normal;  padding-top: 10px; padding-bottom: 30px; font-size: 16px; color: #3d3d3d; line-height: 30px; height: 60px; font-weight: bold; }
.xwlist li a span.more{padding-left:15px;  font-size: 24px; color: #777;}
.xwlist li a:hover{ background-color: #efefef;}
.hzmore{ text-align: right; }
.hzmore a{color: #ce7730;}

/*团队*/
.tdbg{  padding: 40px 0;}

.lstd{display: flex;  align-items: flex-start; justify-content: space-between; margin: auto; flex-wrap: wrap;}
.lstd li{ width: 300px;  box-sizing: border-box; padding:20px;  }
.lstd a{transition: all 2s ease; display: block;}
.lstd li p.name{ line-height: 50px; font-size: 18px; color: #3e3e3e; position: relative; }
.lstd li p.name::after{ content: '';  position: absolute; width: 40px; height: 2px; left: 0; bottom:0px; background: #ce7730; }
.lstd li p.zw{ line-height: 26px; font-size: 14px; color: #777777;}
.lstd a:hover>p.name::after{  width: 100%;}
.lstdej{ margin-top: 0;}
.lstdej li{ width: 300px;  box-sizing: border-box; padding:20px;  }



/*手机*/
@media screen and (max-width: 768px){
.index-box{ width:100%;padding-bottom:20px; -webkit-box-sizing:border-box; box-sizing:border-box; }
/*首页导航*/
h2.ntit{height:105px;  margin:30px auto 10px; text-align:center;}
h2.ntit p.t{ text-transform: uppercase; font-size:24px; display:block;  color:#a78b54; height:60px; line-height:60px; padding:0; background:url(../images/dhbg.png) no-repeat  bottom center;}
h2.ntit p.more{ font-size:18px; line-height:45px; color:#000;  }
/* 业务领域 */
.ywlybox{ margin-top: 20px; z-index: 999; position: relative; }
.ywly{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.ywly li{ text-align: center; width: 25%;}
.ywly li .iconbox{ width: 60px; height: 60px; border-radius: 30px; margin: auto;  }
.ywly li .iconbox span{  font-size: 30px;}
.ywly li .ywly-con{ line-height: 2; font-size: 14px; }

/*轮播*/
.index-hdp{width:100%; margin:0 auto; font-size: 14px;position:relative; overflow:auto;}
.index-hdp img{ margin:auto; max-width:100%; }
.swiper-hdp .swiper-pagination{ bottom: 10px;}
.swiper-container a:hover{ color:#fff;}
.swiper-hdp .swiper-slide { text-align: center; font-size: 18px;position:relative;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 2px; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 1px;
    left: 0;
    width: 100%;
}
.swiper-pagination-bullet {
    width: 10px;
    height: 4px;
    border-radius: 2px;
    display: inline-block;
    border-radius: 0;
    background: #fff;
    opacity: .2;
}
.swiper-pagination-bullet-active {
    background: #fff;
    opacity:1;
}
.h-button-next{display:none;}
.h-button-prev{display:none;}
.slide-gd p{ width: 100%; text-align: center; color: #fff; background-color: #0057c9; line-height: 24px; padding: 6px 0;}
/*20180302注释*/
.gywm-box{ padding: 10px;}
.about{ width: 100%; }
h2.atit{ font-size: 18px;  font-weight: bold; }
.about p{padding: 3px 0; font-size: 14px; line-height: 2;}
.about .acard{ text-indent: 1em; }
.about .acon{ padding: 30px 0;}
h2.nametit{text-align: center;  font-size: 18px; padding-top: 10px;}
h2.nametit::after{ margin: auto;}
.video{ width: 100%; float: none; }
.video img{ display: block;  margin: auto;}
/*20180302注释*/
.swiper-gd-box{ margin-left: 0px; margin-right: 0px; padding:0 10px; position: relative;}


.casebox{ background-size: 100% 100%;}
.caseinfo{ flex-direction: column; box-sizing: border-box; padding: 10px;}
.noticion{ font-size: 24px; padding-top: 30px;}

.cpms-box{ padding: 30px 0px;  }
h2.ctit{  font-size: 18px;  }
ul.cpmslist li.cpmslist-con{ width: 66px; height: 66px; border-radius: 33px;}
ul.cpmslist li::after{ font-size: 60px; line-height: 60px;}
ul.cpmslist li h2{font-size: 12px; text-align: center;}
ul.cpmslist li.cpmslist-jt span{font-size: 14px;}
/*介绍*/
.index-about-bg{ height:auto;width: 100%;   margin-bottom: 50px; flex-direction: column;}
.index-about-box{ width: 100%; float: none; color: #fff; }
.index-about-box img{ display: none;}
.index-about-wz{ padding:18px; color: #393939;  font-size: 16px; line-height: 1.8;   }
.index-about-an{ display: none; width: 350px; height: 160px; float: left; text-align: center; color: #000;  }
.index-about-an h1{ font-size: 24px;padding-top: 50px; line-height: 50px; border-bottom: 1px solid #ccc; margin: 0 20px 20px; font-family: "黑体"; font-weight: bold; }
.index-about-an a{ background: #0057c9; color: #fff; font-size: 16px; padding:5px 10px; }

/*新闻*/
.xwlist{flex-direction: column;}
.xwlist li a{ padding: 20px;}
.xwlist li a img{ margin: auto;}
.xwlist li a p{ font-size: 14px; padding-bottom: 10px;}
/*律师团队*/
.lstd{display: flex;  align-items: flex-start; justify-content: space-between; margin: 50px 0; flex-wrap: wrap;}
.lstd li{ width: 50%;box-sizing: border-box; padding: 10px;  }

.al-box{flex-direction: column;}
.al{ width: 100%;}
}