/*案例Banner图片*/
.BussinessCaseConBanner{ width:100%; height:530px; background:url(../../Images/Banner9.png) no-repeat top center;}
.BussinessCaseConBanner .BussinessCaseConBannerTitle{ width:1200px; height:530px; margin:0 auto;}
.BussinessCaseConBanner .BussinessCaseConBannerTitle h3{ width:300px; height:300px; border:10px solid #ff0200; float:left; color:#fff; font-size:72px;  font-weight:normal; text-align:center; line-height:300px; margin-top:105px;}

/*案例-标题*/
.BussinessCaseCon{ width:1200px; height:auto; margin:30px auto;}
.BussinessCaseCon .BussinessCaseConLeft{ width:800px; height:auto; float:left; margin-bottom:30px; margin-right:120px;}
.BussinessCaseCon .BussinessCaseConLeft .Title{ width:1200px; }
.BussinessCaseCon .BussinessCaseConLeft .Title h3{ width:800px;  text-align:left; color:#a5958c; font-size:30px;  font-weight:lighter; line-height:36px;margin:10px 0px;}
.BussinessCaseCon .BussinessCaseConLeft .Title i{ display:block; width:60px; height:2px; background:#a5958c;}

/*案例-内容*/
.BussinessCaseCon .BussinessCaseConLeft .CaseConArticle{ width:800px; height:auto; margin-top:20px; margin-bottom:40px;}
.BussinessCaseCon .BussinessCaseConLeft .CaseConArticle p{ color:#4d4d4d; font-size:16px;  font-weight:lighter; line-height:26px; text-align:justify; margin-bottom:10px;}

/*案例-相关律师*/
.BussinessCaseCon .BussinessCaseConLeft .AboutLaw{ width:800px; height:auto; margin-top:30px; overflow:hidden; margin-bottom:30px;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLaw ul{ width:825px; height:390px; overflow:hidden;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLaw ul li{ width:250px; height:390px; float:left; margin-right:25px; overflow:hidden; display:inline; position:relative;}

.BussinessCaseCon .BussinessCaseConLeft .AboutLaw ul li .Normal{ width:250px; height:390px; overflow:hidden; position:absolute; z-index:1; background:#fff;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLaw ul li .Normal .Img{ width:250px; height:325px;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLaw ul li .Normal .Img img{ width:250px; height:325px;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLaw ul li .Normal .LawyerName{ width:250px; height:24px; margin-top:20px;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLaw ul li .Normal .LawyerName h2{ color:#595757; font-size:24px;  font-weight:normal; line-height:24px; margin-right:20px; float:left;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLaw ul li .Normal .LawyerName span{ display:inline-block; color:#595757; font-size:14px;  font-weight:normal; line-height:34px;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLaw ul li .Normal .NumInfor{ width:250px; height:30px; margin-top:10px;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLaw ul li .Normal .NumInfor span{ display:inline-block;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLaw ul li .Normal .NumInfor .Num{ float:left; color:#595757; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:30px; margin-right:15px;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLaw ul li .Normal .NumInfor .Mail{ width:25px; height:25px; background:url(../../Images/mail.png) no-repeat; float:right; margin-right:8px;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLaw ul li .Normal .NumInfor .More{ width:25px; height:25px; background:url(../../Images/mail1.png) no-repeat; float:right;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLaw ul li .Hover{ width:208px; height:348px; overflow:hidden; position:absolute; z-index:4; border:1px solid #ff1d25; background:#A5958C; padding:20px;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLaw ul li .Hover h2{ display:block; width:208px; height:30px; color:#fff; font-size:24px;  font-weight:lighter; line-height:30px; margin-top:15px;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLaw ul li .Hover .Key{ width:208px; height:20px; color:#fff; font-size:14px;  font-weight:normal; line-height:20px; margin-top:10px; margin-bottom:10px;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLaw ul li .Hover .Key span{ display:inline-block; margin-right:20px;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLaw ul li .Hover p{ width:208px; color:#fff; font-size:12px;  font-weight:lighter; line-height:18px; text-align:justify;    min-height: 30px; max-height: 50px;overflow: hidden;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLaw ul li .Hover h3{ display:block; width:208px; height:23px; color:#fff; font-size:14px;  font-weight:normal; line-height:22px; margin-top:20px;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLaw ul li .Hover .GoodList{ width:208px; height:80px; overflow:hidden;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLaw ul li .Hover .GoodList span{ display:block; width:198px; height:20px; color:#fff; font-size:12px;  font-weight:lighter; line-height:18px;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLaw ul li .Hover .NumInfor{ width:220px; height:21px; //margin-top:15px;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLaw ul li .Hover .NumInfor .Num{ float:left; color:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:25px; margin-right:15px;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLaw ul li .Hover .NumInfor .Mail{ width:25px; height:25px; background:url(../../Images/mail2.png) no-repeat; float:right; margin-right:6px;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLaw ul li .Hover .NumInfor .Add{ float: left; color: #fff;font-size: 16px;font-family: "Microsoft Yahei UI"; font-weight: normal; line-height: 25px;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLaw ul li .Hover .NumInfor a{ display:block; width:25px; height:25px; float:right;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLaw ul li .Hover .NumInfor .More{ width:25px; height:25px; background:url(../../Images/mail3.png) no-repeat; float:right;}
.AboutLaw ul li.imghover .Normal {-webkit-transform: rotateY(-90deg);-ms-transform: rotateY(-90deg);transform: rotateY(-90deg);-o-transform: rotateY(-90deg);-moz-transform: rotateY(-90deg);-webkit-transition: -webkit-transform .1s ease-in;-moz-transition: -moz-transform .1s ease-in;-o-transition: -o-transform .1s ease-in;-ms-transition: -ms-transform .1s ease-in;transition: transform .1s ease-in;}
.AboutLaw ul li .Normal {-webkit-transition: -webkit-transform .2s ease-in-out;-moz-transition: -moz-transform .2s ease-in-out;-o-transition: -o-transform .2s ease-in-out;-ms-transition: -ms-transform .2s ease-in-out;transition: transform .2s ease-in-out;-webkit-transform: rotateY(0);-ms-transform: rotateY(0);-moz-transform: rotateY(0);transform: rotateY(0);-o-transform: rotateY(0);}
.AboutLaw ul li {text-decoration: none;cursor: pointer;}
.AboutLaw ul li .Hover {position: absolute;top: 0;left: 0;background: #008573;height: 244px;width: 270px;-webkit-transition: -webkit-transform .1s ease-in;-moz-transition: -moz-transform .1s ease-in;-o-transition: -o-transform .1s ease-in;transition: transform .1s ease-in;-ms-transition: transform .1s ease-in;-webkit-transform: rotateY(90deg);-ms-transform: rotateY(90deg);transform: rotateY(90deg);-moz-transform: rotateY(90deg);-o-transform: rotateY(90deg);color: #FFF;display: none\9;}
.AboutLaw ul li.imghover .Hover {display: block;-webkit-transform: rotateY(0);-ms-transform: rotateY(0);-moz-transform: rotateY(0);transform: rotateY(0);-o-transform: rotateY(0);-webkit-transition: -webkit-transform .3s ease-out;-moz-transition: -moz-transform .3s ease-out;-o-transition: -o-transform .3s ease-out;-ms-transition: -ms-transform .3s ease-out;transition: transform .3s ease-out;display: block\9;}
.AboutLaw ul li .ImgModel{width: 250px;height: 325px; position: absolute; z-index: 3;}
/*案例-相关链接*/
.BussinessCaseCon .BussinessCaseConLeft .AboutLink{ width:800px; height:auto; overflow:hidden; margin-top:30px; margin-bottom:20px;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLink ul{ width:825px; height:215px; overflow:hidden;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLink ul li{ width:210px; height:175px; float:left; background:#A5958C; margin-right:25px; padding:20px;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLink ul li h3{ width:100%; height:30px; color:#fff; font-size:16px;  font-weight:lighter; line-height:30px; margin-bottom:10px; margin-top:10px;overflow:hidden;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLink ul li i{ display:block; width:36px; height:1px; background:#FF0200; margin-bottom:15px;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLink ul li a{ color:#fff; font-size:16px;  font-weight:lighter; line-height:26px; text-align:justify;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLink .SeeMore{ width:800px; height:70px;}
.BussinessCaseCon .BussinessCaseConLeft .AboutLink .SeeMore a{ display:block; width:93px; height:70px; color:#a5958c; font-size:20px;  font-weight:lighter; line-height:70px; background:url(../../Images/More2.png) no-repeat; background-position:85px 28px; float:right; cursor: pointer;}

/*案例-标签*/
.BussinessCaseCon .BussinessCaseConLeft .Label{ width:800px; height:auto; margin-top:30px; overflow:hidden; margin-bottom:25px;}
.BussinessCaseCon .BussinessCaseConLeft .Label ul{ width:916px; height:auto; overflow:hidden;}
.BussinessCaseCon .BussinessCaseConLeft .Label ul li{ width:188px; height:50px; text-align:center; background:#4C4746; color:#fff; font-size:16px;  font-weight:lighter; line-height:50px; margin-right:16px; float:left; margin-bottom:10px;}

/*案例-案例列表*/
.BussinessCaseCon .BussinessCaseConRight{ width:280px; float:left; margin-top:65px;}
.BussinessCaseCon .BussinessCaseConRight .BussinessCaseConList{ width:280px;}
.BussinessCaseCon .BussinessCaseConRight .BussinessCaseConList ul li{ width:260px; padding:15px 0px; overflow:hidden; border-bottom:1px solid #D9D9D9; margin-right:20px;}
.BussinessCaseCon .BussinessCaseConRight .BussinessCaseConList ul li:hover i{ background:#FF1D25;}
.BussinessCaseCon .BussinessCaseConRight .BussinessCaseConList ul li i{ display:block; width:8px; height:8px; background:#fff; float:left; margin:8px 15px 0 0; border:1px solid #FF1D25;}
.BussinessCaseCon .BussinessCaseConRight .BussinessCaseConList ul li a{ display:block; width:235px; float:left; color:#39393b; font-size:16px;  font-weight:lighter; line-height:26px;}
#TabScroll{width:280px; height:250px; overflow:hidden; position:relative;}




.AboutLawyer{ width:800px; height:auto; margin-top:50px;}
.AboutLawyer .Title{ width:800px; height:62px;}
.AboutLawyer .Title h3{ width:800px; height:60px; text-align:left; color:#a5958c; font-size:30px;  font-weight:lighter; line-height:60px;}
.AboutLawyer .Title i{ display:block; width:75px; height:2px; background:#a5958c;}
.AboutLawyer .LawyerList{ width:800px; height:390px; position:relative; margin-top:30px;}
.AboutLawyer .LawyerList .prev{ float:left; margin:28px 22px 0px 0px; cursor:pointer; display:inline; position:absolute; left:-47px; top:150px;}
.AboutLawyer .LawyerList .ListCon{ width:800px; height:390px; float:left;}
.AboutLawyer .LawyerList .ListCon ul{ width:825px; height:390px; overflow:hidden; position:absolute;}
.AboutLawyer .LawyerList .ListCon ul li{ width:250px; height:390px; float:left; margin-right:25px; overflow:hidden; display:inline; position:relative;}

.AboutLawyer .LawyerList .ListCon ul li .Normal{ width:250px; height:390px; overflow:hidden; position:absolute; z-index:1; background:#fff;}
.AboutLawyer .LawyerList .ListCon ul li .Normal .Img{ width:250px; height:300px;}
.AboutLawyer .LawyerList .ListCon ul li .Normal .Img img{ width:250px !important; height:285px !important;}
.AboutLawyer .LawyerList .ListCon ul li .Normal .LawyerName{ width:250px; height:24px;}
.AboutLawyer .LawyerList .ListCon ul li .Normal .LawyerName h2{ color:#595757; font-size:24px;  font-weight:normal; line-height:24px; margin-right:20px; float:left;}
.AboutLawyer .LawyerList .ListCon ul li .Normal .LawyerName span{ display:inline-block; color:#595757; font-size:13px;  font-weight:normal; line-height:34px;}
.AboutLawyer .LawyerList .ListCon ul li .Normal .NumInfor{ width:250px; height:30px;}
.AboutLawyer .LawyerList .ListCon ul li .Normal .NumInfor span a{width:21px; height:21px;float:right;}
.AboutLawyer .LawyerList .ListCon ul li .Normal .NumInfor span{ display:inline-block;}
.AboutLawyer .LawyerList .ListCon ul li .Hover .NumInfor .Add {
    float: left;
    color: #fff;
    font-size: 16px;
    font-family: "Microsoft Yahei UI";
    font-weight: normal;
    line-height: 20px;}

.AboutLawyer .LawyerList .ListCon ul li .Normal .NumInfor .Num{ float:left; color:#595757; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:30px; margin-right:15px;}
.AboutLawyer .LawyerList .ListCon ul li .Normal .NumInfor .Mail{ width:25px; height:25px; background:url(../../Images/mail.png) no-repeat;float:right; margin-right:8px;}
.AboutLawyer .LawyerList .ListCon ul li .Normal .NumInfor .More{ width:25px; height:25px; background:url(../../Images/mail1.png) no-repeat; float:right;}
.AboutLawyer .LawyerList .ListCon ul li .Hover{ width:208px; height:348px; overflow:hidden; position:absolute; z-index:4; border:1px solid #ff1d25; background:#A5958C; padding:20px;}
.AboutLawyer .LawyerList .ListCon ul li .Hover h2{ display:block; width:208px; height:30px; color:#fff; font-size:24px;  font-weight:lighter; line-height:30px;}
.AboutLawyer .LawyerList .ListCon ul li .Hover .Key{ width:208px; height:20px; color:#fff; font-size:14px;  font-weight:normal; line-height:20px; margin-top:10px; margin-bottom:10px;}
.AboutLawyer .LawyerList .ListCon ul li .Hover .Key span{ display:inline-block; margin-right:20px;}
.AboutLawyer .LawyerList .ListCon ul li .Hover p{ width:208px;; color:#fff; font-size:12px;  font-weight:lighter; line-height:18px; text-align:justify;}
.AboutLawyer .LawyerList .ListCon ul li .Hover h3{ display:block; width:208px; height:23px; color:#fff; font-size:14px;  font-weight:normal; line-height:22px; margin-top:20px;}
.AboutLawyer .LawyerList .ListCon ul li .Hover .GoodList{ width:208px; max-height:80px; overflow:hidden;}
.AboutLawyer .LawyerList .ListCon ul li .Hover .GoodList span{ display:block; width:198px; height:20px; color:#fff; font-size:12px;  font-weight:lighter; line-height:20px;}
.AboutLawyer .LawyerList .ListCon ul li .Hover .NumInfor{ width:220px; height:25px; margin-top:0px;}
.AboutLawyer .LawyerList .ListCon ul li .Hover .NumInfor .Num{ float:left; color:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:21px; margin-right:10px;}
.AboutLawyer .LawyerList .ListCon ul li .Hover .NumInfor .Mail{ width:25px; height:25px; background:url(../../Images/mail2.png) no-repeat;float:right; margin-right:6px;}
.AboutLawyer .LawyerList .ListCon ul li .Hover .NumInfor a{ display:block; width:25px; height:25px; float:right;}
.AboutLawyer .LawyerList .ListCon ul li .Hover .NumInfor .More{ width:25px; height:25px; background:url(../../Images/mail3.png) no-repeat; float:right;}
.AboutLawyer .LawyerList .next{ float:right; margin:28px 0px 0px 0px; cursor:pointer; display:inline; position:absolute; right:-45px; top:150px;}

.AboutLawyer ul li.imghover .Normal {-webkit-transform: rotateY(-90deg);-ms-transform: rotateY(-90deg);transform: rotateY(-90deg);-o-transform: rotateY(-90deg);-moz-transform: rotateY(-90deg);-webkit-transition: -webkit-transform .1s ease-in;-moz-transition: -moz-transform .1s ease-in;-o-transition: -o-transform .1s ease-in;-ms-transition: -ms-transform .1s ease-in;transition: transform .1s ease-in;}
.AboutLawyer ul li .Normal {-webkit-transition: -webkit-transform .2s ease-in-out;-moz-transition: -moz-transform .2s ease-in-out;-o-transition: -o-transform .2s ease-in-out;-ms-transition: -ms-transform .2s ease-in-out;transition: transform .2s ease-in-out;-webkit-transform: rotateY(0);-ms-transform: rotateY(0);-moz-transform: rotateY(0);transform: rotateY(0);-o-transform: rotateY(0);}
.AboutLawyer ul li {text-decoration: none;cursor: pointer;}
.AboutLawyer ul li .Hover {position: absolute;top: 0;left: 0;background: #008573;height: 244px;width: 270px;-webkit-transition: -webkit-transform .1s ease-in;-moz-transition: -moz-transform .1s ease-in;-o-transition: -o-transform .1s ease-in;transition: transform .1s ease-in;-ms-transition: transform .1s ease-in;-webkit-transform: rotateY(90deg);-ms-transform: rotateY(90deg);transform: rotateY(90deg);-moz-transform: rotateY(90deg);-o-transform: rotateY(90deg);color: #FFF;display: none\9;}
.AboutLawyer ul li.imghover .Hover {display: block;-webkit-transform: rotateY(0);-ms-transform: rotateY(0);-moz-transform: rotateY(0);transform: rotateY(0);-o-transform: rotateY(0);-webkit-transition: -webkit-transform .3s ease-out;-moz-transition: -moz-transform .3s ease-out;-o-transition: -o-transform .3s ease-out;-ms-transition: -ms-transform .3s ease-out;transition: transform .3s ease-out;display: block\9;}
.AboutLawyer ul li .ImgModel{width: 250px;height: 325px; position: absolute; z-index: 3;}