@charset "utf-8";
/*2018.3.28    clz  ld*/

/*页面公用*/
.opacity:hover{
	opacity: 0.8;
	filter：alpha(opacity=80);
}
.icon{
	background: url(../images/w3cfuns_allbgs_1.png) no-repeat;
}

/*banner  start*/
.inside-banner {
	width: 100%;
	min-width: 1180px;
	overflow: hidden;
	height: 450px;
	position: relative;
}

.inside-banner>.bd {
	width: 1920px;
	position: absolute;
	left: 50%;
	margin-left: -960px;
	height: 450px;
}

.inside-dot {
	position: absolute;
	bottom: 10px;
	z-index: 1;
	width: 100%;
}

.inside-dot>ul {
	text-align: center;
}

.inside-dot>ul>li {
	    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 5px;
    margin: -13px 4px 4px 3px;
    background: #999;
    overflow: hidden;
    line-height: 9999px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 0%;
}

.inside-dot>ul>li.on {
	background: white;
}
/*banner  end*/

/*header  start*/
.header-top{
	color: #666666;
	font-size: 12px;
	line-height:30px ;
	background-color: #eeeeee;
	overflow: hidden;
	min-width: 1180px;
	width: 100%;
	
}
.ht-right{
	padding-right: 10px;
}

/*.nav{
	overflow: hidden;
	line-height: 87px;
}*/
.law-logo{
	background: #004b92;
	font-size: 24px;
	width: 180px;
	height: 87px;
	line-height: 87px;
	text-align: center;
		
}
.law-logo a{
	color: white;
	display: block;
	width: 100%;
	height: 100%;
}


.nav-list > li{
	float: left;
	margin-left: 30px;
	position: relative;
}
.xl-list{
	position: absolute;
	z-index: 100;
	display: none;
	color: white;
	left: -20px;
}

.nav-list .xl-list a{
	display: block;
	color: #fff;
	line-height: 30px;
	height: 30px;
	width: 140px;
	font-size: 16px;
	margin-bottom: 5px;
	text-align: center;
	background-color: #333;
}
.nav-list > li:hover .xl-list{
	display: block;
}
.nav-list a{
	height: 85px;
	line-height: 85px;
	font-size: 18px;
	color: #000000;
	border-top: 2px solid transparent;
}
.nav-list > li >a{
	display: block;
	padding: 0 10px;
	height: 100%;
	
}
.nav-list  .active{
	color: #004b92;
	font-size: 18px;
	height: 85px;
	border-top: 2px solid #004b92;
}
.ht-left span{
	padding-left: 45px;
}
.ht-right span{
	padding-right: 40px;
}
/*header  end*/

/*数据start*/
.sj-list{
	overflow: hidden;
}
.sj-list p{
	color: #666666;
	font-size: 16px;
	padding-left: 67px;
}
.sj-list>li{
	float: left;
	width: 33.33%;
	height: 200px;
	
}
.sj-text .icon-jia{
	color: #2662b5;
	font-size: 54px;
}
.sj-text span{
	color: #2662b5;
	font-size: 65px;
}
.sj-text{
	padding: 40px 0 0 0;
	height: 90px;
}
.sj-icon1,.sj-icon2,.sj-icon3{
	width: 54px;
	height: 54px;
	margin-right: 10px;	
}
.sj-icon1{
	background-position: 0 0;
}
.sj-icon2{
	background-position: -59px 0;
}
.sj-icon3{
	background-position: -120px 0;
}
/*数据end*/

