@charset "utf-8";
html {
       overflow:hidden;
        height: 100%;
}
body {
        overflow:auto;
        height: 100%;
}


@media screen and (max-width:768px) {
html {
       overflow:visible;
        height: 100%;
}
body {
        overflow:visible;
        height: 100%;
}

}


/*°øÅë*/
.sub_top {width: 100%; background-position: center top; background-repeat:no-repeat; overflow: hidden;}
.sub_top1 {	background-image: url('../images/sub_top1.jpg'); height: 370px;}
.sub_top2 {	background-image: url('../images/sub_top2.jpg'); height: 370px;}
.sub_top3 {	background-image: url('../images/sub_top3.jpg'); height: 370px;}
.sub_top4 {	background-image: url('../images/sub_top4.jpg'); height: 370px;}
.sub_top5 {	background-image: url('../images/sub_top5.png'); height: 370px;}
/*.sub_top5 {	background: url('../images/sub_top5.png')no-repeat center center; height: 800px; }*/
.sub_top6 {	background-image: url('../images/sub_top6.png'); height: 370px;}

.content {
	background:#fff;width: 100%; padding-top:100px; padding-bottom:50px
}

.sub_tit {max-width:1200px; margin:auto; font-size:2.5rem; margin-top:-1rem; /* font-weight:bold; */ /*color:#558ab7*/ color:#303030; border-bottom:1px solid #303030}

@media screen and (max-width:1200px) {
.sub_tit {margin-left:10px; margin-right:10px}

}

@media screen and (max-width:768px) {

.sub_top {
	width: 100%;
	height: 200px;
	background-position: center top;
	background-attachment: fixed;
	overflow: hidden;
	margin-top:80px;
}


.sub_tit {font-size:3rem;}

}


/*¼Ò°³*/
.intro_top {max-width:1200px; margin:auto; min-height:350px; padding-top:100px }
.intro_top  .intro_top_txt {float:left}
.intro_top  .intro_top_txt .tit {font-size:1.4rem; color:#000; font-weight:bold}
.intro_top  .intro_top_txt .txt {font-size:1.2rem; line-height:1.8rem; color:#666; margin-top:2rem }
.intro_top  .intro_top_img {float:right; width:530px;  }

.mission {width:100%; background:#f5f5f5; margin-top:-55px; padding:50px 0;}
.mission_box {max-width:1200px; margin:auto; position:relative;}
.mission_box .mission_tit {width:150px; height:150px; background:#0b304b; color:#c4a390; position:absolute; top:-80px; left:0px; font-size:1.5rem; text-align:Center; line-height:150px; }
.mission_box dl {padding-top:100px; padding-bottom:50px;}
.mission_box dt {font-size:1.5rem; color:#000; margin-top:4rem}
.mission_box dd {font-size:1.2rem; color:#666; margin-top:1rem }

.intro_bottom {width:100%; text-align:left; padding-top:70px}
.intro_bottom .bottom_img {width:100%;}
.intro_bottom .bottom_txt {font-size:1.2rem; color:#666; line-height:1.6; margin-top:50px; margin-bottom:30px}
.intro_bottom .bottom_txt .txt {font-size:1.2rem; color:#666; line-height:50px; margin-top:50px; margin-bottom:30px}

@media screen and (max-width:1200px) {
.intro_top {margin:0 10px }

.intro_top  .intro_top_txt {float:left; width:50%; }
.intro_top  .intro_top_txt .tit {font-size:1.4rem; color:#000; font-weight:bold}
.intro_top  .intro_top_txt .txt {font-size:1.2rem; line-height:1.8rem; color:#666; margin-top:2rem; padding-right:10px;  }
.intro_top  .intro_top_txt .txt br {display:none}
.intro_top  .intro_top_img {float:right; width:50%; }
.intro_top  .intro_top_img img {width:100% }


.mission_box {margin:0 10px;}
}

@media screen and (max-width:768px) {
.intro_top  .intro_top_img {float:none;  width:100%; min-height:100px;}
.intro_top  .intro_top_img img {width:100%}
.intro_top  .intro_top_txt {float:none; width:100%; margin-top:50px }

.intro_bottom .bottom_txt {margin:0 10px; margin-top:30px}
.intro_bottom .bottom_txt .txt {font-size:1.2rem; color:#666; line-height:30px; margin-top:50px; margin-bottom:30px}
.intro_bottom .bottom_img {background-size:100% /*width:100%; min-height:100%*/}




.mission {width:100%; background:#f5f5f5; margin-top:100px; padding:50px 0;}
.intro_bottom .bottom_txt br {display:none}

}


@media screen and (max-width:360px) {

.intro_top {max-width:1200px; margin:auto; min-height:300px; padding-top:100px }

}



/*¿À½Ã´Â±æ*/
.map {max-width:1200px; min-height:400px;  margin:auto; background:#fff; margin-top:20px; /*margin-bottom:100px;*/}
.map_box {text-align:center; padding-top:80px; padding-bottom:100px}
.map_box .ads {font-size:2rem; color:#333; padding-top:90px; background: url('../images/map_ico.png')no-repeat center top; background-size:50px  }
.map_box ul {width:40%; margin:auto; border-top:2px solid #000; border-bottom:2px solid #000; margin-top:50px; }
.map_box li {padding:25px 0;  border-bottom:1px solid #ccc; font-size:1.3rem; color:#666 }
.map_box li span {display:inline-blokc; margin-right:20px; color:#333 }

.mapbg {width:50%; height:600px; background: url('../images/mapbg.png')no-repeat center center; float:right }
.mapinfo {width:50%; height:600px;float:lef; box-sizing:border-box; padding:50px; }
.mapinfo dl {padding-top:70px;}
.mapinfo dt {color:#c4a390; margin-bottom:10px}
.mapinfo dd {color:#fff; margin-bottom:30px;  }

.maplogo {width:350px; height:70px;  background: url('../images/maplogo.png')no-repeat center center; margin-top:50px;}

@media screen and (max-width:1200px) {
.map {margin-left:10px; margin-right:10px; }
.map_box ul {width:50%; margin:auto; border-top:2px solid #000; border-bottom:2px solid #000; margin-top:50px; }

}

@media screen and (max-width:900px) {
.map {min-height:300px; }
.map_box {margin:0 10px}

.map_box .ads {font-size:1.6rem; color:#333; padding-top:60px; background: url('../images/map_ico.png')no-repeat center top; background-size:30px  }
.map_box .ads br {display:none}
.map_box ul {width:80%; margin:auto; border-top:2px solid #000; border-bottom:2px solid #000; margin-top:50px; }

.mapbg {width:100%; height:400px; background: url('../images/mapbg.png')no-repeat center center;  background-size:80%;clear:both }
.mapinfo {width:100%; min-height:300px; box-sizing:border-box; padding:50px; padding-top:0px; clear:both; }

.maplogo {width:300px; height:70px;  background: url('../images/maplogo.png')no-repeat center center; background-size:270px; margin-top:50px;}

}

@media screen and (max-width:768px) {
.map {min-height:300px; }
.map_box {margin:0 10px}

}



@media screen and (max-width:414px) {
.map {min-height:300px; }
}

/*ÀÎÀçä¿ë*/
.recruiting_box {/*padding-top:160px;*/}
.recruiting_box .sub5_tit {font-size:5rem; color:#c4a390; padding-top:100px; /*background: url('../images/recruit_tit_ico.png')no-repeat center top;*/ text-align:center;    }
.recruiting_box .sub5_txt {font-size:1.5rem; color:#666; text-align:center; padding-top:40px; line-height:2.5rem; padding:40px 10px 0 10px}
.recruiting_box .sub5_info {text-align:center; color:#666; padding-top:60px;}
.recruiting_box .sub5_info p {font-size:1.3rem; padding-bottom:10px}

.recruiting_box .sub5_btn {text-align:center; padding-top:20px}
.recruiting_box .sub5_btn a {display:inline-block; padding:0.6rem 2.5rem;  border:2px solid #203e62; background:#203e62; color:#fff; font-size:1.3rem;}

@media screen and (max-width:768px) {
.recruiting_box .sub5_txt {font-size:1.2rem; }
.recruiting_box .sub5_txt br {display:none}
}

@media screen and (max-width:414px) {
.sub_top5 {background: url('../images/sub_top5.png')no-repeat center center; height: 600px; margin-top:80px;}
.recruiting_box {padding-top:80px;}
.recruiting_box .sub5_tit {font-size:4rem; color:#fff; padding-top:80px; background: url('../images/recruit_tit_ico.png')no-repeat center top; text-align:center; background-size:60px   }
.recruiting_box .sub5_txt {font-size:1.2rem; color:#666; text-align:center; padding-top:30px; line-height:3rem}

.recruiting_box .sub5_info {text-align:center; color:#666; padding-top:30px;}

}

/*¾÷¹«ºÐ¾ß*/
.main_field {max-width:1200px; margin:auto; box-sizing:border-box; margin-top:50px;}
.main_field  .swiper-container {}
.main_field  a {display:block; height:30px; line-height:30px; color:#999; font-weight:bold; font-size:1.1rem; border-right: 1px solid #ccc; width: calc(100% / 7); text-align: center; min-width:130px;}
.main_field  a:last-child {border-right:none;}
.main_field  a:hover {color:#648ba7;}
.main_field  a.on {color:#000}

.field_con {max-width:1200px; margin:auto;}
.field_con .field_tit_box {width:100%; height:190px; margin-top:80px; background:#648ba7;}
.field_con  .tit_img1 {background: url('../images/field_tit_img1.png')no-repeat center center; opacity:0.8 }
.field_con  .tit_img2 {background: url('../images/field_tit_img3.png')no-repeat center center; opacity:0.8 }
.field_con  .tit_img3 {background: url('../images/field_tit_img2.png')no-repeat center center; opacity:0.8 }
.field_con  .tit_img4 {background: url('../images/field_tit_img4.png')no-repeat center center; opacity:0.8 }
.field_con  .tit_img5 {background: url('../images/field_tit_img8.png')no-repeat center center; opacity:0.8 }
.field_con  .tit_img6 {background: url('../images/field_tit_img6.png')no-repeat center center; opacity:0.8 }
.field_con  .tit_img7 {background: url('../images/field_tit_img11.png')no-repeat center center; opacity:0.8 }
.field_con  .tit_img8 {background: url('../images/field_tit_img8.png')no-repeat center center; opacity:0.8 }
.field_con  .tit_img9 {background: url('../images/field_tit_img9.png')no-repeat center center; opacity:0.8 }
.field_con  .tit_img10 {background: url('../images/field_tit_img10.png')no-repeat center center;opacity:0.8  }
.field_con .field_tit_box .tit {font-size:2rem; color:#fff; }
.field_con .field_tit_box .txt {font-size:1.2rem; color:#fff; margin-top:10px }

.field_con .field_tit_box .f_left {width:50%; float:left;  box-sizing:border-box; padding:30px; }
.field_con .field_tit_box .f_right {width:50%; float:right; height:190px;}
.field_con_txt {padding:60px 0; color:#333; line-height:1.5rem; font-size:1.2rem; line-height:2rem}
.field_list_box {width:100%; padding:80px 0; background:#f4f4f4;}
.field_list_box dl {max-width:1200px; margin:auto;}
.field_list_box dt {width:100%; font-size:2rem; text-align:center; margin-bottom:60px;}
.field_list_box dd {width:23%;  height:100px; padding:20px; line-height:20px; float:left; background:#fff; margin:1%; font-size:1.1rem; text-align:center; display:table; vertical-align:middle }
.field_list_box dd span {display:table-cell;  vertical-align:middle; line-height: 1.4;}

@media screen and (max-width:1200px){
	.field_list_box dl {padding: 0 1%;}
	.field_list_box dd {width:48%; margin:1%}
	.field_list_box dd span br {display:none;}
}

.field_intro {max-width:1200px; margin:auto; box-sizing:border-box; border-top:2px solid #000; margin-top:100px; border-left:1px solid #ccc; margin-bottom:100px }
.field_intro  a {display:inline-block; width:25%; box-sizing:border-box; height:175px; float:left; border:1px solid #ccc; border-left:0px; border-top:0px; text-align:center; padding-top:130px}

.field_intro .ico1 {background: url('../images/field_ico1.png')no-repeat center top 10px; }
.field_intro .ico2 {background: url('../images/field_ico2.png')no-repeat center top 10px; }
.field_intro .ico3 {background: url('../images/field_ico3.png')no-repeat center top 10px; }
.field_intro .ico4 {background: url('../images/field_ico4.png')no-repeat center top 10px; }
.field_intro .ico5 {background: url('../images/field_ico5.png')no-repeat center top 10px; }
.field_intro .ico6 {background: url('../images/field_ico6.png')no-repeat center top 10px; }
.field_intro .ico7 {background: url('../images/field_ico7.png')no-repeat center top 10px; }
.field_intro .ico8 {background: url('../images/field_ico8.png')no-repeat center top 10px; }
.field_intro .ico9 {background: url('../images/field_ico9.png')no-repeat center top 10px; }
.field_intro .ico10 {background: url('../images/field_ico10.png')no-repeat center top 10px; }


@media screen and (max-width:1200px) {
.main_field {margin-left:10px; margin-right:10px;}
.field_con {margin:0 10px;}

.field_intro {margin-left:10px; margin-right:10px;}
.field_intro  a {display:inline-block; width:25%; box-sizing:border-box; height:175px; float:left; border:1px solid #ccc; border-left:0px; border-top:0px; text-align:center; padding-top:130px}

}

@media screen and (max-width:900px) {
.field_con .field_tit_box br {display:none}
.field_intro  a {display:inline-block; width:33.3%; box-sizing:border-box; height:175px; float:left; border:1px solid #ccc; border-left:0px; border-top:0px; text-align:center; padding-top:130px}

}


@media screen and (max-width:768px) {
.field_list_box dd {width:96%; height:auto; padding:20px; float:left; background:#fff;  margin:1% 2%; font-size:1rem; text-align:center; display:table; vertical-align:middle }
.field_con .field_tit_box .f_right {display:none}
.field_con .field_tit_box .f_left {width:100%; }
.field_intro  a {display:inline-block; width:50%; box-sizing:border-box; height:175px; float:left; border:1px solid #ccc; border-left:0px; border-top:0px; text-align:center; padding-top:130px}

}

@media screen and (max-width:600px) {
	.field_list_box dd {padding:20px; float:left; background:#fff; font-size:1rem; text-align:center; display:table; vertical-align:middle }
	.field_con .field_tit_box .f_right {display:none}
	.field_con .field_tit_box .f_left {width:100%; }
}

/*±¸¼º¿ø*/

.team_box {max-width:1280px; margin:auto;}
.teamlist {width: calc(50% - 60px); position: relative;  float: left; margin: 0 20px 20px; transform: translateX(20px);}
.teamlist a {display: block; width: 100%; height: 100%; font-size: 0; transform-style: preserve-3d; transform:perspective(1500px) rotateY(0deg); transition:all ease .8s; border:1px solid #ccc;}
.teamlist .team_img {width:50%; display: inline-block; vertical-align: top;}
.teamlist .team_img img {width:100%;}
.teamlist .team_info {width:50%; display: inline-block; vertical-align: top; font-size: 1rem; padding:20px;}

.teamlist .team_info p {color:#666; margin-bottom:10px;}
.teamlist .team_info p span {font-size:1.2rem; color:#333; margin-right:10px}
.teamlist .team_info .name {padding-bottom:20px; margin-bottom:20px; /*background: url('../images/team_info_name.png')no-repeat left bottom;*/  }
.teamlist .team_info .name span {font-size:1.3rem; color:#333}

.teamlist a:hover {transform:perspective(1500px) rotateY(-10deg); transition:all ease .3s; border-right:1px solid #666;}


.team_tit {font-size:2rem; margin-top:100px; padding-bottom:10px; width: 1200px; transform: translateX(40px); }


@media screen and (max-width:1200px) {
	.team_box {margin:0 10px;}
}

@media screen and (max-width:950px) {
	.team_tit {width: 1200px; transform: translateX(0px); }
	.teamlist {width:100%; margin: 0 0 20px; transform: translateX(0px);}
	.teamlist .team_img {width:40%;}
	.teamlist .team_info {width:60%;}


}

@media screen and (max-width:500px) {
.teamlist .team_img {width:100%;}
.teamlist .team_info {width:100%; text-align:center}
.teamlist .team_info .name {padding-bottom:20px; margin-bottom:20px; background:none; border-bottom:1px solid #ccc;   }
.teamlist .team_info p {color:#666; padding-left:0px; margin-bottom:10px; font-size:1.2rem}

}



/*±¸¼º¿ø »ó¼¼*/
.team_top {width:100%; padding-top:60px; background: url('../images/team_detail_bg.jpg')no-repeat}
.team_top_box {max-width:1200px; margin:auto; font-size:0; }
.detail1 {background: url('../images/team_detail1.png')no-repeat left bottom;}
.detail2 {background: url('../images/team_detail2.png')no-repeat left bottom;}
.detail3 {background: url('../images/team_detail3.png')no-repeat left bottom;}
.detail4 {background: url('../images/team_detail4.png')no-repeat left bottom;}
.detail5 {background: url('../images/team_detail5.png')no-repeat left bottom;}
.detail6 {background: url('../images/team_detail6.png')no-repeat left bottom;}
.detail7 {background: url('../images/team_detail7.png')no-repeat left bottom 30px; background-size:270px;}
.detail8 {background: url('../images/team_detail8.png')no-repeat left bottom;}
.detail9 {background: url('../images/team_detail9.png')no-repeat left bottom;}
.detail10 {background: url('../images/team_detail10.png')no-repeat left bottom;}
.detail11 {background: url('../images/team_detail11.png')no-repeat left bottom;}
.detail12 {background: url('../images/team_detail12.png')no-repeat left bottom;}

.team_top_box > div {display:inline-block; vertical-align:top;}
.team_top_box .team_img {width:500px; height:475px; position:relative;}
.team_top_box .team_img .team_img_bar {position:absolute; bottom:0; left:0; width:100%; height:23px; background:#28556f;}

.team_top_box .top_box_info {padding-top:110px; width:calc(100% - 500px);}
.team_top_box .top_box_info .name {font-size:1.2rem; color:#666; }
.team_top_box .top_box_info .name span {font-size:1.8rem; margin-right:10px; color:#222}
.team_top_box .top_box_info .engName {margin-top:5px;}
.team_top_box .top_box_info .engName span {font-size:1.2rem;}
.team_top_box .top_box_info .info {font-size:1.2rem; margin-top:20px; color:#666; }
.team_top_box .top_box_info .info > span {display:inline-block; vertical-align:middle; margin-right:20px;}
.team_top_box .top_box_info .info span span {margin-right:10px; color:#28556f; font-weight:bold;}
.team_top_box .top_box_info .info span span.ti {margin-right:10px; color:#222; }
.team_top_box .top_box_info .txt {margin-top:20px; line-height:1.6; color:#222; font-size:1.1rem; } 

.Lawyers_info {max-width:1200px; margin:auto;}
.Lawyers_info em {width:60px; height:3px; background:#648ba7; margin-bottom:10px; display:block;}

.Lawyers_info .info_1 {border-bottom:2px solid #333; padding-bottom:35px }
.Lawyers_info .info_1 dt {font-size:2rem;}
.Lawyers_info .info_1 dd span {display:inline-block; padding:0 15px; height:30px; line-height:30px; background:#0b304b; border-radius:15px; text-align:Center; color:#fff; margin-right:10px; font-size:1.2rem; margin-top:20px; }

.Lawyers_info .info_2 {padding-top:35px; padding-bottom:35px }
.Lawyers_info .info_2 dt {font-size:2rem; margin-bottom:20px}


.Lawyers_info .info_2 dd {font-size:1.2rem; line-height:1.8rem; color:#666}
.Lawyers_info .info_2 dd > span {display:block; margin-top:10px; min-height:20px; }
.Lawyers_info .info_2 dd > span em {display:inline-block; width:130px}
.Lawyers_info .info_2 dd > span span {display:inline-block; width:calc(100% - 130px);}

.Lawyers_info .info_3 {padding-top:35px; padding-bottom:35px }
.Lawyers_info .info_3 dt {font-size:2rem; margin-bottom:20px}

.Lawyers_info .info_3 dd {font-size:1.2rem; line-height:1.8rem; color:#666}
.Lawyers_info .info_3 dd span {display:block; margin-top:10px; min-height:20px; }
.Lawyers_info .info_3 dd span em {display:inline-block; width:130px}

@media screen and (max-width:1200px) {
.Lawyers_info {margin:0 10px;}
.team_top {padding-left: 20px; padding-right: 20px;}

.team_top_box {max-width:1200px; margin:auto;  background-size:400px }
.team_top_box .team_img {width:400px;}
.team_top_box .top_box_info {width: calc(100% - 400px);}
.team_top_box .top_box_info .name {font-size:1rem}
.team_top_box .top_box_info .info {font-size:1rem; margin-top:20px}
.team_top_box .top_box_info .txt {margin-top:20px; line-height:1.5rem} 

}

@media screen and (max-width:900px) {
.team_top {width:100%; padding-top:60px}
.detail1 {background: url('../images/team_detail1.png')no-repeat center bottom;}
.detail2 {background: url('../images/team_detail2.png')no-repeat center bottom;}
.detail3 {background: url('../images/team_detail3.png')no-repeat center bottom;}
.detail4 {background: url('../images/team_detail4.png')no-repeat center bottom;}
.detail5 {background: url('../images/team_detail5.png')no-repeat center bottom;}
.detail6 {background: url('../images/team_detail6.png')no-repeat center bottom;}
.detail7 {background: url('../images/team_detail7.png')no-repeat center bottom;}
.detail8 {background: url('../images/team_detail8.png')no-repeat center bottom;}
.detail9 {background: url('../images/team_detail9.png')no-repeat center bottom;}
.detail10 {background: url('../images/team_detail10.png')no-repeat center bottom;}

.team_top_box {max-width:1200px; margin:auto; background-size:400px; position:relative; }
.team_top_box > div {display:block; }
.team_top_box .team_img {width:100%;}
.team_top_box .top_box_info {width:100%; padding-top:50px; text-align:center;}
.team_top_box .top_box_info .txt {margin-left:10px; margin-right:10px;} 
.team_top_box .top_box_info .info span {line-height:1.5rem}

}