@charset "utf-8";

* {	margin: 0;	padding: 0;}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img {	border: medium none;	margin: 0;	padding: 0; font-weight:500;}

body,button,input,select,textarea {	 font-family:"微软雅黑","宋体",tahoma,Srial,helvetica,sans-serif;	outline: none;}

body{ overflow-x:hidden;}

h1,h2,h3,h4,h5,h6 {	font-size: 100%;}

ul,ol,li {	list-style: none; }

a {	text-decoration: none;	color: #4e4e4e;    vertical-align: top;}

a:hover {	color: #1375b4;}

img {	border: 0px;}

em{ font-style:normal;}

table {	border-collapse: collapse;	border-spacing: 0;}

html,body {	color: #4e4e4e;	background: #fff;	margin: 0 auto;font-size: 14px !important; overflow-x:hidden;}

::selection { color: #fff; background-color: #1375b4;}    

::-moz-selection { color: #fff; background-color: #1375b4;} 

.hide {	display: none;}

.clear {clear: both;}

.center{ text-align:center;}

.pic100 img{width:100% !important;}

.justify_fix{display:inline-block;*display: inline; *zoom:1; width:100%; height:0; overflow:hidden;}

.f-turn{-webkit-transition: all .3s ease-in;

    -moz-transition: all .3s ease-in;

    -ms-transition: all .3s ease-in;

    -o-transition: all .3s ease-in;

    transition: all .3s ease-in;}

.fl{float:left;}

.fr{float:right;}

.overflow{ overflow:hidden;}

.white,.white a{ color:#fff;}

.rela{ position:relative;}

.pad0{ padding:0 !important;}

.pad90{ padding:90px 0;}

.slh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}









header{padding:20px 5%; position:absolute; z-index:11; background:url(../images/icon1.png) repeat-x bottom;width:100%;}

.navbtn{float:right;color:#fff; font-size:15px;margin-top: 30px; position:relative;padding:5px 42px 0 0;}

a:hover.navbtn{color:#fff;}

.navbtn span{display: block;position: absolute;width: 18px;height: 3px;right: 0;top: 0;z-index: 2;}

.navbtn span i{ display: inline-block;position: relative;width: 21px;height: 3px;background-color: #fff;

  -webkit-transition-property: background-color, -webkit-transform;

  transition-property: background-color, -webkit-transform;

  transition-property: background-color, transform;

  transition-property: background-color, transform, -webkit-transform;

  -webkit-transition-duration: 300ms;

          transition-duration: 300ms;}

.navbtn span i:before,

.navbtn span i:after {content: '';display: block;width: 18px;height: 3px;position: absolute;background: #fff;

  -webkit-transition-property: margin, -webkit-transform;

  transition-property: margin, -webkit-transform;

  transition-property: margin, transform;

  transition-property: margin, transform, -webkit-transform;

  -webkit-transition-duration: 300ms;

          transition-duration: 300ms;

}

.navbtn span i:before {margin-top: -6px;margin-left:3px;}

.navbtn span i:after { margin-top: 6px;margin-left:3px;}

.navactive{ position:fixed;margin-top: 30px;right:5%;top:20px;}

.navactive span i:before {margin-top: 0;

  -webkit-transform: rotate(45deg);

          transform: rotate(45deg);}

.navactive span i:after {margin-top: 0;

  -webkit-transform: rotate(-45deg);

          transform: rotate(-45deg);}

.navactive span i{background: rgba(0, 0, 0, 0);}

nav{ opacity:0; position:fixed;width:100%;height:100%; top:-100%; background-color:rgba(35,83,149,0.96); z-index:10;padding:0 2%;}

nav div{height:100%;display: -webkit-box;

        display: -ms-flexbox;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        -webkit-justify-content: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        -webkit-align-items: center;

        align-items: center;

}

nav dl{ margin:1% 1.5%;width:21%; display:inline-block; position:relative;}

nav dl dt a{ display:block; padding:73px 50px 0; font-size:15px;color:#fff; background-color:rgba(0,0,0,0.04);border:1px solid #5276a9;height:240px;}

nav dl dt a:hover{ color:#d0bb85;}

nav dl dt a:hover i{ background-color:#d0bb85;}

nav dl dt a span{ font-size:17px;font-weight:100; text-transform:uppercase;}

nav dl dt a p{font-size:24px; font-weight:bold;margin: 5px 0;}

nav dl dt a i{ width:30px;height:3px; background-color:#fff; display:inline-block;}

nav dl dd{ position:absolute;top:0;left:0;width:100%;height:100%; background-color:#d0bb85;padding:40px 50px; box-shadow:0px 0px 18px #0f254c;}

nav dl dd a{width:50%;float:left; display:block; margin:7px 0; font-size:18px; text-align:center;}

nav dl.erji dd{ opacity:0;transform: scale(0);

    -ms-transform: scale(0);

    -webkit-transform: scale(0);

    -o-transform: scale(0);

    -moz-transform: scale(0);}

nav dl.erji:hover dd{opacity:1;transform: scale(1);

    -ms-transform: scale(1);

    -webkit-transform: scale(1);

    -o-transform: scale(1);

    -moz-transform: scale(1);}

nav dl dt a:hover{ text-align:center;}

.navnav{top:0;opacity:1;}

.headeractive{ background:none; height:0; padding:0;}

.headeractive .logo{ opacity:0;}

.bodycontentcur{ position:absolute;width:100%;height:100%; overflow:hidden;}

#owl-demo .item img{width:100%;height:100vh;}

#owl-demo .item img{display: block;width: 100%;}

.banner .owl-theme .owl-controls .owl-pagination{position: absolute; bottom: 30px;left:60px;}

.banner .owl-theme .owl-controls .owl-page span{width:50px;height:2px; -webkit-border-radius: 0;   -moz-border-radius: 0;background: #fff;}

.banner .owl-buttons{ position:absolute;left:0; top:50%; width:100%;}

.banner .owl-prev{ position:absolute;left:0;top:50%;margin-top:-20px; background:url(../images/caseprev.png) no-repeat !important;width:32px;height:45px; font-size:0 !important;}

.banner .owl-next{ position:absolute;right:0;top:50%;margin-top:-20px; background:url(../images/casenext.png) no-repeat !important;width:32px;height:45px; font-size:0 !important;}

.banners{ display:none !important;}

.h_field{ overflow:hidden;}

.h_field dl{width:12.5%;float:left; margin-bottom:0;}

.h_field dl a{ display:block; border-right:1px solid #e0e0e0;padding:8%; position:relative;}

.h_field dl a div{ position:absolute;width:84%;height:84%; background-color:#d0bb85;z-index: -1;-webkit-transition: -webkit-transform .8s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .8s cubic-bezier(.4,0,.2,1); transition: transform .8s cubic-bezier(.4,0,.2,1); transition: transform .8s cubic-bezier(.4,0,.2,1),-webkit-transform .8s cubic-bezier(.4,0,.2,1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9; }

.h_field dl a dt{width:80px;height:80px; margin:34px auto 23px; border-radius:100%; background-color:#f2f2f2;}

.h_field dl a dt i {width:80px;height:80px; display:block;}

.h_field dl:nth-child(1) a dt i{ background:url(../images/icon2.png) no-repeat;}

.h_field dl:nth-child(2) a dt i{ background:url(../images/icon3.png) no-repeat;}

.h_field dl:nth-child(3) a dt i{ background:url(../images/icon4.png) no-repeat;}

.h_field dl:nth-child(4) a dt i{ background:url(../images/icon5.png) no-repeat;}

.h_field dl:nth-child(5) a dt i{ background:url(../images/icon6.png) no-repeat;}

.h_field dl:nth-child(6) a dt i{ background:url(../images/icon7.png) no-repeat;}

.h_field dl:nth-child(7) a dt i{ background:url(../images/icon8.png) no-repeat;}

.h_field dl:nth-child(8) a dt i{ background:url(../images/icon9.png) no-repeat;}

.h_field dl a dd{padding:0 0 20px; }

.h_field dl a dd h5{ font-size:15px;}

.h_field dl a dd p{ color:#777777;margin-top:2px;line-height:20px;height:40px; overflow:hidden;}

.h_field dl a:hover div,.h_field dl a.cur div{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9; }

.h_field dl a:hover dt,.h_field dl a.cur dt{background-color:#fff;}

.h_field dl a:hover dd h5,.h_field dl a.cur dd h5{color:#000000;}

.h_field dl a:hover dd p,.h_field dl a.cur dd p{color:#a59468;}

.h_field dl a:hover dt,.h_field dl a.cur dt{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.7s 1; animation: gelatine 0.7s 1; }

@keyframes gelatine {

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    35% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    60% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    85% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

}

@-webkit-keyframes gelatine {

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    35% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    60% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    85% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

}

.h_new{ background:url(../images/bg1.jpg) no-repeat center center fixed; background-size:cover;}

.h_title div{font-size:30px;}

.h_title div a{ display:block;}

.h_title div i{ display:inline-block;width:185px;height:1px; background-color:#c5c5c5; vertical-align:middle;}

.h_title div i.i1{ margin-right:20px;}

.h_title div i.i2{ margin-left:20px;}

.h_title div b{ display:inline-block; vertical-align:middle;margin-left:40px; text-transform:uppercase;color:#d0bb85;}

.h_title div h2{ display:inline-block; vertical-align:middle;}

.h_title div h2 em{width:94px;height:94px;top:-27px;left:0; display:inline-block; position:absolute; background:url(../images/icon11.png) no-repeat;-webkit-transition-timing-function: cubic-bezier(.42, 0, .58, 1); transition-timing-function: cubic-bezier(.42, 0, .58, 1); -webkit-animation: gun 20s infinite; animation: gun 20s infinite; }

@keyframes gun {

	0 { left:0;}

    35% { left:40%;}

	75% { left:75%;}

	100% { left:0%;}

}

@-webkit-keyframes gun {

	0 { left:0;}

    35% { left:40%;}

	75% { left:75%;}

	100% { left:0%;}

}

.h_title p{font-size:16px;color:#717171; margin-top:10px;}

.h_title.white p{color:#6b85b1;}

.h_title.white div h2 em{ background:url(../images/icon10.png) no-repeat;}

.h_title.white div b{color:#fff;}

.h_title.white div i{background-color:#5f7fad;}

.h_C{ margin-top:45px;}

.h_newC dl{ padding:0 2px;margin-bottom: 4px;}

.h_newC dl a{ display:block; background-color:#fff;padding:47px 22px; position:relative;}

.h_newC dl dt,.h_newC dl dd{ position:relative; z-index:1;}

.h_newC dl dt h5{font-weight:bold; font-size:20px;line-height:32px;height:64px; overflow:hidden;}

.h_newC dl dt time{ display:block;padding:18px 0 40px; border-bottom:1px solid #f2f2f2; color:#dfc279; font-weight:100;}

.h_newC dl dd{margin: 20px 0 0;}

.h_newC dl dd p{ font-size:15px;line-height:25px; height:100px; overflow:hidden;color:#6a6a6a;margin-bottom:35px;}

.h_newC dl dd span,.responseC dl dd span,.response2 .right span a,.response1 .left span a{width:88px;height:30px;line-height:30px; text-align:center; border:1px solid #bfbfbf; text-transform:uppercase; display:inline-block;font-size:12px;}

.h_newC dl a div{ position:absolute;width:100%;height:100%;top:0;left:0; background-color:#333333;z-index: 0;-webkit-transition: -webkit-transform .8s cubic-bezier(0.68, -0.55, 0.27, 1.55); transition: -webkit-transform .8s cubic-bezier(0.68, -0.55, 0.27, 1.55); transition: transform .8s cubic-bezier(0.68, -0.55, 0.27, 1.55); transition: transform .8s cubic-bezier(0.68, -0.55, 0.27, 1.55),-webkit-transform .8s cubic-bezier(0.68, -0.55, 0.27, 1.55); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9; }

.h_newC dl a:hover div{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9; }

.h_newC dl a:hover dt h5,.responseC dl a:hover dd h5{ color:#fff;}

.h_newC dl a:hover dd p,.responseC dl a:hover dd p{ color:#cbcbcb;}

.h_newC dl a:hover dd span,.responseC dl a:hover dd span,.response2 .right span a:hover,.response1 .left span a:hover{ color:#000; background-color:#d0bb85;border-color:#a7966c;}

.h_lawyer{ background:url(../images/bg2.jpg) no-repeat center center; background-size:cover;}

.fold_wrap{width:100%;overflow:hidden; margin-bottom:0;}

.fold_wrap li{float:left;width:130px;position:relative;overflow:hidden;cursor:pointer;}

.fold_wrap li a{ display:block; border:1px solid #dcdcdc;height:408px; background-color:#fff;}

.fold_wrap li .mask_b{position:absolute;overflow:hidden;width:calc(100% - 2px);height:325px;left:1px;top:0;background:url(../images/icon28.png) no-repeat center bottom; background-size:cover; z-index:2;}

.fold_wrap li.active .mask_b{background:none;}

.fold_wrap li .adv_intro{ background:#fff;position:absolute;width:calc(100% - 2px);left:1px;bottom:40px; overflow:hidden;padding:0 15px;}

.fold_wrap li .adv_intro h5{ font-size:18px; color:#323232;}

.fold_wrap li .adv_intro div{ color:#323232;display:none;margin-top: 10px;line-height: 30px;height: 60px;overflow: hidden;}

.fold_wrap li .adv_intro span{background-color:#245598;border-radius:100%;color:#fff;float:right;width:24px;ehgiht:24px; display:inline-block;line-height:24px; text-align:center;}

.h_lawyerC li .pic_auto span{ display:none;}

.fold_wrap li .pic_auto.open span{ display:block;}

.fold_wrap li .adv_intro.open{padding:30px 15px 0;}

.fold_wrap li .adv_intro.open div{ display:block; }

.fold_wrap li .adv_intro.open h5{ font-size:24px;}

.fold_wrap li .adv_intro.open span{ display:none;}

.fold_wrap li .pic_auto.open span{ bottom:88px;}

.pic_auto{width:100%;height:324px;}

.h_case{background:url(../images/bg3.jpg) no-repeat center center; background-size:cover;}

.h_caseC dl a{ display:block; position:relative;color:#fff;background-color:#6d8ebb;padding:30px 20px;}

.h_caseC dl a dt,.h_caseC dl a dd{ position:relative; z-index:1;}

.h_caseC dl a dt h5{font-size:18px;line-height:25px;height:50px; overflow:hidden;}

.h_caseC dl a dt time{ display:block; font-size:12px; font-weight:100;margin-top:10px;}

.h_caseC dl a dd p{ margin-top:16px;line-height:25px;height:100px; overflow:hidden;}

.h_caseC dl a dd span{ display:inline-block;margin-top:15px; padding:2px 30px; text-transform:uppercase; border-radius:30px;border:1px solid #fff;font-size:12px;}

.h_caseC dl:nth-child(4n+2) a{ background-color:#587bac;}

.h_caseC dl:nth-child(4n+3) a{ background-color:#44699e;}

.h_caseC dl a div{ position:absolute;width:100%;height:100%;top:0;left:0; background-color:#2a5087;-webkit-transition: -webkit-transform .8s cubic-bezier(.17, .86, .73, .14); transition: -webkit-transform .8s cubic-bezier(.17, .86, .73, .14); transition: transform .8s cubic-bezier(.17, .86, .73, .14); transition: transform .8s cubic-bezier(.17, .86, .73, .14),-webkit-transform .8s cubic-bezier(.17, .86, .73, .14); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9; }

.h_caseC dl a:hover div{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9; }

.map{height:440px;}

.h_map {padding:0 !important;}

.h_contact{ background:url(../images/bg4.jpg) no-repeat center center; background-size:cover;color:#fff;padding:70px 5% !important; font-size:18px;line-height:30px; height:440px;}

.h_contact h5{ font-size:30px; font-weight:bold; text-transform:uppercase;}

.h_contact p{font-size:14px;}

.h_contact p.p1{ background:url(../images/icon12.png) no-repeat center left;padding-left:30px;}

.h_contact p.p2{ background:url(../images/icon13.png) no-repeat center left;padding-left:30px;}

.h_contact p.p3{ background:url(../images/icon14.png) no-repeat center left;padding-left:30px;}

footer{ background-color:#1f4b87;padding:70px 0;}

.footR dl{ overflow:hidden;}

.footR dl dt{ text-align:right;color:#fff; font-size:15px;line-height:30px;float:left;margin-top:20px; font-weight:100;}

.footR dl dd{width:120px;float:left; margin-left:20px;}

.footR dl dd img{width:118px; display:block; height:118px; border:1px solid #dcdcdc;}

.footR dl dd a{ display:block; background-color:#d0bb85;color:#fff; border-radius:30px; text-align:center;line-height:30px;margin-top:20px;}

.footnav{ font-size:15px;color:#adb7cb;margin-top:27px;}

.footnav a{ display:inline-block;padding:0 12px;color:#adb7cb;}

.bq{margin-top:10px;}

.bq span{ display:inline-block;margin-right:15px;color:#adb7cb;}

.bq span a{color:#adb7cb;}

.gotop{width:60px;height:60px;background:url(../images/top.png) no-repeat;position:fixed;bottom:0;right:0;cursor:pointer;display:none;z-index:100;}

.gotop:hover{background-position:0px -60px;}

.teltel {display:none;position: fixed;right: 0;bottom: 14%; }

.teltel img {width: 40px;}

.otherbanner1{padding:190px 0 132px;}

.otherbanner2{padding:190px 0 124px;}

.other1{ background:url(../images/otherbanner1.jpg) no-repeat center top fixed; background-size:cover;}

.other2{ background:url(../images/otherbanner2.jpg) no-repeat center top fixed; background-size:cover;}

.other3{ background:url(../images/otherbanner3.jpg) no-repeat center top fixed; background-size:cover;}

.other4{ background:url(../images/otherbanner4.jpg) no-repeat center top fixed; background-size:cover;}

.other5{ background:url(../images/otherbanner5.jpg) no-repeat center top fixed; background-size:cover;}

.other6{ background:url(../images/otherbanner6.jpg) no-repeat center top fixed; background-size:cover;}

.other7{ background:url(../images/otherbanner7.jpg) no-repeat center top fixed; background-size:cover;}

.otherbanner1C{ display:inline-block; border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;padding:0 100px 70px; background:url(../images/mapbg.png) no-repeat center bottom; background-size:100%;}

.otherbanner1C img{ display:block;margin:-54px auto 0;}

.otherbanner1C h2,.otherbanner2 h2{ font-size:48px;color:#d0bb85;margin-top:18px;font-weight:bold;}

.otherbanner1C h5,.otherbanner2 h5{ font-size:18px;color:#fff; margin-top:40px;letter-spacing: 17px;}

.otherbanner1C p,.otherbanner2 p{ font-size:12px;color:#fff; text-transform:uppercase;margin-top:5px;}

.otherbanner1C i{width:270px;height:1px; background-color:#fff; position:absolute;top:0;}

.otherbanner1C i.i1{left:0;}

.otherbanner1C i.i2{right:0;}

.site{ margin-top:15px;color:#fff;}

.site a{color:#fff;}

.pagelist{ text-align:center; margin:30px auto 0;}

.pagelist li{ display:inline-block; margin:3px 4px;}

.pagelist li a{ display:block;padding:12px 17px;border:1px solid #dcdcdc; color:#848383;}

.pagelist li a:hover,.pagelist li a.cur{ background-color:#194b8f; color:#fff; border-color:#194b8f;}

.case,.newlist,.newmain,.lawyer,.lawyermain,.areamain,.response{ background:url(../images/bg5.jpg) no-repeat center top; background-size:cover;}

.case dl:nth-child(4n+1) a{ background-color:#829fc7;}

.othernavbg{ background-color:#eeeeee; height:56px; position:absolute;width:100%; margin-top:-56px;}

.othernavC{font-size: 0;}

.othernavC a{ display:inline-block; width:33%;padding:33px 15px; background-color:#fff;}

.othernavC a img,.othernavC a i{  width:44px;height:44px;display:inline-block;margin-right:12px; vertical-align:middle;}

.responnav a:nth-child(1) i{ background:url(../images/icon19.png) no-repeat;}

.responnav a:nth-child(2) i{ background:url(../images/icon20.png) no-repeat;}

.newnav a i{ background:url(../images/icon16.png) no-repeat;}

.othernavC a h5{ display:inline-block; vertical-align:middle; text-align:left; color:#194b8f;font-size:22px;}

.othernavC a h5 p{ font-size:14px;color:#777777;margin-top:4px;}

.othernavC a.cur{ background-color:#d0bb85;}

.othernavC a.cur h5{color:#000;}

.othernavC a.cur h5 p{color:#a59468;}

.newlist .h_newC dl{ margin-bottom:20px;}

.newlist .h_newC dl dt h5{height: 32px;}

.newlist .h_newC dl dt time{padding:6px 0 20px;}

.newlist .h_newC dl dd p{height: 50px;margin-bottom: 20px;}

.newlist .h_newC dl a{padding: 28px 22px;}

.newmainC{ background-color:#fff;padding:0 40px 50px; }

.newmainbg{ background-color:#fff; position:absolute; width:100%;height:50px;top:-50px;left:0;}

.newmain h1{ font-size:30px; margin:0;}

.newmain time{ display:block; margin:20px 0;}

.newmain time span{ color:#dfc279; display:inline-block;margin:0 15px 0 0;}

.newmain time span i{width:7px;height:7px; display:inline-block; margin-right:10px; background-color:#dfc279; vertical-align:middle;}

.goback{ background-color:#dfc279;color:#fff;padding:6px 15px; border-radius:10px; position:absolute;right:40px;top:38px;}

.newmain .info{padding:25px; line-height:30px; margin-bottom:30px;border:1px solid #f5f5f5; font-size:16px; background-color:#fafafa;color:#686868;}

.newmain article,.lawyermainBottom article,.areamain article{ line-height:32px; font-size:16px;color:#686868;}
.newmain article table td{border:1px solid #dcdcdc;padding:0 10px;}
.newmain article img,.lawyermainBottom article img,.areamain article img{ max-width:100%;}

.prenext{ margin-top:60px; padding:30px 0;border-top:1px solid #eeeeee;font-size:15px;}

.prenext p:last-child{ text-align:right;}

.tj{margin-top:60px;padding-bottom:60px;}

.tj .h_title{padding-top:100px; background:url(../images/map2.png) no-repeat center top;}

.tj .h_newC dl a{ border:1px solid #ebebeb; background-color:transparent;}

.lawyer dl a{ display:block;}

.lawyer dl dt{ position:relative;}

.lawyer dl dt span,.h_lawyerC li .pic_auto span{ font-size: 25px; line-height:23px;color:#fff;right:0;bottom:0; position:absolute;width: 0;height: 0;border-bottom: 30px solid #d0bb85;border-right: 30px solid #d0bb85;border-left: 30px solid transparent;border-top: 30px solid transparent;}

.lawyer dl dd{ background-color:#fff;padding:40px 30px;}

.lawyer dl dd h5{ font-size:24px; }

.lawyer dl dd article{ margin-top:10px;line-height:30px;height:60px; overflow:hidden;}

.lawyer dl a:hover{ box-shadow:0 0 10px #ccc;}

.lawyer dl a:hover dt span{border-radius:100%;border:20px solid #d0bb85;line-height:30px;line-height: 0; text-align:center;left:50%;margin-left:-15px;bottom:-15px;}

.lawyer dl a:hover dt span em{margin-left:-9px;}

.lawyer dl a:hover dt img,.area dl a:hover dd .right img,.responseC dl a:hover dt img{-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);}

.lawyermainTop{border:20px solid #fff;padding:30px 10px; background-color:#f1f1f0;}

.lawyermainTop dl dt{width:600px;float:left;margin:-70px 0 0 30px;}

.lawyermainTop dl dd{width:calc(100% - 660px);float:right; }

.lawyermainTop dl dd h5{ font-size:26px;color:#245598;margin-bottom:10px;}

.lawyermainTop dl dd article{ line-height:30px;}

.lawyermainTop dl dd article hr{ background-color:#fff;height:1px;}

.lawyermainBottom{ margin-top:60px;}

.lawyermainBottom article{ padding:40px; background-color:#fff;float:right;width:calc(100% - 195px);}

.area{ background-color:#eeeeef;padding:90px 0 10px;}

.areamap{ position:absolute;right:0;top:0; z-index:2;}

.area dl{background-color:#fff; padding:50px 0; margin-bottom:165px;}

.area dl a{ display:block; }

.area dl dt .h_title div{ background:url(../images/icon18.png) repeat-x center; display:inline-block;padding-right:180px;}

.area dl dt .h_title div h2{ background-color:#fff;padding-right:25px;} 

.area dl dd{ margin-top:20px;}

.area dl dd .left{padding: 0 15px 0 0;}

.area dl dd .left article{color:#6f6f6f; font-size:15px;line-height:28px;height:112px; overflow:hidden; margin:10px 0 60px 0;}

.area dl dd .left span{ display:inline-block; width:150px; height:30px; border:1px solid #dcdcdc; text-align:center;line-height:30px; font-size:15px;color:#939393;}

.area dl dd .right{ position:absolute;right:0;}

.area dl:nth-child(even) dt{margin-left:50%;}

.area dl:nth-child(even) dt .h_title div{padding-right: 56px;}

.area dl:nth-child(even) dd .left{float:right;}

.area dl:nth-child(even) dd .right{left:0;}
.area dl:nth-child(even) dd .left{padding: 0 0 0 15px;}

.areamainC{ background-color:#fff;padding:80px 40px;}

.areamain article{ margin-top:30px;}

.responseC dl {margin-bottom:0;}

.responseC dl a{ display:block; overflow:hidden;}

.responseC dl dt{ height:277px;}

.responseC dl dt img{ display:none;}

.responseC dl dd{ background-color:#fff;padding:40px 30px;position: relative;}

.responseC dl dd h5{ font-size:22px;position: relative; z-index:2;}

.responseC dl dd time{position: relative; z-index:2; margin-top:10px; color:#dfc279; display:block;padding-bottom:15px; border-bottom:1px solid #f2f2f2;}

.responseC dl dd p{position: relative; z-index:2;line-height:25px;height:50px; overflow:hidden;margin-top:20px;color: #6a6a6a; margin-bottom:20px;}

.responseC dl dd span{ position: relative; z-index:2;display:block;}

.responseC dl a div{ position:absolute;width:100%;height:100%;top:0;left:0; background-color:#333333;z-index: 0;-webkit-transition: -webkit-transform .8s cubic-bezier(0.68, -0.55, 0.27, 1.55); transition: -webkit-transform .8s cubic-bezier(0.68, -0.55, 0.27, 1.55); transition: transform .8s cubic-bezier(0.68, -0.55, 0.27, 1.55); transition: transform .8s cubic-bezier(0.68, -0.55, 0.27, 1.55),-webkit-transform .8s cubic-bezier(0.68, -0.55, 0.27, 1.55); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9; }

.responseC dl a:hover div{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9; }

.responseC dl:nth-child(even) dt{float:right;}

.responseC dl:nth-child(even) dd{float:left;}

.joinTop{ background:url(../images/icon21.png) repeat;padding:70px 0;}

.joinTop h2{ font-size:40px;}

.joinTop div{ color:#d0bb85;margin:25px auto; font-size:24px; text-transform:uppercase;}

.joinTop p{ color:#a9a9a9; font-size:17px;line-height: 30px;}

.joinC dl{ margin-bottom:10px;}

.joinC dl dt{padding:20px 25px; overflow:hidden; background:#f5f5f5 url(../images/icon24.png) no-repeat right 20px center;}

.joinC dl dt .div1{font-size:16px;width:30%;float:left;}

.joinC dl dt .div1 i{ width:22px;height:22px; background:url(../images/icon22.png) no-repeat; vertical-align:middle; display:inline-block;margin-right:10px;}

.joinC dl dt .div2{width:30%;float:left;}

.joinC dl dt .div3{width:35%;float:left;}

.joinC dl dd{border:1px solid #dcdcdc;padding:30px 40px;line-height:30px;color:#7c7c7c; display:none;}

.joinC dl.open dt{ background:#194b8f url(../images/icon25.png) no-repeat right 20px center;color:#fff;}

.joinC dl.open dt .div1 i{ background:url(../images/icon23.png) no-repeat; }

.response1 .left{padding:130px 5%;float:left;width:40%; background:url(../images/icon26.png) repeat; height:616px;}

.response1 .left h5,.response2 .right h5{font-size:48px;line-height:50px;}

.response1 .left h2,.response2 .right h2{ font-weight:bold;margin-top:20px;font-size:48px;color:#194b8f;}

.response1 .left article,.response2 .right article{ margin-top:40px;}

.response1 .left article p ,.response2 .right article p{margin:12px 0;font-size:16px;}

.response1 .left article p i,.response2 .right article p i{width:7px;height:7px; background-color:#d0bb85; display:inline-block; vertical-align:middle;margin-right:10px;}

.response1 .right{height:616px;width:60%;float:right;}

.response1 .right img{ display:none;}

.response1 .right a{ position:absolute;left:0;bottom:0; background:#d0bb85 url(../images/map4.png) no-repeat center center; background-size:cover; text-align:center;padding:40px 50px;}

.response1 .right a h5{ font-size:30px; border-bottom:1px solid #fff;color:#fff;line-height:37px;padding-bottom:20px;}

.response1 .right a span{width:60px;height:60px; border-radius:100%; border:1px solid #fff;margin:20px auto 0; display:block;}

.response1 .right a span img{ display:block;animation: downico 1.5s ease-out infinite; position: relative;}

@keyframes downico{0%{left: 0;opacity: 1;}35%{left: 50%;opacity: 0;}65%{left: -50%;opacity: 0;}100%{left: 0;opacity: 1;}}

.response1 .right a:hover{ box-shadow:0 0 20px #ccc;}

.response2{padding:120px 0;}

.response2 .right {width:40%;float:right;}

.response2 .right span,.response1 .left span{margin-top:60px; display:block;}

.response1 .left span{ display:none;}























@media(max-width:1600px){

	nav dl dt a span{font-size: 15px;}

	nav dl{margin: 1% 1%;width: 22%;}

}

@media(max-width:1440px){

	nav dl dd a{font-size: 16px;}

	nav dl dd{padding: 40px 30px;}

	nav dl dt a{padding: 60px 30px 0;    height: 219px;}

	nav dl dt a span {font-size: 14px;}



}

@media(max-width:1199px){

	.footnav a{padding: 0 7px;}

	.footR dl dt{line-height: 23px;margin-top: 0;float: none; font-size: 15px;text-align: center;}

	.footR dl dd{float: none;margin: 10px auto 0;}

	.footR dl dd a{    margin-top: 10px;}

	nav dl dt a span {font-size: 12px;}

	.h_field dl a dd h5 { font-size: 14px;}

	.newmain h1 {font-size: 26px;}

	.lawyermainTop dl dt { width: 500px;}

	.lawyermainTop dl dd { width: calc(100% - 560px);}

	.lawyermainTop dl dd article {line-height: 26px;}

	.area dl dd .left article{    height: 84px;}

	.area dl{    margin-bottom: 100px;}

	.areamainC .h_title div i{width: 73px;}

	.joinTop h2 {font-size: 32px;}

	.joinTop div{font-size: 20px;}

	.joinTop p{font-size: 18px;}

	.response1 .left h5, .response2 .right h5 { font-size: 40px; line-height: 47px;}

	.response1 .left h2, .response2 .right h2{font-size: 35px;}

	.response1 .right {height: 592px;}

	.response1 .right a h5{font-size: 25px;line-height: 32px;padding-bottom: 15px;}

}



@media(max-width:991px){

	.tj,.footL img,.footR,.footnav,.othernavC,.areamainC .h_title div b{ display:none !important;}

	.padpic{ width:100%;float:none !important; padding:0 !important; margin-bottom:10px;}

	header { padding: 10px 15px;}

	.logo img{height:50px;}

	.navbtn{margin-top: 12px;}

	nav dl { margin: 1% 1%; width: 47%;}

	#owl-demo .item img { height: auto;}

	.h_field dl { width: 25%;border-bottom: 1px solid #e0e0e0;}

	footer{padding: 20px 0;}

	.bq { margin-top: 0;}

	.map{ height:350px;}

	nav div { height:calc(100% - 85px); display: block; overflow-y: scroll;overflow-x: hidden;margin-top: 85px;}

	nav dl dt a{height: auto;padding: 20px;}

	nav dl dt a p{font-size: 18px;}

	nav dl dd { padding: 10px 30px;}

	.pad90{ padding:30px 0;}

	.newmain h1 {font-size: 22px;}

	.prenext p:last-child {text-align: left;margin-top: 10px;}

	.lawyer dl dd h5 { font-size: 18px;}

	.lawyer dl dd{padding: 20px 15px;}

	.lawyer dl dd p{line-height: 22px;height: 66px;}

	.lawyermainTop dl dt{width: 70%;float: none; margin: -70px auto 20px;}

	.lawyermainTop dl dd {width: auto;float: none; margin: 0 15px;}

	.lawyermainTop { border: 10px solid #fff;margin-top: 30px;}

	.icon{width:70px;}

	.lawyermainBottom {margin-top: 30px;}

	.lawyermainBottom article { padding: 30px;width: calc(100% - 95px);}

	.areamap{width: 50%;}

	.areaC .h_title div { font-size: 24px;}

	.area dl dd .left article{margin: 10px 0 20px 0;}

	.area dl { margin-bottom: 55px;}

	.h_title div h2{color: #d0bb85;}

	.joinTop h2 { font-size: 30px;}

	.joinTop div {font-size: 18px;margin: 17px;}

	.joinTop p { font-size: 16px;}

	.response1 .left{width: 100%;padding: 50px 5%;}

	.response1 .right{ height:auto;width: 100%; background:none;}

	.response1 .right img{ display:block;}

	.h_contact,.response1 .left{ height:auto;}

}





@media(max-width:767px){

	.bannerb,.search,.othernav,.fold_wrap{ display:none !important;}

	.banners,.teltel{ display:block !important;}

	.gotop {width: 50px;height: 50px; background-size:50px !important;}

	.h_title div i{width: 80px;}

	.h_newC dl {padding: 0 20px;}

	.pad90 { padding: 30px 0;}

	.h_newC dl a{padding: 30px 22px;}

	.h_newC dl dt h5{height: 32px;}

	.h_newC dl dt time{padding: 10px 0 20px;}

	.h_newC dl dd p{height: 50px;margin-bottom: 20px;}

	.otherbanner1C h2,.otherbanner2 h2{font-size: 37px;}

	.otherbanner1C h5,.otherbanner2 h5{letter-spacing: 11px;}

	.otherbanner1C{margin:0 20px; padding: 0 23px 50px;}

	.otherbanner1C img{ width:80px;}

	.otherbanner1C i {width: 238px;}

	.otherbanner2 {padding: 143px 20px 124px;}

	.newmainC{width: calc(100% - 40px) !important;}

	.goback{position: initial;margin:0 auto 30px;display: inline-block;}

	.newmainC{padding: 0 20px 50px;}

	.lawyermainBottom{ margin:30px 20px;}

	.icon { width: 50px; display:block;}

	.lawyermainBottom article{width:100%;padding:20px;}

	.area dl a{padding: 0 15px;}

	.areaC .h_title div { font-size: 21px;}

	.area {padding: 50px 0 10px;}

	.area dl:nth-child(even) dt { margin-left: 0;}

	.area dl:nth-child(even) dt .h_title div { padding-right:0;}

	.area dl dt .h_title div{ display:block;}

	.area dl dt .h_title div{padding-right: 0;}

	.area dl { margin-bottom: 20px;}

	.areamainC{padding: 42px 20px;}

	.areamain,.responseC,.joinC {padding:30px 20px;}

	.responseC dl dt{ height:auto; background:none !important;padding:0!important;}

	.responseC dl dt img{ display:block;}

	.responseC dl dd h5 {font-size: 18px;}

	.responseC dl dd{padding: 20px;}

	.joinTop h2 { font-size: 25px;}

	.joinTop div {font-size: 15px;margin: 12px;}

	.joinTop p { font-size: 16px;}

	.response2 { padding: 0;}

	.response2 .right{padding: 28px 20px;background-color: rgba(255,255,255,0.75);width: 100%;}

	.response1 .left h5, .response2 .right h5 {font-size: 30px;line-height: 39px;}

	.response1 .left h2, .response2 .right h2 {font-size: 26px;    margin-top: 9px;}

	.response1{background: url(../images/pic13.jpg) center center / cover no-repeat;}

	.response1 .left{padding: 28px 20px;background: rgba(255,255,255,0.75);width: 100%;}

	.response1 .right{ display:none;}

	.response1 .left span{ display:block;}

}



@media(max-width:640px){

	.h_field dl a dd p,.joinC dl dt .div3{ display:none;}

	.h_field dl a dd h5{line-height:20px;height:40px; overflow:hidden;}

	.h_field dl a dt,.h_field dl a dt img{width:60px;height:60px;}

	.h_field dl a dt{margin: 24px auto 10px;}

	.h_title div h2 em {width: 60px;height: 60px; background-size:60px !important;top: -13px;}

	.h_title div { font-size: 26px;}

	.map{height:250px;}

	.otherbanner1C h5 {letter-spacing: 8px;}

	.otherbanner1C i { width: 213px;}

	.otherbanner1 {padding: 173px 0 44px;}

	.joinC dl dt .div1,.joinC dl dt .div2{width:50%;}

}





@media(max-width:550px){

	.area .h_title div b,.area dl dd .left span{ display:none;}

	.area dl dt .h_title div h2{ color: #d0bb85;}

	.area dl dd .left article { margin: 0;}

	.pagelist li a{padding: 6px 11px;}

}

@media(max-width:500px){

	.h_title div i { width: 40px;}

	nav dl {width: 98%;}

	.otherbanner1C h5 { letter-spacing: 2px;margin-top: 26px;font-size: 16px;}

	.area dl dd .left article{line-height: 25px;height: 75px;}

	.joinTop h2 { font-size: 23px;}

	.joinTop div {font-size: 14px;}

	.joinTop p { font-size: 15px;}

}







@media (max-width:480px){

	

	

}















@media (max-width:400px){

	.otherbanner2 { padding: 95px 20px 73px;}

	.otherbanner1C h2, .otherbanner2 h2 { font-size: 29px;}

	.otherbanner1C h5, .otherbanner2 h5 {letter-spacing: 4px;font-size: 16px;margin-top: 17px;}

	.joinC dl dt .div2{ display:none;}

	.joinC dl dt .div1{ width:100%;}

}



@media (max-width:380px){

	

}



@media (max-width:360px){

	.logo img {height: 41px;}

	.navbtn { margin-top: 5px;}



}







@media (max-width:340px){





}