/*你是否正在被这些法律纠纷困扰start*/
.kr{
	height: 903px;
	width: 100%;
	background: url(../images/kr-bg.png) top center;
	   min-width: 1180px;
    overflow: hidden;
}
.kr-bg{
	position: absolute;
	width: 100%;
	z-index: -1;
}
.h2-box h2{
	color: #333333;
	font-size: 36px;
	padding-top: 70px;
	line-height: 1;
	text-align: center;
}
.h2-box p{
	text-align: center;
	color: #666666;
	font-size: 16px;
	line-height: 1;
	padding: 10px 0 100px 0;
}
.orange{
	color: #ff6349;
}
.kr-content{
	overflow: hidden;
	padding-bottom: 115px;
}
.kr-content>div{
	float: left;
    padding: 0 0 0 40px;
    width: 351px;
}
.kr-icon1,.kr-icon2,.kr-icon3,.kr-icon4,.kr-icon5,.kr-icon6{
	width: 50px;
	height: 50px;	
}
.kr-icon1{
	background-position: -187px 0;
}
.kr-icon2{
	background-position: -250px 0;
}
.kr-icon3{
	background-position: -314px 0;
}
.kr-icon4{
	background-position: -379px 0;
}
.kr-icon5{
	background-position: -448px 0;
}
.kr-icon6{
	background-position: -510px 0;
}
.kr-list>li{
	overflow: hidden;
}
.kr-lefttext{
	width: 288px;
}
.kr-lefttext h4{
	color: #333333;
	font-size: 20px;
	line-height: 1;
	padding-bottom: 20px;
}
.kr-lefttext p{
	color: #888888;
	font-size: 16px;
	padding-bottom: 40px;
}
.kr-content .kr-center{
	    width: 299px;
    padding: 0 0 0 49px;
    text-align: center;
}
.kr-center h2{
	font-size: 30px;
	color: white;
	padding:10px 0 20px 0;
}
.yellow{
	color: #ffe822;
}
.kr-center a{
	display: inline-block;
	width: 225px;
	height: 55px;
	text-align: center;
	line-height: 55px;
	background: #ffdd67;
	color: #a45814;
	font-size: 16px;
	border-radius: 30px;
}
.btn{
	display: block;
	width: 470px;
	height: 50px;
	margin: auto;
	line-height: 50px;
	border: 1px solid #2662b5;
	border-radius: 25px;
	position: relative;
	padding-left: 30px;
	font-size: 32px;
	color: #2662b5;
	font-weight: 600;
	
}
.phone{
	width: 25px;
	height: 29px;
	background-position:-666px 0;
	vertical-align: middle;
}
.btn span{
	display: block;
	width: 180px;
	height: 50px;
	border-radius: 25px;
	background-color: #2662b5;
	position: absolute;
	right: -2px;
	top: 0;
	color: white;
	font-size: 16px;
	text-align: center;
	font-weight: 100;
}
.kr-list>li:hover h4{
	color: #2662b5;
}
.kr-list>li:hover p{
	color: #2662b5;
}
/*你是否正在被这些法律纠纷困扰end*/

/*超百人金牌律师团，为您争取更大权益start*/
.qy-box .h2-box p{
	padding-bottom: 30px;
}

.qy-list{
	overflow: hidden;
}
.qy-list>li{
	float: left;
	width: 280px;
	margin-left: 20px;
	padding: 0 0 40px 0;
	background: #f7f7f7;
	transition: all 0.5s;
}
.qy-list>li:first-child{
	margin-left: 0;
}
.qy-list h4{
	color: #333333;
	font-size: 18px;
	padding: 35px 20px 25px 20px;
	line-height: 1;
	transition: all 0.5s;
}
.qy-list p{
	color: #888888;
	font-size: 16px;
	padding: 0 20px 40px 20px;
	transition: all 0.5s;
}
.qy-list a{
	color: #666666;
	line-height: 1;
	padding: 0 20px 0 20px;
}
.qy-btnbox{
	padding: 40px 0 70px 0;
	margin: auto;
	width: 484px;
	position: relative;
	z-index: 1;
}
.qy-btnbox a{
	width: 200px;
	text-align: center;
	height: 50px;
	line-height: 50px;
	color: white;
	font-size: 16px;
	border-radius: 25px;
	display: inline-block;
	margin-left: 80px;
	transition: all 0.5s;
}
.qy-btnbox a:first-child{
	margin-left: 0;
}
.bg-blue{
	background: #2662b5;
}
.bg-yellow{
	background: #ff942b;
}
.qy .orang{
	color:#ff6349;
}
.qy-list>li:hover {
	opacity: 1;
	background: #2662b5;
	transition: all 0.5s;
}
.qy-list>li:hover h4{
	opacity: 1;
	color: white;
	transition: all 0.5s;
}
.qy-list>li:hover p{
	opacity: 1;
	color: white;
	transition: all 0.5s;
}
.qy-list>li:hover a{
	opacity: 1;
	color: #ffdd67;
	transition: all 0.5s;
}
/*超百人金牌律师团，为您争取更大权益end*/

