@charset "utf-8";

/* CSS Document */





/* Title */

.Title{width: 100%;text-align: center;padding-top: 2rem;}

.Title h2{font-size: 1.3rem;color: #024585;}

.Title h2 a{color: #024585;}

.Title p{font-size: 1rem;color: #444444;margin-top: 0.3rem;}

.Title img{display: block;width: 100%;}

.Title i{display: block;width: 30%;margin: 1rem auto 0;}



/* banner */

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

.banner img{display: block;width: 100%;}

.banner .btnList{width: 100%; z-index: 9; text-align: center;margin-top: 0.5rem;position: absolute;bottom: 0.6rem;}

.banner .btnList li{display: inline-block; font-size:0; height: 4px;background: #d3b8a7;width: 8%;margin-left: 2%;border-radius: 4px;}

.banner .btnList li.on{background: #fff;}



/* nav */

.adv{width: 100%;padding: 1.2rem 0;}

.adv img{display: block;width: 100%;}

.adv li{display: block;width: 25%;float: left;box-sizing: border-box;height: 5.5rem;text-align: center;border-left: 1px dotted #e1e1e1;}

.adv li p{font-size: 1rem;color: #000000;margin-top: 0.2rem;}

.adv li p span{color: #333;font-size: 1rem;}

.adv li em{font-size: 1.3rem;color: #024585;}

.adv li img{width:35%;margin: 0 auto;}

.adv li:nth-child(1){background-image: none;}



/* project */

.project{width: 100%;background: #ebebeb;padding-bottom: 1.6rem;}

.project img{display: block;width: 100%;}

.project .mainCon{width: 100%;margin: 1.5rem auto 0;}

.project .mainCon li{display: block;width:33%;float: left;box-sizing: border-box;height: 6.5rem;text-align: center;background: #fff;border: 1px solid #cccccc;border-top: none;border-left: none;padding-top: 1.25rem;}

.project .mainCon li:nth-child(1),.project .mainCon li:nth-child(2),.project .mainCon li:nth-child(3){border-top: 1px solid #cccccc;}

.project .mainCon li:nth-child(3n+1){border-left: 1px solid #cccccc;}

.project .mainCon li p{font-size: 1rem;color: #333333;margin-top: 0.4rem;}

.project .mainCon li img{width:35%;margin: 0 auto;}

.project .mainCon a.more{display: block;width: 42%;margin: 1.5rem auto 0;}





.project_zx{width: 100%;background: #fff;padding-bottom: 1.6rem;}

.project_zx img{display: block;width: 100%;}

.project_zx .mainCon{width: 100%;margin: 1.5rem auto 0;}

.project_zx .mainCon li{display: block;width:33%;float: left;box-sizing: border-box;height: 6.5rem;text-align: center;background: #fff;border: 1px solid #cccccc;border-left: none;padding-top: 1.25rem;}

.project_zx .mainCon li:nth-child(1),.project .mainCon li:nth-child(2),.project .mainCon li:nth-child(3){border-top: 1px solid #cccccc;}

.project_zx .mainCon li:nth-child(3n+1){border-left: 1px solid #cccccc;}

.project_zx .mainCon li p{font-size: 1rem;color: #333333;margin-top: 0.4rem;}

.project_zx .mainCon li img{width:35%;margin: 0 auto;}

.project_zx .mainCon a.more{display: block;width: 42%;margin: 1.5rem auto 0;}





/* lawyer */

.lawyer{width: 100%;background: #fff;padding-bottom: 1.6rem;}

.lawyer img{display: block;width: 100%;}

.lawyer .mainCon{width: 94%;margin: 1.5rem auto 0;}

.lawyer .mainCon li{width: 32%;margin-left: 2%;float: left;margin-bottom: 1.5rem;}

.lawyer .mainCon li:nth-child(3n+1){margin-left: 0;}

.lawyer .mainCon li .box{position: relative;width: 100%;}

.lawyer .mainCon li .btn{width: 100%;}

.lawyer .mainCon li .btn a{display: block;width: 50%;text-align: center;color: #3b382e;font-size: 0.9rem;height: 2rem;line-height: 2rem;float: left;background: #ffcd32;}

.lawyer .mainCon li .btn a img{display: inline-block;position: relative;width: 26%;margin-right: 2%;top: 0.2rem;}

.lawyer .mainCon li .btn a:first-child{background: #024585;color: #fff;}

.lawyer .mainCon li .intro{position: absolute;height: 30%;width: 100%;bottom: 0;left: 0;background: rgba(6, 9, 14, 0.8);padding-top: 10%;}

.lawyer .mainCon li .intro h3{font-size: 1rem;color: #fff;padding-left: 4%;}

.lawyer .mainCon li .intro span{display: block;font-size: 0.8rem;color: #fff;margin-top: 0.2rem;padding-left: 4%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.lawyer .mainCon a.more{display: block;width: 42%;margin: 0 auto;}



/*about*/

.about{width: 100%;background: #fff;}

.about .Title{padding-top: 1.3rem;}

.about .mainCon{width:100%;margin: 0 auto;background: url(../images/aboutBg.jpg) no-repeat center bottom;background-size: cover;padding-bottom: 1.5rem;}

.about .menu{box-sizing: border-box;width: 100%;}

.about .menu ul{display: flex;display: -webkit-flex;flex-direction: row;flex-wrap: nowrap; }

.about .menu li{flex: 1;text-align: center;box-sizing: border-box;font-size: 1.1rem;position: relative;background: #024585;color: #fff;height: 3rem;line-height: 3rem;border-left: 1px solid #0c59a3;}

.about .menu li:first-child{border-left: none;}

.about .menu li i{display: none;width: 0.8rem;height: .5rem;position: absolute;left: 50%;margin-left: -.4rem;bottom: -0.5rem;}

.about .menu li.on{background: #ffcd32;color: #333;}

.about .menu li.on i{display: block;}

.about img{display: block;width: 100%;}

.about .mainCon .conBox{width: 94%;margin: 0 auto;}

.about .mainCon .conBox .con{width: 100%;margin-top: 0.8rem;}

.about .mainCon .conBox .con h3{color: #333333;font-size: 1.2rem;margin-top: 0.6rem;text-align: center;}

.about .mainCon .conBox .con h3 a{color: #333333;}

.about .mainCon .conBox .con span{display: block;text-align: center;font-size: 0.8rem;color: #999999;font-family: arial;text-transform: uppercase;margin-top: 0.3rem;}

.about .mainCon .conBox .con p{font-size: 1rem;color: #333333;line-height: 1.3rem;margin-top: 1rem;}

.about .mainCon .conBox .con a.more{display: block;width: 42%;margin: 1.5rem auto 0;}



/*case*/

.case{width: 100%;background: #fff;padding-bottom: 3rem;}

.case img{display: block;width: 100%;}

.case .mainCon{width:94%;margin: 1.5rem auto 0;}

.case .menu{box-sizing: border-box;width: 100%;}

.case .menu ul{display: flex;display: -webkit-flex;flex-direction: row;flex-wrap: nowrap; }

.case .menu li{flex: 1;text-align: center;box-sizing: border-box;font-size: 1rem;position: relative;background: #024585;color: #fff;height: 3rem;line-height: 3rem;border-left: 1px solid #0c59a3;}

.case .menu li:first-child{border-left: none;}

.case .menu li i{display: none;width: 0.8rem;height: .5rem;position: absolute;left: 50%;margin-left: -.4rem;bottom: -0.5rem;}

.case .menu li.on{background: #ffcd32;color: #333;}

.case .menu li.on i{display: block;}

.case .mainCon .conBox a{display: block;}

.case .mainCon .conBox a:first-child dl{margin-top: 0;}

.case .mainCon .conBox dl{position: relative;margin-top: 1.7rem;}

.case .mainCon .conBox dt{float: left;width: 36%;}

.case .mainCon .conBox dd{float: right;width: 98%;padding-top: 0.2rem;}

.case .mainCon .conBox dd h3{font-size: 1.2rem;color: #333333;overflow: hidden;text-overflow: ellipsis;}

.case .mainCon .conBox dd p{font-size: 1.05rem;color: #333333;line-height: 1.3rem;margin-top: 0.8rem;}

.case .mainCon .conBox dd span{display: block;font-size: 1rem;color: #666666;position: absolute;right: 0;bottom:16%;;}





/* partner */

.partner{width: 100%;background: #ebebeb;padding-bottom: 1.6rem;}

.partner img{display: block;width: 100%;}

.partner .mainCon{width: 100%;margin: 1.5rem auto 0;}

.partner .mainCon li{display: block;width:33%;float: left;box-sizing: border-box;background: #fff;border: 1px solid #cccccc;border-top: none;border-left: none;}

.partner .mainCon li:nth-child(1),.partner .mainCon li:nth-child(2),.partner .mainCon li:nth-child(3){border-top: 1px solid #cccccc;}

.partner .mainCon li:nth-child(3n+1){border-left: 1px solid #cccccc;}

.partner .mainCon li a{display: block;}

.partner .mainCon a.more{display: block;width: 42%;margin: 1.5rem auto 0;}





/*news*/

.news{width: 100%;background: #fff;}

.news img{display: block;width: 100%;}

.news .mainCon{width:94%;margin: 1.5rem auto 0;padding-bottom: 3rem;}

.news .menu{box-sizing: border-box;width: 100%;}

.news .menu ul{display: flex;display: -webkit-flex;flex-direction: row;flex-wrap: nowrap; }

.news .menu li{flex: 1;text-align: center;box-sizing: border-box;font-size: 1.1rem;position: relative;background: #024585;color: #fff;height: 3rem;line-height: 3rem;border-left: 1px solid #0c59a3;}

.news .menu li:first-child{border-left: none;}

.news .menu li i{display: none;width: 0.8rem;height: .5rem;position: absolute;left: 50%;margin-left: -.4rem;bottom: -0.5rem;}

.news .menu li.on{background: #ffcd32;color: #333;}

.news .menu li.on i{display: block;}

.news .mainCon .conBox a{display: block;}

.news .mainCon .conBox a:first-child dl{margin-top: 0;}

.news .mainCon .conBox dl{position: relative;margin-top: 1.7rem;}

.news .mainCon .conBox dt{float: left;width: 36%;}

.news .mainCon .conBox dd{float: right;width: 98%;padding-top: 0.2rem;}

.news .mainCon .conBox dd h3{font-size: 1.2rem;color: #333333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.news .mainCon .conBox dd p{font-size: 1.05rem;color: #333333;line-height: 1.3rem;margin-top: 0.8rem;}

.news .mainCon .conBox dd span{display: block;font-size: 1rem;color: #666666;position: absolute;right: 0;bottom:16%;;}

.news .newsList{padding: 1rem 3% 2.292rem;width: 94%;background: #ebebeb;}

.news .newsList li{float: left;width: 50%;height: 2.667rem;line-height: 2.667rem;padding-left: 5%;background: url(../images/news_icon01.png) no-repeat left center;background-size: 5%;box-sizing: border-box;border-bottom: 1px dotted #c5c5c5;}

.news .newsList li a{display: block;width: 98%; font-size:1rem; white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}