

body{font-family:"microsoft yahei",Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;}
*{outline:0}
.not-select{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}
.no-touch{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.text-overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block}
.pc_none{display:none}
.none{display:none}
.text-l{text-align:left}
.text-c{text-align:center}
.text-r{text-align:right}
.float-l{float:left}
.float-c{float:center}
.float-r{float:right}
img{width:100%}
img.w_auto{width:auto}
.mt-15{margin-top:15px}
.mt-20{margin-top:20px}
a{transition:all .3s ease 0s}
.layui-btn{background:#38276e}
.layui-container{width:1200px;padding:0}
.flex{display:-webkit-box;display:-webkit-flex;display:flex;align-items:center}
.flex-item{-webkit-box-flex:1;-webkit-flex:1;flex:1}
.flex-inline{display:inline-flex;display:-webkit-flex;display:flex;align-items:center}
.flex-jus-center{justify-content:center}
.flex-top{align-items:flex-start}
.flex-bottom{align-items:flex-end}
.flex-right{flex-direction:row-reverse}
.header{position:relative;height:16vw}
.header .layui-container{padding-top:1.5vw}
.header .header_text{font-size:16px;line-height:30px;color:#000;letter-spacing:2px}
.footer{background:#2f2f2f;font-size:12px;line-height:30px;padding:15px 0}
.footer-nav{text-align:center;font-size:12px;color:#b8b8b8;margin-bottom:25px}
.footer-nav a{color:#b8b8b8;display:inline-block;line-height:36px;padding:0 5px}
.footer p{color:#666}
.footer p a{color:#666;margin:0 15px;}
.footer p a:hover{text-decoration:underline;color:#999}
.footer .layui-container{position: relative;}
.code{position: absolute;right:10px;width: 120px;text-align: center;}
.search_wrap{display:inline-block;margin-top:20px}
.search_wrap>a{display:inline-block;background:rgba(255,255,255,.5);border:#38276e 1px solid;color:#38276e;font-size:14px;padding:0 15px;line-height:34px;border-radius:5px;margin:0 0 0 10px;vertical-align:top}
.search_wrap>a i{font-size:20px;margin-right:5px}
.search_wrap>a:hover{background:#fff}
.search_wrap .search{display:inline-block}
.search_wrap .search input[type=text]{width:240px;border:#ddd 1px solid;height:36px;padding:0 10px;line-height:36px;border-right:0;border-radius:5px 0 0 5px;vertical-align:top}
.search_wrap .search a{background:#38276e;border:#38276e 1px solid;color:#fff;display:inline-block;height:36px;line-height:36px;font-size:14px;padding:0 15px;border-radius:0 5px 5px 0}
.search_wrap .search a i{font-size:18px;margin-right:5px}
.search_wrap .search a:hover{background:#4e3a93}
.nav{background:#38276e;text-align:center}
.nav .layui-nav{background:#38276e}
.nav .layui-nav .layui-nav-item{position:relative;line-height:64px}
.nav .layui-nav .layui-nav-item::after{height:30px;width:0;content:"";display:block;left:0;position:absolute;top:19px;border-right:rgba(255,255,255,.2) 1px dotted}
.nav .layui-nav .layui-nav-item:first-child::after{display:none}
.nav .layui-nav .layui-nav-item a{padding:0 42px;font-size:16px;color:#fff}
.nav .layui-nav-more{display:none}
.layui-nav-bar,.layui-nav-tree .layui-nav-itemed:after,.nav .layui-nav .layui-this:after{background-color:#4e3a93}
.nav .layui-nav .layui-nav-item .layui-nav-child a{color:#333;border-bottom:#eee 1px solid;line-height:40px}
.nav .layui-nav .layui-nav-item .layui-nav-child .layui-this a{background: #f2f2f2;}

.nav .layui-nav .layui-nav-child{padding:0}
.nav .layui-nav .layui-nav-item:nth-child(2) .layui-nav-child{left:-25px}
.top_banner{padding:20px 0}
.index_top{font-size:0}
.index-swiper.swiper-container{width:790px;height:395px;display:inline-block;vertical-align: top;}
.index-swiper .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.index-swiper .swiper-button-next,.index-swiper .swiper-button-prev{background:rgba(0,0,0,.3);padding:15px 10px}
.index-swiper .swiper-button-prev{left:0}
.index-swiper .swiper-button-next{right:0}
.index-swiper .swiper-button-next:after,.index-swiper .swiper-button-prev:after{color:#fff}
.index-swiper .swiper-pagination-bullet{background:#fff;opacity:1}
.index-swiper .swiper-pagination-bullet-active{background:#c90304}
.index_notic{width:380px;height:395px;margin-left:30px;display:inline-block;vertical-align: top;}
.index_notic_top{height:70px;font-size:0;display: block;}
.index_notic_top .index_notic_top_left{display:inline-block;vertical-align: top; width:50px;height:50px;margin-right:15px;background:url(/static/ntlaw/images/notic_bg.png);color:#fff;text-align:center;font-size:22px;padding:10px;line-height:25px}
.index_notic_top .index_notic_top_right{display:inline-block;width: 295px;vertical-align: top;}
.index_notic_top .index_notic_top_right a{display:block;height:70px;overflow:hidden}
.index_notic_top .index_notic_top_right a h1{color:#000;font-size:16px;line-height:30px}
.index_notic_top .index_notic_top_right a p{text-align:justify;text-align-last:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12px;color:#999;line-height:20px}
.index_notic_top .index_notic_top_right a:hover h1{color:#c90304}
.index_notic_top .index_notic_top_right a:hover p{text-decoration:underline}
.index_notic_list{margin-top:10px}
.index_notic_list li{display:block;position:relative;padding:0 50px 0 60px;line-height:32px;height:32px;font-size:14px;overflow: hidden;}
.index_notic_list li::before{display:block;position:absolute;content:"";width:3px;height:3px;background:#38276e;left:3px;top:14px}
.index_notic_list li span{display:inline-block;width:40px;text-align:center;padding-right:5px;position:absolute;vertical-align:top;left: 15px;}
.index_notic_list li span::after{display:block;position:absolute;content:"";width:1px;height:20px;background:#ddd;right:0;top:6px}
.index_notic_list li a{display:block;padding-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.index_notic_list li a:hover{color:#c90304}
.index_notic_list li time{font-size:12px;color:#999;width:50px;text-align:right;vertical-align:top;position: absolute;right: 0;top:0;}
.public_box{width:100%;border:#ddd 1px solid;height:140px;margin-top:10px;overflow:hidden}
.public_box .public_box_tit{position:relative;height:40px;background-image:linear-gradient(0deg,#f6f6f6,#fdfdfd);line-height:40px;font-size:16px;color:#c90304;border-bottom:#ddd 1px solid;font-weight:initial;text-indent:25px}
.public_box .public_box_tit::before{position:absolute;top:13px;left:13px;content:"";width:3px;height:16px;background:#c90304}
.public_list{padding:5px 15px}
.public_list dl{border-bottom:#ddd 1px dotted;line-height:26px}
.public_list dl:last-child{border:0}
.public_list dl dd{display:inline-block;width:60px;color:#c90304;font-size:12px}
.public_list dl dt{display:inline-block;width:200px}
.public_list dl dt a{font-size:12px;display:inline-block;color:#666;padding:0 10px 0 0}
.public_list dl dt a:hover{color:#333;text-decoration:underline}
.index_channel_tit{margin:25px 0 20px 0}
.index_news>.index_news_flex{font-size:0}
.index_news>.index_news_flex>div{width:420px;height:350px;margin-right:30px;display:inline-block;font-size:14px;margin-bottom: 20px;vertical-align: top;}
.index_news>.index_news_flex>div:nth-child(3n){width:300px;margin-right:0;display:inline-block;font-size:14px}
.index_news>.index_news_flex>div:nth-child(4),.index_news>.index_news_flex>div:nth-child(5),.index_news>.index_news_flex>div:nth-child(6){margin-bottom: 0;}
.index_news_tit1{position:relative;height:40px;background-image:linear-gradient(0deg,#f6f6f6,#fdfdfd);line-height:40px;font-size:16px;color:#000;border:#ddd 1px solid;font-weight:initial;text-indent:10px}
.index_news_tit1::before{position:absolute;top:-1px;left:-1px;content:"";width:80px;height:3px;background:#38276e}
.index_news_tit1 a{float:right;color:#999;font-size:12px;margin-right:20px}
.index_news_tit1 a i{font-size:12px;color:#ccc;margin-left:5px;transition:all .3s ease 0s}
.index_news_tit1 a:hover{margin-right:15px}
.index_news_tit1 a:hover,.index_news_tit1 a:hover i{color:#c90304}
.index_news_list1_top{margin:20px 0}
.index_news_list1_top .img{width:180px;height:110px;overflow:hidden;margin-right:15px;display:block}
.index_news_list1_top .img a{width:100%;display:block;height:110px;background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important}
.index_news_list1_top .flex-item{width:225px}
.index_news_list1_top a h1{font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:40px;color:#000;display:block;width:100%}
.index_news_list1_top a p{font-size:12px;line-height:20px;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:60px;text-align:justify;text-align-last:left}
.index_news_list1_top a:hover h1{color:#c90304}
.index_news_list1_top a:hover p{text-decoration:underline}
.index_news_list1_top.no_img{margin-top:0;padding:0 10px}
.index_news_list1_top.no_img .flex-item{width:100%}
.index_news_list1 li{display:block;position:relative;padding-left:10px;line-height:30px;height:30px;position:relative;padding-right:50px}
.index_news_list1 li::before{display:block;position:absolute;content:"";left:3px;top:13px;width:0;height:0;border:4px solid transparent;border-left-color:#38276e}
.index_news_list1 li a{display:block;padding-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.index_news_list1 li a:hover{color:#c90304}
.index_news_list1 li time{position:absolute;right:0;top:0;font-size:12px;color:#999;width:50px;text-align:right;vertical-align:top}
.index_news_tit2{position:relative;height:40px;line-height:40px;font-size:16px;color:#000;border-top:#ddd 1px solid;font-weight:initial;text-indent:10px}
.index_news_tit2::before{position:absolute;top:-1px;left:-1px;content:"";width:80px;height:3px;background:#38276e}
.index_news_tit2 a{float:right;color:#999;font-size:12px;margin-right:10px}
.index_news_tit2 a i{font-size:12px;color:#ccc;margin-left:5px;transition:all .3s ease 0s}
.index_news_tit2 a:hover{margin-right:5px}
.index_news_tit2 a:hover,.index_news_tit2 a:hover i{color:#c90304}
.index_news_tit2.color-red{color:#c90304}
.index_news_tit2.color-red.text-black{color:#000}
.index_news_tit2.color-red::before{background:#c90304}
.index_news_list2_top{width:100%;position:relative;height:230px;margin-top:1px}
.index_news_list2_top dd{width:100%;height:230px;overflow:hidden}
.index_news_list2_top dd a{height:230px;display:block;background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important}
.index_news_list2_top dt{position:absolute;width:100%;background:rgba(0,0,0,.7);bottom:0}
.index_news_list2_top dt a{color:#fff;font-size:12px;display:block;padding:0 15px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:30px}
.index_news_list2_top:hover dt{background:rgba(0,0,0,.5)}
.index_news_list2{margin-top:11px}
.index_news_list2 li{display:block;position:relative;padding-left:10px;line-height:32px;height:32px}
.index_news_list2 li::before{display:block;position:absolute;content:"";left:3px;top:10px;width:12px;height:12px;background:url(/static/ntlaw/images/biao01.png) no-repeat}
.index_news_list2 li a{display:block;padding-left:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.index_news_list2 li a:hover{color:#c90304}
.news-swiper.swiper-container{width:420px;height:300px}
.news-swiper .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.news-swiper .swiper-slide a{display:block;position:relative;width:420px;height:300px;overflow:hidden}
.news-swiper .swiper-slide a .img{width:100%;height:300px;background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important}
.news-swiper .swiper-slide a p{position:absolute;width:90%;padding:0 5%;font-size:14px;text-align:left;background:#2d2d2d;height:40px;line-height:40px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;bottom:0;color:#fff}
.news-swiper .swiper-button-prev{left:0}
.news-swiper .swiper-button-next{right:0}
.news-swiper .swiper-button-next:after,.news-swiper .swiper-button-prev:after{color:#fff;zoom:calc(.8)}
.news-swiper .swiper-pagination-bullet{border:#fff 1px solid;background:0 0;width:6px;height:6px;opacity:1}
.news-swiper .swiper-pagination-bullet-active{background:#fff;opacity:1}
.news-swiper .swiper-pagination-bullets{bottom:46px}
.index_industry_flex{font-size:0}
.index_industry_flex>div{width:380px;height:350px;display:inline-block;font-size:14px;margin-right:30px;vertical-align:top}
.index_industry_flex>div:last-child{margin-right:0}
.q_link{position:relative;width:380px;height:300px;font-size:0;margin-top:8px}
.q_link::before{content:" ";position:absolute;top:0;right:0;width:380px;height:1px;border-top:1px solid #ddd}
.q_link::after{content:" ";position:absolute;top:0;left:0;width:1px;height:300px;border-left:1px solid #ddd}
.q_link a{display:inline-block;width:55px;height:60px;text-align:center;position:relative;padding:20px;cursor:pointer;color:#38276e}
.q_link a::before{content:" ";position:absolute;top:0;right:0;width:1px;height:100px;border-right:1px solid #ddd}
.q_link a::after{content:" ";position:absolute;left:0;bottom:0;height:1;width:95px;border-bottom:1px solid #ddd}
.q_link a i{font-size:34px;line-height:40px}
.q_link a p{font-size:12px;line-height:20px;color:#333}
.q_link a:hover{background:#38276e;color:#fff}
.q_link a:hover p{color:#fff}
.index_honor_top{width:380px;height:180px;position:relative;margin-top:8px}
.index_honor_top .img{width:380px;height:180px;background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important}
.index_honor_top p{color:#fff;font-size:14px;display:block;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:36px;position:absolute;bottom:0;background:rgba(0,0,0,.8);width:100%;text-indent:15px}
.index_honor_list li{display:block;position:relative;padding-left:10px;line-height:40px;height:40px;border-bottom:#ddd 1px dotted}
.index_honor_list li:last-child{border-bottom:0}
.index_honor_list li::before{display:block;position:absolute;content:"";left:5px;top:16px;width:0;height:0;border:4px solid transparent;border-left-color:#f8696a}
.index_honor_list li a{display:inline-block;width:360px;padding-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.index_honor_list li a:hover{color:#c90304}
.practice_box{position:relative;padding-left:110px}
.practice_btn{position:absolute;width:95px;top:0;left:0}
.practice_btn a{display:block;width:95px;height:58px;background:url(/static/ntlaw/images/practice_btn.png) no-repeat;margin-bottom:9px;color:#fff;text-align:center;font-size:12px;padding-top:10px}
.practice_btn a:last-child{margin:0}
.practice_btn a i{font-size:28px}
.index_practice .layui-tab-title{background-image:linear-gradient(0deg,#f6f6f6,#fdfdfd);border:#ddd 1px solid}
.index_practice .layui-tab-title .layui-this{background:#fff}
.index_practice .layui-tab-title .layui-this::before{position:absolute;top:0;left:0;content:"";width:100%;height:3px;background:#38276e;z-index:10}
.index_practice .layui-tab-content{padding:10px 0}
.index_practice .layui-tab-title li:first-child.layui-this:after{border-left-width:0}
.index_practice_list li{display:block;position:relative;padding-left:10px;line-height:40px;height:40px;border-bottom:#ddd 1px dotted}
.index_practice_list li:last-child{border-bottom:0}
.index_practice_list li a{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.index_practice_list li a:hover{color:#c90304}
.index_cultural_flex{font-size:0}
.index_cultural_flex>div{width:380px;height:400px;display:inline-block;font-size:14px;margin-right:30px;vertical-align:top}
.index_cultural_flex>div:last-child{margin-right:0}
.index_cultural_list li{display:block;position:relative;padding-left:10px;line-height:40px;height:40px;border-bottom:#ddd 1px dotted}
.index_cultural_list li:last-child{border-bottom:0}
.index_cultural_list li::before{display:block;position:absolute;content:"";left:5px;top:16px;width:0;height:0;border:4px solid transparent;border-left-color:#38276e}
.index_cultural_list li a{display:block;width:100%;padding-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.index_cultural_list li a:hover{color:#c90304}
.index_lawyer{margin-top:8px;font-size: 0;}
.index_lawyer .img{width:125px;height:169px;display: inline-block;vertical-align: top;}
.index_lawyer .img img{width:125px;height:169px;}
.index_lawyer_list{margin-left:15px;width:240px;display: inline-block;vertical-align: top;}
.index_lawyer_list li{display:block;position:relative;padding-left:20px;line-height:36px;height:36px}
.index_lawyer_list li:last-child{border-bottom:0}
.index_lawyer_list li::before{display:block;position:absolute;content:"";left:5px;top:16px;width:4px;height:4px;background:#c90304;border-radius:50%}
.index_lawyer_list li a{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size: 14px;}
.index_lawyer_list li a:hover{color:#c90304}
.index_lawyer_list li:first-child{padding:0}
.index_lawyer_list li:first-child::before{display:none}
.index_lawyer_list li:first-child a{color:#c90304}
.index_photo{margin-top:15px;position: relative;padding-left: 75px;}
.index_photo_tit{width:61px;position: absolute;top:0;left: 0;}
.index_photo_tit img{width:61px}
.index_photo-swiper.swiper-container{width: 100%;height:145px}
.index_photo-swiper .swiper-slide{text-align:center;font-size:14px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.index_photo-swiper .swiper-slide img{min-width:90px;min-height: 90px;}
.index_photo-swiper .swiper-slide p{line-height:40px}
.online_list a{display:inline-block;width:170px;height:60px;margin:20px 20px 20px 0;border:#ddd 1px solid}
.online_list a img{width:170px;height:60px}
.online_list a:hover{border:#38276e 1px solid;background:#e9e9f5}
.index_link{margin-top:20px;padding:20px 0;background:#f6f6f6}
.index_link .layui-tab-title{padding-left:150px;line-height:50px;height:50px}
.index_link .layui-tab-title li{height:50px;line-height:50px;color:#666;margin-right:20px;padding:0 25px;font-size: 14px;}
.index_link .layui-tab-brief>.layui-tab-title .layui-this{color:#555}
.index_link .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom:#ccc 3px solid;height:52px}
.index_link .link_tit{color:#38276e;font-size:20px;position:absolute;line-height:50px;left:20px}
.index_link .layui-tab-content .layui-tab-item{padding-top:20px}
.index_link .layui-tab-content .layui-tab-item a{display:inline-block;margin-right:30px;margin-bottom: 20px; color:#666;font-size: 14px;}
.index_link .layui-tab-content .layui-tab-item a:hover{color:#38276e}
.layui-breadcrumb{font-size:14px;line-height:40px;padding:20px 0;display:block;visibility:visible}
.layui-breadcrumb a{color:#333!important}
.layui-breadcrumb a:hover{color:#38276e!important}
.layui-breadcrumb a cite{color:#c90304}
.layui-breadcrumb span{position:relative}
.layui-breadcrumb span .right-arrow{content:" ";height:6px;width:6px;border-width:1px 1px 0 0;border-color:#999;border-style:solid;transform:rotate(45deg);position:absolute;top:30%;right:3.8%}
.row_box{font-size: 0;padding-bottom: 20px;}
.left_container{width: 22%;margin-right: 3%;display: inline-block;vertical-align: top;font-size: 14px}
.right_container{width: 75%;display: inline-block;vertical-align: top;font-size: 14px;}
.left_tree{width:100%;border:#ddd 1px solid;margin-right:30px;}
.left_tree_top{position:relative;height:50px;background-image:linear-gradient(0deg,#f6f6f6,#fdfdfd);line-height:50px;font-size:18px;font-weight: bold; color:#38276e;border-bottom:#ddd 1px solid;text-indent:20px}
.left_tree_top::before{position:absolute;top:-1px;left:-1px;content:"";width:116px;height:3px;background:#38276e}
.left_tree a{display:block;margin:0 10px;border-bottom:#ddd 1px solid;line-height:48px;text-indent:10px;color:#333;font-size:14px;position:relative}
.left_tree a:last-child{border:0}
.left_tree a::after{content:" ";height:6px;width:6px;border-width:2px 2px 0 0;border-color:#38276e;border-style:solid;transform:rotate(45deg);position:absolute;top:20px;right:30px;opacity:0;transition:all .3s ease 0s}
.left_tree a:hover::after{content:" ";height:6px;width:6px;border-width:2px 2px 0 0;border-color:#999;border-style:solid;transform:rotate(45deg);position:absolute;top:20px;right:20px;opacity:1}
.left_tree a:hover{color:#38276e}
.left_tree a.active::after{content:" ";height:6px;width:6px;border-width:2px 2px 0 0;border-color:#38276e;border-style:solid;transform:rotate(45deg);position:absolute;top:20px;right:20px;opacity:1}
.left_tree a.active{color:#c90304}
.channel_tit{border-top:#38276e 3px solid;border-bottom:#ddd 1px solid;line-height:50px;height:50px;color:#38276e;font-size:20px;font-weight:bold;text-indent:20px;position:relative}
.channel_tit::before{content:"";display:block;position:absolute;left:0;top:14px;height:24px;width:4px;background:#38276e}
.channel_tit span{display:inline-block;margin-left:10px;color:#ccc;font-weight: normal;text-transform:uppercase;;}
.sreach_form{background:#f6f6f6;padding:10px 0;margin:15px 0}
.sreach_form .layui-form-item:last-child{margin-bottom:0}
.layui-form-item.long-input .layui-input-inline{width:250px}
.layui-btn-mid{float:left;display:block;padding:0!important;margin-left:40px}
.layui-btn-mid .layui-btn{line-height:35px;height:35px;text-align:center;padding:0 25px;border-radius:5px}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#38276e}
.layui-laypage a:hover{color:#38276e}
.layui-bg-metal{background-color:#b89242}
.layui-bg-blue{background-color:#4277b8!important}
.layui-bg-green{background-color:#289296!important}
.lawfirm_list li{border-bottom:#ddd 1px dotted;display:block;padding:20px 10px;position:relative}
.lawfirm_list li:last-child{border-bottom:0}
.lawfirm_list li h1{font-size:18px;line-height:60px;font-weight:400;color:#000}
.lawfirm_list li p{font-size:14px;line-height:30px;color:#777}
.lawfirm_list li a.more{display:inline-block;color:#999;padding:0 20px;border:#ddd 1px solid;line-height:30px;position:absolute;right:100px;top:100px}
.lawfirm_list li:hover a.more{border:#38276e 1px solid;background:#38276e;color:#fff;right:50px;padding-right:30px}
.lawfirm_list li:hover a.more::after{content:" ";height:6px;width:6px;border-width:2px 2px 0 0;border-color:#fff;border-style:solid;transform:rotate(45deg);position:absolute;top:12px;right:10px;opacity:1}
.lawfirm_list .layui-badge{padding:0 20px;line-height:24px;height:24px;margin-left:15px;font-size:14px;vertical-align:middle;font-weight:400}
.layui-laypage{margin:50px 0}
.layui-laypage input:focus,.layui-laypage select:focus{border-color:#38276e!important}
.checkbox_li span,.radio_li span{display:inline-block;padding:0 15px;border:#ddd 1px solid;background:#fff;font-size:14px;line-height:36px;margin-right:20px;border-radius:3px;min-width:50px;text-align:center;cursor:pointer}
.checkbox_li span.active,.radio_li span.active{border:#d4cdec 1px solid;background:#d4cdec;color:#38276e}
.lawyer_list li{border-bottom:#ddd 1px dotted;padding:20px 10px}
.lawyer_list li:last-child{border-bottom:0}
.lawyer_list li .img img{width: 120px;height: 120px;}
.lawyer_list li .flex-item{position:relative;margin-left:20px}
.lawyer_list li .flex-item h1{font-size:18px;line-height:50px;font-weight:400;color:#000}
.lawyer_list li .flex-item p{font-size:14px;line-height:30px;color:#777}
.lawyer_list li .flex-item p span{display:inline-block;margin-right:30px;min-width:220px}
.lawyer_list li .flex-item a.more{display:inline-block;color:#999;padding:0 20px;border:#ddd 1px solid;line-height:30px;position:absolute;right:100px;top:90px}
.lawyer_list li:hover .flex-item a.more{border:#38276e 1px solid;background:#38276e;color:#fff;right:50px;padding-right:30px}
.lawyer_list li:hover .flex-item a.more::after{content:" ";height:6px;width:6px;border-width:2px 2px 0 0;border-color:#fff;border-style:solid;transform:rotate(45deg);position:absolute;top:12px;right:10px;opacity:1}
.detail_wrap{padding:20px;font-size: 14px;line-height: 28px;}
.detail_wrap .back a{display:inline-block;color:#333;font-size:16px;line-height:30px}
.detail_wrap .back a i{color:#222;margin-right:10px}
.detail_wrap .back a:hover{color:#38276e}
.detail_wrap .back a:hover i{color:#38276e}
.detail_wrap section{padding:15px 0}
.detail_tit{font-size:24px;line-height:60px;color:#000;text-align:center}
.detail_wrap img{width: auto;max-width: 80%;margin: 20px auto;}

#share{display:inline-block;border-left:#ddd 1px solid;padding-left:20px}
.share_box{font-size:16px;color:#999;padding:15px 0;margin-left:10px}
.share_box i.iconfont{margin:0 10px;font-size:20px;color:#ccc}
.sub_tit{line-height:50px;display:block;position:relative;margin-bottom:15px}
.sub_tit span{display:inline-block;color:#38276e;font-size:18px;border-bottom:#38276e 3px solid;padding:0 30px}
.site-text{font-size: 16px;line-height: 40px;}
.site-text p{padding:0;}
.table_style{width:100%;border-collapse:collapse;border:0}
.table_style td,.table_style th{border:#ddd 1px solid;padding:5px 15px;color:#666;line-height:40px;font-size:16px}
.table_style th{background:#f6f6f6;font-weight:400}
.table_style td{color:#333}
.table_style td a{text-decoration:underline}
.table_style td a:hover{color:#38276e}
.lawyer_card li{display:inline-block;width:480px;margin:40px 78px 40px 0;border:#ddd 1px solid;padding:25px 25px 15px 25px;background:#fff}
.lawyer_card li:nth-child(2n){margin-right:0}
.lawyer_card li .flex-hd{width:120px;margin-right:30px;text-align:center}
.lawyer_card li .flex-hd p{text-align:center;font-size:16px;line-height:30px;color:#000;margin-top:10px}
.lawyer_card li .flex-item p{font-size:14px;line-height:30px;color:#777}
.lawyer_card li:hover{box-shadow:rgba(0,0,0,.3) 3px 3px 5px}
.right_nav{right:0;bottom:100px;position:fixed;text-align:left;overflow:hidden;z-index:500}
.right_nav li{background:#38276E;margin:4px 0;padding:10px;border-top-left-radius:4px;border-bottom-left-radius:4px;cursor:pointer;position:relative;right:-80px;width: 110px;}
.right_nav li .iconBox{text-align:center;overflow:hidden;display:flex;align-items:center;justify-content:space-between}
.right_nav li i{font-size: 24px;color: #fff;}
.right_nav li h4{color:#fff;font-size:14px;margin:2px 0;margin-left:15px;text-align:left;}
.right_nav li:hover{background:#cf1322}
.right_nav li .hideBox{display:none;position:absolute;right:120px;padding:10px;padding-right:15px;top:-10px;z-index:999}
.right_nav li .hideBox .hb{border:1px solid #ddd;background-color:#fff;padding:10px 20px;border-top:2px solid #38276E;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.right_nav li .hideBox .hb img{width: 120px;}
.right_nav li .hideBox .hb h5{padding:5px 0;border-bottom:1px solid #ddd;color:#38276E;font-size:16px;font-weight:400;display:block;white-space:nowrap}.right_nav li .hideBox .hb p{margin-top:5px;font-size:18px;font-weight:700}.right_nav li .hideBox .hb .qqtalk{margin-top:10px}.right_nav li .hideBox .hb .qqtalk a{display:flex;align-items:center}.right_nav li .hideBox .hb .qqtalk img{width:25px;height:25px}.right_nav li .hideBox .hb .qqtalk p{font-size:14px;font-weight:400;white-space:nowrap;margin-top:-5px;margin-left:5px}.right_nav li:nth-child(3) .hideBox img{width:140px;height:140px;margin-top:10px}
.list{margin: 15px 0;}
.list li{display:block;position:relative;padding:0 100px 0 40px;line-height:46px;height:46px;font-size:16px}
.list li::before{display:block;position:absolute;content:"";width:5px;height:5px;border:#666 1px solid;left:13px;top:20px;border-radius: 50%;}
.list li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.list li a:hover{color:#c90304}
.list li time{font-size:14px;color:#999;text-align:right;vertical-align:top;position: absolute;right: 0;top:0;}
.list li:hover{background: #f5f5f5;}
.p_list{padding-bottom:30px;}
.p_list ul{margin: 15px 0;}
.p_list ul li{line-height: 40px;background:#f6f6f6;font-size: 14px;padding: 0 50px 0 160px;position: relative;}
.p_list ul li:first-child{font-size: 18px;height: 50px;line-height: 50px;color: #38276E;text-indent: 20px;position: relative;font-weight: bold;padding: 0 0  0 5px;background-color: #fff;}
.p_list ul li:first-child::after{content:"";width: 130px;height:3px;position: absolute;background: #38276E;left: 0;top:50px;display: block;z-index: 20;}
.p_list ul li:nth-child(2){padding-top: 10px;}
.p_list ul li:last-child{padding-bottom: 10px;}
.p_list ul li span{display: inline-block;text-align-last: justify; min-width:60px;margin-right:30px;font-size: 15px;color: #444;}
.p_list ul li span:first-child{color:#000;font-weight: bold;position: absolute;left:50px;min-width:80px;}

.detail_tips{text-align: center;background:#f6f6f6;font-size: 14px;line-height: 46px;margin: 20px 0;}
.detail_tips span{display: inline-block;margin: 0 15px;color: #999;}
.news_list a{padding:25px;border-bottom: #ddd 1px dotted;}
.news_list a:hover{background: #f6f6f6;}
.news_list a .flex-hd{width:200px;margin-right: 20px;}
.news_list a h4{display: block;font-size: 18px;color: #000;line-height: 40px;width: 100%;overflow: hidden;white-space: nowrap;    max-width: 600px;    text-overflow: ellipsis;}
.news_list a  p{color: #777;font-size: 14px;line-height: 26px;text-align: justify;
    text-align-last: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
	.news_list a .tips{font-size: 14px;line-height: 40px;}
	.news_list a .tips span{display: inline-block;color: #aaa;margin-right: 40px;font-size: 14px;max-width:200px;overflow: hidden;}
.news_list a:last-child{border-bottom: 0;}
.subnav a{display: inline-block;margin: 15px 25px 15px 0;font-size: 16px;line-height: 40px;padding: 0 20px;color: #333;background: #f6f6f6;}
.subnav a.active{background: #38276E;color: #fff;}
.subnav a:hover{background:#d4cdec;}
.pic_list{padding-top: 20px;font-size: 0;}
.pic_list a{display: inline-block;width:258px ;margin: 0 30px 30px 0;border: #ddd 1px solid;padding: 10px;font-size: 14px;}
.pic_list a:nth-child(3n){margin-right: 0;}
.pic_list a:hover{box-shadow:rgba(0,0,0,.3) 3px 3px 8px}
.pic_list a img{width: 258px;height: 177px;}
.pic_list a h4{font-size: 16px;color: #000;padding-right: 50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height:40px;position: relative;}
.pic_list a h4 span{position: absolute;right: 0;color: #666;font-size: 14px;}
.pic_list a p{position: relative;display: block;color: #999;font-size: 12px;line-height:24px;white-space: nowrap;overflow: hidden;width: 100%;text-overflow: ellipsis;}

.photos_close{display: block;position: absolute;right: 0;top:0;width:80px;height:70px;background: #ddd;}
.photos_close::before,.photos_close::after{width:60px;height:3px;background:#777;display: block;position: absolute;content: "";top:30px;left:10px}
.photos_close::after{transform: rotate(45deg);}
.photos_close::before{transform: rotate(-45deg);}

.photos_wrap{height: 100vh;}
.photos_wrap h1{color: #fff;font-size:34px;line-height:80px;text-align: center;padding-top:50px;}
.photos_wrap .tips{text-align: center;color: #E9E9E9;font-size: 14px;line-height:50px;}
.photos_wrap .tips span{margin: 0 30px;}
.photos-swiper .swiper-container {
      width: 100%;
    }

   .photos-swiper .swiper-slide {
      text-align: center;
      font-size: 18px;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
   .photos-swiper .swiper-pagination-fraction	{color: #999;bottom: 30px;}
   .photos-swiper .swiper-button-next,.photos-swiper .swiper-button-prev{font-family: "iconfont" !important;font-size:36px;font-style: normal;  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;color: #fff;}
    .photos-swiper .swiper-button-next:before{ content: "\e616";}
	.photos-swiper .swiper-button-prev:before{ content: "\e703";}
	 .photos-swiper .swiper-button-next::after,.photos-swiper .swiper-button-prev::after{display: none;}
@media screen and (max-width:1199px){
	.index_notic_top .index_notic_top_right {
	    width: 275px;
	}
	.photos_close{width:70px;height:60px;}
	.photos_close::before,.photos_close::after{width:40px;height:3px;background:#777;display: block;position: absolute;content: "";top:30px;left:15px}
	.pic_list a{display: inline-block;width:213px ;margin: 0 15px 20px 0;border: #ddd 1px solid;padding: 10px;font-size: 14px;}
	.pic_list a img{width: 213px;height: 246px;}
	.news_list a{padding: 15px;}
	.news_list a .flex-hd{width: 180px;}
	.news_list a .tips span{font-size: 13px;margin-right: 20px;}
	.nav .layui-nav .layui-nav-item a{padding:0 25px}
.index-swiper.swiper-container{width:60%;height:auto}
.index_notic{width:38%;margin-left:2%;vertical-align:top;height:auto}
.layui-container{width:96%}
.public_box{display:none}
.index_notic_list li{line-height:42px;height:42px}
.index_notic_list li::before{top:19px}
.index_notic_list li span::after{top:11px}
.index_news>.index_news_flex>div{width:35%;height:auto;margin-right:2%;vertical-align:top}
.index_news>.index_news_flex>div:nth-child(3n){width:25%;vertical-align:top}

.index_news_list1_top .img{height:100px}
.index_news_list1_top .img a{height:100px}
.news-swiper.swiper-container{width:100%}
.index_industry_flex>div{width:32%;margin-right:2%}
.q_link{width:100%}
.q_link::before{width:100%}
.q_link a::after{width:100%}
.q_link a::before{height:76px}
.q_link a{width:33.33%;padding:8px 0}
.q_link a i{font-size:26px;line-height:37px}
.index_honor_list li a{width:auto;display:block}
.index_honor_top{width:100%}
.index_honor_top .img{width:100%}
.index_cultural_flex>div{width:32%;margin-right:2%}
.index_lawyer .img{width:30%;height:auto;display: inline-block;margin-top: 15px;}
.index_lawyer .img img{width:100%;height:auto;}
.index_lawyer_list{margin-left:5%;width:65%;display: inline-block;vertical-align: top;}
.index_photo{padding-left:20%;}
.index_photo_tit{width:18%;}
.index_photo_tit img{width:100%}
.index_photo-swiper.swiper-container{width: 100%;height:145px}
.index_photo-swiper .swiper-slide img{min-width:80px;min-height: 80px;}
.checkbox_li span, .radio_li span{line-height: 32px;padding: 0 10px;margin-right: 15px;}
.layui-form-item.long-input .layui-input-inline{width: 200px;}
.table_style td, .table_style th{font-size: 14px;padding:5px;line-height: 28px;}
.lawyer_list li .flex-item a.more{top:auto;bottom:20px;}
.lawyer_card li{margin: 20px;width:400px;padding:  15px;}
.lawyer_card li .flex-hd{margin-right: 20px;}
.subnav a{font-size: 15px;margin: 15px 15px 15px 0;}

}
@media screen and (max-width:768px){
	.news_list a h4 {
	    max-width: 460px;
    text-overflow: ellipsis;
}
	.index_notic_top .index_notic_top_right {
	    width: 345px;
	}
	.pic_list a{display: inline-block;width:208px ;margin: 0 15px 20px 0;border: #ddd 1px solid;padding: 10px;font-size: 14px;}
	.pic_list a img{width: 208px;height: 142px;}
	.layui-form-item .layui-input-inline{margin-bottom: 15px}
	.left_tree_top{border-bottom: 0;}
	.footer p{padding: 0 3%;}
.mob_nav{position: fixed;left:-100%;top:0px;z-index: 900;width: 100%;background: rgba(0,0,0,.5);height: 100vh;overflow-y:auto;opacity: 0;}
.mob_nav .layui-side-scroll .layui-nav-tree{width: 100%;}
.mob_nav .layui-nav{margin-top:80px;}
.mob_nav .layui-bg-black{background: #eee !important;}
.mob_nav .layui-nav a{background: #eee !important;}
.mob_nav .layui-nav-tree .layui-nav-item.layui-nav-itemed>a::before{content: "";display: block;width: 4px;height:60px;background: #38276E;left: 0;position: absolute;top:0}
.mob_nav .layui-nav-tree .layui-nav-item a{font-size: 16px;line-height: 60px;height: 60px;color: #333;border-bottom: #ddd 1px solid;}
.mob_nav .layui-nav-tree .layui-this>a{background: #38276E;color: #fff;}
.mob_nav  .layui-nav-tree .layui-nav-item a:hover{background: transparent;color: #333;}
.mob_nav  .layui-nav-itemed>a{color: #333!important;}
.mob_nav  .layui-nav-tree .layui-nav-bar{display: none;}

.mob_nav .layui-nav .layui-nav-more{border-color: #ccc  transparent transparent;margin-top: -3px;}
.mob_nav .layui-nav-tree .layui-nav-item .layui-nav-child dd a{font-size: 14px;line-height: 46px;height: 46px;background: #fff !important;text-indent: 10px;}
.layui-container{width:100%}
.index-swiper.swiper-container{width:100%;height:auto}
.index-swiper.swiper-container .swiper-slide a{display:block;width:100%}
.index-swiper.swiper-container a img{width:100%}
.index_notic{width:94%;margin:20px 3% 0 3%;height:auto}
.index_notic_mob{width:60%;display:inline-block}
.index_notic_list li{line-height:32px;height:32px}
.index_notic_list li::before{top:15px}
.index_notic_list li span::after{top:6px}
.public_box{width:35%;display:inline-block;margin-left:3%;height:auto;vertical-align:top}
.public_list dl{line-height: 24px;}
.pc_none{display:block}
.mob_none{display:none}
.mob_header_wrap{position:relative;height:80px;width:100%}
.mob_header{position:fixed;z-index:1000;background:#38276e;width:94vw;padding:10px 3vw;height:60px;text-align:center}
.mob_logo{width:200px;display:inline-block}
.menu-button{position:absolute;top:0;right:0;padding:25px;cursor:pointer;-webkit-transition:.3s;transition:.3s;background-color:rgba(0,0,0,.3)}
.menu-button .bar:nth-of-type(1){margin-top:0}
.menu-button .bar:nth-of-type(3){margin-bottom:0}
.bar{position:relative;display:block;width:40px;height:3px;margin:10px auto;background-color:#fff;border-radius:10px;-webkit-transition:.3s;transition:.3s}
.menu-button:hover .bar:nth-of-type(1){-webkit-transform:translateY(1.5px) rotate(-4.5deg);-ms-transform:translateY(1.5px) rotate(-4.5deg);transform:translateY(1.5px) rotate(-4.5deg)}
.menu-button:hover .bar:nth-of-type(2){opacity:.9}
.menu-button:hover .bar:nth-of-type(3){-webkit-transform:translateY(-1.5px) rotate(4.5deg);-ms-transform:translateY(-1.5px) rotate(4.5deg);transform:translateY(-1.5px) rotate(4.5deg)}
.cross .bar:nth-of-type(1){-webkit-transform:translateY(15px) rotate(-45deg);-ms-transform:translateY(15px) rotate(-45deg);transform:translateY(15px) rotate(-45deg)}
.cross .bar:nth-of-type(2){opacity:0}
.cross .bar:nth-of-type(3){-webkit-transform:translateY(-15px) rotate(45deg);-ms-transform:translateY(-15px) rotate(45deg);transform:translateY(-15px) rotate(45deg)}
.cross:hover .bar:nth-of-type(1){-webkit-transform:translateY(13.5px) rotate(-40.5deg);-ms-transform:translateY(13.5px) rotate(-40.5deg);transform:translateY(13.5px) rotate(-40.5deg)}
.cross:hover .bar:nth-of-type(2){opacity:.1}
.cross:hover .bar:nth-of-type(3){-webkit-transform:translateY(-13.5px) rotate(40.5deg);-ms-transform:translateY(-13.5px) rotate(40.5deg);transform:translateY(-13.5px) rotate(40.5deg)}
.index_news,.index_industry,.index_cultural,.index_online{padding:0 3% ;}
.index_news>.index_news_flex>div{width:48%;margin-right: 4%;}
.index_news>.index_news_flex>div:nth-child(3){width: 48%;margin-right: 4%;}
.index_news>.index_news_flex>div:nth-child(6){width: 48%;}
.index_news>.index_news_flex>div:nth-child(2n){margin-right: 0;}

.index_industry_flex>div:first-child{width: 100%;margin-bottom: 20px;height: auto;}
.q_link {height: 150px;}
.q_link a{width: 16.666%;}
.q_link::after{height: 150px;}
.index_industry_flex>div:nth-child(2){width: 48%;margin-right: 4%;}
.index_industry_flex>div:nth-child(3){width: 48%;}
.index_cultural_flex>div:first-child{width: 100%;height: auto;margin-bottom:20px;}
.index_cultural_flex>div:nth-child(2){width: 48%;margin-right: 4%;}
.index_cultural_flex>div:nth-child(3){width: 48%;}
.index_lawyer{background: #f6f6f6;padding: 20px;}
.index_lawyer_list{width: 50%;}
.index_lawyer .img{padding: 0 10%;width:20% ;}
.index_photo{padding-left: 80px;height: auto;}
.index_photo_tit{width: 61px;}
.index_photo-swiper .swiper-slide a{display: block;width:60%;}
.index_photo-swiper .swiper-slide a img{width: 100%;}
.online_list a{width:20%;height:auto;margin-right: 2%;}
.online_list a img{width: 100%;height: auto;}
.layui-breadcrumb{padding:20px 3% ;}
.row_box{padding: 0 3%;}
.left_container{width: 100%;margin-right: 0;margin-bottom: 20px;}
.right_container{width: 100%;}
.left_tree .left_tree_list{display: none;}
.left_tree_top::after {
	    content: " ";
	    height: 6px;
	    width: 6px;
	    border-width: 2px 2px 0 0;
	    border-color: #666;
	    border-style: solid;
	    transform: rotate(135deg);
	    position: absolute;
	    top: 15px;
	    right: 20px;
	    opacity: 1;
	}
	.left_tree_top.on::after{ transform: rotate(-45deg);}
	.left_tree a.active::after{display:none;}
	.table_style.mob_none{display: block;}
	.table_style.pc_none{display: none;}
	.lawyer_card li{width: 94%;margin: 0;padding: 3%;margin-bottom: 20px;}
	.lawyer_card li .flex-hd{width: 160px;}
	.index_photo-swiper .swiper-slide img{min-width:120px;min-height: 120px;}
	
}
@media screen and (max-width:600px){
	.news_list a h4 {
	    max-width: auto;
    text-overflow: ellipsis;
}
	
	.index_notic_top {
		position: relative;padding-left: 85px;
	}
	.index_notic_top .index_notic_top_left{
		position: absolute;left: 0;
	}
	.index_notic_top .index_notic_top_right {
	   width: 100%;
	}
	.lawyer_list li.flex{display: block;}
	.lawyer_list li .img{display: block;width: 120px;margin: 0 auto;}
	.lawyer_list li .flex-item{display: block;}
	.lawyer_list li .flex-item a.more{display:block;color:#999;padding:0 20px;border:#ddd 1px solid;line-height:30px;position: relative;width: 30%;text-align: center;left: 0;top:0;margin: 10px auto;}

	 .photos-swiper .swiper-button-next,.photos-swiper .swiper-button-prev{font-size:26px;}
	.photos_wrap h1{font-size: 20px;}
	.photos_wrap .tips span{margin: 0 10px;}
	.photos_wrap .tips span:nth-child(3){display: none;}
	.photos_close{width:50px;height:50px;}
	.photos_close::before,.photos_close::after{width:40px;height:3px;background:#777;display: block;position: absolute;content: "";top:25px;left:5px}
	.photos-swiper .swiper-slide img{margin-bottom: 150px;}
	.photos-swiper .swiper-button-prev, .photos-swiper  .swiper-button-next{margin-top:-75px;}
	.pic_list a{display:block;width:94% ;margin:0 0 20px 0;border: #ddd 1px solid;padding:3%;font-size: 14px;}
	.pic_list a img{width:100%;height: auto;}
	.subnav{margin-top: 5px;}
	.subnav a{font-size: 14px;margin:5px;line-height:36px;padding: 0 10px;}
	.news_list a {display: block;padding: 10px ;}
	.news_list a .flex-hd{display: block;width: auto;margin: 0;}
	.news_list a .tips span{font-size: 12px;}
	.news_list a .tips span:first-child{display:none;}
.lawyer_card li .flex-hd{width: 100px;}
	.sreach_form .layui-form-item .layui-input-inline{width: auto;padding-right: 15px;}
		.sreach_form .layui-btn-mid{display: block;margin: 0 10%;width: 80%;}
		.sreach_form .layui-form-item{margin-bottom: 0;}
			.sreach_form .layui-form-select dl dd.layui-this{background: #d4cdec;color: #000;}
	.sreach_form .layui-btn-mid .layui-btn{display: block;width: 100%;}
	.lawfirm_list li{padding: 5px 0;}
	.lawfirm_list li h1{font-size: 16px;line-height:40px;}
	.lawfirm_list .layui-badge{padding: 0 10px;font-size: 12px;}
	.lawfirm_list li a.more{top:auto;right: 3%;bottom: 15px;}
	.table_style td, .table_style th{padding: 3px;font-size: 14px;line-height: 28px;}
	.lawyer_card li{margin:10px  0 ;padding:5px;display: block;width: auto;}
	.lawyer_card li .flex-hd{margin-right: 10px;}
	.detail_wrap img{margin: 10px auto;}
	.share_box{text-align: left !important;font-size: 14px;}
	.detail_tit{font-size: 16px;font-weight: bold;line-height: 36px;padding:10px 0;text-align: left;}
	.detail_tips{margin: 0;padding: 10px 0;line-height: 28px;}
	.detail_tips span{display:block;text-align:left;font-size: 12px;}
		.detail_tips span#visiternums{display:inline-block;}
	.p_list dl dt{font-size: 15px;}
	.p_list dl dd span{font-size: 14px;min-width: 50px;}
	.p_list dl dd span:first-child{left: 15px;min-width: 80px;}
	.p_list dl dd{padding: 0 0 0 100px;}
	.left_tree_top{line-height: 40px;height: 40px;font-size: 16px;}
	.public_box{display: none;}
	.index_link .layui-tab-title li{margin-right: 0;}
	.detail_wrap{padding: 10px 0;}
	.site-text{font-size: 14px;line-height: 28px;}
	.mob_nav .layui-nav{margin-top:60px;}
	.index-swiper .swiper-button-next, .index-swiper .swiper-button-prev{padding: 8px 5px;}
	.channel_tit {font-size: 16px;}
	.channel_tit span{display: none;}
	.index_notic_mob{width: 100%;}
	.index_news>.index_news_flex>div{width: 100%;margin-right:0;}
	.index_news>.index_news_flex>div:nth-child(3){width: 100%;margin-right:0 ;}
	.index_news>.index_news_flex>div:nth-child(6){width: 100%;margin-right:0 ;}
	.index_industry_flex>div{margin-right: 0;}
	.index_industry_flex>div:nth-child(2),.index_industry_flex>div:nth-child(3){width: 100%;margin-right:0 ;margin-bottom: 20px;}
	.index_cultural_flex>div:nth-child(2),.index_cultural_flex>div:nth-child(3){width: 100%;margin-right:0 ;margin-bottom: 20px;}
	 .index_industry_flex>div:nth-child(3),.index_cultural_flex>div:nth-child(3){margin-bottom: 0;}
	.index_news>.index_news_flex>div:nth-child(4), .index_news>.index_news_flex>div:nth-child(5){margin-bottom: 20px;}
	.index_online{display: none;}
	.footer-nav{display: none;}
	.index_lawyer .img{padding: 0 3%;width: 35%;}
	.index_photo-swiper .swiper-slide a{width: 90%;}
	.index_link .layui-tab-title{padding-left: 0;padding-top:40px;}
	.index_link .layui-tab-title li{padding: 0 5px;}
	.index_link .layui-tab-content .layui-tab-item{padding: 0;}
	.index_link .layui-tab-content .layui-tab-item a{margin: 5px 15px;}
	.swiper-button-prev:after, .swiper-button-next:after{zoom: 0.7;}
	.mob_header_wrap{height:40px;}
	.mob_header{height:40px;}
	.mob_logo{width: 130px;}
	.menu-button{padding:17px 15px;}
	.bar{width: 35px;height: 2px;}
	.list li{font-size: 14px;padding: 0 80px 0 30px;}
	.list li::before{width: 3px;height: 3px;left: 10px;top:20px}
	.list li time{font-size:12px;}
	.table_style.mob_none{display: none;}
	.table_style.pc_none{display: block;}
	.table_style.pc_none th{width: 30%;}
	.index_photo-swiper .swiper-slide img{min-width:80px;min-height: 80px;}
}
@media screen and (max-width:375px){
	
		.mob_header_wrap{height:40px;}
		.mob_header{height: 40px;}
		.mob_logo{width: 130px;}
		.menu-button{padding:17px 15px;}
}
@media screen and (max-width:320px){
	.channel_tit{font-size: 14px;}
	.channel_tit span{font-size: 12px;text-indent: 0;}
	.index_notic_top .index_notic_top_left{font-size: 16px;padding: 2px 6px;}
}


/*20220620*/
.nav .layui-nav .layui-nav-item a {
	padding: 0 31.5px;
}

.form-box {
	padding: 30px 0;
}

.layui-btn-primary {
	background: #d4cdec;
	border: #d4cdec 1px solid;
	color: #38276e;
}

	.layui-btn-primary:hover {
		color: #fff;
		background: #38276e;
		border: #38276e 1px solid;
	}

.layui-laydate .layui-this {
	background-color: #38276e !important;
}

.layui-laydate-content td.laydate-selected {
	background-color: #d4cdec !important;
}

.sub_tit2 {
	font-size: 18px;
	color: #38276e;
	line-height: 46px;
	border-top: #38276e 3px solid;
	text-indent: 15px;
}

.consultation_box {
	padding: 20px 0;
}

	.consultation_box h4 {
		font-weight: bold;
		font-size: 18px;
		line-height: 36px;
		position: relative;
		padding-right: 100px;
		color: #333;
	}

		.consultation_box h4 span {
			position: absolute;
			right: 0;
			font-size: 14px;
			font-weight: normal;
			line-height: 24px;
			height: auto;
		}

	.consultation_box .q, .consultation_list li .q p {
		font-size: 14px;
		line-height: 28px;
		color: #666;
	}

	.consultation_box .q {
		padding-bottom: 10px;
	}

	.consultation_box .time {
		font-size: 12px;
		color: #999;
	}

		.consultation_box .time cite {
			color: #38276e;
			font-style: normal;
			display: inline-block;
			margin-right: 10px;
		}

	.consultation_box .f {
		padding: 8px 15px;
		background: #f6f6f6;
		margin-bottom: 10px;
		font-size: 14px;
		color: #666;
		line-height: 28px;
	}

.consultation_list {
	padding-bottom: 30px;
}

	.consultation_list li {
		display: block;
		position: relative;
		padding: 0 100px 0 40px;
		line-height: 46px;
		height: 46px;
		font-size: 16px;
	}

		.consultation_list li:last-child {
			border: 0;
		}

		.consultation_list li a {
			display: block;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			padding-right: 100px;
			position: relative;
		}

		.consultation_list li time {
			font-size: 14px;
			color: #999;
			text-align: right;
			vertical-align: top;
			position: absolute;
			right: 0;
			top: 0;
		}

		.consultation_list li::before {
			display: block;
			position: absolute;
			content: "";
			width: 5px;
			height: 5px;
			border: #666 1px solid;
			left: 13px;
			top: 20px;
			border-radius: 50%;
		}

		.consultation_list li a span {
			position: absolute;
			right: 0;
			font-size: 14px;
			height: auto;
			line-height: 30px;
			padding: 0 10px;
			margin-top: 8px;
		}

		.consultation_list li:hover {
			background: #f5f5f5;
		}

		.consultation_list li a:hover {
			color: #c90304;
		}

.layui-btn-danger {
	background: #c90304;
}

.feedbook_list {
	padding-bottom: 30px;
}

	.feedbook_list li {
		border-bottom: #ddd 1px solid;
		padding: 10px 0;
	}

		.feedbook_list li:last-child {
			border: 0;
		}

	.feedbook_list .q, .consultation_list li .q p {
		font-size: 14px;
		line-height: 28px;
		color: #666;
	}

	.feedbook_list .time {
		font-size: 12px;
		color: #999;
	}

		.feedbook_list .time cite {
			color: #38276e;
			font-style: normal;
			display: inline-block;
			margin-right: 10px;
		}

	.feedbook_list .f {
		padding: 8px 15px;
		background: #f6f6f6;
		margin-bottom: 10px;
		font-size: 14px;
		color: #666;
		line-height: 28px;
	}

.login_layer {
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,.3);
	top: 0;
	display: none;
}

.login_layer_box {
	width: 460px;
	height: 300px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -250px;
	margin-top: -150px;
}

	.login_layer_box .layui-card-body {
		padding: 10px 60px;
	}

	.login_layer_box .layui-form-item {
		margin: 20px 0;
		box-sizing: border-box;
	}

	.login_layer_box .layui-form-label {
		font-size: 16px;
		width: 60px;
		text-align: justify;
		text-align-last: justify;
	}

	.login_layer_box .layui-btn {
		background: #38276e;
		width: 100%;
		margin: 0 auto;
		display: block;
		font-size: 16px;
		line-height: 46px;
		height: 46px;
	}

	.login_layer_box .colse_icon {
		float: right;
		display: block;
		cursor: pointer;
	}

		.login_layer_box .colse_icon:hover i {
			color: #75211e;
		}

.forget {
	cursor: pointer;
}

.layui-elem-quote {
	margin-top: 20px;
	color: #333;
	font-size: 16px;
}

	.layui-elem-quote a {
		margin: 0 10px;
		background: #fff;
		font-size: 16px;
		color: #c90304;
		text-decoration: underline;
		cursor: pointer;
		display: inline-block;
		padding: 4px 10px;
	}

		.layui-elem-quote a:hover {
			background: #FFECEC;
		}

.table_style .layui-badge {
	font-size: 16px;
	line-height: 36px;
	height: auto;
	padding: 0 15px;
}

.detail_wrap {
	padding-bottom: 30px;
}

.layui-form-mid {
	padding: 0 !important;
	line-height: 36px;
}

.user_top {
	line-height: 40px;
	border-bottom: #ddd 1px dotted;
	padding: 10px 0;
	font-size: 16px;
}

	.user_top span {
		display: inline-block;
		;
		color: #38276e;
		font-weight: bold;
		padding-right: 10px;
	}

	.user_top a {
		float: right;
		background: #f2f2f2;
		color: #999;
	}

		.user_top a:hover {
			background: #38276e;
		}

.user_icon {
	box-sizing: border-box;
	margin-top: 20px;
	border-left: #ddd 1px solid;
	border-top: #ddd 1px solid;
	font-size: 0;
	margin-bottom: 30px;
}

	.user_icon > div {
		display: inline-block;
		width: 25%;
	}

		.user_icon > div a {
			display: block;
			font-size: 16px;
			line-height: 30px;
			padding: 20px;
			text-align: center;
			height: 140px;
			box-sizing: border-box;
			border-right: #ddd 1px solid;
			border-bottom: #ddd 1px solid;
		}

			.user_icon > div a i {
				font-size: 40px;
				line-height: 60px;
				color: #38276e;
			}

			.user_icon > div a:hover {
				background: #f6f6f6;
			}

		.user_icon > div span {
			margin-left: 10px;
		}

.layui-form-item .layui-input-inline {
	line-height: 39px;
}

.forget-box {
	text-align: center;
	display: none;
}

	.forget-box img {
		width: 140px;
	}

	.forget-box p {
		text-align: left;
	}

.forget-back {
	position: absolute;
	display: block;
	right: 40px;
	background: #f2f2f2;
	padding: 5px 10px;
	border-radius: 5px;
}

	.forget-back:hover {
		background: #ddd;
	}

@media screen and (max-width:600px) {
	.layui-elem-quote {
		font-size: 14px;
	}

		.layui-elem-quote a {
			font-size: 14px;
		}

	.login_layer_box .layui-card-body {
		padding: 10px 10%;
	}

	.layui-input-block {
		margin-left: 90px;
	}

	.login_layer_box {
		width: 80%;
		margin-left: -40%;
		height: 380px;
		margin-top: -190px;
	}

		.login_layer_box .layui-form-item {
			margin: 15px 0;
		}

			.login_layer_box .layui-form-item:nth-child(3) {
				margin-top: 30px;
			}

		.login_layer_box .layui-form-label {
			display: block;
			text-align: left;
		}

		.login_layer_box .layui-input-block {
			margin: 0;
		}

		.login_layer_box .layui-form-item .layui-btn {
			width: 100%;
		}

	.layui-form-item .layui-input-inline {
		margin-bottom: 0;
	}

	.user_top {
		font-size: 14px;
	}

		.user_top a {
			float: none;
			margin-left: 10px;
			line-height: 32px;
			height: 32px;
		}

	.user_icon > div {
		width: 50%;
	}

	.forget-back {
		position: relative;
		display: inline-block;
		right: 0;
	}

	.layui-form-label {
		width: 60px;
	}

	.layui-form-item .layui-input-inline {
		margin-left: 90px;
	}
}
a.login_layer_btn.color-red {
	margin: 0 10px;
	background: #fff;
	font-size: 16px;
	color: #c90304;
	text-decoration: underline;
	cursor: pointer;
	display: inline-block;
	padding: 4px 10px;
}

	a.login_layer_btn.color-red:hover {
		color: #FFECEC;
	}