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

/*about*/
.wp {
    width: 1200px;
    margin: 0 auto;
}
.about {
	/* margin-top: -50px; */
	position: relative;
	height:450px;
}
.about img {
	width: 35%;
	height: auto;
	float: left;
}
.about-r {
	width: 60%;
/*	margin-top: 130px;*/
	    float: right;
}

.about h2 {
    text-align: center;
    font-weight: normal;
    height: 88px;
    font-size: 30px;
    color: #333;
    background: url(../images/z_h3.gif) no-repeat center 9px;
    line-height: 100%;
}
.about h2 span {
    display: block;
    color: #999;
    font-family: Arial;
    font-size: 16px;
    padding-top: 3px;
}

.case h2 {
    text-align: center;
    font-weight: normal;
    height: 88px;
    font-size: 30px;
    color: #333;
    background: url(../images/z_h3.gif) no-repeat center 9px;
    line-height: 100%;
	    color: #333;
}
.case h2 span {
    display: block;
    color: #999;
    font-family: Arial;
    font-size: 16px;
    padding-top: 3px;
}
.w960 .about-r {
	margin-top: 70px;
}
.about-r h3 {
	height: 90px;
	font-size: 27px;
	line-height: 90px;
	color: #333;
	background: url("../images/bg02.png") no-repeat center right;
}
.w960 .about-r h3 {
	background-size: 150%;
}
.about-r h3 strong {
	text-transform: uppercase;
	margin-left: 24px;
	color: #D0AE64;
	font-size: 26px;
}
.about-r div {
	line-height: 2em;
	font-size: 14px;
	color: #666;
/*	margin-top: 40px;
*/	height: 130px;
	overflow: hidden;
}
.w960 .about-r div {
	margin-top: 11px;
	line-height: 1.9;
}
.about-r .more02 {
	top: 160px;
	right: 30px;
	background: none;
}
.w960 .about-r .more02 {
	top: 99px;
	right: 46px;
	background: none;
}
.more01 {
	width: 100px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background:#c9151e;
	display: block;
	color: #fff;
	font-size: 14px;
/*	margin-top: 48px;
*/}
.more01:hover {
	background:#c9151e;
}
/*search*/
.navbar-search {
    display: inline-block;
    height: 48px;
    margin: 30px 0;
    line-height: 48px;
    margin-left: 38.4px;
    width: 38.4px;
    transition: 0.3s width;
    z-index: 9;
    background-color: white;
    position: absolute;
    right: 0;
    top: 0;
}
.navbar-search i {
    font-size: 30.72px;
    width: 38.4px;
    text-align: center;
    color: #666666;
    float: left;
    display: block;
}
.navbar-search>p {
    display: none;
}
.navbar-search i {
    font-size: 30.72px;
    width: 38.4px;
    text-align: center;
    color: #666666;
    float: left;
    display: block;
}
.navbar-search input {
    width: 78%;
    border: 0;
    font-size: 19.2px;
    height: 42.23px;
    display: none;
    opacity: 0;
    transition: 0.3s opacity;
}
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
span { overflow:hidden;}/*兼容IE8*/
img{-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
/*正文开始*/
/*banner*/
.banner{ display:block; height:621px;overflow:hidden; margin-bottom: 40px;}
.banner a{ display:block; height:621px; display:block;}

/*首页动画样式*/
.fullSlide {
	width:100%;
	position:relative;
	height:621px;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:621px;
	overflow:hidden;
	text-align:center;
	 background-position:center top;
	  background-size:100% auto !important;
	  background-repeat:no-repeat !important;
}
.fullSlide .bd li a {
	display:block;
	height:621px;
}

.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	top:85%;
	left:0;
	height:10px;
	line-height:10px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:80px;
	height:8px;
	margin:1px;
	overflow:hidden;
	background:#fff;
	line-height:999px;
	background:url("../images/ba_05.png") no-repeat;
}
.fullSlide .hd ul .on {
	background:url("../images/ba_03.png") no-repeat;
}
.fullSlide .prev,.fullSlide .next {
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
/*	display:none;
*/	width:35px; 
	height:53px;
}
.fullSlide .prev
{
      background:url("../images/btn2.png") no-repeat;
  }
.fullSlide .next {
	left:auto;
	right:5%;
	background:url("../images/btn3.png") no-repeat;
}


