@charset "utf-8";
@import "common.css";
@import "page.css";
@import "message.css";
@import "hdp.css";
/* CSS Document */
@font-face {
  font-family: 'Brush Script MT';   /*字体名称*/
  src: url('/font/BRUSHSCI.TTF');       /*字体源文件*/
}
body{font-size:14px;font-family:"Microsoft YaHei";color:#333; }
*{margin:0px;padding:0px;list-style: none;}
img{border:0px; display: block; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#d51b12;text-decoration:none;}
a:focus{outline:none;}
input{outline:none;}
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
h2{ font-weight: normal; }
.bak{-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;  display: block; }
/*.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}*/
.bakbox:hover .bak{-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic{ overflow: hidden; margin: auto; }


.w1200{ width: 1200px; margin: auto; }
.content{ margin: 30px auto; }
.middle{ margin: 50px auto; }
.top1{ background: #101010; color: #cecece;  padding: 10px 0px;font-size: 12px; }

.icon{ margin-left: 20px; }
.icon img.wx{ position: absolute; top:40px;  width: 100px; display: none; }
.wx1:hover img.wx{ display: block; }
.tel{ background: url(../images/ico_tel_4.png) no-repeat left center; padding-left: 25px; }

.logo{ margin-top: 20px; }
.nav li{ float: left;  font-size: 16px; margin-left: 20px;}
.nav li a{ display: block; padding: 0px 13px; border-top: #fff 2px solid; line-height: 100px; text-transform:uppercase; }
.nav li a:hover{ border-top: #d51b12 2px solid; text-decoration: none; }
.nav li a.on{ border-top: #d51b12 2px solid;  }

/*--手机站导航开始------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; display: none; box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.sp_logo{padding:8px 10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:35px;}

.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#d51b12;width:25px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav_se span:nth-of-type(1){top:9px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:9px;transform:rotate(-45deg)}
/*.sjj_nav{position:fixed;z-index:9;background:#f7f7f7;width:100%;height:100%;line-height:35px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}*/

.sjj_nav{position:fixed;z-index:9;background:#f7f7f7;width:250px; height:100%;line-height:35px;right:-250px;overflow:auto;overflow-x:hidden;transition:right ease 0.35s;}

.nav_show{right:0px; top: 50px;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%;text-transform:uppercase;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#666;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#666}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*----手机站导航结束----------*/




.banner{ margin: auto; }
.banner .swiper-slide{ height: 721px;  background-position: center; background-repeat: no-repeat; background-size:cover; }
.nbanner{ height: 334px;  background-position: center; background-repeat: no-repeat; background-size:cover; }
.index_dh{text-align: center;  }
.index_dh span{ font-size: 36px; }
.index_dh i{ display: block; width: 50px; height: 1px; background: #d51b12; margin: 15px auto; }
.index_dh p{ display: block; margin: 10px auto; color: #999; }
.about{ margin: 50px auto; line-height: 200%; width: 90%; text-align: center; font-size: 16px; }
.more1{  width: 134px;  margin: auto; text-align: center;}
.more1 a{ display: block; border-radius:16px;line-height: 36px;  border:#ccc 1px solid; }
.more1 a:hover{ background: #d51b12; color: #fff; }

/* 业务领域 */
.index1{ background: url(../images/bg_full_1.jpg) no-repeat center; }
.yewu{ padding: 70px 0px 0px 0px; }
.doc6{ margin-top:42px; overflow:hidden;}
.doc6 li{ float:left; width:16.6%; height:300px; overflow:hidden; }
.doc6 .pic{  margin:0 auto 7px; height: 104px; overflow:hidden; text-align: center;}
.doc6 img{ transition: all 0.4s;-webkit-transition: all 0.4s; margin: auto;}
.doc6 img.xiao{ }
.doc6 .cardcon{  border-top:none; padding:20px 10px 0 10px}
.doc6 .name{ font-size:16px; text-align:center; }
.doc6 .name a{ color:#333;}
.doc6 .des{ color:#999999; font-size:14px; line-height:20px; margin-top:16px; text-align:center}
.doc6 .des span{ color:#ca0000;}
.doc6 .abtn{ display:block; color:#666; margin:8px 0 0 0px; font-size:14px;}
.doc6 li:hover{}
.doc6 li img{ display:block;transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out; position:relative}
.doc6 li:hover img.xian{ display:none }
.doc6 li:hover img.xiao{ height:104px; }
.doc6 li:hover img{-webkit-transform: rotate3d(0,1,0,360deg);
    -moz-transform: rotate3d(0,1,0,360deg);
    transform: rotate3d(0,1,0,360deg);}

.doc6 li:hover .abtn{ color:#cc0d0d;}

/*留言*/
.index2{ background: url(../images/bj.jpg) no-repeat right center;}
.search_lawyer{ padding:40px 0px; width: 80%; margin: auto;}
.search_lawyer h2{ font-size:24px; padding:0px 0 15px 0; color:#FFF;}
.search_lawyer input{ border:none; background:none; }
.search_lawyer input[type="text"]{ display:block; margin:15px 0 0 0; box-sizing:border-box; width:40%; height:48px; border:1px solid #B2B2B2; font-size:14px; padding:0 18px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  background: #fff;}

.search_lawyer textarea{ display:block; margin:15px 0 0 0; box-sizing:border-box; width:40%; height:98px; border:1px solid #B2B2B2; font-size:14px; padding:10px 18px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;font-family:"Microsoft YaHei"; }

.search_lawyer input[type="submit"]{ width:40%; height:48px;  background:#7A110F; margin:22px 0 0 0; color:#FFF; cursor:pointer; font-size:16px;  border-radius:5px;}






/*首页新闻*/
.index3{ background: #F6F6F6; padding-bottom: 70px; }
.doc2{ width:auto; margin-top:62px;}
.doc2 .main_pic{ width:45%; margin-right: 2%;  position:relative; float:left;  overflow:hidden;}
.doc2 .main_pic img{ -webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.doc2 .main_pic img:hover{ transform:scale(1.08);-webkit-transform:scale(1.08);}
.doc2 .main_pic .text{ background:url(../images/shade_black_45.png) repeat; text-align:center; font-size:18px; position:absolute; left:0; bottom:0; z-index:2; width:100%; height:58px; line-height:58px;}
.doc2 .main_pic .text a{ color:#FFF; -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.doc2 .main_pic .text a:hover{ color:#ccc;}
.doc2 .main_title{ width:53%;  padding-bottom:15px; border-bottom:1px dashed #C7C7C7;  float:left; position:relative;}
.doc2 .main_title h2{ font-size:18px; color:#000; width: 80%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.doc2 .main_title p{ font-size:14px; color:#8d8c8c; line-height:24px; margin-top:15px;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.doc2 .main_title .more{ color:#999; font-size:16px; position:absolute; top:0; right:0; z-index:2;}
.doc2 .items_list{  float:left; margin:12px 0 0 0; width:53%;}
.doc2 .items_list li{ line-height:40px; background:url(../images/ico_j_4.png) no-repeat left center;  font-size:16px; overflow: hidden;}
.doc2 .items_list li a{ float: left; text-indent:20px;width: 70%; color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.doc2 .items_list li a:hover{ color:#E7211A;}
.doc2 .items_list li span{ float:right; color:#999;}





/* 合作伙伴 */
.doc13{  margin: 30px auto; }

.doc13 li{ float:left; width:25%; margin: 10px 0px;}
.doc13 li .pic{width: 90%;   text-align:center; }
.doc13 li .pic p{border:1px solid #ECECEC; padding: 20px 0px; overflow: hidden; }
.doc13 img{  margin:0 auto;  -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;
 }
.doc13 img:hover{ transform:scale(1.08);-webkit-transform:scale(1.08);}


/* 尾部 */
.footer{ width:auto; height:auto; background:#1E1D1D; color:#BCBBBB; padding:20px 0 0 0; margin-top:60px; }
.footer dl{ float:left;}
.footer dl dt{ font-size:17px; margin:5px 0 10px 0;}
.footer .dl1{ width:28%;}
.footer .dl1 img{ margin: 0 0 18px 0;}
.footer .dl1 p{ line-height:26px; margin-bottom:40px;}
.footer .dl2{ width:12%; margin-left:3%;}
.footer .dl2 a,.footer .dl3 a,.footer .dl1 a{ color:#BCBBBB; -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.footer .dl2 a:hover,.footer .dl3 a:hover,.footer .dl1 a:hover{ color:#d51b12;}
.footer .dl3{ width:12%;}
.footer .dl2 dd, .footer .dl3 dd{ line-height:30px; font-size:13px;}
.footer .dl4{ width:12%;}
.footer .dl5{ width:12%;}
.footer .dl6{ width:20%;}
.footer .dl6 span{ display:inline-block; height:50px; float:left;}
.footer .dl6 dd{ clear:both;}


/* 内页头部导航 */
.nav_box{ text-align:center; height:75px; border-bottom:1px solid #ccc;}
.nav_box a{ font-size:16px; line-height:76px;  height:76px; display:inline-block; margin-left:20px; padding:0 5px; }
.nav_box a.hovers, .nav_box a:hover{ color:#D30903; border-bottom:2px solid #D30903;}
.nav_box a:first-of-type{ margin-left:0;}

.link{ margin: auto;color: #BCBBBB; padding-bottom: 15px; }
.link a{ color: #BCBBBB; padding: 10px; }
.link a:hover{ color: #fff; }