/*面对法律纠纷，选对律师才不会误大事儿start*/
.ls{
	width: 100%;
	height: 880px;
	background: url(../images/ls-bg.png);
	min-width: 1180px;
	overflow: hidden;
}
.ls-box>.ls-h2>p {
	color: white;
	padding-bottom: 35px;
}
.ls-box>.ls-h2>h2 {
	color: white;
}
.ls-list{
	overflow: hidden;
}
.ls-list>li{
	float: left;
	width: 570px;
	height: 250px;
	margin-left: 40px;
	background: white;
	margin: 0 0 35px 40px;
	border-radius: 10px;
}
.ls-list .no-ml{
	margin-left: 0;
}
.ls-text{
	width: 260px;
	padding: 30px 30px 30px 30px;
}
.ls-name{
	color: #333333;
	font-size: 20px;
}
.jpls{
	color: #888888;
	font-size: 18px;
}
.zysc{
	color: #666666;
	font-weight: 600;
	font-size: 16px;
}
.ls-p2{
	color: #666666;
	font-size: 16px;
	padding: 10px 0 40px 0;
}
.ls-btnbox a{
	display: inline-block;
	height: 35px;
	width: 120px;
	text-align: center;
	line-height: 35px;
	color: #666666;
	font-size: 16px;
	border-radius: 20px;
	margin-left: 15px;
}
.ls-btnbox a:first-child{
	margin-left: 0;
}
.ls-btnbox{
	width: 300px;
	margin: auto;
}
.border-blue{
	border: 1px solid #0068b7;
}
.border-yellow{
	border: 1px solid #ff942b;
}
.ls .btn{
	background-color: white;
	border: none;
	margin-top: 30px;
}
/*面对法律纠纷，选对律师才不会误大事儿end*/

/*遭遇法律纠纷，为什么都选顶呱呱-法律？start*/
.jf-box>.h2-box>p{
	padding-bottom: 50px;
}
.jf-box .orang{
	color: #ff6349;
}
.jf{
	height: 640px;
	background: #f5f5f5;
	min-width: 1180px;
    overflow: hidden;
}
.jf-content{
	height: 464px;
	background-position:100% ;
	position: relative;
	background: url(../images/jf-bg.jpg) top center;
}
.jf-content .jf-bg{
	position: absolute;
	width: 1922px;
	height: 464px;
	left: 50%;
	margin-left: -961px;
}
.jf-text{
	overflow: hidden;
	position: relative;
}
.jf-text>div{
	float: left;
	width: 50%;
}
.icon-circle{
	width: 16px;
	line-height: 16px;
	border-radius: 50%;
	color: white;
	background: #ff942b;
	text-align: center;
	margin-right: 10px;
	font-size: 12px;
}
.jf-left h2{
	color: #0068b7;
	font-size: 30px;
	padding: 40px 0 35px 0;
	line-height: 1;
}
.jf-left p{
	color: #666666;
	font-size: 16px;
	padding-bottom: 35px;
	line-height: 1;
}
.jf-right h2{
	color: white;
	font-size: 30px;
	padding: 40px 0 30px 160px;
	line-height: 1;
}
.jf-right p{
	padding: 0 0 20px 160px;
	color: white;
	font-size: 16px;
}
.jf-right .icon-circle{
	color: #cc442e;
}
.jf-content .qy-btnbox{
	padding: 0;
}
.jf-content .jf-btn{
	background: #ffdd67;
	color: #cc442e;
}
.jf-content .vs{
	    position: absolute;
    left: 94%;
    top: 39%;
    margin-left: -590px;
    z-index: 11;
}
/*遭遇法律纠纷，为什么都选顶呱呱-法律？end*/

