body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}
button,input,select,textarea{outline:0}
textarea{resize:none}
li,ul{list-style:none}
input{border:none;outline:0}
em,i{font-style:normal}
img{outline:0;border:none;display:block;height:auto}
button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none}
input{border-radius:0;outline:0;box-shadow:none;-webkit-appearance:none}
a{color:#555;text-decoration:none;transition:all .3s}
a:hover{text-decoration:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0}
body{position:relative;font-size:12px;font-family:"微软雅黑";min-width:320px;color:#333;background:#fff;position:relative}
table{border-collapse:collapse;border-spacing:0}
*{box-sizing:border-box}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.all{width:100%;height:100%;position:relative}
.all_w{width:1400px;margin:0 auto}
.all_w1{width:1400px;margin:0 auto}
.mb50{margin-bottom:50px!important;}
.mt50{margin-top:50px!important;}
@media all and (max-width:1400px){
    .all_w{width:100%;margin:0 auto}
    .all_w1{width:95%;margin:0 auto}
}
@media all and (max-width:1000px){
    .zzc{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:990;transition:none}
}
.header{width:100%;background:#fff;box-shadow:0 3px 6px rgb(0 0 0 / 5%);position:relative;z-index:999}
.header_fixed{display:block;background:#fff}
.header .wrap{display:flex;justify-content:space-between}
.header .wrap .logo{padding:20px 0;position:relative}
.header .wrap .logo a{display:flex;justify-content:space-between;align-items:center}
.header .wrap .logo a .img img{width:auto;height:60px}
.header .wrap .logo a .text{margin-left:15px;padding-left:15px;border-left:#e8edf2 1px solid}
.header .wrap .logo a .text span{display:block;width:34px;height:16px;line-height:16px;border-radius:2px;background:#ff6a00;color:#fff;text-align:center}
.header .wrap .logo a .text p{color:#878b99;height:12px;line-height:14px;margin-top:2px}
.header .wrap .logo a .light{position:absolute;top:0;left:-230px;width:50%;height:100%;background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));-webkit-transition:0s;-webkit-transform:skewx(-25deg)}
.header .wrap .logo a:hover .light{left:320px;-webkit-transition:.6s}
.header .wrap .right{display:flex;justify-content:space-between;align-items:center}
.header .wrap .right .nav{margin-right:20px}
.header .wrap .right .nav ul{display:flex;justify-content:flex-start}
.header .wrap .right .nav ul li{padding:0 23px}
.header .wrap .right .nav ul li>a{line-height:100px;display:block;font-size:16px;position:relative;font-weight:400}
.header .wrap .right .nav ul li>a:hover{color:#ff6a00}
.header .wrap .right .nav ul .on>a{color:#ff6a00}
.header .wrap .right .nav ul li>a::after{content:'';position:absolute;bottom:30px;left:0;width:100%;height:3px;background-color:#ff6a00;border-radius:2px}
.header .wrap .right .nav ul .on>a::after{transform:scalex(1);-webkit-transform:scalex(1);transform-origin:center left;-webkit-transform-origin:center left}
.header .wrap .right .nav ul li>a::after{transform:scalex(0);-webkit-transform:scalex(0);transition:.6s transform cubic-bezier(.19,1,.22,1);-webkit-transition:.6s transform cubic-bezier(.19,1,.22,1);transform-origin:center right;-webkit-transform-origin:center right}
.header .wrap .right .nav ul li:hover>a::after{transform:scalex(1);-webkit-transform:scalex(1);transform-origin:center left;-webkit-transform-origin:center left}
.header .wrap .right .nav ul li:nth-child(4)>a:before{content:'';position:absolute;right:-7px;top:36px;width:7px;height:7px;display:inline-block;border-radius:50%;background:#ff6a00}
.header .wrap .right .nav ul li>a i{display:inline-block;margin-left:5px;width:10px;height:10px;transition:all .5s;background:url(../images/fal_down_1.png) no-repeat center center;background-size:100% 100%}
.header .wrap .right .nav ul li>a:hover i{transform:rotate(180deg);background:url(../images/fal_down_2.png) no-repeat center center;background-size:100% 100%}
.header .wrap .right .nav ul li .sub_menu{width:100%;height:0;padding:0;position:absolute;left:0;top:100%;background:url(../images/sub_menu_bg.png) no-repeat center center #fff;background-size:cover;border-top:1px solid #eee;z-index:150;overflow:hidden;height:0;opacity:0}
.header .wrap .right .nav ul li .sub_menu .wrap{display:flex;justify-content:flex-start}
.header .wrap .right .nav ul li .sub_menu dl{width:13.5%}
.header .wrap .right .nav ul li .sub_menu dl:nth-child(n+2){margin-left:3.8%}
.header .wrap .right .nav ul li .sub_menu dl dt{color:#adadad;border-bottom:1px solid #eee;margin-bottom:20px;line-height:40px;font-weight:700;font-size:14px}
.header .wrap .right .nav ul li .sub_menu dl dt a{color:#000;display:block}
.header .wrap .right .nav ul li .sub_menu dl dd{font-size:14px;line-height:30px}
.header .wrap .right .nav ul li .sub_menu dl dd a{display:block;position:relative;color:#555}
.header .wrap .right .nav ul li .sub_menu dl dd a:hover{color:#ff6a00;padding-left:10px}
.header .wrap .right .nav ul li .sub_menu dl dd a::before{content:'';position:absolute;left:0;top:15px;width:0;height:1px;display:block;background:#2468f2;transition:all ease .35s}
.header .wrap .right .nav ul li .sub_menu dl dd a:hover::before{width:5px}
.header .wrap .right .nav ul li .sub_menu dl dd a .new{display:inline-block;width:30px;height:15px;vertical-align:middle;margin-left:10px;background:url(../images/new.png) no-repeat right center}
.header .wrap .right .nav ul li .sub_menu dl dd a .hot{display:inline-block;width:30px;height:15px;vertical-align:middle;margin-left:10px;background:url(../images/hot.png) no-repeat right center}
.header .wrap .right .vr{width:25px;height:25px;background:url(../images/shipin_1.png) no-repeat center center;background-size:100% 100%;cursor:pointer;margin-right:30px;transition:all .3s}
.header .wrap .right .vr:hover{background:url(../images/shipin_2.png) no-repeat center center;background-size:100% 100%}
.header .wrap .right .tel{height:100%;padding-left:30px;display:flex;justify-content:flex-start;align-items:center;border-left:1px solid #e8edf2}
.header .wrap .right .tel i{display:block;width:25px;height:25px;background:url(../images/phone_1.png) no-repeat center center;background-size:100% 100%}
.header .wrap .right .tel a{display:block;font-size:22px;color:#555;margin-left:5px}
.header .wrap .right .tel a:hover{color:#ff6a00}
@media all and (max-width:1400px){
    .header .wrap .right .tel{display:none}
    .header .wrap .right .nav ul li{padding:0 20px}
    .header .wrap .right .nav ul li>a{font-size:14px}
    .header .wrap .right .vr{margin-right:0}
}
@media all and (max-width:1100px){
    .header .wrap .logo a .text{display:none}
    .header .wrap .right .nav{margin-right:0}
    .header .wrap .right .nav ul li{padding:0 15px}
    .header .wrap .right .weixin{display:none}
    .header .wrap .right .vr{display:none}
}
@media all and (max-width:800px){
    .header{width:100%;height:50px}
    .header_fixed{position:fixed;width:100%;top:0;left:0;box-shadow:0 3px 6px rgb(0 0 0 / 5%)}
    .header .wrap .logo{padding:10px 0}
    .header .wrap .logo a .img img{width:auto;height:30px}
    .header .wrap .logo a .light{display:none}
    .header .wrap .right .nav ul li .sub_menu{display:none!important}
    .header .wrap .right .nav{position:fixed;left:-300px;top:51px;height:100%;width:300px;background:#fff;transition:all ease .3s}
    .header .wrap .right .nav1{position:fixed;left:0;top:51px;height:100%;width:300px;background:#fff;transition:all ease .3s}
    .header .wrap .right .weixin{display:block}
    .header .wrap .right .vr{display:block;margin-right:25px}
    .header .wrap .right .nav ul{display:block}
    .header .wrap .right .nav ul li>a i{display:none}
    .header .wrap .right .nav ul li>a{line-height:45px}
    .header .wrap .right .nav ul li>a::after{bottom:0}
    .header .wrap .right .nav ul li:nth-child(3)>a:before{top:10px}
}
@media all and (max-width:480px){
    .header .wrap .right .nav{position:fixed;left:-300px;top:51px;height:100%;width:250px;background:#fff;transition:all ease .3s}
    .header .wrap .right .nav1{position:fixed;left:0;top:51px;height:100%;width:250px;background:#fff;transition:all ease .3s}
    .header .wrap .right .nav ul li>a{line-height:35px}
    .header .wrap .right .nav ul li>a::after{height:1.5px}
}
.cd_btn{width:0;display:none}
@media all and (max-width:800px){
    .cd_btn{width:20px;height:21px;display:block;position:relative;margin-top:5px}
    .cd_btn .line1{position:absolute;left:0;top:0;width:20px;height:1.5px;background:#333;transition:all ease .25s}
    .cd_btn .line2{position:absolute;left:0;top:8px;width:20px;height:1.5px;background:#333;transition:all ease .25s}
    .cd_btn .line3{position:absolute;left:0;top:16px;width:20px;height:1.5px;background:#333;transition:all ease .25s}
    .cd_btn .line1_1{position:absolute;left:0;top:8px;width:20px;height:1.5px;background:#333;transform:rotate(45deg);transition:all ease .25s}
    .cd_btn .line2_1{width:20px;height:1.5px;background:#333;opacity:0;transition:all ease .25s}
    .cd_btn .line3_1{position:absolute;left:0;top:8px;width:20px;height:1.5px;background:#333;transform:rotate(-45deg);transition:all ease .25s}
}
#side{width:100%;height:600px;overflow:hidden;position:relative;clear:both}
#side .swiper-slide{position:relative;text-align:center}
#side img{display:block;width:100%;height:100%;object-fit:cover}
#side .swiper-pagination-bullet{width:12px;height:12px;background:rgba(255,255,255,.5);margin:0 10px;border:2px solid rgba(255,255,255,0)}
#side .swiper-pagination-bullet-active{width:12px;height:12px;background:0 0;border:2px solid #fff}
@media all and (max-width:1400px){
    #side{height:500px}
}
@media all and (max-width:800px){
    #side{height:400px}
}
@media all and (max-width:480px){
    #side{height:240px}
}
/* 家理数字 */
#num .wrap{display:flex;justify-content:flex-start;flex-wrap:wrap}
#num .wrap .item{width:25%}
#num .wrap .item:nth-child(n+2){border-left:1px #e8edf2 solid}
#num .wrap .item span{display:block;width:100%;padding:5px 0;font-size:14px;color:#555;text-align:center}
#num .wrap .item span em{font-size:49px;margin-right:5px}
#num .wrap .item p{width:100%;font-weight:400;font-size:16px;margin:0;color:#878b99;line-height:30px;text-align:center}
@media all and (max-width:800px){
    #num .wrap .item{width:50%}
    #num .wrap .item:nth-child(n+3){margin-top:20px}
    #num .wrap .item:nth-child(3){border:0}
}
@media all and (max-width:600px){
    #num .wrap .item span em{font-size:36px}
    #num .wrap .item p{font-size:14px;line-height:25px}
}
@media all and (max-width:480px){
    #num{padding:15px 0}
    #num .wrap .item span em{font-size:28px}
    #num .wrap .item p{font-size:12px;line-height:20px}
    #num .wrap .item:nth-child(n+3){margin-top:15px}
}
/* 服务项目 */
#service{width:100%;padding:60px 0 30px;overflow:hidden}
#tit1{width:100%}
#tit1 .tit1{display:flex;justify-content:center;align-items:center}
#tit1 .tit1 span{display:block}
#tit1 .tit1 span:nth-child(1){font-size:36px;color:#555}
#tit1 .bg_w span:nth-child(1){color:#fff}
#tit1 .tit1 span:nth-child(2){font-size:24px;color:#ccc;font-family:"宋体"}
#tit1 .bg_w span:nth-child(2){color:#fff}
#tit1 .tit1 span:nth-child(3){font-size:36px;color:#ff6a00}
#tit1 .bg_w span:nth-child(3){color:#fff}
#tit1 p{display:block;margin-top:10px;color:#878b99;font-size:14px;text-align:center}
#tit1 p.bg_w{color:#fff}
#service .list{width:100%;padding:40px 0 0;height:550px}
#service .list ul{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap}
#service .list ul li{position:relative;width:calc(100% - 85%);padding:30px 0;overflow:hidden;z-index:1;transition:all ease .3s}
#service .list ul li .title{width:100%}
#service .list ul li .title a{display:block;padding:10px 0}
#service .list ul li:nth-child(2n-1) .title{background:#333}
#service .list ul li:nth-child(2n) .title{background:#000}
#service .list ul li .title img{width:45px;height:auto;padding-top:15px;margin:0 auto}
#service .list ul li .title span{display:block;color:#fff;font-size:18px;margin-top:5px;text-align:center;line-height:30px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#service .list ul li .title p{display:block;color:#fff;opacity:.8;font-size:14px;text-align:center;line-height:30px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#service .list ul li .info{background:#f8f9fc;height:250px}
#service .list ul li .info .tips{display:none}
#service .list ul li .info .href{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;padding:20px}
#service .list ul li .info .href a{display:block;width:100%;color:#555;font-size:14px;text-align:center;line-height:30px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#service .list ul li.cur{width:calc(100% - 75%);padding:0;box-shadow:0 5px 25px rgb(0 0 0 / 10%);z-index:10}
#service .list ul li.cur .title{background:url(../images/bg_servicd_title.png) no-repeat center center #ff6a00;background-size:cover}
#service .list ul li.cur .title a{display:block;padding:25px 0}
#service .list ul li.cur .info{height:250px;padding:35px 10% 0;background:#fff}
#service .list ul li.cur .info .tips{display:block;color:#878b99;line-height:24px;max-height:48px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#service .list ul li.cur .info .href{padding:25px 0 0;max-height:100px;overflow:hidden}
#service .list ul li.cur .info .href a{width:30%;margin:1.666%;background:#f8f9fc;position:relative}
@media all and (max-width:1200px){
    #service .list ul li.curr .info .href{max-height:150px}
}
@media all and (max-width:800px){
    #service .list{height:auto}
    #service .list ul li{width:100%;padding:0;margin-top:30px}
    #service .list ul li.cur{width:100%;padding:0;margin-top:30px;box-shadow:0 5px 25px rgb(0 0 0 / 0);z-index:10}
    #service .list ul li.cur .title{background:url(../images/bg_servicd_title.png) no-repeat center center #ff6a00;background-size:cover}
    #service .list ul li .title a{padding:10px 0}
    #service .list ul li.cur .title a{display:block;padding:10px 0}
    #service .list ul li .info{height:auto;padding:20px;background:#f8f9fc}
    #service .list ul li.cur .info{height:auto;padding:20px;background:#f8f9fc}
    #service .list ul li .info .tips{display:block;color:#878b99;line-height:24px;max-height:48px;overflow:hidden}
    #service .list ul li.cur .info .tips{display:block;color:#878b99;line-height:24px;max-height:48px;overflow:hidden}
    #service .list ul li .info .href{max-height:100%;padding:0;margin-top:20px;justify-content:space-between}
    #service .list ul li.cur .info .href{padding:0;max-height:100%;overflow:hidden}
    #service .list ul li .info .href a{width:48%;margin:5px 0;background:#fff;position:relative;border:1px solid #eee}
    #service .list ul li.cur .info .href a{width:48%;margin:5px 0;background:#fff;position:relative;border:1px solid #eee}
}
@media all and (max-width:600px){
    #service{padding:30px 0}
    #service .list{padding:0}
    #tit1 .tit1 span:nth-child(1){font-size:24px}
    #tit1 .tit1 span:nth-child(3){font-size:24px}
}
@media all and (max-width:480px){
    #tit1 .tit1 span:nth-child(1){font-size:20px}
    #tit1 .tit1 span:nth-child(2){font-size:20px}
    #tit1 .tit1 span:nth-child(3){font-size:20px}
    #tit1 p{font-size:12px}
    #service .list ul li{margin-top:20px}
    #service .list ul li.cur{margin-top:20px}
    #service .list ul li .title img{padding-top:0}
    #service .list ul li .info{padding:10px}
    #service .list ul li.cur .info{padding:15px 10px}
}
/* 律所介绍 */
#okwork{width:100%;padding:100px 0;background:url(../images/bg_okwork.jpg) no-repeat center center #000;background-size:cover;background-attachment:fixed;overflow:hidden}
#okwork .text{width:100%;text-align:center;color:#fff;line-height:50px}
#okwork .text p{display:block;font-weight:700;font-size:36px}
#okwork .text span{display:block;font-size:16px;letter-spacing:10px}
#okwork .text em{display:block;width:60px;height:4px;background:#ff6a00;overflow:hidden;margin:30px auto 0}
#okwork .text .image{width:100%;height:auto;overflow:hidden;margin-top:30px}
#okwork .text .image img{display:block;width:100%;height:100%;object-fit:cover}
#okwork .text .text1{margin-top:30px}
#okwork .text .text1 i{display:block;font-size:14px;color:#abb8d1;text-align:left;line-height:26px;text-indent:2em}
#okwork .btn{width:100%;display:flex;justify-content:center;align-items:center;margin-top:40px}
#okwork .btn a{display:block;background:#000;color:#fff;border-radius:2px;margin:0 5px;width:150px;position:relative;line-height:50px;text-align:center;cursor:pointer}
#okwork .btn a::before{content:"";display:block;width:0;height:100%;position:absolute;left:0;top:0;background:#fff;transition:all ease .3s}
#okwork .btn a:hover::before{width:100%}
#okwork .btn a p{color:#fff;position:relative;z-index:10;display:flex;justify-content:center;align-items:center}
#okwork .btn a:hover p{color:#333}
#okwork .btn a:nth-child(2){background:#ff6a00}
#okwork .btn a p em{color:#fff}
#okwork .btn a:hover p em{color:#333}
@media all and (max-width:800px){
    #okwork{padding:60px 0}
    #okwork .text p{font-size:24px}
    #okwork .text span{line-height:25px;letter-spacing:5px;font-size:14px}
    #okwork .text em{margin:20px auto 0}
    #okwork .text .text1 i{line-height:22px}
}
@media all and (max-width:480px){
    #okwork{padding:40px 0}
    #okwork .text p{font-size:20px;line-height:30px}
    #okwork .text .image{height:150px;margin-top:20px}
    #okwork .text .text1{margin-top:20px}
    #okwork .text .text1 i{font-size:12px}
    #okwork .btn a{line-height:35px}
}
/* 律师团队 */
#case{width:100%;padding:60px 0;overflow:hidden}
#case .list{width:100%;margin-top:10px}
#case .list ul{width:100%}
#case .list ul li{float:left;width:23.5%;margin-right:2%;margin-top:2%;border-radius:4px;overflow:hidden;position:relative;transition:all ease .3s}
#case .list ul li:hover{-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);box-shadow:0 0 12px 0 rgb(0 0 0 / 6%)}
#case .list ul li a{display:block}
#case .list ul li .img{width:100%;height:300px;position:relative;overflow:hidden}
#case .list ul li .img img{width:100%;min-height:100%;transition:all ease .3s}
#case .list ul li:hover .img img{transform:scale(1.1,1.1)}
#case .list ul li .img .img_t{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:10;opacity:0;transition:all ease .3s}
#case .list ul li:hover .img .img_t{opacity:1}
#case .list ul li .img .img_t p{color:#fff;position:relative;line-height:25px;font-size:14px;max-height:75px;padding:0 10px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
#case .list ul li .img .img_t p::before{content:"";display:block;width:100%;height:1px;background:#fff;position:absolute;left:0;top:0;transition:all ease .3s}
#case .list ul li:hover .img .img_t p::before{left:50%;width:5px;margin-left:-2.5px}
#case .list ul li .img .img_t p::after{content:"";display:block;width:100%;height:1px;background:#fff;position:absolute;left:0;bottom:0;transition:all ease .3s}
#case .list ul li:hover .img .img_t p::after{left:50%;width:5px;margin-left:-2.5px}
#case .list ul li .text{width:100%;padding:15px 30px;background:#f8f9fc;transition:all ease .3s}
#case .list ul li:hover .text{background:#fff}
#case .list ul li .text span{display:block;font-size:18px;color:#555;transition:all ease .3s}
#case .list ul li:hover .text span{color:#ff6a00}
#case .list ul li .text p{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid #e8edf2}
#case .list ul li .text p em{color:#878b99;font-size:14px}
#case .list ul li .text p i{width:20px;height:30px;background:url(../images/icon_1.png) no-repeat center;transition:all ease .3s}
#case .list ul li:hover .text p i{-webkit-animation:ihover .6s infinite;animation:ihover .6s infinite;background:url(../images/icon_1_1.png) no-repeat center}
@media all and (max-width:1400px){
    #case .list ul li .img{height:21vw}
}
@media all and (max-width:980px){
    #case .list ul li .text{padding:15px 10px}
    #case .list ul li .text span{font-size:14px}
    #case .list ul li .text p{margin-top:5px;padding-top:5px}
    #case .list ul li .text p em{font-size:12px}
}
@media all and (min-width:800px){
    #case .list ul li:nth-child(4n){margin-right:0}
}
@media all and (max-width:800px){
    #case .list ul li{width:49%;}
    #case .list ul li:nth-child(2n){margin-right:0}
    #case .list ul li .img{height:43vw}
}
@media all and (max-width:600px){
    #case{padding:30px 0}
    #case .list ul li .text{padding:5px}
}
/* 服务流程 */
#process{width:100%;padding:60px 0;background:url(../images/bg_process.jpg) no-repeat center center;background-size:cover;overflow:hidden}
#process .list{width:100%;margin-top:40px}
#process .list ul{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}
#process .list ul li{width:calc((100% - 30px)/ 5);overflow:hidden;position:relative;display:flex;justify-content:space-between}
#process .list ul li .item_t{padding:50px 20px 0;width:100%;height:360px;text-align:center;background:#fff;transition:all ease .3s}
#process .list ul li .item_t span{font-size:54px;width:100%;text-align:center}
#process .list ul li .item_t em{display:block;width:100%;height:60px;margin:30px auto 0}
#process .list ul li:nth-child(1) .item_t em{background:url(../images/icon_process_1.png) no-repeat center center}
#process .list ul li:nth-child(1).cur .item_t em{background:url(../images/icon_process_w1.png) no-repeat center center}
#process .list ul li:nth-child(2) .item_t em{background:url(../images/icon_process_2.png) no-repeat center center}
#process .list ul li:nth-child(2).cur .item_t em{background:url(../images/icon_process_w2.png) no-repeat center center}
#process .list ul li:nth-child(3) .item_t em{background:url(../images/icon_process_3.png) no-repeat center center}
#process .list ul li:nth-child(3).cur .item_t em{background:url(../images/icon_process_w3.png) no-repeat center center}
#process .list ul li:nth-child(4) .item_t em{background:url(../images/icon_process_4.png) no-repeat center center}
#process .list ul li:nth-child(4).cur .item_t em{background:url(../images/icon_process_w4.png) no-repeat center center}
#process .list ul li .item_t p{font-size:18px;font-weight:700;margin-top:30px;text-align:center}
#process .list ul li .item_list{width:100%;background:url(../images/bg_process_list.jpg) no-repeat center center;background-size:cover;height:360px;display:none;position:absolute;right:0;top:0;padding-top:100px}
#process .list ul li .item_list p{margin-top:20px}
#process .list ul li .item_list p a{color:#fff;display:block;height:36px;width:120px;line-height:34px;border:1px solid rgba(255,255,255,.3);margin:0 auto;position:relative;text-align:center}
#process .list ul li .item_list p a:before{content:"";position:absolute;left:0;top:0;width:0;height:100%;display:block;z-index:0;-webkit-transition:all .3s ease;transition:all .3s ease;background:#fff}
#process .list ul li .item_list p:hover a:before{width:100%}
#process .list ul li .item_list p a span{display:block;color:#fff;font-size:14px;position:relative;z-index:10}
#process .list ul li .item_list p:hover a span{color:#333}
#process .list ul li.cur{width:calc(((100% - 40px)/ 5) * 2)}
#process .list ul li.cur .item_t{width:50%;background:#333}
#process .list ul li.cur .item_t span{color:#fff}
#process .list ul li.cur .item_t p{color:#fff}
#process .list ul li.cur .item_list{display:block;width:50%}
@media all and (max-width:800px){
    #process .list ul li{width:100%;margin-top:20px}
    #process .list ul li.cur{width:100%}
    #process .list ul li .item_t{width:50%}
    #process .list ul li.cur .item_t{width:50%;background:#fff}
    #process .list ul li.cur .item_t span{color:#333}
    #process .list ul li.cur .item_t p{color:#333}
    #process .list ul li .item_list{display:block;width:50%}
    #process .list ul li.cur .item_list{display:block;width:50%}
    #process .list ul li:nth-child(1).cur .item_t em{background:url(../images/icon_process_1.png) no-repeat center center}
    #process .list ul li:nth-child(2).cur .item_t em{background:url(../images/icon_process_2.png) no-repeat center center}
    #process .list ul li:nth-child(3).cur .item_t em{background:url(../images/icon_process_3.png) no-repeat center center}
    #process .list ul li:nth-child(4).cur .item_t em{background:url(../images/icon_process_4.png) no-repeat center center}
}
@media all and (max-width:600px){
    #process{padding:30px 0}
    #process .list{margin-top:20px}
    #process .list ul li .item_t{height:240px;padding:30px 0 0}
    #process .list ul li .item_t span{font-size:28px;font-weight:700}
    #process .list ul li .item_t em{margin:15px auto 0}
    #process .list ul li:nth-child(1) .item_t em{background:url(../images/icon_process_1.png) no-repeat center center;background-size:40px auto}
    #process .list ul li:nth-child(2) .item_t em{background:url(../images/icon_process_2.png) no-repeat center center;background-size:40px auto}
    #process .list ul li:nth-child(3) .item_t em{background:url(../images/icon_process_3.png) no-repeat center center;background-size:40px auto}
    #process .list ul li:nth-child(4) .item_t em{background:url(../images/icon_process_4.png) no-repeat center center;background-size:40px auto}
    #process .list ul li:nth-child(1).cur .item_t em{background:url(../images/icon_process_1.png) no-repeat center center;background-size:40px auto}
    #process .list ul li:nth-child(2).cur .item_t em{background:url(../images/icon_process_2.png) no-repeat center center;background-size:40px auto}
    #process .list ul li:nth-child(3).cur .item_t em{background:url(../images/icon_process_3.png) no-repeat center center;background-size:40px auto}
    #process .list ul li:nth-child(4).cur .item_t em{background:url(../images/icon_process_4.png) no-repeat center center;background-size:40px auto}
    #process .list ul li .item_t p{font-size:14px;margin-top:15px}
    #process .list ul li .item_list{height:240px;padding-top:50px}
    #process .list ul li .item_list p{margin-top:10px}
    #process .list ul li .item_list p a{width:100px}
}
/* 资讯动态 */
#news{width:100%;padding:60px 0;background:url(../images/bg_news.png) no-repeat center center #f8f9fc;overflow:hidden}
#news .nav{width:100%;margin-top:40px;display:flex;justify-content:center;flex-wrap:wrap;align-items:center}
#news .nav li{margin:0 5px;padding:0 30px;line-height:45px;background:#fff;position:relative;cursor:pointer}
#news .nav li:after{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:#ff6a00;transition:all ease .3s;z-index:5}
#news .nav li:hover:after{width:100%}
#news .nav .tabbar:after{width:100%}
#news .nav li span{color:#555;transition:all ease .3s;position:relative;z-index:10;font-size:14px}
#news .nav li:hover span{color:#fff}
#news .nav .tabbar span{color:#fff}
#news .list{width:100%;margin-top:10px}
#news .list ul{width:100%}
#news .list ul:nth-child(n+2){display:none}
#news .list ul li{float:left;width:23%;margin-right:2%;margin-top:30px;border-radius:4px;overflow:hidden;position:relative;transition:all ease .3s}
#news .list ul li .img{width:100%;height:200px;position:relative;overflow:hidden}
#news .list ul li .img img{width:100%;height:100%;object-fit:cover;transition:all ease .3s}
#news .list ul li:hover .img img{transform:scale(1.1,1.1)}
#news .list ul li .img .img_t{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:10;opacity:0;transition:all ease .3s}
#news .list ul li:hover .img .img_t{opacity:1}
#news .list ul li .img .img_t p{color:#fff;position:relative;line-height:35px;font-size:14px}
#news .list ul li .img .img_t p::before{content:"";display:block;width:100%;height:1px;background:#fff;position:absolute;left:0;top:0;transition:all ease .3s}
#news .list ul li:hover .img .img_t p::before{left:50%;width:5px;margin-left:-2.5px}
#news .list ul li .img .img_t p::after{content:"";display:block;width:100%;height:1px;background:#fff;position:absolute;left:0;bottom:0;transition:all ease .3s}
#news .list ul li:hover .img .img_t p::after{left:50%;width:5px;margin-left:-2.5px}
#news .list ul li .text{width:100%;padding:20px;background:#fff;transition:all ease .3s}
#news .list ul li .text span{display:block;font-size:18px;color:#555;transition:all ease .3s;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#news .list ul li:hover .text span{color:#ff6a00}
#news .list ul li .text .textt{color:#878b99;font-size:13px;line-height:22px;margin:10px 0;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
#news .list ul li .text p{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding-top:10px;border-top:1px solid #e8edf2}
#news .list ul li .text p em{color:#878b99;font-size:14px;background:url(../images/clock_1.png) no-repeat left center;background-size:15px 15px;padding-left:20px}
#news .list ul li .text p i{display:block;width:20px;height:30px;background:url(../images/icon_1.png) no-repeat center;transition:all ease .3s}
#news .list ul li:hover .text p i{-webkit-animation:ihover .6s infinite;animation:ihover .6s infinite;background:url(../images/icon_1_1.png) no-repeat center}
@media all and (max-width:980px){
    #news .list ul li .text{padding:15px 10px}
    #news .list ul li .text span{font-size:14px}
    #news .list ul li .text p{padding-top:5px}
    #news .list ul li .text p em{font-size:12px}
    #news .list ul li .text .textt{font-size:12px;line-height:20px}
}
@media all and (max-width:800px){
    #news .list ul li{width:48%}
    #news .list ul li .text .textt{display:none}
    #news .list ul li .text p{margin-top:15px}
}
@media all and (max-width:600px){
    #news{padding:30px 0}
    #news .nav{margin-top:20px}
    #news .list ul li{margin-top:20px}
    #news .list ul li .text{padding:5px}
}
@media all and (max-width:480px){
    #news .nav li{margin:5px;padding:0 5px;line-height:35px}
    #news .list{margin-top:0}
    #news .list ul li{width:100%;margin-right:0}
    #news .list ul li .text{padding:10px}
}

/* 选择我们 */
#assess{width:100%;margin:60px auto;background:url(../images/bg_assess.png) no-repeat center bottom;overflow:hidden}
#assess .box1{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}
#assess .box1 li{width:49%;height:260px;padding:85px 0 0}
#assess .box1 li:nth-child(1){background:url(../images/bg_assess_1.png) no-repeat center center;background-size:cover}
#assess .box1 li:nth-child(2){background:url(../images/bg_assess_2.png) no-repeat center center;background-size:cover}
#assess .box1 li p{display:block;font-size:30px;color:#fff;text-align:center}
#assess .box1 li a{display:block;width:130px;height:40px;line-height:40px;border:1px solid #fff;border-radius:4px;margin:30px auto 0;text-align:center;color:#fff;font-size:14px;transition:all ease .3s}
#assess .box1 li a:hover{color:#333;background:#fff}
#assess .box2{margin-top:90px}
#assess .box2 span{display:block;width:100%;text-align:center;font-size:28px}
#assess .box2 .btn{display:block;max-width:800px;margin:30px auto;position:relative}
#assess .box2 .btn:before{content:"";display:block;position:absolute;left:0;top:50%;width:100%;height:1px;background:#333;margin-top:-.5px}
#assess .box2 .btn a{display:block;background:#000;color:#fff;width:360px;height:60px;line-height:60px;margin:0 auto;font-size:20px;border-radius:2px;overflow:hidden;position:relative;z-index:10;text-align:center}
#assess .box2 .btn a:before{content:"";display:block;width:0;height:100%;background:#ff6a00;position:absolute;top:0;left:0;transition:all ease .3s;z-index:15}
#assess .box2 .btn a:hover:before{width:100%}
#assess .box2 .btn a em{color:#fff;position:relative;z-index:20}
#assess .box2 p{display:block;text-align:center;font-size:16px;letter-spacing:5px;color:#555}
@media all and (max-width:980px){
    #assess .box1 li p{font-size:24px}
}
@media all and (max-width:750px){
    #assess .box1 li{width:100%;margin-top:20px}
}
@media all and (max-width:600px){
    #assess{margin:30px auto}
    #assess .box1 li{height:200px;padding:50px 0 0}
    #assess .box2{margin-top:40px}
    #assess .box2 span{font-size:20px}
    #assess .box2 .btn{margin:20px auto}
    #assess .box2 .btn a{width:240px;height:45px;line-height:45px;font-size:14px}
    #assess .box2 p{font-size:14px;letter-spacing:0}
}
@media all and (max-width:480px){
    #assess{margin:10px auto 30px}
    #assess .box1 li{height:150px;padding:30px 0 0}
    #assess .box1 li p{font-size:16px}
    #assess .box1 li a{width:100px;height:35px;line-height:35px;margin:20px auto 0}
    #assess .box2 span{font-size:16px}
    #assess .box2 .btn a{width:180px;height:40px;line-height:40px}
}
/* 底部通用 */
.footer{width:100%;background:#373f5e;overflow:hidden}
.footer .info{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;padding:60px 0}
.footer .info .left{width:28%;padding-right:2%;border-right:1px solid rgba(255,255,255,.05)}
.footer .info .left .diqu{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center;color:#caccd6;font-size:16px}
.footer .info .left .diqu li{color:#caccd6;font-size:16px;margin:0 5px;cursor:pointer}
.footer .info .left .diqu .on_diqu{color:#fff}
.footer .info .left .list{width:100%;margin-top:20px}
.footer .info .left .list .li_item{width:100%}
.footer .info .left .list .li_item1{background:url(../images/bg_foot_nj.png) no-repeat right bottom;}
.footer .info .left .list .li_item2{background:url(../images/bg_foot_sh.png) no-repeat right bottom;}
.footer .info .left .list .li_item3{background:url(../images/bg_foot_sq.png) no-repeat right bottom;}
.footer .info .left .list .li_item p{color:#caccd6;font-size:14px;line-height:30px;padding-left:20px}
.footer .info .left .list .li_item p:nth-child(1){background:url(../images/address_f.png) no-repeat left 5px;background-size:15px 15px}
.footer .info .left .list .li_item p:nth-child(2){background:url(../images/phone_f.png) no-repeat left 5px;background-size:15px 15px}
.footer .info .left .list .li_item p:nth-child(3){background:url(../images/message_f.png) no-repeat left 5px;background-size:15px 15px}
.footer .info .left .list .li_item p:nth-child(4){background:url(../images/qq_f.png) no-repeat left 5px;background-size:15px 15px}
.footer .info .left .list .li_item:nth-child(n+2){display:none}
.footer .info .right{width:65%;display:flex;justify-content:flex-start}
.footer .info .right dl{width:50%}
.footer .info .right dl dt{color:#caccd6;font-size:16px;margin-bottom:20px;font-weight:600;}
.footer .info .right dl dd{width:33%;float: left;}
.footer .info .right dl dd a{color:#caccd6;line-height:26px;font-size:14px}
.link{line-height:28px;overflow: hidden;}
.link span{float: left;font-weight:600;color:#ff6a00}
.link a{float: left;margin-left:5px}
@media all and (max-width:980px){
    .footer .info .left{width:100%;border:none}
    .footer .info .right{display:none}
}
@media all and (max-width:600px){
    .footer .info{padding:30px 0}
}
.footer .copyright{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;padding:30px 0;border-top:1px solid rgba(255,255,255,.05)}
.footer .copyright .left p{color:#caccd6;line-height:24px;font-size:12px}
.footer .copyright .left .box{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap}
.footer .copyright .left .box a{display:block;color:#caccd6;line-height:24px;font-size:12px;padding-left:20px}
.footer .copyright .left .box a:nth-child(1){background:url(../images/bg_foot_gljba.png) no-repeat left center}
.footer .copyright .left .box a:nth-child(2){background:url(../images/bg_foot_gaba.png) no-repeat left center;margin-left:10px}
.footer .copyright .left .box a:nth-child(3){background:url(../images/bg_foot_gao.png) no-repeat left center;margin-left:10px}
.footer .copyright .right p{color:#caccd6;line-height:24px;font-size:12px}
.footer .copyright .right .box{width:100%;display:flex;justify-content:flex-end;flex-wrap:wrap}
.footer .copyright .right .box a{display:block;color:#caccd6;line-height:24px;font-size:12px;margin-left:10px}
@media all and (max-width:980px){
    .footer .info{width:100%}
    .footer .copyright{width:100%;text-align:center}
    .footer .copyright .left{width:100%}
    .footer .copyright .left .box{justify-content:center}
    .footer .copyright .right{width:100%}
    .footer .copyright .right .box{justify-content:center}
}
@media all and (max-width:600px){
    .footer .copyright{padding:10px 0}
    .mb50{margin-bottom:20px!important}
    .mt50{margin-top:20px!important;}
}
/* 通用banner */
#banner_item{width:100%;height:400px;position:relative;overflow:hidden}
#banner_item.banner_news .img{width:100%;height:100%;background:url(../images/banner_news.jpg) no-repeat center center;background-size:cover;animation:banerBg 3s linear}
#banner_item.banner_news em{padding:0 5px;position:relative;line-height:24px}
#banner_item.banner_news em:nth-child(n+2):after{content:'';width:1px;height:14px;position:absolute;background:rgba(255,255,255,.2);top:50%;left:0;transform:translate(0,-50%)}
#banner_item.banner_news .btn{width:160px;overflow:hidden;margin:0 auto;margin-top:25px}
#banner_item.banner_news .btn a{display:block;background:#ff6a00;color:#fff;width:100%;height:50px;line-height:50px;margin:0 auto;font-size:18px;border-radius:5px;overflow:hidden;position:relative;z-index:10;text-align:center}
#banner_item.banner_news .btn a:before{content:"";display:block;width:0;height:100%;background:#fff;position:absolute;top:0;left:0;transition:all ease .3s;z-index:15}
#banner_item.banner_news .btn a:hover:before{width:100%}
#banner_item.banner_news .btn a em{position:relative;z-index:20;color:#fff;transition:all ease .3s}
#banner_item.banner_news .btn a:hover em{color:#ff6a00}
#banner_item .text{width:100%;position:absolute;left:0;top:50%;transform:translate(0,-50%);z-index:10;padding:0 50px;text-align:center}
#banner_item .text span{display:block;font-size:36px;font-weight:700;line-height:50px;color:#fff}
#banner_item .text p{display:block;font-size:18px;margin-top:20px;color:#fff}
@media all and (max-width:800px){
    #banner_item{height:320px}
    #banner_item .text span{font-size:28px;line-height:40px}
    #banner_item .text p{font-size:14px}
}
@media all and (max-width:480px){
    #banner_item{height:240px}
    #banner_item .text{padding:0 5px}
    #banner_item .text span{font-size:20px;line-height:30px}
    #banner_item .text p{font-size:12px;margin-top:10px}
    #banner_item.banner_news .btn{width:140px}
    #banner_item.banner_news .btn a{height:42px;line-height:42px;font-size:16px}
}
/* 内页律师 */
#case_list{width:100%;padding:30px 0;overflow:hidden}
#case_list .sub{padding: 10px 0px;border-bottom: 1px solid #e8edf2;}
#case_list .sub a:hover{color:#ff6a00}
#case_list .list{width:100%;}
#case_list .list ul{width:100%}
#case_list .list ul li{float:left;width:23.5%;margin-right:2%;margin-top:2%;border-radius:4px;overflow:hidden;position:relative;transition:all ease .3s}
#case_list .list ul li:hover{-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);box-shadow:0 0 12px 0 rgb(0 0 0 / 6%)}
#case_list .list ul li a{display:block}
#case_list .list ul li .img{width:100%;height:300px;position:relative;overflow:hidden}
#case_list .list ul li .img img{width:100%;min-height:100%;transition:all ease .3s}
#case_list .list ul li:hover .img img{transform:scale(1.1,1.1)}
#case_list .list ul li .img .img_t{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:10;opacity:0;transition:all ease .3s}
#case_list .list ul li:hover .img .img_t{opacity:1}
#case_list .list ul li .img .img_t p{color:#fff;position:relative;line-height:25px;font-size:14px;max-height:75px;padding:0 10px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
#case_list .list ul li .img .img_t p::before{content:"";display:block;width:100%;height:1px;background:#fff;position:absolute;left:0;top:0;transition:all ease .3s}
#case_list .list ul li:hover .img .img_t p::before{left:50%;width:5px;margin-left:-2.5px}
#case_list .list ul li .img .img_t p::after{content:"";display:block;width:100%;height:1px;background:#fff;position:absolute;left:0;bottom:0;transition:all ease .3s}
#case_list .list ul li:hover .img .img_t p::after{left:50%;width:5px;margin-left:-2.5px}
#case_list .list ul li .text{width:100%;padding:15px 30px;background:#f8f9fc;transition:all ease .3s}
#case_list .list ul li:hover .text{background:#fff}
#case_list .list ul li .text span{display:block;font-size:18px;color:#555;transition:all ease .3s}
#case_list .list ul li:hover .text span{color:#ff6a00}
#case_list .list ul li .text p{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid #e8edf2}
#case_list .list ul li .text p em{color:#878b99;font-size:14px}
#case_list .list ul li .text p i{width:20px;height:30px;background:url(../images/icon_1.png) no-repeat center;transition:all ease .3s}
#case_list .list ul li:hover .text p i{-webkit-animation:ihover .6s infinite;animation:ihover .6s infinite;background:url(../images/icon_1_1.png) no-repeat center}
@media all and (max-width:1400px){
    #case_list .list ul li .img{height:21vw}
}
@media all and (max-width:980px){
    #case_list .list ul li .text{padding:15px 10px}
    #case_list .list ul li .text span{font-size:14px}
    #case_list .list ul li .text p{margin-top:5px;padding-top:5px}
    #case_list .list ul li .text p em{font-size:12px}
}
@media all and (min-width:800px){
    #case_list .list ul li:nth-child(4n){margin-right:0}
}
@media all and (max-width:800px){
    #case_list .list ul li{width:49%;}
    #case_list .list ul li:nth-child(2n){margin-right:0}
    #case_list .list ul li .img{height:43vw}
}
@media all and (max-width:600px){
    #case_list{padding:30px 0}
    #case_list .list ul li .text{padding:5px}
}
/* 内容分页 */
#page_list{width:100%;padding:20px 0;overflow:hidden}
#page_list ul{display:flex;justify-content:center;flex-wrap:wrap;align-items:center}
#page_list ul li{margin:0 2px}
#page_list ul li a{display:block;padding:10px 15px;border-radius:2px;background:#f1f4f7;color:#555;font-size:14px}
#page_list ul li a:hover{background:#ff6a00;color:#fff}
#page_list ul li strong{display:block;padding:10px 15px;border-radius:2px;background:#ff6a00;color:#fff;font-size:14px;font-weight:400}

/* 资讯列表 */
#news_list{width:100%;background:#f1f4f7;padding-bottom:50px;overflow:hidden}
#news_list .news_sub{height:40px;line-height:40px;overflow:hidden}
#news_list .wrap{display:flex;justify-content:space-between;flex-wrap:wrap}
#news_list .wrap .left{width:calc(100% - 330px);background:#fff;padding:30px 50px;overflow:hidden}
#news_list .wrap .left .tit{border-bottom:1px solid #eee;padding-bottom:5px;font-size:28px;color:#555}
#news_list .wrap .left .list{width:100%}
#news_list .wrap .left .list li{width:100%;padding:30px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}
#news_list .wrap .left .list li .img{width:23%;height:130px;position:relative}
#news_list .wrap .left .list li .img img{width:100%;height:100%;object-fit:cover}
#news_list .wrap .left .list li .img .look{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;background:rgba(0,0,0,.8);opacity:0;transition:all ease .3s}
#news_list .wrap .left .list li:hover .img .look{opacity:1}
#news_list .wrap .left .list li .img .look p{position:absolute;line-height:30px;width:50px;text-align:center;position:absolute;left:50%;top:50%;margin-top:-15px;margin-left:-25px;color:#fff}
#news_list .wrap .left .list li .img .look p::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:1px;background:#fff;transition:all ease .3s}
#news_list .wrap .left .list li:hover .img .look p::before{left:50%;width:6px;margin-left:-3px}
#news_list .wrap .left .list li .img .look p::after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff;transition:all ease .3s}
#news_list .wrap .left .list li:hover .img .look p::after{left:50%;width:6px;margin-left:-3px}
#news_list .wrap .left .list li .text{width:75%;display:flex;justify-content:space-between;align-items:center}
#news_list .wrap .left .list li .text .text1{width:70%}
#news_list .wrap .left .list li .text .text1 span{display:block}
#news_list .wrap .left .list li .text .text1 span a{display:block;font-size:18px;font-weight:400;position:relative;transition:all ease .3s;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#news_list .wrap .left .list li:hover .text .text1 span a{color:#ff6a00;padding-left:15px}
#news_list .wrap .left .list li .text .text1 span a::before{content:'';display:block;width:0;height:2px;background-color:#ff6a00;position:absolute;left:0;top:14px;transition:all ease .3s}
#news_list .wrap .left .list li:hover .text .text1 span a::before{width:10px}
#news_list .wrap .left .list li .text .text1 p{line-height:24px;margin-top:10px;color:#878b99;line-height:25px;font-size:14px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#news_list .wrap .left .list li .text .text1 em{margin-top:10px;display:block;color:#878b99}
#news_list .wrap .left .list li .text .btn{width:40px;height:40px;border:1px solid #eee;overflow:hidden;transition:all ease .3s;background:#fff}
#news_list .wrap .left .list li:hover .text .btn{border-radius:100%;border:1px solid #ff6a00;background:#ff6a00}
#news_list .wrap .left .list li .text .btn a{display:block;width:100%;height:100%;line-height:40px;text-align:center;color:#555;font-size:16px;text-align:center;font-weight:700}
#news_list .wrap .left .list li:hover .text .btn a{color:#fff}
@media all and (max-width:1200px){
    #news_list .wrap .left .list li .img{width:33%;}
    #news_list .wrap .left .list li .text{width:65%}
}
@media all and (max-width:1000px){
    #news_list .wrap .left{padding:20px}
}
@media all and (max-width:800px){
    #news_list .wrap .left{width:100%}
    #news_list .wrap .left .tit{font-size:20px}
}
@media all and (max-width:600px){
    #news_list{padding-bottom:30px}
}
@media all and (max-width:480px){
    #news_list .wrap .left{padding:10px}
    #news_list .wrap .left .tit{font-size:18px}
    #news_list .wrap .left .list li{padding:10px 0;flex-wrap:wrap}
    #news_list .wrap .left .list li .img{width:100%;height:170px}
    #news_list .wrap .left .list li .text{width:100%;margin-top:10px}
    #news_list .wrap .left .list li .text .text1{width:100%}
    #news_list .wrap .left .list li .text .text1 span a{font-size:14px}
    #news_list .wrap .left .list li .text .text1 p{font-size:12px;line-height:20px;margin-top:5px}
    #news_list .wrap .left .list li .text .btn{display:none}
}
/* 右侧通用 */
#right1{width:300px;height:100%;background:#fff;overflow:hidden}
#right1 .ewm{width:100%;padding:20px;overflow:hidden}
#right1 .ewm .tit{font-size:16px;text-align:center;color:#555}
#right1 .ewm img{width:170px;height:auto;margin:10px auto}
#right1 .xwdt{padding:20px 30px;overflow:hidden}
#right1 .xwdt .tit{font-size:16px;border-bottom:1px solid #eee;color:#555;line-height:30px}
#right1 .xwdt .list{padding:0 0 10px;display:flex;justify-content:flex-start;flex-wrap:wrap}
#right1 .xwdt .list a{margin:10px 10px 0 0;font-size:14px;color:#555}
#right1 .xwdt .list a:hover{color:#ff6a00}
#right1 .xgwz{padding:20px 30px;overflow:hidden}
#right1 .xgwz .tit{font-size:16px;border-bottom:1px solid #eee;color:#555;line-height:30px}
#right1 .xgwz .list{width:100%;padding:10px 0}
#right1 .xgwz .list li{font-size:16px;font-weight:700;color:#878b99;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:25px}
#right1 .xgwz .list li a{color:#555;font-size:14px;padding-left:10px;font-weight:400}
#right1 .team{padding:20px;width:100%;}
#right1 .team .tit{font-size:16px;text-align: center;color:#ff6a00}
#team{width:100%;height:auto;overflow: hidden;margin-top:15px}
#team .img{width:100%;height:260px;position:relative;overflow:hidden}
#team .img img{width:100%;min-height:100%;transition:all ease .3s}
#team:hover .img img{transform:scale(1.1,1.1)}
#team .img .img_t{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:10;opacity:0;transition:all ease .3s}
#team:hover .img .img_t{opacity:1}
#team .img .img_t p{color:#fff;position:relative;line-height:25px;font-size:14px;max-height:75px;padding:0 10px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
#team .img .img_t p::before{content:"";display:block;width:100%;height:1px;background:#fff;position:absolute;left:0;top:0;transition:all ease .3s}
#team:hover .img .img_t p::before{left:50%;width:5px;margin-left:-2.5px}
#team .img .img_t p::after{content:"";display:block;width:100%;height:1px;background:#fff;position:absolute;left:0;bottom:0;transition:all ease .3s}
#team:hover .img .img_t p::after{left:50%;width:5px;margin-left:-2.5px}
#team .text{width:100%;padding:15px 30px;background:#f8f9fc;transition:all ease .3s;text-align: center;}
#team:hover .text{background:#fff}
#team .text span{display:block;font-size:18px;color:#555;transition:all ease .3s}
#team:hover .text span{color:#ff6a00}
#team .text p{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid #e8edf2}
#team .text p em{color:#ff6a00;font-size:14px}
#team .text p i{width:20px;height:30px;background:url(../images/icon_1.png) no-repeat center;transition:all ease .3s}
#team:hover .text p i{-webkit-animation:ihover .6s infinite;animation:ihover .6s infinite;background:url(../images/icon_1_1.png) no-repeat center}

@media all and (max-width:800px){
    #right1{width:100%;margin-top:30px}
    #team .img{height:calc(80vw);}
}
@media all and (max-width:480px){
    #right1 .ewm{padding:20px 10px 0}
    #right1 .xwdt{padding:20px 10px 0}
    #right1 .xgwz{padding:20px 10px 0}
}
/* 文章详情 */
#news_list .wrap .left .my_content{width:100%;overflow:hidden}
#news_list .wrap .left .my_content .tit{width:100%;border-bottom:1px solid #e8edf2}
#news_list .wrap .left .my_content .tit h1{font-size:24px;font-weight:700;text-align:center;line-height:60px}
#news_list .wrap .left .my_content .tit span{display:block;width:100%;text-align:center;color:#404d5b;opacity:.5;padding:10px 0;font-size:14px;line-height:25px}
#news_list .wrap .left .my_content .content{padding:30px 0;border-bottom:1px dashed #e8edf2}
#news_list .wrap .left .my_content .content img{max-width:100%;height:auto;margin:20px auto}
#news_list .wrap .left .my_content .timage{width:100%}
#news_list .wrap .left .my_content .timage img{display:block;width:100%;margin:0 auto;max-width:500px}
#news_list .wrap .left .my_content .content p{font-size:16px;color:#555;line-height:30px;margin-top:10px;text-indent:2em;}
#news_list .wrap .left .map{width:100%;height:500px;margin-top:30px}
#news_list .wrap .left .my_content .next{width:100%;overflow:hidden;margin-top:30px}
#news_list .wrap .left .my_content .next li{width:100%;height:30px;line-height:30px;overflow:hidden;font-size:16px}
@media all and (max-width:800px){
    #news_list .wrap .left .map{height:60vw}
}
@media all and (max-width:480px){
    #news_list .wrap .left .map{margin-top:0}
    #news_list .wrap .left .my_content{padding:20px 10px}
    #news_list .wrap .left .my_content .tit h1{font-size:18px;line-height:35px}
    #news_list .wrap .left .my_content .tit span{font-size:12px}
    #news_list .wrap .left .my_content .content{padding:10px 0}
    #news_list .wrap .left .my_content .content img{margin:10px auto}
    #news_list .wrap .left .my_content .content p{font-size:14px;line-height:22px;text-indent:0;}
    #news_list .wrap .left .my_content .next{margin-top:10px}
}
/* 业务频道 */
#chan_sub{width:100%;background:#f1f4f7;overflow:hidden}
#chan_sub .news_sub{height:40px;line-height:40px;overflow:hidden}
#web_news{width:100%;padding:50px 0;background:#fff;overflow:hidden}
.chan #web_news:nth-child(2n){background:#f8f9fc}
#web_news.seo{background:#fff!important}
#web_news .content{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}
#web_news .content .left{width:48%;display:flex;justify-content:space-between;flex-wrap:wrap}
#web_news .content .left .box{width:48%;margin-top:30px}
#web_news .content .left .box img{width:100%;height:180px;object-fit:cover}
#web_news .content .left .box .text{width:100%}
#web_news .content .left .box .text span{display:block;font-size:16px;margin-top:20px;line-height:24px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#web_news .content .left .box:hover .text span{color:#ff6a00}
#web_news .content .left .box .text p{width:100%;margin-top:10px;font-size:13px;line-height:22px;color:#878b99;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#web_news .content .right{width:48%;margin-top:30px}
#web_news .content .right ul{width:100%}
#web_news .content .right ul li{width:100%;display:flex;justify-content:space-between;line-height:32px;align-items:center}
#web_news .content .right ul li a{display:block;color:#555;font-size:15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#web_news .content .right ul li:hover a{color:#ff6a00}
#web_news .content .right ul li span{display:block;color:#999;font-size:14px;white-space:nowrap}
#tit3{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;padding:5px 0;border-bottom:1px solid #e8edf2}
#tit3 span{display:block;font-size:24px;font-weight:400;color:#555}
#tit3 a{display:block;font-size:14px;color:#666}
@media all and (max-width:800px){
    #web_news .content .left{width:100%}
    #web_news .content .right{width:100%}
}
@media all and (max-width:600px){
    #web_news{padding:30px 0}
}
@media all and (max-width:480px){
    #web_news .content .left .box{width:100%;margin-top:20px}
    #web_news .content .right{margin-top:10px}
    #web_news .content .right ul li{line-height:28px}
    #web_news .content .right ul li a{font-size:14px}
    #web_news .content .right ul li span{font-size:12px}
}