@charset "utf-8";
/* CSS Document */

@import url('common.css');

/*in_about*/

.in_con{width:920px;height:100%;overflow:auto;float:left; }
/*about*/
#in_about{float:left;display:block;width:890px;padding:20px 15px;height:auto;text-align:left;line-height:30px;}

.title{font-size:16px; text-align:center; line-height:30px; height:30px; margin-bottom:10px; font-weight:bold; width:860px;  border:none; border-bottom:1px #CCCCCC dashed;}
.subtxt{width:860px; height:22px;  line-height:22px; text-align:center;}
.pernext{width:800px;height:auto; line-height:168%; text-align:left;margin:10px 0px; clear:both; font-size:12px;}


/*---荣耀展示----*/
#in_honor{ width:920px; float:left;}
#in_honor ul li{ width:260px; float:left; margin:20px 22px; height:270px; border-bottom:solid 1px #b3b3b3;}
#in_honor ul li a{ width:260px; float:left; height:270px;}
#in_honor ul li a img{ width:260px; display:block; float:left; height:220px;}
#in_honor ul li a span{ width:220px; height:50px; line-height:50px; padding:0px 20px;}

/*优秀领域*/
#in_area{ width:920px; float:left;}
.areaTop{ margin:15px 15px; width:890px; float:left; line-height:25px; color:#000;}

.areaCont{ width:920px; float:left;}
.areaCont ul li{ width:390px; display:block; background:#f5f3eb; height:180px;float:left; margin:20px 20px 0px 20px; padding:15px 15px;}
.areaCont ul li .areaTitle{ width:390px; float:left; height:40px; line-height:40px;}
.areaCont ul li .areaTitle label{ width:40px; height:40px; display:block; float:left;}
.areaCont ul li .areaTitle label img{ width:40px; height:40px;}
.areaCont ul li .areaTitle span{ font-size:20px; color:#000; padding-left:10px; height:40px; line-height:40px; display:block; float:left;}
.areaCont ul li .areaTxt{ width:390px; float:left; margin-top:15px;font-size:14px; line-height:24px; height:72px; overflow:hidden; color:#333;}
.areaCont ul li .areaMore{ width:390px; float:left; margin-top:15px;}
.areaCont ul li .areaMore a{ text-align:center; color:#333; line-height:26px;width:90px; height:26px; display:block; float:left; border:solid 1px #333333;}


/*------新闻中心-----*/
#in_news{ width:920px; float:left;}

#in_news a{ width:100%; height:230px; border-bottom:#EEEEEE dashed 1px; display:inline-block;}
#in_news a .newsbox_left{ margin-top:30px;}
#in_news a .newsbox_left .newsbox_left_deta{ width:98px; height:93px; border:#e7eaf1 solid 1px; border-radius:3px;}
#in_news a .newsbox_left .newsbox_left_deta .newsbox_left_top{ margin:17px 0 15px 0; float:left; font-size:13px; color:#868e9c; width:100%; text-align:center;}
#in_news a .newsbox_left .newsbox_left_deta .newsbox_left_bot{ float:left; font-size:30px; color:#868e9c; font-weight:bolder; width:100%; text-align:center;}
#in_news a .newsbox_left .newsbox_left_dianji{ width:98px; text-align:center; color:#838993; font-size:13px; line-height:30px;}
#in_news a .newsbox_right{ margin-top:25px; width:800px;}
#in_news a .newsbox_right .newsbox_right_title{ overflow:hidden; white-space:pre; text-overflow:ellipsis; font-size:22px; color:#2a2a2a; width:100%; float:left;}
#in_news a .newsbox_right .newsbox_right_from{ margin:20px 0; font-size:13px; color:#838993; width:100%; float:left;}
#in_news a .newsbox_right .newsbox_right_newstext{ height:44px; overflow:hidden; font-size:13px; color:#696969; line-height:22px; width:100%; float:left;}
#in_news a .newsbox_right .newsbox_right_chakan{ margin-top:20px; font-size:13px; color:#FFFFFF; width:120px; line-height:37px; height:37px; background-color:#8e8d8d; border-radius:5px; cursor:pointer; text-align:center; float:left;}


/*-图片---*/
#in_pro{ width:900px; float:left;}
#in_pro ul li{width:180px; float:left; height:175px; overflow:hidden; margin:20px 20px 0px 20px;}
#in_pro ul li a img{ width:180px; height:140px; display:block; float:left;}
#in_pro ul li a span{ width:180px; text-align:center; display:block; float:left;height:25px; line-height:25px; color:#000;}

/*------在线留言--------*/
#in_message{ width:920px; float:left; padding:30px 0px;}
#in_message h2{width:920px;display:block;float:left;text-align:center; margin-bottom:30px;color:#797979;font-size:30px;font-family:"微软雅黑";font-weight:normal;}
#in_message  .messageTable tr td{  margin:10px 0px;float:left;}
.messageTable tr td label{ color:#000; text-align:right; padding-right:10px; width:40px;}
.messageTable tr td .ipt1{ display:block; float:left; color:#797979;width:200px; height:20px;  border:solid 1px #d8d8d8; padding:5px 5px; line-height:20px;}

.messageTable tr td .ipt2{ display:block; float:left; color:#797979;width:320px; height:20px;  border:solid 1px #d8d8d8; padding:5px 5px; line-height:20px;}
.messageTable tr td .textarea{width: 490px;height: 130px;border: #dbdbdb solid 1px;overflow: auto;}
.messageTable tr td  .btn1{ width:175px; height:46px; border:none; background:#a6a6a5; color:#fff; text-align:center;font-size:30px; cursor:pointer;}

/*---- 在线留言2  ---*/
#in_message2{ width:920px; float:left;padding:30px 0px;/*background:url(../images/messageBg.jpg) top center no-repeat;*/}
.messageLeft  h2{width:100%;display:block;float:left;text-align:center; margin-bottom:30px;color:#797979;font-size:30px;font-family:"微软雅黑";font-weight:normal; margin-top:30px;}

.messageLeft{ width:600px; float:left; position:relative; margin-left:20px;}
.messageLeftBg{ position:absolute; z-index:22;width:600px; float:left; background:#fff;background-color: #FFF;filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5; left:0px; top:0px; height:580px;}

.messageBox{ width:600px; float:left; position:relative; z-index:33;}
.messageBox p{width:600px; height:30px; line-height:30px; text-align:left; font-size:14px;}
.messageBox p label{float:left;}
.messageBox p input{font-size:12px; width:200px; padding-left:3px; color:#666; border:1px #CCC solid; float:left; height:28px; line-height:28px;}
.messageBox p input.bt{height:24px; width:auto; border:none; padding-left:0px;}
.messageBox1{ width:580px;margin-top:14px; border-top:1px #666 solid;}

.txtBox{width:600px; height:40px; line-height:40px; text-align:left; color:#F00;}


.messageBoxTop{ width:560px; float:left; padding:10px 19px; border:solid 1px #ccc;}
.messageBoxTop span{width:98px;float:left; display:block;height:30px;font-size:14px;font-weight:bold;text-align:center;line-height:30px;color:#0061bc;}
.messageBoxTop label{ display:block; float:left; padding:0px 5px; height:34px; line-height:34px;}

.messageBoxTop span.proHover{ color:#fff; background:#0061bc;}


.messageTab{ width:560px; float:left; padding:20px 19px; border:solid 1px #ccc; border-top:none;}


#in_message2  .messageTable2 tr td{  margin:6px 0px;float:left;}
.messageTable2 tr td label{ color:#000; text-align:right; padding-right:10px;}
.messageTable2 .ipt1{ display:block; float:left; color:#797979;width:200px; height:20px;  border:solid 1px #d8d8d8; padding:5px 5px; line-height:20px;}
.messageTable2 .ipt2{ display:block; float:left; color:#797979;width:320px; height:20px;  border:solid 1px #d8d8d8; padding:5px 5px; line-height:20px;}
.messageTable2  .textarea{width: 400px;height: 130px;border: #dbdbdb solid 1px;overflow: auto;}
.messageTable2  .btn1{ width:175px; height:46px; border:none; background:#a6a6a5; color:#fff; text-align:center;font-size:30px;}

.messageRight{ width:280px; float:right;}
.messageTitle{ width:280px; float:left;}
.messageTitle h2{ display:block; float:left; width:100%; text-align:center;font-size:30px; line-height:30px; padding:20px 0px;}
.messageRight p{ display:block; float:left;line-height:25px;width:100%;text-align:center;color:#ae0f14;font-size:14px;font-weight:bold;font-family:"微软雅黑";}


.messageRight .ewm1{width:280px; height:150px; display:block;padding-bottom:40px; float:left;padding-top:14px;}
.messageRight .ewm1 span{ width:120px; display:block; float:left; margin:0px 10px;}
.messageRight .ewm1 span img{ width:110px; height:110px; display:block; float:left; border:solid 5px #fff;}
.messageRight .ewm1 span label{ width:120px; display:block; float:left; text-align:center; color:#000; line-height:30px;}

.messageRight .ewm2{width:200px; height:200px; display:block;padding-bottom:40px; float:left;padding-top:10px; padding-left:20px;}
.messageRight .ewm2 span{ width:200px; display:block; float:left; margin:0px 10px;}
.messageRight .ewm2 span img{ width:190px; height:190px; display:block; float:left; border:solid 5px #fff;}
.messageRight .ewm2 span label{ width:200px; display:block; float:left; text-align:center; color:#000; line-height:30px;}



.about4Box{ width:600px; float:left;}
.about4Box a.btn-slide {width:600px;display:block;float:left;height:74px;text-align:left;line-height:74px;border-bottom:solid 1px #d2d2d2;font-weight:bold; color:#0061bc; outline:none;}
.about4Box a.btn-slide  ul { width:600px; display:block; float:left; margin:0px 0px; padding:0px 0px;}
.about4Box a .btn-slide ul li{ float:left; display:block; font-size:16px; font-weight:normal;text-align:left;color:#777;}

#panel { background: #ebebeb;}
.slide { margin: 0; padding: 0; border-top: solid 4px #F27613; }
.btn-slide {background:url(../images/btnIcon.png) 560px 30px no-repeat;text-align: center;margin: 0 auto; display: block;text-decoration: none; }
.active {background:url(../images/btnIcon.png) 560px -55px no-repeat; }

.about4Box-txt{ width:580px; padding:20px 10px; float:left;  color:#232323;}
.about4Box-txt p{ width:580px; display:block; float:left;line-height:25px;}
.about4Box-txt .hf{ width:580px; display:block; float:left;}
.about4Box-txt .hf label{color:#F00; font-weight:bold; width:50px;display:block; float:left;}
.about4Box-txt .hf span{ display:block; float:right; width:520px;}
.about4Box-txt .hf span a{color:#0061bc;}
.ewm3{width:580px; height:250px; clear:both; border-top:1px #999 solid; margin-top:14px;}
.ewm3 p{ width:580px; display:block; text-align:center;float:left;line-height:35px; height:35px; color:#F00; font-weight:bold; font-size:15px;}
.ewm3 p label{width:580px; height:30px; line-height:30px; display:block; text-align:center;}
/*.ewm3 ul{margin-top:10px; width:350px; margin-left:120px; float:left;}
.ewm3 ul li{width:120px; height:120px; float:left;  margin-right:50px;}
.ewm3 ul li img{width:120px; height:120px;}
.ewm3 ul li label{ width:120px; display:block; float:left; text-align:center; color:#000; line-height:30px;}
*/
.ewm3 ul{ width:280px; display:block; margin:10px auto 0px; height:145px;} 
.ewm3 ul li{height:200px; text-align:center; margin:0px 10px;}
.ewm3 ul li img{height:200px;}
.ewm3 ul li span{ width:260px; display:block;text-align:center; font-size:14px; font-weight:bold; line-height:25px;}




/*.about4Box-txt p span{color:#F00; font-weight:bold;}
.about4Box-txt a{display:block; float:left; color:#fff; background:#008cd7; width:158px; line-height:45px; margin-top:10px;text-align:center;height:45px;}
.about4Box-txt a.view{display:inline; background:none; color:#232323;}*/




/*招贤纳士*/
#in_job{ width:920px; float:left;}
#in_job ul li{ width:920px; float:left; margin:20px 0px;}
.job_top{ width:890px; display:block;float:left; height:86px; cursor:pointer;border-bottom:dashed 1px #eeeeee; padding:15px 15px;}
.job_top .job_img{ width:86px; height:86px; float:left;}
.job_top .job_title{ width:780px; float:right;position:relative;}
.job_top .job_title .zhaopin_title{ font-size:24px; color:#333333; margin-bottom:10px; margin-top:10px;}
.job_top .job_title .zhaopin_English{ font-size:12px; color:#7b7b7b;}
.job_top  .toudi{ position:absolute; right:0px; top:20px; width:156px; text-align:center; line-height:50px; color:#FFFFFF; font-weight:bolder; font-size:18px; background-color:#ae0f14; cursor:pointer; display:inline-block;}
.job_txt{ width:890px; padding:15px 15px; float:left; line-height:20px;}
.job_txt label{ display:block; float:left;}
.job_txt span{ display:block; float:left; padding-left:30px;}

/*联系我们*/
#in_contact{ width:890px; float:left; padding:15px 15px;}
.contact_top{ width:890px; float:left;}
#in_contact .name{width:200px;}
#in_contact .name h1{ font-size:20px;  margin:0 0 10px 0; line-height:40px;}
#in_contact .name .bottom_code{ margin:0;}
#in_contact .name .bottom_code a{ margin:0 5px !important;}
#in_contact .name .bottom_code a span{display:none;}
#in_contact .name .bottom_code a:hover span{display:block; position:absolute; margin-left:-14px;}
#in_contact .name .bottom_code a:hover span img{width:160px;}
#in_contact .cont_line{ margin-left:40px; width:400px; line-height:30px; color:#828282}

.bottom_code{ width:200px; position:relative;}
.bottom_code a{ float:left; margin:0 8px;}
.bottom_code a img{display:block;}
.bottom_code a img.code_img{ display:block; background:#eee; border:1px solid #ccc; padding:10px; position:absolute; display:none; margin:-90px  0 0 45px}


.contact_map{ width:890px; float:left; margin-top:30px;}

/*-------律师团队------*/
#in_team{ width:920px; float:left;}
#in_team ul li{ width:250px; height:435px; border:#EEEEEE solid 1px; float:left; margin:25px 26px 5px 26px; }

#in_team ul li a{ width:250px; display:inline-block;}
#in_team ul li a:hover{ text-decoration:none;}
#in_team ul li a .lvshibox_img{ width:250px; height:315px; border-bottom:#EEEEEE solid 1px; overflow:hidden;}
#in_team ul li a .lvshibox_img img{ width:250px; height:315px;}
#in_team ul li a .lvshibox_title{ width:250px; font-size:16px; font-weight:bolder; text-align:center; margin:15px 0px; }
#in_team ul li a .lvshibox_title .hong{margin-right:8px; color:#4f4f4f;}
#in_team ul li a .lvshibox_title .hei{ margin-left:8px; color:#4f4f4f;}
#in_team ul li a .lvshibox_email{ margin:0 auto;  max-width:286px; height:28px;  text-align:center; font-size:14px; color:#6d6d6d;}
#in_team ul li a .lvshibox_email td{ height:28px; padding:0 5px;}