body{font-family: Arial, Helvetica, sans-serif;}
.wrapper{width: 1200px;margin: 0 auto;}
div,p,span,a,img,ul,li,input{box-sizing: border-box;}


:root{
	--primary-color: #00357B;
	--primary-rgb: 0,53,123;
	--color-yollow: #DAB514;
	--color-red: #ac1818;
}


/* ========== 头部：start ========== */
.header{height: 106px;}
.header-box{display: flex;justify-content: space-between;}
.header .logo{display: flex;align-items: center;}
.header .logo img{height: 55px;margin-right: 30px;cursor: pointer;}
.header .menu{flex: 1;}
.header .menu>ul{display: flex;justify-content: flex-end;align-items: center;}
.header .menu>ul>li{position: relative;}
.header .menu>ul>li .fname{display: inline-block;width: 110px;text-align: center;font-size: 16px;line-height: 106px;margin: 0 auto;}
.header .menu>ul>li .cur,.header .menu>ul>li .fname:hover{background: var(--primary-color);color: #FFF;}
.header .menu .smenu{position: absolute;top: 106px;left: 0;width: 110px;z-index: 3;display: none;background: #fff;}
.header .menu .smenu li{}
.header .menu .smenu li a{color: #333;font-size: 15px;line-height: 50px;width: 100%;display: block;text-align: center;padding: 0 5px;border-bottom: 1px #ddd solid;}
.header .menu .smenu li:hover a{color: var(--primary-color);border-color: rgba(var(--primary-rgb), 0.4);background-color: rgba(24,144,255, 0.1);}
.wap_header{display: none;}
/* ========== 头部：end ========== */

/* ========== 脚部：start ========== */
.footer{background: #222;}
.footer .boxs{display: flex;justify-content: space-between;}
.footer .boxs .tit{display: block;font-size: 18px;line-height: 18px;height: 36px;color: #fff;position: relative;margin-bottom: 30px;font-style: normal;color: #fff;}
.footer .boxs .tit:after{content: "";left: 0;bottom: 0;position: absolute;width: 36px;height: 2px;background-color: var(--color-red);}
.footer .nav{margin: 40px 0;display: flex;}
.footer .nav li{width: 300px;}
.footer .nav li p a{display: block;font-size: 14px;color: #b7b6b6;line-height: 1.6;}
.footer .nav .two p{display: flex;flex-wrap: wrap;}
.footer .nav .two p a{width: 104px;}
.footer .contact{margin-top: 40px;max-width: 560px;}
.footer .contact p{font-size: 14px;color: #b7b6b6;line-height: 1.6;}
.footer .bot{font-size: 14px;color: #838383;text-align:center;border-top: 1px rgba(255, 255, 255, 0.05) solid;padding: 20px 0;line-height: 1.6;}
.footer .bot a{color: #838383;}
/* ========== 脚部：end ========== */


/* ========== 首页内容：start ========== */

/* 轮播  */
#swiper{cursor: auto!important;}
.swiper-container{position: relative;}
.swiper-container .arrow-left,
.swiper-container .arrow-right{position: absolute;top: 50%;margin-top: -30px;width: 36px;height: 60px;z-index: 99;background-repeat: no-repeat;background-position: center;}
.swiper-container .arrow-left{background-image: url(/images/template22/arrows_left.png);left: 15px;}
.swiper-container .arrow-right{background-image: url(/images/template22/arrows_right.png);right: 15px;}
.swiper-container .arrow-left:hover,
.swiper-container .arrow-right:hover{background-color: rgba(0, 0, 0, 0.3);}
.swiper-container img{object-position: center;width: 100%;}
#swiper .swiper-pagination .swiper-pagination-bullet{width: 15px;height: 6px;border-radius: 6px;}
#swiper .swiper-pagination .swiper-pagination-bullet-active{width: 30px;}

.index-section{padding: 40px 0 0;}

/*块标题*/
.sec_tit{padding: 50px 0 30px;text-align: center;}
.sec_tit .name{font-size: 36px;color: #222222;}
.sec_tit .remark{line-height: normal;font-size: 15px;width: 700px;margin: 10px auto 0;color: #666;}


/*更多*/
.sec_more{display: flex;justify-content: center;margin-top: 50px;}
.sec_more .nav{display: block;height: 46px;line-height: 46px;text-align: center;font-size: 16px;color: #888;border-radius: 4px;position: relative;transition: all .5s;width: 170px;border: 1px rgba(0, 0, 0, 0.25) solid;}
.sec_more .nav:hover{background-color: var(--primary-color);color: #fff;border-color: var(--primary-color);}
.sec_more .nav:after{content: '+';display: block;position: absolute;right: 30px;top: 0;}


/* tabs */
.navClass{display: flex;justify-content: center;margin-bottom: 40px;gap: 40px;}
.navClass li{}
.navClass li a{line-height: 50px;text-align: center;font-size: 16px;cursor: pointer;display: block;width: 200px;background-color: var(--primary-color);color: #fff;border-radius: 6px;}
.navClass li.cur a{background: var(--primary-color);color: #fff;}


/*产品介绍*/
.products-lists{padding-bottom: 80px;}
.pro-row{display: grid;gap: 40px;grid-template-columns: 1fr 1fr 1fr 1fr;}
.pro-row .card{}
.pro-row a{display: block;}
.pro-row .img{overflow: hidden;border: 1px #ddd solid;border-bottom: 0;transition: .3s ease-in-out;}
.pro-row .img img{transition: .3s ease-in-out;width: 100%;height: 268px;display: flex;object-fit: cover;}
.pro-row .name{font-size: 16px;color: var(--primary-color);line-height: 40px;text-align: center;padding: 0 15px;border: 1px #ddd solid;}
.pro-row a:hover .img{border-color: var(--primary-color);}
.pro-row a:hover .img img{transform: scale(1.1);}
.pro-row a:hover .name{text-decoration: underline;}

/* 首页公司简介 */
.index-info{padding-bottom: 50px;}
.about{height: 430px;position: relative;display: flex;justify-content: space-between;padding-top: 30px;}
.about dl{width: 520px;overflow: hidden;}
.about dt{height: 85px;font-weight: normal;font-size: 24px;color: #292929;line-height: 30px;position: relative;}
.about dt::before{position: absolute;content: "";width: 100%;height: 1px;bottom: 2px;background: #e5e5e5;}
.about dt i{display: block;font-size: 12px;color: #999999;font-family: Arial;}
.about dt::after{position: absolute;content: "";width: 5px;height: 5px;bottom: 0px;background: #e5e5e5;}
.about dd{padding-top: 30px;font-size: 14px;line-height: 30px;color: #666666;}
.about dd .sec_more{margin-top: 25px;justify-content: flex-start;}
.about dd .con{height: 195px;overflow: hidden;text-align: justify;}
.aboutpic{width: 600px;height: 380px;}
.aboutpic img{width: 600px;height: 380px;}

/* 首页新闻资讯 */
.Inews_title{height: 46px;border-bottom: 1px solid #dbdbdb;font-weight: normal;margin-bottom: 40px;display: flex;justify-content: space-between;}
.Inews_title .name{font-size: 18px;color: var(--color-red);line-height: 18px;position: relative;height: 46px;font-style: normal;font-weight: bold;}
.Inews_title .name i{display: block;font-size: 12px;text-transform: uppercase;font-style: normal;}
.Inews_title .name:after{position: absolute;width: 68px;height: 2px;background: #ad282c;content: "";left: 0;bottom: -1px;}
.Inews_title .more{font-size: 14px;padding-left: 32px;line-height: 46px;font-style: normal;color: #999;}
.index-news{background: #fffbf1;padding-bottom: 80px;}
.index-news .news-boxs{display: flex;justify-content: space-between;}
.index-news .lef{width: 530px;}
.index-news .cover{padding-bottom: 30px;}
.index-news .cover img{width: 100%;object-fit: cover;display: flex;height: 250px;}
.index-news .rig{width: 620px;display: flex;justify-content: space-between;flex-direction: column;}
.index-news .list{display: flex;align-items: center;width: 100%;}
.index-news .info p{margin-bottom: 10px;}
.index-news .info .tit{font-size: 16px;color: #000;height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-news .info .intro{font-size: 14px;color: #999;line-height: 20px;height: 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 0;}
.index-news .rig .info{margin-left: 25px;}
.index-news .sort{font-size: 60px;font-family: Arial;padding-right: 25px;border-right: 1px #dcdcdc solid;color: var(--color-red);}
.index-news .more-button{margin: 30px auto 0;}
.index-news .info:hover .tit{color: var(--primary-color);text-decoration: underline;}

/* ========== 首页内容：end ========== */


/* ========== 内页：start ========== */
.con_banner img{width: 100%;display: flex;}

/*整体*/
.conBox{display: flex;gap: 50px;padding: 50px 0;}

/*左边菜单*/
.lefmenu{width: 250px;}
.lefmenu .btit{background-color: var(--primary-color);font-size: 28px;color: #FFF;padding: 40px 40px 70px;position: relative;}
.lefmenu .btit:before{content: "";display: block;position: absolute;bottom: 0;left: 0;border-color: transparent transparent #F7F7F7 #F7F7F7;border-width: 16px;border-style: solid;}
.lefmenu .btit:after{content: "";display: block;position: absolute;bottom: 18px;left: 0;border-color: transparent transparent #cecece #cecece;border-width: 4px;border-style: solid;}
.lefmenu .sul{padding: 25px 0;position: relative;background-color: #F7F7F7;}
.lefmenu .sul:before{content: "";display: block;position: absolute;left: 0;height: calc(100% + 18px);width: 8px;background-color: #cecece;top: -18px;}
.lefmenu .sul li{padding: 0 15px 0 30px;line-height: 48px;border-left: 8px #cecece solid;position: relative;z-index: 1}
.lefmenu .sul li a{display: block;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom: 1px #ddd solid;}
.lefmenu .sul li:hover{border-left-color: var(--primary-color);}
.lefmenu .sul li:hover a{color: var(--primary-color);}
.lefmenu .sul .cur{border-left-color: var(--primary-color);}
.lefmenu .sul .cur a{color: var(--primary-color);}

/*右边内容*/
.rigmain{flex: 1;width: 100%;min-height: 500px;overflow: hidden;}

/*路径*/
.path{border-bottom: #ccc 1px solid;line-height: 1;display: flex;align-items: baseline;justify-content: space-between;padding-bottom: 12px;}
.path .tit{font-size: 24px;color: #333;position: relative;}
.path .tit:after{content: "";display: block;position: absolute;left: 0;height: 3px;width: 100%;background-color: var(--primary-color);bottom: -14px;}
.path .rotue{font-size: 14px;color: #666;}
.path .rotue a{color: #666;}

/*详情*/
.detail{padding: 30px 20px;}
.detail .content{font-size: 16px;line-height: 1.6;}
.detail .content img{max-width: 100%;}
.detail .dtit{line-height: 1.6;padding: 20px 50px 40px;text-align: center;}
.detail .dtit .title{font-size: 24px;font-weight: bold;color: #000;}
.detail .dtit .date{color: #666;}

/*新闻列表*/
.news-list{}
.news-list a{border-bottom: #ccc 1px dashed;line-height: 54px;position: relative;padding-left: 24px;display: flex;align-items: center;}
.news-list a:before{content: '';display: block;position: absolute;left: 6px;top: calc(50% - 3px);width: 6px;height: 6px;border-radius: 2px;background-color: #aaa;}
.news-list .title{font-size: 16px;flex: 1;font-weight: 400;padding-right: 80px;}
.news-list .date{color: #666;padding-right: 10px;}
.news-list a:hover{border-color: rgba(var(--primary-rgb), 0.6);background-color: rgba(var(--primary-rgb), 0.05);}
.news-list a:hover .title{color: var(--primary-color);}
.news-list a:hover:before{background-color: rgba(var(--primary-rgb), 0.6);}


/*产品列表*/
.product_list{display: flex;gap: 20px;flex-wrap: wrap;}
.product_list li{width: calc(25% - 15px);}
.product_list li a{display: block;border: 1px #ddd solid;transition: all .3s;width: 100%;}
.product_list li .img{width: 100%;height: 200px;display: flex;justify-content: center;align-items: center;}
.product_list li .img img{max-width: 100%;max-height: 100%;display: flex;}
.product_list li h2{font-weight: normal;overflow: hidden;text-align: center;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;height: 40px;line-height: 40px;color: #666;width: 100%;padding: 0 10px;box-sizing: border-box;border-top: 1px #eee solid;transition: all .3s;}
.product_list li a:hover{border-color: var(--primary-color);}
.product_list li a:hover h2{color: var(--primary-color);border-color: rgba(var(--primary-rgb), 0.4);}


/* ========== 内页：end ========== */

/* 布局 */
.flex{display: flex;}
.flex-between{display: flex;justify-content: space-between;}
.flex-center{display: flex;justify-content: center;}
.flex-middle{display: flex;align-items: center;align-content: center;}
.flex-wrap{display: flex;flex-wrap: wrap;}
.flex-vtop{display: flex;align-items: flex-start;align-content: flex-start;}
.flex-vbottom{display: flex;align-items: flex-end;align-content: flex-end;}
.flex1{flex: 1;overflow: hidden;}


/*头部*/
.topBox{display: flex;height: 100px;align-items: center;}

/*logo*/
.Tlogo{display: flex;justify-content: space-between;padding: 20px 0;align-items: flex-end;}
.Tlogo .txt{font-style: italic;color: #005ca1;font-size: 18px;letter-spacing: 2px;}


/* 菜单 */
.Tmenu{display: flex;flex: 1;justify-content: flex-end;height: 100%;}
.Tmenu li{height: 100%;}
.Tmenu li a{display: block;text-align: center;font-size: 16px;transition: all 0.3s;padding: 0 10px;height: 100%;display: flex;align-items: center;min-width: 120px;justify-content: center;}
.Tmenu li a:hover{text-decoration: underline;}
.Tmenu li a.cur{background-color: #005CA1;color: #fff;}





/* 首页-关于我们 */
.Iinfo{margin: 80px 0 120px;}
.Iabout{padding-top: 30px;min-height: 300px;}
.Iabout img{width: 320px;margin: 0 20px 10px 0;}
.Iabout .content{word-break: break-all;font-size: 16px;line-height: 2em;text-align: justify;text-indent: 2em;}


/* 左边菜单 */
.leftmenu{width: 280px;padding: 20px 12px 30px 0;background: url('/images/template8/pc/menu-bg.jpg') repeat-y top right;}
.leftmenu .m02 .my_chick{width: 100%;}
.leftmenu .m02 .my_chick .Mmenu{display: block;font-size: 14px;line-height: 42px;padding: 0 20px 0 60px;position: relative;}
.leftmenu .m02 .my_chick .Mmenu:before{content: '';display: block;position: absolute;height: 3px;width: 3px;border: 3px #797979 solid;border-radius: 50%;top: 50%;margin-top: -4px;left: 38px;}
.leftmenu .m02 .my_chick .cur{color: #fff;background: url('/images/template8/pc/smenu-img.png') no-repeat;background-position: 25px center;}
.leftmenu .m02 .my_chick .cur:before{border-color: #fff;}
.leftmenu .m02 .Clawyer{padding: 0 0 15px 25px;display: flex;flex-wrap: wrap;}
.leftmenu .m02 .Clawyer .name{display: block;height: 26px;line-height: 26px;font-size: 14px;width: 50%;position: relative;padding-left: 8px;}
.leftmenu .m02 .Clawyer .name:before{content: '';display: block;position: absolute;height: 2px;width: 2px;border-radius: 50%;top: 50%;margin-top: -1px;left: 0;background: #777;}


/* 右边路径 */
.rightmain{width: 850px;padding: 30px 0;}
.righttit{height: 36px;border-bottom: #ccc 1px solid;display: flex;justify-content: space-between;}
.righttit .rigtit{font-size: 18px;border-bottom: 3px #0C3295 solid;color: #0C3295;font-weight: bold;}
.righttit .rigtit2{line-height: 35px;font-size: 12px;}


/* 没有图片的新闻 */
.ln-list li{display: flex;justify-content: space-between;height: 46px;line-height: 46px;overflow: hidden;border-bottom: 1px dashed #dedede;}
.ln-list .name{flex: 1;display: block;width: 100%;padding: 0 20px 0 26px;font-size: 15px;position: relative;}
.ln-list .name:before{content: '';display: block;position: absolute;left: 0;top: 50%;margin-top: -4px;width: 8px;height: 8px;border-radius: 50%;background: #003882;}
.ln-list .name:hover{color: #003882;}
.ln-list .date{color: #a0a0a0;font-size: 14px;}


/* 内容页 */
.show-content{width: 100%;}
.show-content .righttit{padding: 0 15px;background: #0088D6;}
.show-content .righttit .rigtit{border-bottom: 0;line-height: 36px;color: #fff;font-weight: 400;}
.show-content .righttit .rigtit2{color: #fff;}
.Bshow{border: 1px #0088D6 solid;margin-top: -1px;padding: 0 25px 30px ;}
.Bshow .show-title{margin-top: 30px;padding-bottom: 10px;text-align: center;border-bottom: 1px #eee solid;}
.Bshow .show-title .title{font-size: 24px;color: #000;}
.Bshow .show-title .date{color: #666;line-height: 20px;margin-top: 10px;}
.Bshow .news-centent{color: #444;line-height: 26px;margin: 15px 30px;font-size: 16px;}
.Bshow .news-centent img{margin: 0 auto;max-width: 100%;padding: 10px 0;}
.article-content p{font-size: 16px;line-height: 24px;color: #333;text-align: justify;margin-top: 22px;}
.Bshow .news-centent.hj p{text-align: center;}


/* 暂无数据 */
.nodata{font-size: 14px;color: #999;text-align: center;padding-top: 220px;background: url('/images/nodata01.png') no-repeat center;width: 100%;}


/* 律师团队 */
.lawyer_list{display: flex;flex-wrap: wrap;}
.lawyer_list li{width: 25%;margin-bottom: 15px;}
.lawyer_list li a{display: block;}
.lawyer_list li .img{padding: 3px;border: 1px #808080 solid;margin: 0 auto;width: 158px;}
.lawyer_list li .img .pic{width: 150px;height: 207px;}
.lawyer_list li .name{overflow: hidden;text-align: center;font-size: 13px;line-height: 22px;padding: 5px 0;}


/* 律师内容 */
.lawyer_show .righttit{border: 0;}
.lawyer_show .righttit .rigtit{border-bottom: 0;}
.lawyer_show .tname{padding: 0 15px;background: #0088D6;line-height: 36px;color: #fff;}
.lawyer_show .binfo{border: 1px #0088D6 solid;margin-top: -1px;padding: 15px;display: flex;}
.lawyer_show .binfo .lintro{flex: 1;overflow: hidden;}
.lawyer_show .binfo .rpic{padding-left: 20px;}
.lawyer_show .binfo .rpic .img{max-width: 260px;}
.lawyer_show .binfo .head-img{max-width: 260px;margin: 0 0 5px 20px;}


/* 华南家园 */
.huanjing_list{display: flex;flex-wrap: wrap;margin-top: 15px;}
.huanjing_list li{width: 33.33%;margin-bottom: 15px;}
.huanjing_list li a{display: block;}
.huanjing_list li .img{padding: 3px;border: 1px #808080 solid;margin: 0 auto;width: 238px;}
.huanjing_list li .img .pic{width: 230px;height: 160px;background-position: center;background-size: 100%;background-repeat: no-repeat;}
.huanjing_list li .name{overflow: hidden;text-align: center;font-size: 13px;line-height: 22px;padding: 5px 0;width: 230px;margin: 0 auto;}


.page_content{padding: 20px;}
.page_content img{max-width: 100%;}


.message tr td{height: 50px;}
.message tr td input[type=text]{padding: 5px 10px;width: 220px;}
.message tr td input[type=submit]{background: #72B542;border: 1px solid #72B542;color: #fff;cursor: pointer;padding: 8px 25px;}
.message tr td textarea{padding: 5px 10px;font-size: 14px;}


.feedback-table{padding-top: 30px;}
.feedback-table tr{margin: 10px 0;display: block;}
.feedback-table input{height: 36px;line-height: 36px;border: 1px #ddd solid;padding: 0 10px;outline: none;border-radius: 3px;}
.feedback-table textarea{border: 1px #ddd solid;padding: 10px;outline: none;border-radius: 3px;}
.feedback-table .nav{width: 80px;height: 36px;line-height: 36px;border-radius: 3px;}
.feedback-table .nav[type="submit"]{background: #0C3295;color: #fff;}


/*pagination*/
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}