/*解决法律纠纷，多种渠道为您连线律师start*/
.qd{
	height: 658px;
	background: url(../images/td-bg_02.jpg) top center;
	min-width: 1180px;
    overflow: hidden;
}
.form-box{
	width: 485px;
	height: 415px;
	background: white;
	border-radius: 5px;
}
.form-box h2{
	color: #333333;
	font-size: 24px;
	padding: 4px;
	text-align: center;
}
.qd-box>.qd-h>p{
	padding-bottom: 40px;
}
.form-group input,select {
	height: 50px;
	width: 440px;
	border: 1px solid #e5e5e5;
	margin: auto;
	margin-bottom: 15px;
	border-radius: 5px;
	color: #999999;
	font-size: 16px;
	text-indent: 30px;
}
.form-group{
	position: relative;
	width: 440px;
	margin: auto;
}
.form-group>i{
	    position: absolute;
    width: 20px;
    height: 20px;
    left: 9px;
    top: 18px;
}
.form-icon1{
	background-position: -576px 0;
}
.form-icon2{
	background-position: -607px 0;
}
.form-icon3{
	background-position: -632px 0;
}
.form-btn{
	width: 440px;
	margin: auto;
	padding: 10px 0 20px 0;
}
.form-btn>button{
	width: 440px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: white;
	font-size: 16px;
	border-radius: 25px;
	background-color: #ff7c2d;
}
.form-group .yzm{
	width: 200px;
}
.form-group .form-span{
	float: right;
	padding-top: 20px;
	color: #666666;
	font-size: 16px;
}
.form-group .write{
	width: 150px;
	margin: 0 0 5px 20px;
}
.form-box p{
	color: #666666;
	font-size: 16px;
	text-align: center;
}
.qd-content{
	overflow: hidden;
}
.qd-content>div{
	float: left;
}
.qd-list{
	margin: 0 0 0 30px;
}
.qd-list>li{
	overflow: hidden;
	margin-bottom: 20px;
	border-radius:5px;
	background: white;
	height: 85px;
	padding: 40px 35px 0 35px;
	transition: all 0.5s; 
}
.qd-list>li>div{
	vertical-align: middle;
}
.qd-list h2{
	color: #333333;
	font-size: 24px;
	padding-left: 10px;
	transition: all 0.5s; 
}
.qd-list p{
	color: #666666;
	font-size: 16px;
	padding-left: 10px;
	transition: all 0.5s; 
}
.qd-list>li:hover{
	opacity: 1;
	background: #2662b5;
	transition: all 0.5s; 
}
.qd-list>li:hover h2{
	opacity: 1;
	color: white;
	transition: all 0.5s; 
}
.qd-list>li:hover p{
	opacity: 1;
	color: white;
	transition: all 0.5s; 
}
.qd-icon1{
	width: 56px;
	height: 55px;
	background: url(../images/qd.png);
	transition: all 0.5s;
}
.qd-list>li:hover .qd-icon1{
	opacity: 1;
	background: url(../images/qd-hover.png);
	transition: all 0.5s;
}
.qd-icon2{
	width: 67px;
	height: 56px;
	background: url(../images/qd-2.png);
	transition: all 0.5s;
}
.qd-list>li:hover .qd-icon2{
	opacity: 1;
	background: url(../images/qd-2hover.png);
	transition: all 0.5s;
}
.qd-icon3{
	width: 61px;
	height: 62px;
	background: url(../images/qd-3.png);
	transition: all 0.5s;
}
.qd-list>li:hover .qd-icon3{
	opacity: 1;
	background: url(../images/qd-3hover.png);
	transition: all 0.5s;
}
.qd-list .tel-phone{
	color: #ff7c2d;
	font-weight: 600;
}
/*解决法律纠纷，多种渠道为您连线律师end*/



/*公共底部的修改 start*/
.dgg_footer{width: 100%;min-width: 1180px;height: 86px;padding-top: 36px;text-align: left;font-size: 12px;position: relative;}
.dgg_footer .link_list li{display: inline-block;*zoom:1;*display: inline;background: url(../images/footer.png) left center no-repeat;}
.dgg_footer .link_list li:first-child{background: none;}
.dgg_footer .link_list li a{padding: 0 8px 0 0;}
.dgg_footer .link_list li a:hover{color: #004b92;text-decoration: underline;}
.dgg_footer .copyRight{padding-top: 20px;}
.dgg_footer p{line-height: 24px;}

.footer-top{
    padding-bottom: 15px;
    overflow: hidden;
}
.friend-box{
    overflow: hidden;
    margin-top: 5px;
}
.footer-tel {
    font-size: 14px;
    color: #bdbdbd;
}
.footer-tel i{
    background: url(../images/footer-tel.png) no-repeat;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    vertical-align: middle;
}
.footer-tel p{
    font-size: 27.5px;
    color: #004b92;
    margin-top: 5px;
    : impact;
}
.dgg_footer .friendly-links{font-size: 14px; color: #333;}
.friendly-list>li{
    float: left;
    line-height: 24px;
    /*background: url(../images/footer.png) left center no-repeat;*/
    padding-top: 1px;
}
.friendly-list2>li{
    background: url(../images/footer.png) left center no-repeat;
}
.friendly-list>li:first-child{background: none;}
.friendly-list a{font-size: 12px; color: #666;padding: 0 8px 0 13px;}
.friendly-list a:hover{color: #004b92;text-decoration: underline;}
.footer-bottom{
    width: 100%;
    min-width: 1180px;
    background: #f7f7f7;
    text-align: center;
    padding-bottom: 15px;
}