/**/
.zc{ height: 620px;}
.zc h2{ text-align: center; font-weight: normal; height: 81px; font-size: 30px; color: #333;background:url("../images/z_h3.gif") no-repeat center 9px; line-height: 100%;}
.zc h2 span{ display: block; color: #999; font-family: Arial; font-size: 16px; padding-top:3px;}
.zc ul{ overflow: hidden; padding-left: 35px;}
.zc ul li{ float: left; width: 193px;background:url("../images/z_bg1.gif") no-repeat center 15px;  height: 185px; font-size: 20px; color: #333; text-align:center;}
.zc ul li.nom{ margin-right: 0;}
.zc ul li i{ display: block;}
.zc ul li em{ display: inline-block; padding-top: 10px;}
.zc ul li span{ display: block; color: #aa8a57; font-size: 26px; font-family: Arial; height: 75px;}
.zc ul li.cur{background:url("../images/z_bg2.gif") no-repeat center 15px; color: #fff;}
.zc ul li.cur a{ color:#fff;}
.zc ul li.cur span{ font-size: 0;}
.zc dl{ overflow: hidden; background:url("../images/z_bg.jpg") no-repeat center 0 #fff9ef;}
.zc dl dt{ font-size: 0; float: left;}.zc dl dt img{ width: 347px; height: 271px;}
.zc dl dd{ width: 800px; float: left; margin-left:18px;}
.zc dl dd h3{ font-weight: normal; font-size: 24px; color: #333; padding: 28px 0 10px 0;}
.zc dl dd h3 span{ color: #666; font-size:95px; font-family: Arial; line-height: 100%;}
.zc dl dd p{ color: #343434; font-size: 14px; line-height: 24px; height:66px;}
.zc dl dd em{ display: block;}
.zc dl dd em a{ display: block; width: 100px; height: 42px; text-align: center; line-height: 42px; color: #fff; font-size: 14px; background: #aa8a57;}
    /**/
.zzi{ height: 685px; overflow: hidden;}
.zzi h2{ text-align: center; font-weight: normal; height: 88px; font-size: 30px; color: #333;background:url("../images/z_h3.gif") no-repeat center 9px; line-height: 100%;}
.zzi h2 span{ display: block; color: #999; font-family: Arial; font-size: 16px; padding-top:3px;}
.zzi_on{ font-size: 0; position: relative; overflow: hidden;}
.zzi_on img{ height: 496px;}
.zi_on1{ position: absolute; left: 0; top: 60px; width: 600px; height:295px;background:url("../images/spn-1.png") repeat;}
.zi_on1 h4{ height: 85px; line-height: 85px; font-weight: normal; color: #333; font-size: 26px;background:url("../images/fw_lin.gif") no-repeat center bottom; text-align: center;}
.zi_on1 p{ font-size: 14px; color: #666; line-height: 25px; margin: 0 65px 0 75px; padding: 16px 0; height:105px; overflow:hidden;}
.zi_on1 em{ display: block; text-align: center;}
.zi_on1 em a{ display: inline-block; width: 99px; height: 40px; line-height: 40px; text-align: center; color: #c9151e; font-size: 14px; border: 1px solid #c9151e;}
.zi_menu{ position: absolute; left: 0; bottom: 0; width: 600px;height: 81px;background:url("../images/spn-1.png") repeat;}
.zi_menu ul{ overflow: hidden; float: left;}
.zi_menu ul li{ float: left; width: 129px; border-right: 1px solid #b6b5b4; height: 81px; text-align: center; font-size: 16px; color: #999; padding-top: 53px;background:url("../images/iio1.png") no-repeat center 10px;}
.zi_menu em{ display: inline-block; width: 180px; float: right; padding-top: 16px; font-size: 16px; color: #999;}
.zi_menu em span{ display: block; font-size: 26px; font-family: Impact; padding-top: 3px;}
.zi_menu ul li.bg2{background:url("../images/iio2.png") no-repeat center 10px;}
.zi_menu ul li.bg3{background:url("../images/iio3.png") no-repeat center 10px;}
.zi_menu ul li.cur{background:url("../images/iio11.png") no-repeat center 10px #c9151e; color: #fff;}
.zi_menu ul li.cur.bg2{background:url("../images/iio21.png") no-repeat center 10px #c9151e; color: #fff;}
.zi_menu ul li.cur.bg3{background:url("../images/iio31.png") no-repeat center 10px #c9151e; color: #fff;}
    /**/
.strength{ height:600px;background:url("../images/s_h3.gif") no-repeat center 124px;}
.strength .content{ position: relative;}
.st_on1{ position: absolute; left: -92px; top:150px; width:420px;}
.st_on1 ul li{ font-size: 0; float: left; width: 210px; height: 175px; overflow: hidden; position: relative;}
.st_on1 ul li img{ display:block;width: 210px; height: 175px;}
.st_on1 ul li.on span{ display: block; position: absolute; left: 0; top: 0;width: 210px; height: 175px;background:url("../images/cur2.png") no-repeat;}
.st_on2{ left:873px; *left:872px;}
.st_on2 ul li.on span{background:url("../images/cur.png") no-repeat;}
.strength h2{ text-align: center; font-weight: normal; height: 86px; font-size: 30px; color: #333;background:url("../images/z_h3.gif") no-repeat center 9px; line-height: 100%;}
.strength h2 a{ color: #333;}
.strength h2 span{ display: block; color: #999; font-family: Arial; font-size: 16px; padding-top:3px;}
.st_on{ overflow: hidden;}
.st_on ul li{ overflow: hidden; font-size: 0; margin: 0 auto; width: 545px; height: 474px; position: relative;}.st_on ul li img{ width: 545px; height:474px;}
.st_on ul li em{ display: block; position: absolute; left: 0; bottom: 0; color: #fff; font-size: 14px;background:url("../images/spn2.png") repeat; width:545px;}
.st_on ul li em i{ font-size: 24px; color: #fff; line-height: 48px; display: block; text-align: center;}
.st_on ul li em span{ display: block; margin: 0 18px; line-height: 24px; text-align: center;}
.st_on ul li em a{ display: block; margin:16px auto; width: 100px; height: 30px; line-height: 30px; text-align: center; background: #aa8a57; color: #fff; font-size: 14px;}
    /**/
.case{ height: 880px; overflow: hidden;background:url("../images/case.gif") no-repeat center 0; padding-top: 31px;}
.case .content{ overflow: hidden;}
/*.case h2{ height: 68px; font-size: 26px; font-weight: normal; color: #fff; padding-left: 60px;}
.case h2 a{color: #333;}*/
.case1{ position: relative; font-size: 0; margin-bottom: 30px;}
.case1 img{ width: 1200px; height: 444px; overflow: hidden;}
.case1 p{ position: absolute; right: 0; top: 0;background:url("../images/c_bg.png") no-repeat; width: 691px; height: 444px;}
.case1 p em{ display: block; padding: 105px 0 0 205px;}
.case1 p em i{ display: block; color: #333; font-size: 24px; font-weight: bold;}
.case1 p em span{ display: block; font-size: 14px; color: #666; line-height: 25px; width: 402px; padding-top: 13px; height: 155px;}
.case1 p em span{ display: block; font-size: 14px; color: #666; line-height: 25px; width: 402px; padding-top: 13px; height: 155px;}
.case1 p em a{ display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; background: #c9151e; color: #fff; font-size: 14px;}
.case dl{ float: left; overflow: hidden; width: 378px;     margin-right: 10px;
    margin-left: 10px;}.case dl.nom{ margin-right: 0;}.case dl dt{ font-size: 0;}
.case dl dt img{ width: 372px; height: 184px; border: 3px solid #fff;}
.case dl dd{ background:#ebebeb; padding: 0 20px; height: 60px; border-bottom: 3px solid #d5d4d4;}
.case dl dd h3{ padding-top: 3px; line-height: 50px;background:url("../images/c_lin.gif") repeat-x left bottom; font-size: 20px; font-weight: normal; color: #333;}
.case dl dd h3 a{ color: #333;}.case dl dd h3 a:hover{ color: #c9151e;}
.case dl dd p{ color:#636363; font-size: 14px; line-height: 25px; padding-top: 13px;}
    /**/
.firm{ height: 500px;}
.firm h2{ text-align: center; font-weight: normal; height: 88px; font-size: 30px; color: #333;background:url("../images/z_h3.gif") no-repeat center 9px; line-height: 100%;}
.firm h2 a{color: #333;}
.firm h2 span{ display: block; color: #999; font-family: Arial; font-size: 16px; padding-top:3px;}
.fm_l{ width: 550px;}
.fm_l p img{ width: 550px; height: 234px; border-radius: 8px; padding-bottom: 6px;}
.fm_l ul li{ line-height: 34px;}
.fm_l ul li a{ display: block; font-size: 14px; color: #666;}
.fm_l ul li a:hover{ color: #aa8a57;}.fm_l ul li span{ display: inline-block; float: right;}
.fm_r{ width: 555px; padding: 0 20px 0 25px; border-left: 4px solid #e2e2e0; height: 333px;}
.fm_r dl dt a{ color: #c9151e; font-size: 18px; line-height: 38px;}
.fm_r dl dd p{ font-size: 14px; color: #666; line-height: 22px; height: 103px;}
.fm_r ul li{ line-height: 32px;}.fm_r ul li span{ float: right;}
.fm_r ul li a{ color: #666; font-size: 14px;}
.fm_r ul li a:hover{ color:#c9151e;}
    /**/
.res{ background:url("../images/rea.jpg") no-repeat center 0; height: 814px; margin-bottom: 95px;}
.res h2{ text-align: center; font-weight: normal; height: 87px; font-size: 30px; color: #333;line-height: 100%; padding-top: 43px;}
.res h2 a{color: #333;}
.resa{ margin-left: 360px; margin-bottom: 39px; background: #fff; height: 287px; overflow: hidden;}
.resa_l{ padding: 27px 0 0 30px; width: 538px;}
.resa_l dl{ overflow: hidden; height: 105px;}
.resa_l dl dt{ float: left; width: 83px; height: 85px; background: #a2814f; text-align: center; color: #fff; font-size: 14px;}
.resa_l dl dt i{ display: block; font-family: Impact; font-size: 42px; font-weight: normal; line-height: 100%; padding-top: 16px;}
.resa_l dl dd{ width: 432px; float: left; padding-left:15px;}
.resa_l dl dd h3{ font-size: 16px; padding-top: 8px;}
.resa_l dl dd h3 a{ color: #333;}
.resa_l dl dd p{ font-size: 14px; color: #999; line-height: 22px; padding-top: 9px;}
.resa_l ul li{ line-height: 33px;}
.resa_l ul li a{ font-size: 14px; color: #666;}.resa_l ul li a:hover{ color: #aa8a57;}
.resa_l ul li span{ display: inline-block; float: right;}

.resa_r{ width: 252px; position: relative;}
.resa_r i{ display: inline-block; position: absolute; top: 108px; left: 55px; width: 139px; height: 87px; border: 1px solid #fff; text-align: center;}
.resa_r i a{ color: #fff; font-size: 18px; padding-top: 25px; display: inline-block;}
.resa_r i span{ display: block; padding-top:7px;}

.resb{margin-left: 360px; margin-bottom: 39px; background: #fff; height: 287px; overflow: hidden;}
.resb_l{ width: 398px;}
.resb_l dl{ overflow: hidden; padding: 42px 0 0 25px;}
.resb_l dl dt a{ font-size: 16px; color: #333; font-weight: bold;}
.resb_l dl dd p{ font-size: 14px; color: #666; line-height: 39px; border-bottom: 1px solid #c0c0c0;}
.resb_l ul{ padding-left: 25px; padding-top:7px;}
.resb_l ul li{ line-height: 33px;}
.resb_l ul li a{ font-size: 14px; color: #666;}.resb_l ul li a:hover{ color: #aa8a57;}
.resb_l ul li span{ display: inline-block; float: right;}
.resb_l h4{background:url("r_img2.jpg"/*tpa=http://www.xzylawyer.com/Skins/Default/Img/Index/r_img2.jpg*/) no-repeat; width: 393px; height: 136px; text-align: center;}
.resb_l h4 a{ display: inline-block; width: 123px; height: 43px; line-height: 43px; border: 1px solid #fff; font-size: 18px; color: #fff; font-weight: normal; margin-top:41px;}

.resb_r{ width: 375px; padding: 45px 23px 0 0;}
.resb_r dl{ overflow: hidden; height: 105px;}
.resb_r dl dt{ float: left; width: 83px; height: 85px; background: #a2814f; text-align: center; color: #fff; font-size:20px; font-weight: bold;}
.resb_r dl dt a{color: #fff;}
.resb_r dl dt i{ display: block; padding-top: 19px;}
.resb_r dl dd{ width:273px; float: left; padding-left:15px;}
.resb_r dl dd h3{ font-size: 16px; padding-top: 8px;}
.resb_r dl dd h3 a{ color: #333;}
.resb_r dl dd p{ font-size: 14px; color: #666; line-height: 22px; padding-top: 9px;}
.resb_r ul li{ line-height: 33px;}
.resb_r ul li a{ font-size: 14px; color: #666;}.resb_r ul li a:hover{ color: #aa8a57;}
.resb_r ul li span{ display: inline-block; float: right;}
    /**/
.pz{ height: 525px;background:url("xbg.jpg"/*tpa=http://www.xzylawyer.com/Skins/Default/Img/Index/xbg.jpg*/) no-repeat center 68px;}
.pz h3{ text-align: center; font-weight: normal; color: #333; font-size: 30px; height:136px;}
.pz h3 a{color: #333;}
.pz h3 span{ display: block; color: #999; font-family: Arial; font-size: 16px;}
.pz h3 i{ display: block; font-size: 14px; color: #666; padding-top: 42px;}
.pz ul{ overflow: hidden; padding-left: 152px;}
.pz ul li{ font-size: 14px; color: #666; padding-top: 183px; float: left; width: 174px; margin-right: 183px; text-align: center;}.pz ul li.nom{ margin-right: 0;}
.pz h4{ padding-top: 33px; text-align: center; font-weight: normal;background:url("x_btn.jpg"/*tpa=http://www.xzylawyer.com/Skins/Default/Img/Index/x_btn.jpg*/) no-repeat center 33px;}
.pz h4 a{ display: inline-block; width: 191px; height: 52px; line-height: 52px; text-align: center; margin: 0 8px; font-size: 20px; color: #fff;}
/**/

/**/
/**/
/**/
/**/