body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,lengend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea,th{color:#111;background-color:#FFF;font-size:14px;line-height:1;
	font-family:'SourceHanSansCN-Regular'}
h1,h2,h3,h4,h5,h6{font-size:100%}
li{list-style:none}
img{border:0 none;-ms-interpolation-mode:bicubic;display:block}
input[type="button"],input[type='submit']{cursor:pointer}
button{cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
a{color:#111;text-decoration:none}
a:hover{color:#007dc6}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc}
@font-face {
  font-family: "SourceHanSansCN-Regular";
  src:url("https://hplaw.oss-cn-beijing.aliyuncs.com/font/SourceHanSansCN-Regular.otf");
  font-display: swap;
}
@font-face {
  font-family: "SourceHanSansCN-Medium";
  src: url("https://hplaw.oss-cn-beijing.aliyuncs.com/font/SourceHanSansCN-Medium.otf");
  font-display: swap;
}
@font-face {
  font-family: "SourceHanSansCN-Bold";
  src: url("https://hplaw.oss-cn-beijing.aliyuncs.com/font/SourceHanSansCN-Bold.otf");
  font-display: swap;
}
/*@font-face {
  font-family: "SourceHanSansCN-Regular";
  src:url("../font/SourceHanSansCN-Regular.otf");
  font-display: swap;
}
@font-face {
  font-family: "SourceHanSansCN-Medium";
  src: url("../font/SourceHanSansCN-Medium.otf");
  font-display: swap;
}
@font-face {
  font-family: "SourceHanSansCN-Bold";
  src: url("../font/SourceHanSansCN-Bold.otf");
  font-display: swap;
}*/
.text_l{text-align:left}
.text_c{text-align:center}
.text_r{text-align:right}
.float_l{float:left}
.float_r{float:right}
.coolr_red{color:#f93839}
.color_333{color:#333}
.color_555{color:#555}
.color_666{color:#666}
.color_999{color:#999}
.color_fff{color:#fff}
.color_ccc{color:#ccc}
.color_bbb{color:#bbb}
.color_blure{color:#007dc6}
.color_blure1{color:#2a3e53}
.color_blure2{color:#697480}
.color_ora{color:#ff8a22}
.color_green{color:#8ccd17}
.color_violet{color:#822071}
.font_12{font-size:12px}
.font_13{font-size:13px}
.font_14{font-size:14px}
.font_15{font-size:15px}
.font_16{font-size:16px}
.font_18{font-size:18px}
.font_20{font-size:20px;line-height:20px}
.font_24{font-size:24px;line-height:24px}
.font_30{font-size:30px;line-height:30px}
.font_36{font-size:36px;line-height:36px}
.line_30{line-height:30px}
.bor_t{border-top:#ebebeb solid 1px}
.bor_b{border-bottom:#ebebeb solid 1px}
.text_ell{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.none{display:none}
.clear{clear:both}
.overflow{overflow:hidden}
.font_weight_bold{font-weight:bold; font-family: "SourceHanSansCN-Bold";}
.font_normal{font-weight:normal}
.detail-con *{max-width:100%!important}
.detail-con img{display:inline-block}
.inle_25{line-height:25px}
.padd_15{padding:15px}
.padd_20{padding:20px}
.padd_l20{padding-left:20px}
.padd_r10{padding-right:10px}
.padd_t13{padding-top:13px}
.padd_t20{padding-top:20px}
.padd_t40{padding-top:40px}
.padd_t50{padding-top:50px}
.padd_t60{padding-top:60px}
.padd_t70{padding-top:70px}
.padd_b50{padding-bottom:50px}
.padd_b100{padding-bottom:100px}
.padd_tb20{padding:20px 0}
.padd_tb30{padding:30px 0}
.padd_tb50{padding:50px 0}
.padd_tb60{padding:60px 0}
.padd_0_20{padding:0 20px}
.padd_30_30_0{padding:30px 30px 0}
.width-1200{width:1200px;margin:auto}
.mar_t10{margin-top:10px}
.mar_t20{margin-top:20px}
.mar_t30{margin-top:30px}
.mar_t50{margin-top:50px}
.mar_l21{margin-left:21px}
.mar_r20{margin-right:20px}
.mar_b5{margin-bottom:5px}
.mar_b10{margin-bottom:10px}
.mar_b20{margin-bottom:20px}
.mar_b25{margin-bottom:25px}
.mar_b35{margin-bottom:35px}
.mar_b50{margin-bottom:50px}
.mar_tb10{margin:10px 0}
.mar_tb15{margin:15px 0}
.mar_tb35{margin:35px 0}
.mar_tb75{margin:75px auto}
.mar_r0{margin-right:0!important}
.mar_auto{margin:auto}
.relative{position:relative}
.absolute{position:absolute}
.bg_f2f3{background:#f2f3f5}
.bg_fa{background:#fafafa}
.bg_fff{background:#fff}
.flex{flex:1;}
.vertical_dq{display:-webkit-flex;-webkit-align-items:center}
.flex_box{display:-webkit-flex;display:flex;}
.justify_center{-webkit-justify-content:center;justify-content:center}
.sp_ends{display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:space-between}
.text_ell{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.text_clamp2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.inl_block{display:inline-block}
.text_ell{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.icon1{background:url(../images/icon1.png) no-repeat}
.icon2{background:url(../images/icon2.png) no-repeat}
.icon3{background:url(../images/icon3.png) no-repeat}
.icon4{background:url(../images/icon4.png) no-repeat}
.icon5{background:url(../images/icon5.png) no-repeat}
.icon6{background:url(../images/icon6.png) no-repeat}
.icon15{background:url(../images/icon15.png) center no-repeat}
.icon16{background:url(../images/icon16.png) center no-repeat}
.icon17{background:url(../images/icon17.png) center no-repeat}
.icon18{background:url(../images/icon18.png) no-repeat}
.icon19{background:url(../images/icon19.png) no-repeat}
.header .box{height:102px;position:fixed;top: 0; left: 0; right: 0;z-index:5;transition:all .3s;}
.header .sp_ends{height:102px;}
.header li{position:relative;height: 53px;margin-right: 50px;line-height: 53px;font-weight:500; font-family: "SourceHanSansCN-Medium";}
.header li:last-child{margin-right: 0;}
.header .active:after{content:'';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 3px;background-color:#0074B0;}
.header .active,.header .active a{color: #0074B0;}
.within-header{height:102px;}
.within-header .box{background-color: #fff;}
.language-box .txt{display:none;}
.language{position:relative;font-weight: bold; font-family: "SourceHanSansCN-Bold";border: 1px solid rgba(17, 17, 17, 0.2);min-width: 129px;height:37px;text-align:center;}
.language .btn{cursor: pointer;padding:10px 0;}
.language .btn em{display: inline-block;border:transparent solid 5px;border-top-color:#333;vertical-align:-2px;margin-left:5px;}
.language .menu{position:absolute;background-color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.1);top:44px;right:0; width:131px; text-align: center;display:none;padding:5px 0;}
.language .menu a{display: block;line-height: 40px;border-bottom:#eee solid 1px; margin:0 20px;}
.language .menu a:last-child{border:0;}
.logo{width: 195px;}
.logo img{width: 100%;cursor: pointer;}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp}
@-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0)}
100% {opacity: 1;-webkit-transform: none;transform: none}}
@keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0,100%,0);-ms-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0)}
100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none}}
.banner{background:url("../images/banner.png") no-repeat center fixed;height:898px;background-size:cover;position: relative;}
.banner .txt{position:relative;z-index: 2;padding-top:270px;-webkit-transition:all 1s;width: 830px;}
.banner .txt .font1{font-size:40px;line-height:1.5;font-weight: bold;font-family: "SourceHanSansCN-Bold";text-transform: uppercase;}
.banner .txt .font2{line-height:1.5;padding-top: 16px;margin-bottom: 40px;}
.banner a{display: inline-block;width: 183px;height: 56px;line-height: 56px;color:#fff;background:#0074B0;font-weight: bold;font-family: "SourceHanSansCN-Bold";text-align:center;font-size: 16px;}
.plate-1{display:flex;height: 198px;margin-top:-167px;margin-bottom:38px;}
.plate-1 li{padding:50px;line-height: 20px;width:50%;display:flex;align-items: center;}
.plate-1 li:nth-child(1){backdrop-filter: blur(30px);background: rgba(0, 116, 176, 0.9);color: #fff;}
.plate-1 li:nth-child(2){backdrop-filter: blur(15px);background: linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, rgba(238, 238, 238, 0.7) 100%);color:#333;}
.footer {height: 66px;color: #666;font-size: 12px;line-height: 66px;border-top: #eee solid 1px;display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:space-between;}
.footer a:last-child{margin-left: 6px;}
.within-banner{height: 430px;}
.within-banner .txt{position:relative;z-index: 2;padding-top:160px;-webkit-transition:all 1s;width:576px;color: #fff;}
.within-banner .txt .font1{font-size:40px;line-height:1.5;font-weight: bold;font-family: "SourceHanSansCN-Bold";}
.within-banner .txt .font2{line-height:1.5;}
.bg-AboutUs{background:url("../images/bg1.png") no-repeat center;background-size:cover;}
.bg-OurPeople{background:url("../images/bg2.png") no-repeat center;background-size:cover;}
.bg-KeyPractices{background:url("../images/bg3.png") no-repeat center;background-size:cover;}
.bg-ContactUs{background:url("../images/bg4.png") no-repeat center;background-size:cover;}
.plate-2 {padding:100px 0;}
.plate-2 .txt{font-size:24px;line-height:1.5;font-weight: bold;font-family: "SourceHanSansCN-Bold";width: 850px;}
.plate-3 {background-color:#ECF8FF;padding:100px 0;}
.plate-3 .txt{width: 620px;}
.plate-3 .font1{line-height: 21px;}
.plate-3 a{display: block;width:233px;height:38px;line-height:38px;color:#fff;background:#0074B0;text-align:center;font-size: 12px; margin:32px 0;}
.plate-3 img{width: 383px;}
.plate-4{padding-top:50px;padding-bottom:26px;display: flex;flex-wrap: wrap;}
.plate-4 li{background: #F9F9F9;border-bottom: 3px solid #EEEEEE;width:384px;margin-right: 24px;margin-bottom:24px;height: 446px;display:flex;flex-direction: column;display:flex;justify-content: center;transition: all .3s;}
.plate-4 li:nth-child(3n){margin-right: 0;}
.plate-4 .name{padding:32px;padding-bottom:26px; line-height: 1.5;cursor: pointer;}
.plate-4 .font1{font-size: 16px;font-weight: bold;font-family: "SourceHanSansCN-Bold";color:#0074B0;}
.plate-4 .font2{font-size: 12px;color:#999;}
.plate-4 .txt{padding:32px;height:372px;font-size: 16px;line-height: 24px;overflow:hidden;padding-top: 0;}
.plate-4 .txt p{height:308px;overflow-y: auto;}
.plate-4 .txt p::-webkit-scrollbar {width:5px;}
.plate-4 .txt p::-webkit-scrollbar-track-piece{background-color: #fff;}
.plate-4 .txt p::-webkit-scrollbar-thumb{background-color: #0572ab;}
.plate-4 .txt .scrollable{display: block;}
.plate-5{padding:50px 0;display: flex;flex-wrap: wrap;}
.plate-5 li{width:600px;height:460px;}
.plate-5 .ico{width:50px;height: 50px;position:absolute;left: 40px;top:40px;}
.icon1{background:url("../images/icon1.png") 100%/100%;}
.icon2{background:url("../images/icon2.png") 100%/100%;}
.icon3{background:url("../images/icon3.png") 100%/100%;}
.icon4{background:url("../images/icon4.png") 100%/100%;}
.plate-5 .bt{font-size:24px;font-weight: bold;font-family: "SourceHanSansCN-Bold";margin-bottom: 16px;}
.plate-5 .wb{line-height: 18px;margin-bottom:16px;}
.plate-5 .font1{font-size: 15px;color:#0074B0;font-weight: bold;font-family: "SourceHanSansCN-Bold";line-height: 22px;margin-bottom: 8px;}
.plate-5 .font2{margin-bottom:8px;font-size:13px;line-height: 15px;}
.plate-5 .font2:before{background-color: #0074B0;width:6px;height: 6px;content: '';display: inline-block;margin-right:8px;vertical-align:2px;}
.plate-5 .txt{display:none;margin-bottom: 32px;max-height: 145px;overflow-y: auto;}
.plate-5 .txt::-webkit-scrollbar {width:5px;}
.plate-5 .txt::-webkit-scrollbar-track-piece{background-color: #eee;}
.plate-5 .txt::-webkit-scrollbar-thumb{background-color: #0572ab;}
.plate-5 .more{width: 16px;height: 16px;background:url("../images/icon6.png") 100%/100%;}
.bg-img1{background:url("../images/bg5.png") center 100%;}
.bg-img2{background:url("../images/bg6.png") center 100%;}
.bg-img3{background:url("../images/bg7.png") center 100%;}
.bg-img4{background:url("../images/bg8.png") center 100%;}
.bg-color{padding:40px;height: 100%;display: flex;flex-direction: column;box-sizing: border-box;justify-content: flex-end;position:relative;}
.bg-img1 .bg-color,.bg-img4 .bg-color{background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.95) 100%);}
.bg-img2 .font1,.bg-img3 .font1{color: #fff;}
.bg-img2 .font2:before,.bg-img3 .font2:before{background-color: #fff;}
.bg-img2 .bg-color,.bg-img3 .bg-color{background: linear-gradient(180deg, rgba(0, 116, 176, 0.7) 0%, #0074B0 100%);color:#fff;}
.bg-img1 .bg-color .bottom,.bg-img4 .bg-color .bottom{border-top: 1px solid #0074B0;color:#0074B0;}
.bg-img1 .bg-color .more,.bg-img4 .bg-color .more{width: 16px;height: 16px;background:url("../images/icon5.png") 100%/100%;}
.plate-5 .bg-img2 .txt::-webkit-scrollbar,.plate-5 .bg-img3 .txt::-webkit-scrollbar {width:5px;}
.plate-5 .bg-img2 .txt::-webkit-scrollbar-track-piece,.plate-5 .bg-img3 .txt::-webkit-scrollbar-track-piece{background-color: #0572ab;}
.plate-5 .bg-img2 .txt::-webkit-scrollbar-thumb,.plate-5 .bg-img3 .txt::-webkit-scrollbar-thumb{background-color: #fff;}

.plate-5 .bottom{padding-top: 32px;cursor: pointer;font-size: 12px;border-top: 1px solid #fff;}
.plate-5 .active {justify-content: center;}
.plate-5 .active .flex{display:none;}
.plate-5 .active .more{width: 16px;height: 16px;background:url("../images/icon8.png") 100%/100%;}
.plate-5 .bg-img1 .bg-color .active .more,.plate-5 .bg-img4 .bg-color .active .more{width: 16px;height: 16px;background:url("../images/icon7.png") 100%/100%;}
.plate-6{height: 387px;background:url("../images/map.png") right no-repeat #f9f9f9;padding-left: 70px;margin:50px auto;box-sizing: border-box;}
.plate-6-cn{background:url("../images/map-cn.png") right no-repeat #f9f9f9;}
.plate-6 dl{margin-right: 60px;}
.plate-6 dt{font-size: 16px;line-height: 24px;font-weight: bold;font-family: "SourceHanSansCN-Bold";border-bottom:#0074B0 solid 2px;display: inline-block;margin-bottom: 16px;color: #333;}
.plate-6 dd{font-size:20px;line-height: 30px;font-weight: bold;font-family: "SourceHanSansCN-Bold";}
.mobile-menu ul{margin-right: 173px;}
.mobile-btn{display:none;}
.statement-box{width:960px;margin:auto;padding:60px 0;min-height:calc(100vh - 222px - 67px);}
.statement-title{font-size: 24px;font-weight: bold;font-family: "SourceHanSansCN-Bold";margin-bottom: 24px;}
.statement-con{color: #333;line-height: 24px;}
.statement-con p{margin-bottom: 24px;}
.statement-con ul{padding-left: 20px;margin-bottom: 24px;}
.statement-con li {list-style: disc;}
@media (max-width:800px) {
.width-1200,.banner .txt,.plate-2 .txt,.plate-3 .txt{width: auto;}
.header .box,.header .box > .sp_ends,.within-header{height: 62px;}
.header .box > .sp_ends{padding:0 16px;}
.logo {width:108px;}
.mobile-btn{display:block;width:24px;height: 24px;background:url("../images/menu1.png") no-repeat;background-size: 24px;}
.mobile-btn-active{background:url("../images/menu2.png") no-repeat;background-size: 24px;}
.mobile-menu{display:none;position:fixed;bottom: 0;left: 0;right: 0;z-index: 2;background:#fff;top:62px;padding:24px;}
.mobile-menu ul{margin:0;display: block;}
.mobile-menu li{width:auto;margin:0;line-height: inherit;height:auto;border-bottom:#eee solid 1px;}
.mobile-menu li a{display:block;padding:24px 0;font-size: 18px;}
.mobile-menu li:before{content: '';width: 24px;height: 24px;background:url("../images/arrow.png") 100%/100%;position:absolute;right:0;top:21px;}
.language-box{border-bottom:#eee solid 1px;position:relative;padding:24px 0;}
.language-box .txt{display: block;font-size: 18px;}
.language {position: absolute;right: 0;top:12px;border:0;font-size: 14px;min-width:auto;font-family:'SourceHanSansCN-Regular'}
.language .btn em{width:24px;height:24px;background:url("../images/toggle.png") 100%/100%;border:0;vertical-align: -6px;margin-left:12px;}
.language .menu{top:auto;bottom: 44px;}
.header .active:after{bottom:-1px;}
.banner {background: url(../images/mobile-banner.png) no-repeat center fixed;height: 712px;background-size:cover;}
.banner .txt{padding-top:120px;padding-left: 16px;padding-right: 16px;}
.banner .txt .font1{font-size: 30px;}
.banner .txt .font2{font-size: 12px;}
.banner a{width: 163px;height: 48px;line-height: 46px;}
.plate-1{flex-direction: column;margin:-100px 16px 30px 16px;height: auto;}
.plate-1 li{width:auto;padding:40px 16px;}
.plate-1 li:nth-child(2){backdrop-filter: blur(30px);background: rgba(0, 116, 176, 0.9);color: #fff;}
.plate-1 li:nth-child(1){backdrop-filter: blur(15px);background: linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, rgba(238, 238, 238, 0.7) 100%);color:#333;}
.footer{padding:24px 16px;line-height: 18px;height:auto;display: block;text-align: center;}
.footer div:last-child{padding-top: 6px;}
.footer span{display: block;}
.within-banner{min-height: 240px;padding:16px;box-sizing: border-box;height: auto;display:flex;align-items:center;}
.within-banner .txt{padding:0;width:auto;}
.within-banner .txt .font1{font-size:32px;}
.within-banner .txt .font2{font-size:13px;}
.bg-AboutUs{background:url("../images/mobile-bg1.png") no-repeat center;background-size: cover;}
.bg-OurPeople{background:url("../images/mobile-bg2.png") no-repeat center;background-size: cover;}
.bg-KeyPractices{background:url("../images/mobile-bg3.png") no-repeat center;background-size: cover;}
.bg-ContactUs{background:url("../images/mobile-bg4.png") no-repeat center;background-size: cover;}
.plate-2 {padding:40px 18px;}
.plate-2 .txt{font-size: 18px;}

.plate-3{padding:40px 16px;margin-bottom: 17px;}
.plate-3 .sp_ends{flex-direction: column;}
.plate-3 img{order: -1;width: 100%;margin-bottom:40px;}
.plate-4{padding:40px 16px;display: block;}
.plate-4 li{width:auto;margin-right: 0;height:auto;min-height: 380px;}
.plate-4 li:last-child{margin-bottom:0;}
.plate-4 .txt{height:auto;box-sizing: border-box;}
.plate-4 .txt p{height: 100%;overflow-y: hidden;}
.plate-5{padding:40px 16px;flex-direction: column;}
.plate-5 li{width:auto;margin-bottom:24px;height:auto;min-height:490px;}
.plate-4 li:last-child{margin-bottom:0;}
.plate-5 .txt{height:auto;box-sizing: border-box;overflow-y: auto;max-height: none;}
.plate-5 .ico{left:24px;top:24px;}
.bg-color{padding:24px;min-height:490px;padding-top: 100px;}
.bg-img3{order:4;}
.plate-6{background:url("../images/mobile-map.png") no-repeat center;background-size: cover; margin:40px 16px;box-sizing: border-box;padding:24px;flex-direction: column;align-items: flex-start;justify-content: center;}
.plate-6 dl{padding-bottom:40px;margin-right: 0;}
.plate-6 dl:last-child{padding-bottom:0;}
.plate-6-cn{background:url("../images/mobile-map-cn.png") no-repeat center;background-size: cover;background-position-y: 2px;}
.statement-box{min-height:auto;width:auto;padding:40px 16px;}
.statement-con p:last-of-type{margin-bottom:0;}
}
@media (max-width:360px) {.plate-6-cn{height:360px}.plate-6 dd{font-size:18px;}}