*{margin:0; padding:0;}

html,body{height:100%;}

body{font:14px/20px " ", Arial, Helvetica, sans-serif; color:#666; background:#fff;}

img{display:inline-block; border:none;}

ul,li{list-style:none;}

a{color:#666; text-decoration:none;}

a:hover{color:#A91515;}

i,em,span{display:inline-block;}

.tl{text-align:left!important;}

.tc{text-align:center!important;}

.tr{text-align:right!important;}

.cl{clear:both;}

.fl{float:left;}

.fr{float:right;}

.mt10{margin-top:10px;}

.mt15{margin-top:15px;}

.mt20{margin-top:20px;}

.mt30{margin-top:30px;}

.pt10{padding-top:10px;}

.pt15{padding-top:15px;}

.pt20{padding-top:20px;}

.pt30{padding-top:30px;}

.wp{clear:both; margin:0 auto; width:1138px; overflow:hidden;}

.w1000{position:relative; clear:both; margin:0 auto; width:1000px; overflow:hidden;}

.nbd{border:none!important;}

.nbg{background:0!important;}

.np{padding:0!important;}

.nm{margin:0!important}



.top_logo{position:absolute; top:50px; left:50px; z-index:999; width:313px; height:120px; background:url(../images/top_logo.png) no-repeat;}

.top_logo a{display:block; width:313px; height:120px;}



/* Header Focus */

.header_focus{position:relative ;width:100%; height:100%; min-height:500px; margin:0 auto; overflow:hidden;}

.header_focus .bd{position:absolute; width:100%; height:100%;}

.header_focus .bd ul{width:100%!important; height:100%!important;}

.header_focus .bd li{display:none; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; }

.header_focus .bd li .w1000{height:100%;}

.header_focus_post{z-index:10;}

.header_focus .slide_nav{position:absolute; width:100%; left:0; bottom:50px; text-align:center;}

.header_focus .slide_nav a{display:inline-block; width:58px; height:58px; line-height:58px; border-bottom:2px solid rgba(255,255,255,0.3); margin:0 2px; color:#fff; font-size:35px;}

.header_focus .slide_nav a span{color:rgba(0,0,0,0);}

.header_focus .slide_nav li:hover,.header_focus .slide_nav .on{border-color:#fff;}

.header_focus .slide_nav .on span{color:#fff;}

.header_focus .bd li .con{color:#fff; position:absolute; left:0; bottom:130px;}

.header_focus .bd li .con h1{font-size:36px; line-height:50px;}

.header_focus .bd li .con h2{font-size:22px; line-height:38px; padding:20px 0 15px; font-weight:normal;}

.header_focus .bd li .con p{font-size:18px; line-height:35px;}

.header_focus .bd li .con span{padding-top:30px;}

.header_focus .bd li .con span a{display:inline-block; border:2px solid #fff; padding:12px 25px; font-size:24px; color:#fff;}

.header_focus .bd li .con span a:hover{background:#fff; color:#222;}







/*效果 可以不要*/

.header_focus .bd li {

	-webkit-animation: xiaoguo 2s ease;

	animation: xiaoguo 2s ease;

	-moz-animation: xiaoguo 2s ease;

}

.header_focus .bd li .con h1 {

	-webkit-animation: xiaoguo1 2s ease;

	animation: xiaoguo1 2s ease;

	-moz-animation: xiaoguo1 2s ease;

}

.header_focus .bd li .con h2 {

	-webkit-animation: xiaoguo2 2s ease;

	animation: xiaoguo2 2s ease;

	-moz-animation: xiaoguo2 2s ease;

}

.header_focus .bd li .con span {

	-webkit-animation: xiaoguo3 2s ease;

	animation: xiaoguo3 2s ease;

	-moz-animation: xiaoguo3 2s ease;

}



@keyframes xiaoguo {  /*sandeep*/

 /*0% {

opacity: 0;

}

 10% {

opacity: 0.5;

}

 20% {

opacity: 1;

}

 100% {

opacity: 1;

}*/

from {

	opacity: 0;

	-webkit-transform: scale3d(1.1, 1.1, 1);

	transform: scale3d(1.1, 1.1, 1);

}

to {

/*transform-origin:0 0;*/

   

}

} 

@keyframes xiaoguo1 {  /*sandeep*/

 /*0% {

opacity: 0;

}

 10% {

opacity: 0.5;

}

 20% {

opacity: 1;

}

 100% {

opacity: 1;

}*/

from {

	opacity: 0;

	-webkit-transform: translateX(-150px);

    -moz-transform: translateX(-150px);

    -ms-transform: translateX(-150px);

    -o-transform: translateX(-150px);

    transform: translateX(-150px);

}

to {

/*transform-origin:0 0;*/

   

}

} 



@keyframes xiaoguo2 {  /*sandeep*/

 /*0% {

opacity: 0;

}

 10% {

opacity: 0.5;

}

 20% {

opacity: 1;

}

 100% {

opacity: 1;

}*/

from {

	opacity: 0;

	-webkit-transform: translateX(250px);

    -moz-transform: translateX(250px);

    -ms-transform: translateX(250px);

    -o-transform: translateX(250px);

    transform: translateX(250px);

}

to {

/*transform-origin:0 0;*/

   

}

}



@keyframes xiaoguo3 {  /*sandeep*/

 /*0% {

opacity: 0;

}

 10% {

opacity: 0.5;

}

 20% {

opacity: 1;

}

 100% {

opacity: 1;

}*/

from {

	opacity: 0;

	-webkit-transform: translateY(160px);

    -moz-transform: translateY(160px);

    -ms-transform: translateY(160px);

    -o-transform: translateY(160px);

    transform: translateY(160px);

}

to {

/*transform-origin:0 0;*/

   

}

}

/*效果 可以不要 end*/	



/* Top */

.top{position:fixed; left:0; top:0; width:100%; z-index:999;}

.header{display:none; position:fixed; left:0; top:0; width:100%; height:140px; background:rgba(0,0,0,0.5); z-index: 9}

.header .wp{width:1180px;}

.header .wp .logo{padding:40px 0;}

.header .wp .menu {padding-top: 62px}

.header .wp .menu a{float:left; display:inline-block; padding-left:76px; color:#fff; font-size:18px;}

.header .wp .menu a:hover{color:#ff0;}

.header .wp .menu a.on{color:#ff0;}

.menu_btn{position:fixed; left:0; top:0; width:100%;}

.menu_btn .wp{width:1180px;}

.menu_btn a{float:right; display:block; width:69px; height:69px; background:url(../images/menu2.png) no-repeat center center #b1b1b1;}

.menu_btn a.on{background-color:rgba(0,0,0,0);}



.menu_btn {top: 24px;}

.menu_btn .wp {width: 96%; position: relative; height: 88px;}

.menu_btn .wp a.logo2 {width: 88px; height: 88px; position: absolute; left:0; top: 0; background: none;}

.menu_btn .wp a.logo2 img {width: 88px; height: 88px;}



.index_1{color:#757a7e;padding:60px 0;}

.index_1 h2{font-size:26px; line-height:30px; padding:0 0 30px;}

.index_1 h3{font-size:16px; padding:0 0 25px;}

.index_1 p{line-height:30px;}

.index_1 span{padding-top:30px;}

.index_1 span a{display:inline-block; border:2px solid #757a7e; color:#bf001f; padding:8px 25px; font-size:16px; font-weight:bold;}

.index_1 span a:hover{background:#757a7e; color:#fff;}



.index_2{position:relative; height:518px; margin:0 auto; overflow:hidden;}

.index_2 .bd li{display:none; position:absolute; left:0; top:0; width:100%; height:518px; background-repeat:no-repeat; background-position:center center;}

.index_2 .bd li a{width:100%; height:100%; display:block;}

.index_2 .slide_nav{display:none; position:absolute; width:100%; left:0; bottom:30px; text-align:center;}

.index_2 .slide_nav a{display:inline-block; width:13px; height:13px; line-height:13px; background:url(../images/focus_dot.png) no-repeat 0 0; margin:0 2px;}

.index_2 .slide_nav li:hover,.index_2 .slide_nav .on{background-position:-14px 0;}



.slider1{height:230px;}

.slider1 .bd li{height:230px;}



.index_3 a{width:280px; height:330px; margin:20px 0 0 20px; padding:0 20px; display:inline-block; float:left; background:#ededed; overflow:hidden; color:#888; text-align:center;}

.index_3 a:hover{background:#e6e6e6;}

.index_3 .icon{display:inline-block; background-repeat:no-repeat; background-image:url(../images/spritess.png); background-size:200px 200px; margin:30px 0 10px;}

.index_3 .icon-feature-graph{background-position:-142px 0px; width:40px; height:40px;}

.index_3 .icon-feature-hammer{background-position:-118px -59px; width:39px; height:38px;}

.index_3 .icon-feature-gear{background-position:-77px -59px; width:39px; height:40px;}

.index_3 .title{font-size:20px; font-weight:normal; border-bottom:1px solid #dcdcdc; padding-bottom:10px; display:inline-block; margin-bottom:25px; margin-top:10px;  *zoom:1; *display:inline;}

.index_3 p{text-align:left; padding:0 10px; line-height:26px;}

.index_3 .know-more{color:#878787; font-size:14px; letter-spacing:1px; display:inline-block; margin-top:0; border-bottom:1px solid #999;}

.ix-more {text-align: center;}

.ix-more span {width: 140px; height: 48px; border: #dcdcdc solid 1px; text-align: center; line-height: 48px;}

.index_3 a:hover .ix-more span{background:#fff; color: #000 }



.index_4 .fl{position:relative; background:#f3f3f3; width:660px; height:505px;}

.index_4 .fl .hd{position:absolute; right:20px; bottom:20px; z-index:2;}

.index_4 .fl .hd a{display:inline-block; margin-left:10px;}

.index_4 .fl .bd img{width:660px; height:316px;}

.index_4 .fl .bd h2{display:inline-block; padding-bottom:5px; margin:30px 30px 10px; font-size:16px; color:#333; border-bottom:1px solid #ddd;}

.index_4 .fl .bd p{padding:0 30px 30px; line-height:26px;}



.index_5{width:1020px;}

.index_5 li{float:left; width:480px; border-bottom:1px solid #e4e5e5; padding:20px 5px; margin:0 10px;}

.index_5 li span{display:block; color:#666;}

.index_5 li h2{font-size:15px; line-height:35px;}

.index_5 li p{font-size:12px; color:#979ba0;}

.index_5 li:hover{border-color:#A91515;}

.index_5 li:hover h2 a{color:#A91515;}



.inner-field {padding: 80px 0; width:1000px; margin: 0 auto; }

.inner-field li {margin-bottom: 24px; background: #ededed}

.inner-field li .inner-fieldcon {padding:50px 60px 50px 210px; position: relative;}

.inner-field li .inner-fieldcon span {position: absolute; width: 210px; font-size: 24px; color: #666666; text-align: center; left: 0; top: 50px;}

.inner-field li .inner-fieldcon span img {padding: 20px 0 15px;}

.inner-field li .inner-fieldcon p {line-height: 28px; font-size: 16px; border-left: #dbdbdb solid 1px; padding-left: 48px;}



/* Footer */

/*

.footer,.copyright{width:100%; padding:30px 0; overflow:hidden;}

.footer{background:#eee;}

.footer .fl{}



.footer .fl dl{float:left; background:url(../images/line.gif) repeat-y right top; padding:0 80px; overflow:hidden;}

.footer .fl dl dt{color:#444; font-size:16px; padding-bottom:5px;}

.footer .fl dl dd{color:#8e8e8e;}

.footer .fl dl dd a{display:block; color:#777; padding:5px 0;}

.footer .fl dl dd a:hover{text-decoration:underline;}



.footer .fr{padding-right:70px;}

.footer .fr .qrcode{border:1px solid #e7e7e7; background:#fff; padding:10px;}

.footer .fr .qrcode img{width:108px; height:108px;}

.footer .fr .qrcode p{line-height:18px; padding-top:8px; font-weight:bold;}



.copyright{background:#606568; color:#bcbec0;}

.copyright .fl{padding-right:60px;}

.copyright .qrcode{padding:30px 0 0; width:108px;}

.copyright .qrcode img{width:108px; height:108px;}

*/



/* Footer */

/*

.footer,.copyright{width:100%; background:#3e436b; color:#fff; padding:30px 0; overflow:hidden;}

.footer{border-bottom:1px solid #555b8b; }

.copyright{border-top:1px solid #313656;}

*/



.footer,.copyright{width:100%; background:#606568; color:#fff; padding:30px 0; overflow:hidden;}

.footer{border-bottom:1px solid #464646; }

.copyright{border-top:1px solid #808080;}

.footer .fl{}

.footer .fl .fsubnav{}

.footer .fl .fsubnav a{color:#fff;}

.footer .fl .fsubnav a:hover{text-decoration:underline;}

.footer .fl .fsubnav i{font-style:normal; padding:0 10px;}

.footer .fl .list{padding-top:60px; overflow:hidden;}

.footer .fl .list dl{float:left; padding-right:80px;}

.footer .fl .list dl dt{float:left; width:79px; height:79px; padding-right:15px;}

.footer .fl .list dl dt img{width:79px; height:79px;}

.footer .fl .list dl dd{float:left; padding-top:13px; line-height:24px;}

.footer .fl .list dl dd a{color:#fff;}

.footer .fr{}

.footer .fr .bdsharebuttonbox span{float:left; line-height:25px;}

.footer .fr .qrcode{float:right; width:120px; padding-top:10px;}

.footer .fr .qrcode p{font-size:12px; line-height:18px; padding-top:5px;}

.footer .fr .qrcode img{width:120px; height:120px;}





/* 地图样式 */

#allmap {width:100%; height:500px; overflow:hidden;}

.anchorBL,.BMap_cpyCtrl{display:none;}

.BMap_noprint span{top:29px!important;}







/* ---------------- 以下是内容页的样式 ---------------- */

.head_banner{position:relative; width:100%; height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover;}

.head_banner .tit{position:absolute; left:70px; bottom:60px; letter-spacing:8px; font-size:40px; color:#fff;}

.subnav{margin:0 auto; width:1000px; height:57px; line-height:57px; color:#fff; padding:30px 0;}

.subnav a{color:#878787; font-size:18px; padding:10px 20px;}

.subnav a:hover{background:#f0f0f0;}

.subnav a.on{background:#444; color:#fff;}





/* 新闻列表 */

.news_main{width:100%; min-height:200px; padding:20px 0; background:#e9e9e9; overflow:hidden;}

.news_main .box{padding:20px; background:#fff; margin:25px 0; overflow:hidden;}

.news_main .box .tit{border-bottom:1px solid #e1e1e1; padding-bottom:10px; margin-bottom:10px; overflow:hidden;}

.news_main .box .tit b{float:left;}

.news_main .box .tit span{float:right; color:#afafaf;}

.news_main .box p{clear:both; color:#8e8e8e; font-size:12px; line-height:26px;}

.news_main .box .more{height:21px; line-height:21px; background:url(../images/more.gif) no-repeat right center; padding-right:28px; text-align:right; font-weight:bold;}





/* 案例 */

.page_case{}

.page_case .box{width:100%; padding:30px 0; border-top:1px solid #e4e4e4; overflow:hidden;}

.page_case .box:hover{background:#eee;}

.page_case .box .date{}

.page_case .box .date b{float:left; color:#878787;}

.page_case .box .date span{float:right; color:#595959;}

.page_case .box h2{clear:both; color:#000; font-size:18px; font-weight:normal; padding:15px 0;}

.page_case .box h2 a{color:#000;}

.page_case .box h2 a:hover{color:#e30e00;}

.page_case .box p{color:#878787; line-height:30px;}





/* 招聘 */

.job{}

.job .content{padding:40px 0; line-height:40px; border-bottom:1px solid #eaeaea;}

.job .list{padding:30px 0; border-top:1px solid #eaeaea; margin-top:2px; overflow:hidden;}

.job .list li{float:left; width:460px; height:236px; background:url(../images/jobbg.jpg) no-repeat; margin:10px 20px;}

.job .list li .tit{padding:30px; overflow:hidden;}

.job .list li .tit h2{float:left; font-size:22px; color:#323232;}

.job .list li .tit span{float:right;}

.job .list li p{clear:both; padding:0 30px; line-height:30px;}





/* 公司简介 */

.about_main{clear:both; width:100%; padding:60px 0; text-align:center; overflow:hidden;}

.about_main .w1000{width:850px;}

.about_main h3{padding-bottom:30px;}

.about_main h2{font-size:24px; padding-bottom:25px; font-weight:normal;}

.about_main p{font-size:16px; line-height:38px; color:#898989;}

.about_main .fl,.about_main .fr{text-align:left;}





/* 联系方式 */

.contact_tit{text-align:center; padding:30px 0;}

.contact_tit h1{height:47px; line-height:45px; background:url(../images/contact_tit.jpg) no-repeat center top; font-weight:normal; font-size:24px;}

.contact_tit h2{font-size:45px; padding:30px 0; color:#444;}

.contact_tit p{color:#bdbdbd;}



.contact_box{margin:0 auto; width:750px; border:6px solid #222; margin-bottom:30px; text-align:center;}

.contact_box img{max-width:750px;}



.contact_box span{padding:30px 0 20px; font-size:18px; color:#444;}

.contact_box h1{font-size:48px; line-height:48px; color:#f25555; font-weight:normal;}

.contact_box h2{font-size:45px; line-height:48px; color:#9c9c9c; font-weight:normal; padding:10px 0 20px;}

.contact_box p{color:#333; line-height:30px;}

.contact_box h3{padding:30px 0;}

.contact_box h3 img{padding:0 10px;}





/* 团队 */

.team_txt{padding:30px 0; overflow:hidden;}

.team_txt .fl,.team_txt .fr{width:460px; padding:0 20px; line-height:30px; color:#888;}



.team_tj{overflow:hidden;}

.team_tj .box{padding:0 0 20px; overflow:hidden;}

.team_tj .box .thumb,.team_tj .box .info{width:500px; height:500px;}

.team_tj .box .thumb img{width:500px; height:500px;}

.team_tj .box .info{background:#eee;}

.team_tj .box .info .tit{text-align:center; padding:60px 0; color:#333;}

.team_tj .box .info .tit h1{font-size:25px; line-height:25px; font-weight:normal;}

.team_tj .box .info .tit p{padding:5px 0 8px; font-weight:bold;}

.team_tj .box .info .tit span{}

.team_tj .box .info .con{padding:0 50px 50px; line-height:30px;}

.team_tj .box .info .more{text-align:center; font-size:16px;}



.team_list{width:1020px; padding:10px 0;}

.team_list li{float:left; width:235px; height:337px; margin:10px; text-align:center; color:#333;}

.team_list li img{width:235px; height:220px;}

.team_list li h1{font-size:18px; padding:20px 0 0;}

.team_list li p{padding:5px 0 10px; font-weight:bold;}

.team_list li span{}

.team_list li:hover{background:#e8e8e8;}



.mask{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:999;}

.team_content{display:none; position:fixed; top:0; left:0; width:100%; height:100%;; z-index:9999; overflow-x:hidden; overflow-y: auto;}

.team_content .w1000{width:1060px; padding:50px 0;}

.team_content .fl{width:400px;}

.team_content .fl .thumb img{width:400px;}

.team_content .fl .contact{padding-top:30px; line-height:25px;}

.team_content .fr{position:relative; padding-right:60px; width:560px;}

.team_content .fr .info{color:#333;}

.team_content .fr .info h1{font-size:20px;}

.team_content .fr .info p{padding:10px 0; font-weight:bold;}

.team_content .fr .info span{}



.team_content .fr .con{padding-top:50px;}

.team_content .fr .con h2{font-size:18px; font-weight:normal; padding-bottom:15px; color:#222;}

.team_content .fr .con p{color:#757a7e;}



.team_content .fr .close{position:absolute; width:60px; height:60px; background:url(../images/close.jpg) no-repeat; top:0; right:0; opacity:0.9;}

.team_content .fr .close:hover{opacity:1;}



/* 分页 */

#pages{padding:40px 0 20px;}

#pages a{display:inline-block; height:28px; line-height:28px; background:#fff; text-align:center; color:#333; padding:0 12px}

#pages a:hover{background:#1E8DD9; color:#fff; text-decoration:none }

#pages span{display:inline-block; height:28px; line-height:28px; background:#1E8DD9; color:#fff; text-align:center; padding:0 12px}



.infos{text-align:center; border-bottom:1px dotted #ccc; padding:20px 0 30px; margin-bottom:30px;}

.infos h1{font-size:20px; color:#333;}

.infos p{color:#555; padding-top:10px;}





#allmap{width:750px; height:392px;}



/*办案标准化*/

.inner-standard {padding: 80px 0; width:1010px; margin: 0 auto;}

.inner-standard li {margin-bottom: 80px;}

.inner-standard li h3 {font-size: 30px; font-weight: normal; color: #333333; margin-bottom: 30px;}

.inner-standard li p {font-size: 16px; color: #666; margin-bottom: 40px; line-height: 28px; border-bottom: #e1e1e1 solid 1px; padding-bottom: 30px}

/*模拟法庭*/

.inner-mootcourt {padding: 80px 0; width:1010px; margin: 0 auto;}

.inner-mootcourt-top {margin-bottom: 50px;}

.inner-mootcourt-top h3 {font-size: 30px; font-weight: normal; color: #333333; margin-bottom: 30px;}

.inner-mootcourt-top p {font-size: 16px; color: #666; margin-bottom: 40px; line-height: 28px; border-bottom: #e1e1e1 solid 1px; padding-bottom: 30px}

.inner-mootcourtpic {width: 1010px; height: 410px;}

.inner-mootcourt-title {padding:30px 0; border-bottom:  #e1e1e1 solid 1px;}

.inner-mootcourt-title h3 {font-size: 30px; font-weight: normal; color: #333}

.m-answerwrap li {padding: 33px 0 25px; border-bottom: #f3f3f3 solid 1px; padding-right: 100px; position: relative;}

.m-answerwrap li h2 {font-size: 24px; margin-bottom: 20px; font-weight: normal; color: #333}

.m-answerwrap li p {font-size: 16px; line-height: 28px;}

.m-answerwrap li a {width: 32px; height: 32px; position: absolute; right: 0; top: 43px; display: block;}



.focusBox { position: relative; width:1010px; height:410px; overflow: hidden; }

.focusBox .pic img { width:1010px; height:410px; display: block; }

.focusBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:15px; right:10px; z-index:3}

.focusBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:50px; height:4px; cursor:pointer; overflow:hidden; background:#919191; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }

.focusBox .hd .on{ background:#fff; filter:alpha(opacity=100);opacity:1;   }

/*关于家理*/

.inner-aboutjl {padding: 80px 0; width:1010px; margin: 0 auto; min-height:400px;}

.inner-aboutjl-top {margin-bottom: 40px; border-bottom: #e8e8e8  solid 1px; padding-bottom: 50px}

.inner-aboutjl-text p {font-size: 16px; color: #666PX; margin-bottom: 40px;}

.inner-aboutjl-pic {height: 266px; background: #f3f3f3}

.inner-aboutjl-pic img {width: 503px; margin-right: 48px; float: left;}

.inner-aboutjl-pic p {font-size: 16px; line-height: 30px; padding-right: 40px; padding-top: 40px;}

.inner-aboutjl-con p { margin-bottom: 40px; font-size: 16px; line-height: 30px; }