@charset "utf-8";

/* reset */
html { -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
html,body { height: 100%; }
*html, *html body { background-image:url(about:blank); background-attachment:fixed; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { margin:0; padding:0;}
body,button,input,select,textarea { font:12px/20px tahoma, \5FAE\8F6F\96C5\9ED1; }
input,select,textarea { font-size:100%; }
address, cite, dfn, em, var, i { font-style:normal; }
input, textarea, select { outline:none; border:none; background:none; }
textarea { overflow: hidden; resize: none; }
table { border-collapse:collapse; border-spacing:0;}
th { text-align:inherit; }
fieldset,img { border:0;}
iframe { display:block; }
ol,ul,li { list-style:none; }
del { text-decoration:line-through; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:500;}
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }
ins,a { text-decoration:none; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
audio,canvas,video { display:inline-block; *display:inline; *zoom:1; }
abbr,acronym { border:0; font-variant:normal; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:500; }
body { color:#333; font-size: 14px; }
a { color:#333;
	-webkit-transition:all .2s;
	   -moz-transition:all .2s;
		-ms-transition:all .2s;
			transition:all .2s;
}
a:hover { color:#f60; }
a,a:focus { outline: none; }

.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; line-height:0; }
.clearfix { zoom:1; /* for IE6 IE7 */}

/* font */
.f11 { font-size:11px!important; }
.f12 { font-size:12px!important; }
.f13 { font-size:13px!important; }
.f14 { font-size:14px!important; }
.f16 { font-size:16px!important; }
.f18 { font-size:18px!important; }
.f20 { font-size:20px!important; }
.f24 { font-size:24px!important; }
.fb  { font-weight:700!important; }
.fn  { font-weight:400!important; }
.t2  { text-indent:2em!important; }
.lh100 { line-height:100%!important; }    /*12              ---行高是以字号来算的，字号变了会变*/
.lh135 { line-height:135%!important; }    /*16*/
.lh150 { line-height:150%!important; }    /*18*/
.lh200 { line-height:200%!important; }    /*24*/
.lh220 { line-height:220%!important; }    /*26*/
.lh250 { line-height:250%!important; }    /*30*/
.lh267 { line-height:267%!important; }    /*32*/
.lh12 { line-height:12px!important; }
.lh14 { line-height:14px!important; }
.lh16 { line-height:16px!important; }
.lh18 { line-height:18px!important; }
.lh20 { line-height:20px!important; }
.lh22 { line-height:22px!important; }
.lh24 { line-height:24px!important; }
.lh26 { line-height:26px!important; }
.lh28 { line-height:28px!important; }
.lh30 { line-height:30px!important; }
.lh32 { line-height:32px!important; }
.unl    { text-decoration:underline!important; }
.no_unl { text-decoration:none!important; }

.fb { font-weight: 600; }
.fn { font-weight: lighter; }
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.ect { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ect-clamp { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

/* bg-color */
.bgf5 { background-color: #f5f5f5!important; }
.bg-black {
    position: fixed; _position:absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 1000;
}
.bg-pop-black {
    position: fixed; _position:absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 1000;
}
.js-tip {
    width: 100%; height: 30px;line-height: 30px;
    background-color: #fffeee;
    color: #666;
}
/* 图片效果 */
.ad-hr:hover { opacity: .8; }

/* font-color */
.s-c000 { color: #000 !important; }
.s-c333 { color: #333 !important; }
.s-c666 { color: #666 !important; }
.s-c999 { color: #999 !important; }
.s-cf60 { color: #f60 !important; }
.s-blue { color: #0057ff !important; }
.s-red  { color: #ec3b3b !important; }
.s-c0 { color: #000 !important; }
.s-c2 { color: #222 !important; }
.s-c3 { color: #333 !important; }
.s-c6 { color: #666 !important; }
.s-c9 { color: #999 !important; }
.s-cb { color: #bbb !important; }
.s-be { color:#297acc!important; }
.s-oe { color:#f25618!important; }
.s-ce52 { color: #e52a2a!important; }
 a.s-c000:hover, a.s-c333:hover, a.s-c666:hover, a.s-c999:hover, a.s-cf60:hover, a.s-be:hover, a.s-ce52:hover { color: #f60!important; }

/*border*/
.borb0 {border-bottom: 0!important; }
.borr0 {border-right: 0!important; }


/* icon */
.ico-ts, .ico-zc { display: inline-block; vertical-align: middle; margin-top: -3px; }
.ico-topbar, .ico-char, .ico-zx, .ico-ts, .ico-zc, .ico-poster, .ico-cb, .ico-traffic, .ico-calc, .ico-changshi, .ico-operator, .ico-asksub { display: inline-block; vertical-align: middle; margin-top: -3px; }
.ico-topbar { background: url('../images/ico-topbar.png') no-repeat;}
.ico-char { background: url('../images/ico-char.png') no-repeat;}
.ico-zx {background: url('../images/ico-zx.png') no-repeat;}
.ico-ts { background: url('../images/ico-ts.png') no-repeat;}
.ico-zc { background: url('../images/ico-zc.png') no-repeat;}
.ico-poster { background: url('../images/ico-poster.png') no-repeat;}
.ico-cb { background: url('../images/ico-cb.png') no-repeat;}
.ico-traffic { background: url('../images/ico-traffic.png') no-repeat;}
.ico-calc {background: url('../images/ico-calc.png') no-repeat;}
.ico-changshi { background: url('../images/icon.png') no-repeat;}
.ico-operator { background: url('../images/icon1.png') no-repeat;}
.ico-asksub { background: url('../images/ico-asksub.png') no-repeat;}

/* ico-topbar */
.i-top1 { width: 12px; height: 14px; background-position: 0 0 !important; }
.i-top2 { width: 12px; height: 14px; background-position: 0 -16px !important; }
.i-top3 { width: 9px; height: 5px; background-position: 0 -32px !important; }
.i-top4 { width: 9px; height: 5px; background-position: 0 -40px !important; }
.i-top5 { width: 9px; height: 5px; background-position: 0 -48px !important; }
.i-top6 { width: 5px; height: 9px; background-position: 0 -56px !important; }
.i-top7 { width: 7px; height: 13px; background-position: 0 -68px !important; }
.i-top8 { width: 9px; height: 12px; background-position: -15px 0 !important; }
.i-top9 { width: 9px; height: 12px; background-position: -15px -15px !important; }
.i-top10{ width: 17px; height: 17px; background-position: -15px -30px !important; }
.i-top11{ width: 17px; height: 17px; background-position: -15px -50px !important; }
.i-top12{ width: 13px; height: 13px; background-position: -15px -70px !important; }
.i-top13{ width: 16px; height: 16px; background-position: -35px 0 !important; }
.i-top14{ width: 16px; height: 16px; background-position: -35px -21px !important; }
.i-top15{ width: 15px; height: 18px; background-position: -35px -45px !important; }
.i-top16{ width: 18px; height: 18px; background-position: -34px -70px !important; }
.i-top17{ width: 12px; height: 12px; background-position: 0 -85px !important; }
.i-top18{ width: 8px; height: 13px; background-position: 0 -100px !important; }
.i-top19{ width: 8px; height: 13px; background-position: -10px -100px !important; }
.i-top20{ width: 8px; height: 13px; background-position: -20px -100px !important; }
.i-top21{ width: 8px; height: 13px; background-position: -30px -100px !important; }
.i-top22{ width: 24px; height: 21px; background-position: -55px 0 !important; }
.i-top23{ width: 24px; height: 21px; background-position: -55px -25px !important; }
.i-top24{ width: 20px; height: 17px; background-position: -55px -50px !important; }
.i-top25{ width: 14px; height: 14px; background-position: -66px -70px !important; }
.i-top26{ width: 11px; height: 14px; background-position: -53px -70px !important; }

/* ico-ts */
.i-ts1 { width: 48px; height: 48px; background-position: 0 0; }
.i-ts2 { width: 48px; height: 48px; background-position: -60px 0; }
.i-ts3 { width: 48px; height: 48px; background-position: -120px 0; }
.i-ts4 { width: 48px; height: 48px; background-position: -180px 0; }
.i-ts5 { width: 48px; height: 48px; background-position: -240px 0; }
.i-ts6 { width: 36px; height: 36px;background-position: 0 -55px; }
.i-ts7 { width: 36px; height: 36px;background-position: -40px -55px; }
.i-ts8 { width: 36px; height: 36px;background-position: -80px -55px; }
.i-ts9 { width: 24px; height: 24px; background-position: -120px -55px; }
.i-ts10{ width: 24px; height: 24px; background-position: -150px -55px; }
.i-ts11{ width: 24px; height: 24px; background-position: -150px -83px; }
.i-ts12{ width: 48px; height: 48px; background-position: -180px -55px; }
.i-ts13{ width: 48px; height: 48px; background-position: -180px -110px; }
.i-ts14{ width: 48px; height: 48px; background-position: -240px -55px; }
.i-ts15{ width: 48px; height: 48px; background-position: -240px -110px; }
.i-ts16{ width: 60px; height: 48px; background-position: 0 -100px; }
.i-ts17{ width: 60px; height: 48px; background-position: -70px -100px; }
.i-ts18{ width: 8px; height: 8px; background-position: -120px -83px; }
.i-ts19{ width: 8px; height: 8px; background-position: -130px -83px; }
.i-ts20{ width: 8px; height: 8px; background-position: -135px -98px; }
.i-ts21{ width: 12px; height: 12px; background-position: -150px -110px; }
/* ico-zc */
.i-zc1, .i-zc2, .i-zc3, .i-zc4, .i-zc5, .i-zc6, .i-zc7, .i-zc8, .i-zc9, .i-zc10, .i-zc11, .i-zc12,
.i-zc1b, .i-zc2b, .i-zc3b, .i-zc4b, .i-zc5b, .i-zc6b, .i-zc7b, .i-zc8b, .i-zc9b, .i-zc10b, .i-zc11b, .i-zc12b { width: 22px; height: 18px; }
.i-zc1  { background-position: 0 0; }
.i-zc2  { background-position: -25px 0; }
.i-zc3  { background-position: -50px 0; }
.i-zc4  { background-position: -75px 0; }
.i-zc5  { background-position: -100px 0; }
.i-zc6  { background-position: -125px 0; }
.i-zc7  { background-position: -150px 0; }
.i-zc8  { background-position: -175px 0; }
.i-zc9  { background-position: -200px 0; }
.i-zc10 { background-position: -225px 0; }
.i-zc11 { background-position: -250px 0; }
.i-zc12 { background-position: -275px 0; }
.i-zc1b { background-position: 0 -20px; }
.i-zc2b { background-position: -25px -20px; }
.i-zc3b { background-position: -50px -20px; }
.i-zc4b { background-position: -75px -20px; }
.i-zc5b { background-position: -100px -20px; }
.i-zc6b { background-position: -125px -20px; }
.i-zc7b { background-position: -150px -20px; }
.i-zc8b { background-position: -175px -20px; }
.i-zc9b { background-position: -200px -20px; }
.i-zc10b{ background-position: -225px -20px; }
.i-zc11b{ background-position: -250px -20px; }
.i-zc12b{ background-position: -275px -20px; }
.i-zc13, .i-zc14, .i-zc15, .i-zc16,
.i-zc13b, .i-zc14b, .i-zc15b, .i-zc16b { width: 32px; height: 32px; }
.i-zc13 { background-position: 0 -40px; }
.i-zc14 { background-position: -35px -40px; }
.i-zc15 { background-position: -70px -40px; }
.i-zc16 { background-position: -105px -40px; }
.i-zc13b{ background-position: 0 -75px; }
.i-zc14b{ background-position: -35px -75px; }
.i-zc15b{ background-position: -70px -75px; }
.i-zc16b{ background-position: -105px -75px; }

.zx-01 { width: 18px; height: 16px; background-position: -182px 0; }
.ico-changshi.i-cs8 { width: 11px; height: 12px; background-position: -50px 0; }


/**/
.w880 { width: 880px; }
.w800 { width: 800px; }
.w572 { width: 572px; !important }
.w400 { width: 400px; }
.w390 { width: 390px; }
.w375 { width: 375px; }
.w360 { width: 360px; }
.w300 { width: 300px; }
.w290 { width: 290px; }

/* form */
.input-txt { position: relative; z-index: 10; }
.input-txt .tips { position: absolute; z-index: -1; }
.input-txt .txt { background-color: rgba(0, 0, 0, 0); }
.input-txt-focus { border-color: #0057ff !important; }

/* btn */
.btn {
	height: 32px; background-color: #0057ff; border-radius: 16px;
	font-size: 14px; line-height: 32px; text-align: center; color: #fff; cursor: pointer;
}
.btn-red { background-color: #ec3b3b; }
.btn:hover { background-color: #3e80ff; color: #fff; }
.btn-red:hover { background-color: #f66a6a; }
.btn-line, .btn-disable { height: 30px; border: 1px solid #000; color: #000; background: none; }
.btn-line:hover { border-color: #0057ff; color: #0057ff; background: none; }
.btn-line.btn-red { border-color: #ec3b3b; color: #ec3b3b; background: none; }
.btn-line.btn-red:hover { background-color: #ec3b3b; color: #fff; }
.btn-line.btn-blue { border-color: #0057ff; color: #0057ff; background: none; }
.btn-line.btn-blue:hover { background-color: #0057ff; color: #fff; }
.btn-disable, .btn-disable:hover { background-color: #f5f5f5; border-color: #eee; color: #ccc; }

/* color */
.bg-ff { background-color: #fff; }
.bg-f8 { background-color: #f8f8f8; }
.box-shadow { background-color: #fff; -webkit-box-shadow: 0 4px 20px rgba(0,0,0, .05); box-shadow: 0 4px 20px rgba(0,0,0, .05); }
.box-shadow2{ background-color: #fff; -webkit-box-shadow: 0 0 20px rgba(0,0,0, .1); box-shadow: 0 0 20px rgba(0,0,0, .1); }
.borb1 { border-bottom: 1px solid #eee; }
a.s-red:hover, a.s-c0:hover, a.s-c2:hover, a.s-c3:hover, a.s-c6:hover, a.s-c9:hover, a.s-cb:hover { color: #0057ff !important; }
a.s-blue:hover { color: #ec3b3b !important; }

/* margin , padding */
.ma { margin-left: auto; margin-right: auto; }
.ml5 { margin-left: 5px; }
.ml10{ margin-left: 10px; }
.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mb15 { margin-bottom: 15px; }
.bort1 { border-top: 1px solid #d9d9d9; }
.bort1b { border-top: 1px solid #ebebeb; }
.borb0 { border-bottom: none !important; }
em { font-style: normal; }
.fixed_top { position: fixed !important; }
.pa { position: absolute; }
.bort0 { border-top: none !important; }


/* margin、padding */
.m10 { margin:10px!important; }
.m15 { margin:15px!important; }
.m20 { margin:20px!important; }
.m30 { margin:30px!important; }
.m40 { margin:40px!important; }
.m50 { margin:50px!important; }
.mt0  { margin-top:0!important; }
.mt5  { margin-top:5px!important; }
.mt10 { margin-top:10px!important; }
.mt15 { margin-top:15px!important; }
.mt20 { margin-top:20px!important; }
.mt30 { margin-top:30px!important; }
.mt40 { margin-top:40px!important; }
.mt50 { margin-top:50px!important; }
.mt100{ margin-top:100px; }
.mb0  { margin-bottom:0!important; }
.mb5  { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb30 { margin-bottom:30px!important; }
.mb40 { margin-bottom:40px!important; }
.mb50 { margin-bottom:50px!important; }
.mb100{ margin-bottom:100px; }
.ml5  { margin-left:5px!important; }
.ml10 { margin-left:10px!important; }
.ml15 { margin-left:15px!important; }
.ml20 { margin-left:20px!important; }
.ml30 { margin-left:30px!important; }
.ml40 { margin-left:40px!important; }
.ml50 { margin-left:50px!important; }
.ml100{ margin-left:100px; }
.mr0 { margin-right:0!important; }
.mr5  { margin-right:5px!important; }
.mr10 { margin-right:10px!important; }
.mr15 { margin-right:15px!important; }
.mr20 { margin-right:20px!important; }
.mr30 { margin-right:30px!important; }
.mr40 { margin-right:40px!important; }
.mr50 { margin-right:50px!important; }
.mr100{ margin-right:100px; }
.p10 { padding:10px!important; }
.p15 { padding:15px!important; }
.p20 { padding:20px!important; }
.p30 { padding:30px!important; }
.p40 { padding:40px!important; }
.p50 { padding:50px!important; }
.pt0{ padding-top:0!important; }
.pt5 { padding-top:5px!important; }
.pt10 { padding-top:10px!important; }
.pt15 { padding-top:15px!important; }
.pt20 { padding-top:20px!important; }
.pt30 { padding-top:30px!important; }
.pt40 { padding-top:40px!important; }
.pt50 { padding-top:50px!important; }
.pt55 { padding-top: 55px; }
.pt100{ padding-top:100px!important; }
.pb0  { padding-bottom:0!important; }
.pb5  { padding-bottom:5px!important; }
.pb10 { padding-bottom:10px!important; }
.pb15 { padding-bottom:15px!important; }
.pb20 { padding-bottom:20px!important; }
.pb30 { padding-bottom:30px!important; }
.pb40 { padding-bottom:40px!important; }
.pb50 { padding-bottom:50px!important; }
.pb100{ padding-bottom:100px!important; }
.pl5  { padding-left:5px!important; }
.pl10 { padding-left:10px!important; }
.pl15 { padding-left:15px!important; }
.pl20 { padding-left:20px!important; }
.pl30 { padding-left:30px!important; }
.pl40 { padding-left:40px!important; }
.pl50 { padding-left:50px!important; }
.pl100{ padding-left:100px!important; }
.pr5  { padding-right:5px!important; }
.pr10 { padding-right:10px!important; }
.pr15 { padding-right:15px!important; }
.pr20 { padding-right:20px!important; }
.pr30 { padding-right:30px!important; }
.pr40 { padding-right:40px!important; }
.pr50 { padding-right:50px!important; }
.pr100{ padding-right:100px!important; }

/* 层次*/
.z-11 { z-index: 11; }
.z-10 { z-index: 10; }
.z-9 { z-index: 9; }
.z-8 { z-index: 8; }
.z-7 { z-index: 7; }
.z-6 { z-index: 6; }
.z-5 { z-index: 5; }
.z-4 { z-index: 4; }
.z-3 { z-index: 3; }
.z-2 { z-index: 2; }
.z-1 { z-index: 1; }


/* */
.tab-nav span { cursor: pointer; }
.w1200 { width: 1200px; }
.w1225 { width: 1225px; }
.fl { float: left; }
.fr { float: right; }
.block { display: block; }
.none { display: none; }
.hidden { visibility: hidden; }
.ovh { overflow: hidden; }

.img-block { position: relative; }
.img-block img { display: block; width: 100%; height: 100%; }
.img-block-round img,
.is-round img,
.is-round { border-radius: 50%; }
.blur { -webkit-filter: blur(10px); filter: blur(10px); } /*模糊*/
.transit { -webkit-transition: all .2s linear; transition: all .2s linear; }

.border-box { -webkit-box-sizing: border-box; box-sizing: border-box; }
#bg-white, #bg-black { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; opacity: .3; filter:alpha(opacity=30); }
#bg-white { background-color: #fff; }
#bg-black { background-color: #000; }



/* header-bar */
.header-bar {height: 38px; line-height: 38px; position: relative; z-index: 800; }
.header-bar .hidden { opacity: 0; }
/*shor-diqu*/
.shor-diqu { position: relative; }
.shor-diqu .dq-btn { padding: 0 10px; font-size: 12px; color: #999; cursor: pointer; }
.shor-diqu .dq-btn span { margin: 0 4px 0 5px; }
.shor-diqu .dq-btn .i-top3 { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.shor-diqu.hover .dq-btn { background-color: #0057ff; color: #fff; }
.shor-diqu.hover .dq-btn .i-top1 { background-position: 0 -16px; }
.shor-diqu.hover .dq-btn .i-top3 { background-position: 0 -40px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
        /**/
.dq-popup { position: absolute; left: 0; top: 58px; width: 510px; min-height: 330px; padding-bottom: 20px; }
.dq-popup dl { padding: 27px 0 0; font-size: 16px; }
.dq-popup dl dt { padding: 0 30px; line-height: 20px; color: #999; margin-bottom: 10px; }
.dq-popup dl dt.tab-nav { margin-bottom: 16px; }
.dq-popup dl dt span { position: relative; margin-right: 30px; cursor: pointer; }
.dq-popup dl dt span:after {
    position: absolute; left: 50%; bottom: -6px; content: '';
    width: 40px; height: 2px; margin-left: -20px;
}
.dq-popup dl dt span.is-this { color: #0057ff; }
.dq-popup dl dt span.is-this:after { background-color: #0057ff; }
.dq-popup dl dd { overflow: hidden; padding: 0 15px; }
.dq-popup dl dd a { float: left; line-height: 32px; white-space: nowrap; margin: 0 14px; }

.dq-search-bar { margin-top: 30px; }
.dq-search-bar .search-input {
    height: 32px; background-color: #eee; border-radius: 16px;
    position: relative; padding: 0 20px 0 40px;
}
.dq-search-bar .search-input .i-top12 { position: absolute; left: 9px; top: 13px; }
.dq-search-bar .search-input input { display: block; width: 100%; height: 32px; line-height: 32px; font-size: 14px; text-align: center; }
.dq-search-bar .search-input .tips { line-height: 32px; left: 50%; top: 0; margin-left: -135px; }
.dq-search-bar .search-txt { min-height: 24px; line-height: 24px; padding: 10px 0; }
.dq-search-bar .search-txt a { display: inline-block; font-size: 16px; margin: 0 7px; }

/* .dq-down-bar { } */
.dq-down-bar strong { display: block; font-size: 16px; color: #999; line-height: 20px; margin-bottom: 17px; }
.dq-down-bar .drop-down { width: 140px; background-color: #eee; border-radius: 16px; cursor: pointer; }
.dq-down-bar .drop-down .drop-txt { height: 32px; line-height: 32px; padding: 0 35px 0 19px; }
/* .dq-down-bar .drop-down .drop-txt span {  } */
.dq-down-bar .drop-down .drop-txt .i-top3 { top: 16px; right: 15px; }
.dq-down-bar .drop-down .drop-all { top: 32px; height: 200px; }
.dq-down-bar .drop-down .drop-all p { padding: 0 19px; line-height: 40px; height: 40px; border-bottom: 1px solid #eee; }
.dq-down-bar .drop-down .drop-all p:hover { background-color: #f5f5f5; }
.dq-down-bar .drop-down .drop-all p.cur { background-color: #0057ff; color: #fff; }
.dq-down-bar .btn { width: 140px; }
/*shor-link*/
.shor-link { margin-left: 20px; }
.shor-link li { float: left; font-size: 12px; }
.shor-link li a { float: left; color: #999; padding: 0 10px; }
.shor-link li a:hover { background-color: #0057ff; color: #fff; }
/*r-shor*/
.r-menu { font-size: 12px; color: #999; padding: 0 10px; cursor: pointer; }
.r-menu .i-top3 { margin-left: 5px; -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.r-menu.cur { background-color: #0057ff; color: #fff; }
.r-menu.cur .i-top3 { background-position: 0 -40px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.r-shor .i-top8 { margin-right: 10px; }
.r-shor .link { float: left; font-size: 12px; color: #999; padding: 0 10px; position: relative; cursor: pointer; }
.r-shor .link .red-dot { position: absolute; top: 10px; right: 4px; }
.r-shor .link:hover, .r-shor .link.hover, .r-shor .user-bar.hover .link { background-color: #0057ff; color: #fff !important; }
.r-shor .link:hover .i-top8 { background-position: -15px -15px !important; }
        /**/
.r-shor .user-bar { position: relative; }
.r-shor .user-bar .popup-user { position: absolute; top: 58px; left: 50%; margin-left: -150px; width: 300px; height: 340px; }
.popup-user .yonghu { padding-top: 30px; }
.popup-user .yonghu img { display: block; width: 64px; height: 64px; border-radius: 50%; margin: auto; }
.popup-user .yonghu p { font-size: 18px; text-align: center; margin-top: 10px; }
.popup-user .btn {
    display: block; width: 120px; height: 28px; line-height: 28px;
    font-size: 14px; color: #fff; margin: auto;
}
.popup-user .erwei { margin-top: 30px; }
.popup-user .erwei img { display: block; width: 86px; height: 86px; margin: auto; }
.popup-user .erwei p { font-size: 16px; color: #999; text-align: center; }
.popup-user .lr-link { padding: 25px 50px 0; overflow: hidden; }
.popup-user .lr-link li { float: left; width: 50%; line-height: 30px; text-align: center; }
.popup-user .lr-link li a { font-size: 16px; position: relative; }
.popup-user .lr-link li a .red-dot { position: absolute; top: -3px; right: -6px; }



/* logo-bar */
.logo-bar { position: relative; width: 100%; z-index: 700; }
.logo-bar .logo { float: left; width: 252px; height: 45px; padding: 23px 0 22px; margin-right: 55px; }
    /*menu-nav*/
.logo-bar .menu-nav { float: left; }
.logo-bar .menu-nav li { float: left; }
.logo-bar .menu-nav li a { float: left; font-size: 18px; line-height: 90px; padding: 0 9px; }
.logo-bar .menu-nav li.cur a, .logo-bar .menu-nav li.ct a { color: #0057ff; }
.logo-bar .popup-mn { position: absolute; left: 0; top: 110px; right: 0; border-top: 1px solid #eee; }
.logo-bar .menu-middle { position: absolute; left: 50%; top: 0; }

.logo-bar .r-handle a .ico-topbar { display: inline-block; margin: -2px 10px 0 0; }
.logo-bar .r-handle a { float: left; height: 90px; line-height: 90px; padding: 0 10px; cursor: pointer; margin-left: 10px; }
.logo-bar .r-handle a:hover { color: #666; }
.logo-bar .r-handle a:hover .i-top22 { background-position: -55px -25px; }

/*p-nav*/
.p-nav { min-height: 30px; padding: 15px 0; }
.p-nav span { display: inline-block; padding: 0 30px; }
.p-nav span a { display: inline-block; font-size: 16px; line-height: 30px; }
.p-nav .line { display: inline-block; width: 1px; height: 22px; background-color: #eee; vertical-align: middle; margin-top: -3px; }

.banner_module{width: 100%; position: relative; overflow: hidden; }
.national-header {position:relative;height:416px;width:100%}
.national-header .container {position:relative;z-index:2}
.banner_module .nh-l,.banner_module .nh-r {position:absolute;width:50%;height:100%;display:block;top:0;z-index:3; background-color: rgba(160, 160, 160, 0.3); }
.banner_module .nh-l {left:0;margin-left:-600px}
.banner_module .nh-r {right:0;margin-right:-600px}
/* left-nav-bar */
.left-nav-bar { width: 260px; height: 670px; position: relative; z-index: 600; }
.left-nav-bar .tab-tit { height: 45px; padding-left:15px; border-bottom: 2px solid #0057ff; background-color: #0057ff; color: #fff; }
.left-nav-bar .tab-tit .nv-tag { font-size: 22px; color: #333; line-height: 45px; height: 46px; text-align: center; }
.left-nav-bar .tab-tit .nv-tag.cur { background-color: #0057ff; color: #fff; }
.left-nav-bar .lingyu { padding: 12px 0; }
.left-nav-bar .lingyu li { padding: 0 15px 0 20px; line-height: 40px; color: #999; height: 40px; overflow: hidden; position: relative; }
.left-nav-bar .lingyu li .i-top6 { position: absolute; top: 16px; right: 30px; }
.left-nav-bar .lingyu li a { color: #444; }
.left-nav-bar .lingyu li .f16 { font-family: 'HeitiStd'; }
.left-nav-bar .lingyu li a:hover { color: #0057ff; }
.left-nav-bar .lingyu li.cur { background-color: #0057ff; color: #246eff; }
.left-nav-bar .lingyu li.cur a { color: #7da9ff; }
.left-nav-bar .lingyu li.cur .f16 { color: #fff; }
.left-nav-bar .lingyu li.cur .i-top6 { opacity: .3; }

.left-nav-bar .all { height: 35px; line-height: 35px; }
.left-nav-bar .all  { padding: 0 30px; }

/**/
.nv-r-pa { position: absolute; left: 320px; top: 0; width: 890px; height: 480px; padding-left: 10px; opacity: 0; filter:alpha(opacity=0); }
.nv-r-pa .nv-item, .nv-r-pa .nv-item .lei { height: 480px; background-color: #fff; border-radius: 2px; box-shadow: 0 0 40px rgba(0,0,0, .1); }
			/**/
.nv-r-pa .nv-item .lei { width: 660px; }
.nv-r-pa .nv-item .lei .pad { padding: 18px 60px; }
.nv-r-pa .nv-item .lei dl { padding-top: 40px; }
.nv-r-pa .nv-item .lei dt { font-size: 18px; }
.nv-r-pa .nv-item .lei dd { overflow: hidden; line-height: 36px; margin-top: 16px; }
.nv-r-pa .nv-item .lei dd a { float: left; white-space: nowrap; }
.nv-r-pa .nv-item .lei dd span { float: left; color: #eee; margin: 0 18px; }
.nv-r-pa .nv-item .lei a:hover { color: #0057ff; }
			/**/
.nv-r-pa .nv-item .nv-type { width: 230px; height: 480px; }
.nv-r-pa .nv-item .nv-type li { text-align: center; }
.nv-r-pa .nv-item .nv-type li a { display: block; height: 89px; border-bottom: 1px solid #eee; padding-top: 30px; }
.nv-r-pa .nv-item .nv-type li a p { margin-top: 10px; }
.nv-r-pa .nv-item .nv-type li a:hover .i-zc13 { background-position: 0 -75px; }
.nv-r-pa .nv-item .nv-type li a:hover .i-zc14 { background-position: -35px -75px; }
.nv-r-pa .nv-item .nv-type li a:hover .i-zc15 { background-position: -70px -75px; }
.nv-r-pa .nv-item .nv-type li a:hover .i-zc16 { background-position: -105px -75px; }
	/**/
.left-nav-bar .f-lr-pad { padding-left: 30px; padding-right: 30px; position: relative; }
.left-nav-bar .f-lr-pad .bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background-color: #fff; opacity: .3; filter:alpha(opacity=30); }
.left-nav-bar .h112 { padding: 40px 0; height: 32px; }
.left-nav-bar .h112.hover {
	position: relative; left: -30px; z-index: 20;
	width: 260px; padding: 40px 20px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0, .15);
}
.left-nav-bar .h112 .btn-qh {
	position: relative; padding: 0 55px 0 20px; height: 32px;
    background-color: #0057ff; border-radius: 16px; font-size: 14px; line-height: 32px; text-align: center;
}
.left-nav-bar .h112 .btn-qh a { color: #fff; }
.left-nav-bar .h112 .btn-qh span {
	position: absolute; top: 7px; right: 0;
	width: 54px; height: 18px; line-height: 18px; border-left: 1px solid #3379ff;
}
.left-nav-bar .diqu-down { height: 32px; }
.left-nav-bar .diqu-down .r-en { float: right; width: 59px; height: 20px; border-left: 1px solid #eee; margin-top: 6px; }
.left-nav-bar .drop-down { width: 80px; height: 32px; position: relative; cursor: pointer; }
.left-nav-bar .drop-down .drop-txt { line-height: 32px; height: 32px; overflow: hidden; position: relative; padding: 0 15px 0 5px; }
.left-nav-bar .drop-down .drop-txt .i-top5 { position: absolute; top: 17px; right: 5px; }
.left-nav-bar .drop-down .drop-all {
	position: absolute; left: 0; top: 32px; right: 0;
	height: 180px; padding: 5px 0; overflow-x: hidden; overflow-y: scroll;
	background-color: #fff; border-radius: 2px; box-shadow: 0 0 40px rgba(0,0,0, .1);
}
.left-nav-bar .drop-down .drop-all p { padding: 0 5px; font-size: 13px; color: #666; line-height: 30px; height: 30px; overflow: hidden; }
.left-nav-bar .drop-down .drop-all p:hover { background-color: #f5f5f5; }
.left-nav-bar .drop-down .drop-all p.cur { background-color: #0057ff; color: #fff; }
		/**/
.left-nav-bar .f-lr-k a { display: block; height: 134px; border-top: 1px solid #eee; padding: 30px 0 0; text-align: center; }
.left-nav-bar .f-lr-k a p.heiti-std { font-size: 18px; margin-top: 24px; }
.left-nav-bar .f-lr-k a p.f12 { color: #999; margin-top: 5px; visibility: hidden; opacity: 0; }
.left-nav-bar .f-lr-k a:hover { position: relative; left: -30px; width: 300px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0, .15); }
.left-nav-bar .f-lr-k a:hover .i-ts12 { background-position: -180px -110px; }
.left-nav-bar .f-lr-k a:hover .i-ts14 { background-position: -240px -110px; }
.left-nav-bar .f-lr-k a:hover p.f12 { visibility: visible; opacity: 1; }


/*  */
.five-law-list {padding-top:20px;margin-left:-10px; }
.five-law-list .item {float:left;width:232px;height:124px;margin-left:10px}
.five-law-list .link {display:block;position:relative;width:100%}
.five-law-list .link img {display:block;width:100%;border-radius:8px}
.five-law-list .link .txt {position:absolute;left:107px;top:26px;width:120px;color:#fff;line-height:1}
.five-law-list .link .tl {line-height:1;font-size:12px;color:#fff;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.five-law-list .link .tl .name {font-size:18px;margin-right:5px}
.five-law-list .link .info,.five-law-list .link .mobile {font-size:14px;color:#fff;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.five-law-list .link .mobile {margin-top:23px;font-size:16px}
.five-law-list .link:hover .light_bg {display:block}
.five-law-list .link .light_bg {position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.1);display:none;transition:.4s}


/* banner */
.banner_box{ width: 100%; height: 280px; 
    background-color: #ffffff;
    position: relative;
    overflow: hidden;
}
.banner_box li{ width: 100%; height: 100%; position: absolute; top:0; left:0; right:0; }
.banner_box li img{ width: 100%; height: 100%; }

.banner_list {
    width:100vw; height:670px; margin-left:0; text-align:center; position:absolute; left:0;
    /* transform: translateX(-50%);  */
}
.banner_list .bl { width:100%; height: 100%; position:absolute;left:0;right:0; }
.banner_list .bl img{ height:100%; }



.banner_view { width: 940px; }
.national-banner {position:relative;width:718px}
.banner-label {position:absolute;top:9px;left:50%;margin-left:-361px;width:114px;height:30px;line-height:30px;text-align:center;font-size:14px;color:#fff;background:#6cac36;background-image:linear-gradient(270deg,#6cac36 0%,#a1c74e 100%);border-radius:0 15px 15px 0;box-shadow:0px 2px 6px 0px #416821}
.banner-con {position:relative; height:278px; }

.banner-con .banner-tab {position:absolute;bottom:0;left:2px;right:2px;background:#fff;background:rgba(255,255,255,.7);color:#666;font-size:12px;height:34px;line-height:34px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
z-index: 9;
}
.banner-con .banner-tab span {min-width:89px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:34px;line-height:34px;text-align:center;cursor:pointer;transition:.4s}
.banner-con .banner-tab span.active {color:#fff;background:#999;background:rgba(102,102,102,.7)}
.law-five-wl {position:relative;  background-color: #ffffff;  }
.law-five-list .item {float:left;position:relative;width:142px;height:136px;background:#fff;margin-left:1px}
.law-five-list .law-img {position:relative;display:block;width:100%;height:136px}
.law-five-list .law-img img {width:100%;height:136px}
.law-five-list .info {display:block;line-height:1;position:absolute;top:36px;left:78px;color:#bfbfbf;font-size:12px}
.law-five-list .info strong {display:block;color:#333;font-size:14px;margin-bottom:8px;font-weight:400}
.law-five-list .info em {line-height:1.2}
.law-five-list .pop-box {display:none;position:absolute;z-index:10;width:440px;padding-top:2px}
.law-five-list .pop-box.pop-box-left {left:0}
.law-five-list .pop-box.pop-box-right {right:0}
.law-five-list .pop-box .pop-inner {padding:18px 20px 30px;background:#fff;box-shadow:0 0 16px -2px rgba(0,0,0,.2)}
.law-five-list .pop-box .img-box {display:block;width:82px;height:82px;border-radius:50%;overflow:hidden;margin-right:18px;border:2px solid #ddd;margin-left:8px}
.law-five-list .pop-box .img-box img {display:block;width:82px;height:82px;border-radius:50%}
.law-five-list .pop-box .p-rigint-cont {width:270px;line-height:26px;margin-top:15px}
.law-five-list .pop-box .law-box {font-size:12px;color:#bfbfbf}
.law-five-list .pop-box .law-box .law-name-p {font-size:18px;color:#333;margin-right:10px}
.law-five-list .pop-box .law-box .law-name-p:hover {color:#ff7b2b}
.law-five-list .pop-box .address {color:#999;font-size:12px}
.law-five-list .pop-box .good-for {color:#666;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.law-five-list .pop-box .p-bottom {position:relative;margin-top:20px;line-height:30px}
.law-five-list .pop-box .phone-p {font-size:22px;color:#333}
.law-five-list .pop-box .help-box {font-size:14px;color:#666}
.law-five-list .pop-box .help-box span {padding-right:10px}
.law-five-list .pop-box .green {color:#6cac36}
.law-five-list .pop-box .red {color:#f94d4d}
.law-five-list .pop-box .font {font-style:normal;font-weight:600;font-size:14px}
.law-five-list .pop-box .zx-btn {display:inline-block;width:86px;height:26px;line-height:26px;text-align:center;background:#ff7b2b;border-radius:13px;color:#fff;font-size:14px;margin-top:2px;transition:.4s}
.law-five-list .pop-box .zx-btn:hover {text-decoration:none;background:#ffa800}

.national-hl {position:relative;z-index:2;width:222px;  background-color: #ffffff; }
.national-hl .gg-nor {position:relative; width:222px;height:123px; overflow:hidden; margin-bottom:1px }
.national-hl .gg-nor .txt-link {position:absolute;display:block;left:30px;top:33px;color:#999;line-height:1;transition:.4s}
.national-hl .gg-nor .txt-link:hover {text-decoration:none}
.national-hl .gg-nor .txt-link .tl {line-height:1;font-size:14px;color:#bfbfbf;margin-bottom:8px}
.national-hl .gg-nor .txt-link .name {color:#333;font-size:18px}
.national-hl .gg-nor .txt-link .mobile {margin-top:24px;font-size:14px;color:#999;transition:.4s}
.national-hl .gg-nor .btn-link {position:absolute;display:block;left:30px;bottom:-50px;width:72px;height:22px;line-height:22px;text-align:center;font-size:12px;color:#fff;background:#6cac36;border-radius:11px;opacity:0;transition:.4s}
.national-hl .gg-nor .btn-link:hover {text-decoration:none;background:#629c31}
.national-hl .gg-nor.gg-right .txt-link {left:112px}
.national-hl .gg-nor.gg-right .btn-link {left:110px}
.national-hl .gg-nor:hover .txt-link {top:20px}
.national-hl .gg-nor:hover .mobile {margin-top:10px}
.national-hl .gg-nor:hover .btn-link {bottom:20px;opacity:1}

/* feature_bar */
/* feature_bar  icon */
.ico_index { display: inline-block; background: url('../images/icon2.png') no-repeat; vertical-align: middle; }
    /**/
.ico_index.i_1 { width: 22px; height: 22px; background-position: 0 0; }
.ico_index.i_2 { width: 27px; height: 26px; background-position: -30px 0; }
.ico_index.i_3 { width: 27px; height: 26px; background-position: -60px 0; }
.ico_index.i_4 { width: 27px; height: 26px; background-position: -90px 0; }
.ico_index.i_5 { width: 18px; height: 25px; background-position: -120px 0; }
.ico_index.i_6 { width: 18px; height: 25px; background-position: -140px 0; }
.ico_index.i_7 { width: 18px; height: 25px; background-position: -160px 0; }
.ico_index.i_8 { width: 16px; height: 16px; background-position: -180px 0; }
.ico_index.i_9 { width: 10px; height:  8px; background-position: -180px -19px; }
.ico_index.i_10{ width: 32px; height: 32px; background-position: 0 -30px; }
.ico_index.i_11{ width: 32px; height: 32px; background-position: -40px -30px; }
.ico_index.i_12{ width: 32px; height: 32px; background-position: -80px -30px; }
.ico_index.i_13{ width: 32px; height: 32px; background-position: -120px -30px; }
.ico_index.i_14{ width: 32px; height: 32px; background-position: 0 -66px; }
.ico_index.i_15{ width: 32px; height: 32px; background-position: -40px -66px; }

.feature_bar {
    padding-top: 20px;
    height: 100px; background: #fff url('../images/bg_feature.jpg') no-repeat left top;
    /* box-shadow: 0 3px 10px 0 rgba(0,0,0, .08); */
    position: relative;
    z-index: 600;
}
.feature_bar dt {
    float: left; padding: 18px 0 0 25px; width: 105px; height: 82px; position: relative;
    font-size: 24px; color: #666; line-height: 28px;
}
.feature_bar dt:before {
    position: absolute; left: 0; top: 20px; content: '';
    width: 5px; height: 23px; background-color: #01af63; border-radius: 3px;
}
.feature_bar dd { display: inline-block; width: 125px; text-align: center; }
.feature_bar dd .ico_index { display: block; margin: 0 auto 11px; }
.feature_bar dd a { display: block; width: 80px; padding: 22px 0 15px; margin: auto;  color: #666; }

/* bulletin_bar */
.bulletin_bar { padding-top: 18px; background-color: #ffffff; }
.bulletin_bar .tab_nav { height: 20px; color: #666; margin-bottom: 20px; }
.bulletin_bar .tab_nav .n_item { float: left; cursor: pointer; margin-right: 20px; position: relative; }
.bulletin_bar .tab_nav .n_item.cur { color: #333; font-weight: 600; }
.bulletin_bar .tab_nav .n_item.cur:after {
    position: absolute; left: 0; right: 0; bottom: -10px;
    content: ''; height: 4px; background-color: #01af63; border-radius: 2px;
}
.bulletin_bar .tab_item li { line-height: 26px; height: 26px; overflow: hidden; }
.bulletin_bar .tab_item li a { color: #666; }
.bulletin_bar .tab_item li a:hover { color: #f25618; }
.bulletin_bar .notice_div{ width: 100%; height:115px; overflow: hidden; }
.bulletin_bar .notice_div a{ display: inline-block;}
.bulletin_bar .notice_div img{ height: 100%; }



/* nav-f30 */
.nav-f30 { padding-top: 30px; position: relative; }
.nav-f30 h2 { font-size: 30px; line-height: 44px; }
.nav-f30 h2 b { margin-right: 15px; }
.nav-f30 p { color: #999; margin-top: 11px; }
.nav-f30 .btn-line { position: absolute; right: 0; bottom: 5px; padding:0 10px; height: 26px; line-height: 28px; text-align: center; }


/* chart-adv */
.chart-adv { overflow: hidden; border-radius: 2px; position: relative; }
.chart-adv .bg { position: absolute; left: 0; right: 0; }
.chart-adv .bg .tit { padding: 0 20px; background-color: #fff; }
.chart-adv .bg .tit .name { line-height: 24px; height: 24px; overflow: hidden; }
.chart-adv .bg .tit .name span { color: #bbb; }
.chart-adv .bg .tit .tip { color: #999; height: 20px; overflow: hidden; }
.chart-adv .bg .all { padding: 0 15px; background-color: #fff; text-align: center; }
.chart-adv .bg .all h3 { color: #333; line-height: 30px; height: 30px; overflow: hidden; }
.chart-adv .bg .all .tip { color: #bbb; }
.chart-adv .bg .tel { color: #333; }
	/**/
.line1 { width: 3px; height: 12px; background-color: #ec3b3b; }
.line2 { width: 12px; height: 3px; background-color: #ec3b3b; }


/* chart240x240 */
.chart240x240 .chart-adv, .chart240x240 .chart-no { float: left; width: 240px; height: 240px; }
.chart190x280 .chart-adv, .chart190x280 .chart-no { float: left; width: 190px; height: 280px; margin-right: 13px; }
.chart175x300 .chart-adv, .chart175x300 .chart-no { float: left; width: 175px; height: 300px; }
.chart250x350 .chart-adv { float: left; width: 250px; height: 350px; }
.chart250x350 .chart-no { float: left; width: 250px; height: 350px; }
.chart190x300 .chart-adv, .chart190x300 .chart-no  { float: left; width: 190px; height: 300px; margin-right: 12px; }
/* chart240x300 */
.chart240x300 .chart-adv, .chart240x300 .chart-no { float: left; width: 240px; height: 300px; }
.chart240x300 .img-block img { height: 240px; }
.img-block img { display:block; width:100%; }
/* chart224x300 */
.chart224x300 .chart-adv, .chart224x300 .chart-no { float: left; width: 224px; height: 300px; }
.chart224x300 .img-block img { height: 224px; }
.chart224x300 .chart-no {
	height: 170px; padding-top: 130px; color: #333;
	background-color: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0, .1); border-radius: 2px;
}
.chart224x300 .chart1 .bg .tit { height: 76px; }
.chart224x300 .chart1 .bg .tit .name { padding-top: 15px; }



/* ind-zixun-bar */
.ind-zixun-bar { padding: 38px 40px 45px; }
.ind-zixun-bar .input-txt { border-bottom: 2px solid #eee; }
.ind-zixun-bar .input-txt .tips { top: 19px; font-size: 18px; color: #bbb; }
.ind-zixun-bar .input-txt .txt { display: block; width: 100%; height: 20px; font-size: 18px; padding: 18px 0; }
.ind-zixun-bar .btn { display: block; width: 100px; margin: 30px 0 26px; }
.ind-zixun-bar .zixun-tag { height: 20px; overflow: hidden; }
.ind-zixun-bar .h-lei { color: #999; }
.ind-zixun-bar .h-lei a { margin: 0 10px 0 5px; }


.nav-f18 { height: 28px; font-size: 18px; line-height: 28px; overflow: hidden; }
/* chart3 */
.chart3 img { height: 175px; }
.chart3 .bg { height: 180px; bottom: -55px; }
.chart3 .bg .all { height: 280px; }
.chart3 .bg .all h3 { padding-top: 15px; }
.chart3 .bg .all .tag { line-height: 24px; height: 24px; overflow: hidden; }
.chart3 .bg .all .tag span { margin: 0 5px; }
.chart3 .bg .all .tel { margin: 10px 0 18px; }
.chart3 .btn { position: absolute; left: 50%; bottom: 30px; margin-left: -50px; width: 100px; display: none; }


/* 首页 知识 模块 */
.tab-tit-line { overflow: hidden; }
.tab-tit-line .nv-tag { float: left; margin-right: 40px; font-size: 18px; color: #333; line-height: 24px; padding-bottom: 8px; border-bottom: 4px solid transparent; }
.tab-tit-line .nv-tag.cur { font-weight: 600; border-bottom-color: #0057ff; }
.knowledge_module{ width: 100%; min-height: 350px; overflow: hidden; }
.knowledge_module .knowledge_dd{ width: 100%; display: none; }
.knowledge_module .dd_flex{ display: flex; }
.knowledge_image{
    flex: 1;
    display: inline-block;
    width: 360px;
    height: 415px;
    background-color: #ededed;
}
.new_knowledge{
    flex: 2;
    box-sizing: border-box;
    display: inline-block;
    width: 500px;
    padding: 0 10px;
}
.knowledge_module .knowledge_title{
    font-size: 20px;
    line-height: 28px;
    height: 28px;
    position: relative; padding-left: 14px;
}
.knowledge_module .knowledge_title:before { width: 4px; height: 16px; position: absolute; top: 5px; left: 0; background-color: #0057ff; content: ''; }
.knowledge_list{ margin-top: 7px; font-size: 16px; }
.knowledge_list li { height: 36px; overflow: hidden; line-height: 36px;  position: relative; padding-left: 15px; }
.knowledge_list li:before {
    position: absolute; left: 0; top: 16px;
    width: 4px; height: 4px; background-color: #ccc; content: '';
}
.knowledge_list li .tag { float: left; position: relative; padding-right: 13px; margin-right: 15px; color: #999; }
.knowledge_list .tag:after {
    position: absolute; right: 0; top: 10px;
    width: 1px; height: 16px; background-color: #e6e6e6; content: '';
}
.knowledge_list li .time { float: right; font-size: 14px; color: #ccc; margin-left: 15px; }

.major_field{
    margin-left: auto;
    display: inline-block;
    width: 340px;
    min-height: 400px;
}
.lawyer_list{
    display: flex;
    flex-wrap: wrap;
}
.lawyer_list dd{
    box-sizing: border-box;
    width: 50%;
    height: 80px;
    padding-right: 5px;
    margin-bottom: 10px;
    overflow: hidden;
}
.lawyer_list dd:nth-child(2n){ padding-left: 5px; padding-right: 0;}

.lawyer_field_b{
    width: 100%;
    height: 105px;
    overflow: hidden;
}


/* chart4 */
.chart4 .lawyer { display: block; width: 230px; height: 230px; padding: 10px 10px 110px; }
.chart4 .lawyer img { display: block; width: 230px; height: 230px; }
.chart4 .bg .tit { height: 110px; padding: 0 10px; }
.chart4 .bg .tit .name { padding-top: 15px; }
.chart4 .bg .tit .tel { margin-top: 2px; }
.chart4 .bg .tit .tel .line1 { float: left; margin: 4px 10px 0 0; }
.chart4 .bg .tit .tag { line-height: 24px; height: 24px; overflow: hidden; margin-top: 11px; }
.chart4 .bg .tit .tag span { margin-right: 10px; }
.chart4 .bg .all { height: 350px; }
.chart4 .bg .all h3 { padding-top: 33px; }
.chart4 .bg .all .tip { margin-top: 3px; }
.chart4 .bg .all .tel { font-size: 20px; margin: 33px 0 17px; }
.chart4 .bg .all .txt { position: relative; padding-left: 24px; height: 80px; overflow: hidden; }
.chart4 .bg .all .txt .i-char7 { position: absolute; left: 0; top: 4px; }
.chart4 .bg .all .xy { font-size: 12px; color: #bbb; padding-left: 10px; margin-bottom: 6px; margin-top: 27px; }
.chart4 .btn {
	position: absolute; left: 20px; bottom: 30px; display: none;
	width: 90px; height: 28px; line-height: 28px; border-radius: 14px; font-size: 12px;
}
/* chart-occ2 */
.chart-occ2 {
    height: 247px; position: relative; text-align: center;
    background: url('../images/bg-360x240.jpg') no-repeat; background-size: cover;
}
.chart-occ2 .line2 { position: absolute;  left: 50%; top: 0; width: 80px; height: 6px; margin-left: -40px; }
.chart-occ2 h3 { font-size: 20px; color: #222; line-height: 30px; padding-top: 32px; }
.chart-occ2 ul { overflow: hidden; padding: 45px 10px 0; }
.chart-occ2 li { float: left; width: 33.33%; font-size: 16px; color: #222; }
.chart-occ2 .ico-ts { display: block; margin: 0 auto 11px; }
/* xuanz-liyou */
.xuanz-liyou {}
.xuanz-liyou .txt-list { padding: 18px 30px 17px; }
.txt-list li { line-height: 36px; height: 36px; overflow: hidden; }
.txt-list li .dot { float: left; width: 4px; height: 4px; background-color: #666; margin: 18px 15px 0 0; }
.txt-list li a { color: #999; }
.txt-list li.cur .dot, .xuanz-liyou li:hover .dot { background-color: #0057ff; }
/* chart-occ3 */
.chart-occ3 { height: 233px; background: url('../images/bg-360x233.jpg') no-repeat; position: relative; }
.chart-occ3 .txt { float: left; margin-left: 35px; border-left: 4px solid #ec3b3b; padding: 0 20px; margin-top: 75px; }
.chart-occ3 .txt span { font-size: 24px; color: #fff; line-height: 28px; }
.chart-occ3 .txt p { color: #666; margin-top: 8px; }
.chart-occ3 .link { position: absolute; right: 40px; bottom: 15px; }




/* ft_number */
.ft_number {
    height: 32px;
    padding: 37px 0;
}
.ft_number li {
    float: left;
    width: 20%;
    font-size: 16px;
    color: #666;
    line-height: 32px;
}
.ft_number li .ico_hf { float: left; margin-right: 14px; }
.ft_number li p { float: left; }
.ico_hf {
    display: inline-block;
    background: url('../images/icon_hd_ft.png') no-repeat;
    vertical-align: middle;
}
.i_hf11 {
    width: 48px;
    height: 48px;
    background-position: 0 -180px;
}
.i_hf12 {
    width: 34px;
    height: 32px;
    background-position: -50px 0;
}

.i_hf13 {
    width: 34px;
    height: 32px;
    background-position: -50px -40px;
}

.i_hf14 {
    width: 34px;
    height: 32px;
    background-position: -50px -80px;
}

.i_hf15 {
    width: 34px;
    height: 32px;
    background-position: -50px -120px;
}

.i_hf16 {
    width: 34px;
    height: 32px;
    background-position: -50px -160px;
}



/* ft_main */
.ft_main {
    padding: 50px 0 40px;
    background: #141414 url('../images/ft_bg.jpg') no-repeat center bottom;
}
/**/
.kefu {float:left;padding-left:70px;position:relative;color:#fff;}
.kefu .i_hf11 {position:absolute;left:0;top:0;}
.kefu .f16 {font-size:16px;line-height:24px;}
.kefu .din-m {font-size:24px;line-height:26px;}
.kefu .f12 {font-size:12px;color:#666;margin-top:7px;}
.kefu .btn {padding:0;background:transparent;width:110px;height:30px;border:1px solid #ccc;margin-top:15px;font-size:14px;line-height:30px;padding-left:16px;cursor:pointer;transition:all .15s linear;}
.kefu .btn .i_hf6 {float:right;margin:10px 10px 0 0;}
.kefu .btn:hover {opacity:.7;}
.ft-warn { font-size: 14px; color: #fff; margin-top: 20px; }

/**/
.ft_r dl {float:left;width:100px;}
.ft_r dl dt {color:#fff;font-weight:600;line-height:16px;margin-bottom:20px;}
.ft_r dl dd {height:28px;overflow:hidden;}
.ft_r dl dd a {float:left;font-size:12px;color:#666;line-height:28px;transition:color .25s linear;}
.ft_r dl dd a:hover {color:#999;}
.ft_r dl.r_1,.ft_r dl.r_2 {margin-right:85px;}
.ft_r dl.r_3 {margin-right:100px;}
.ft_r dl.r_4 {padding-right:45px;}
.ft_r dl.r_4 dd {height:auto;}

/* ft_tab */
.ft_tab {margin-top:23px;}
.ft_tab .tab_nav {height:35px;line-height:30px;border-bottom:1px solid #262626;}
.ft_tab .tab_nav span {float:left;padding-bottom:5px;position:relative;font-size:12px;color:#999;margin-right:30px;cursor:pointer;}
.ft_tab .tab_nav span.cur {color:#fff;}
.ft_tab .tab_nav span.cur:after {position:absolute;left:0;right:0;bottom:-1px;height:2px;background-color:#fff;content:'';}
.ft_tab .tab_item {font-size:12px;line-height:18px;overflow:hidden;padding-top:15px;}
.ft_tab .tab_item a,.ft_tab .tab_item span {float:left;color:#4d4d4d;margin-right:15px;transition:color .25s linear;}
.ft_tab .tab_item a:hover,.ft_tab .tab_item span:hover {color:#999;}




/* 文章详情 样式 */
.weizhi { font-size: 12px; color: #bbb; line-height: 16px; }
.weizhi a { color: #999; }
.weizhi a:hover { color: #0057ff; }
.img-bg-pop {
    position: absolute; left: 0; right: 0; bottom: 0; z-index: 5;
    background: -webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0, 0)), to(rgba(0,0,0, .8)));
    background: linear-gradient(180deg,rgba(0,0,0, 0) 0%, rgba(0,0,0, .8) 100%);
}

.poster-team { position: relative; }
.poster-team .btn { position: absolute; transition: background .25s linear; }
.poster-team .lawyer { display: block; position: relative; }
.poster-team .lawyer .photo { position: absolute; width: 80px; height: 80px; border-radius: 50%; overflow: hidden; }
	/**/
.poster-team .lawyer { background: url(../images/1200x100-gold.jpg) no-repeat; background-size: 100% 100%; }
.poster-team.blue .lawyer { background: url(../images/1200x100-blue.jpg) no-repeat; background-size: 100% 100%; }
.poster-team.green .lawyer { background: url(../images/1200x100-green.jpg) no-repeat; background-size: 100% 100%; }
.poster-team .lawyer .name { color: #c79e5f; }
.poster-team.blue .lawyer .name { color: #4c7ee0; }
.poster-team.green .lawyer .name { color: #36b28f; }
.poster-team.w1200x100 .lawyer .intro { background-color: #d3bb97; }
.poster-team.w1200x100.blue .lawyer .intro { background-color: #9dbaf2; }
.poster-team.w1200x100.green .lawyer .intro { background-color: #85ccb8; }
/* w1200x100 */
.poster-team.w1200x100 { height: 100px; }
.poster-team.w1200x100 .lawyer { height: 100px; padding: 0 710px 0 160px; }
.poster-team.w1200x100 .lawyer .photo { left: 60px; top: 10px; }
.poster-team.w1200x100 .lawyer .name { font-size: 26px; line-height: 32px; font-weight: 600; padding-top: 14px; height: 32px; overflow: hidden; }
.poster-team.w1200x100 .lawyer .intro { position: absolute; left: 490px; top: 16px; right: 190px; bottom: 16px; padding: 8px 30px 0; }
.poster-team.w1200x100 .lawyer .intro p { font-size: 16px; color: #fff; line-height: 26px; height: 52px; overflow: hidden; }
.poster-team.w1200x100 .lawyer .tel { font-size: 20px; color: #333; margin-top: 14px; }
.poster-team.w1200x100 .lawyer .tel .tel-05 { float: left; margin: 2px 8px 0 0; }
.poster-team.w1200x100 .lawyer .tel .din-b { float: left; width: 120px; height: 20px; overflow: hidden; }
.poster-team.w1200x100 .btn { left: 315px; bottom: 18px; width: 100px; height: 26px; line-height: 26px; color: #fff; }
.poster-team.w1200x100 .btn .zx-02 { margin: 1px 5px 0 0; }
.poster-team.w1200x100.erwei-yes .intro { right: 240px; }
.poster-team.w1200x100.erwei-yes .erwei { position: absolute; top: 10px; right: 80px; width: 80px; height: 80px; }


.w820 { width: 820px; }
.w340 { width: 340px; }

/* detail-page */
.det-title { padding-top: 5px; }
.det-title h1 { font-size: 32px; line-height: 36px; }
.det-title .info { font-size: 12px; color: #bbb; height: 20px; margin-top: 24px; }
.det-title .info span { float: left; padding-right: 15px; margin-right: 15px; position: relative; }
.det-title .info span:after {
    position: absolute; top: 4px; right: 0;
    width: 1px; height: 12px; background-color: #e8e8e8; content: '';
}
.det-title .info span:last-child:after { width: 0; }

.det-nr { padding-top: 33px; }
.det-nr p { font-size: 16px; line-height: 30px;  margin-bottom: 30px; }
.det-nr img { max-width: 100%; height: 100%; }


/**/
.ys-list, .ty-lawyer .ys-tit { font-size: 16px; line-height: 36px; }
.ys-list dt { font-weight: 600; margin-bottom: 8px; }
.ys-list dt .ico-changshi, .ty-lawyer .ys-tit .ico-changshi { margin: -2px 10px 0 0; }
.ys-list dd { height: 36px; overflow: hidden; position: relative; padding-left: 26px; }
.ys-list .dot { position: absolute; top: 16px; left: 6px; width: 4px; height: 4px; background-color: #ccc; }
.ys-list .num { position: absolute; left: 0; top: 0; color: #999; }
.ty-lawyer .ys-tit { font-weight: normal; }
/**/
.ty-lawyer .ys-tit { font-weight: 600; }
.ty-lawyer .lawyer { height: 72px; padding: 16px 220px 16px 30px; background-color:#f8f8f8; position: relative; }
.ty-lawyer .lawyer .img-block { float: left; width: 72px; height: 72px; border-radius: 36px; overflow: hidden;  margin-right: 15px; }
.ty-lawyer .lawyer .h24 { height: 24px; }
.ty-lawyer .lawyer .h24 .name { float: left; font-size: 18px; line-height: 24px; margin-right: 20px; }
.ty-lawyer .lawyer .h24 span { float: left; font-size: 12px; color: #666; line-height: 16px; margin-top: 6px; }
.ty-lawyer .lawyer .h24 span .ico-changshi { margin-right: 10px; }
.ty-lawyer .lawyer p { height: 40px; overflow: hidden; font-size: 12px; color: #999; margin-top: 7px; }
.ty-lawyer .lawyer p a { color: #666; margin-left: 10px; }
.ty-lawyer .lawyer .btn { position: absolute; top: 36px; right: 30px; width: 104px; height: 32px; line-height: 32px; }


/* nav-blue-line */
.nav-blue-line { position: relative; padding-left: 14px; line-height: 24px; height: 24px; }
.nav-blue-line:before { position: absolute; left: 0; background-color: #0057ff; content: ''; }
    /**/
.nav-blue-line.f20 { line-height: 24px; height: 24px; }
.nav-blue-line.f20 b { font-size: 20px; }
.nav-blue-line.f20:before { top: 5px; width: 4px; height: 16px;  }
.nav-blue-line.f20 .fr { font-size: 14px; }
.nav-blue-line.f20 .fr .i-zx25 { opacity: .75; margin-right: 5px; }

/* xg-list */
.xg-list li { padding: 30px 0; overflow: hidden; }
.xg-list li .img-block { float: left; width: 240px; height: 150px; margin-right: 40px; }
.xg-list li h3 { font-size: 18px; line-height: 24px; height: 24px; overflow: hidden; }
.xg-list li .inf { font-size: 12px; color: #bbb; margin: 18px 0 15px; }
.xg-list li .inf span { margin-right: 30px; }
.xg-list li .inf span .i-cs8 { margin-right: 10px; }
.xg-list li p { color: #999; line-height: 24px; text-align: justify; height: 72px; overflow: hidden; }
    /**/
.xg-list li .img-block.bg {
    position: relative;
    background: url('../images/lawyer-ad-bg.jpg') no-repeat;
}
.xg-list li .img-block .photo {
    position: absolute; left: 60px; top: 15px;
    width: 110px; height: 110px; overflow: hidden;
    border: 5px solid rgba(229,228,225, .3); border-radius: 60px;
}
    /**/
.xg-list li.lawyer .img-block { background-color: #f5f5f5; }
.xg-list li.lawyer .img-block img { width: 140px; height: 140px; border-radius: 50%; margin: 5px auto; }

.img-block { position: relative; }
.img-block img { display: block; width: 100%; height: 100%; }
.img-block-round img,
.is-round img,
.is-round { border-radius: 50%; }

/* tw-list2 */
.tw-list2 li { padding: 15px 0; overflow: hidden; }
.tw-list2 li .img-block { float: left; width: 100px; height: 62px; margin-right: 20px; }
.tw-list2 li .tit { font-size: 16px; line-height: 18px; height: 18px; overflow: hidden; }
.tw-list2 li p { height: 40px; overflow: hidden; font-size: 12px; color: #999; margin-top: 4px; }
.tw-list2 li.lawyer .img-block { height: 62px; background: #f5f5f5; }
.tw-list2 li.lawyer .img-block img { width: 60px; height: 60px; border-radius: 50%; margin: 1px auto; }

/* bg-k */
.bg-k { padding-top: 17px; background-color: #f5f5f5; }
.bg-k .wz-list { padding: 13px 20px 15px; font-size: 14px; }
.bg-k .wz-list  li { height: 34px; line-height: 34px; overflow: hidden; }


/* 栏目页 样式 */
/* poster-cb */
.poster-cb { position: relative; }
.poster-cb .lawyer { display: block; position: relative; }
.poster-cb .lawyer .zc-label {
	position: absolute; left: 0; top: 20px;
	height: 18px; border-left: 4px solid #3560e6; padding-left: 10px;
	font-size: 16px; color: #333; font-weight: 600; margin-bottom: 30px;
}
.poster-cb .lawyer .photo { float: left; }
.poster-cb .lawyer .photo img { border-radius: 50%; }
.poster-cb .lawyer .lr { height: 40px; line-height: 40px; overflow: hidden; }
.poster-cb .lawyer .lr strong { font-size: 28px; color: #333; margin-right: 20px; }
.poster-cb .lawyer .lr span { color: #999; margin-right: 20px; }
.poster-cb .lawyer .info { color: #333; font-weight: 600; height: 20px; overflow: hidden; }
.poster-cb .lawyer .info span em { color: #0057ff; font-weight: 600; }
.poster-cb .lawyer .info span .wz-01 { margin-right: 10px; }
.poster-cb .lawyer .intro { line-height: 24px; color: #999; height: 48px; overflow: hidden; }
.poster-cb .lawyer .right { position: absolute; width: 164px; text-align: right; }
.poster-cb .lawyer .right .erwei { width: 80px; height: 80px; padding-left: 80px; margin-bottom: 16px; }
.poster-cb .lawyer .right .tel { }
.poster-cb .lawyer .right .tel span { display: block; color: #999; }
.poster-cb .lawyer .right .tel p { line-height: 28px; height: 28px; overflow: hidden; margin-top: 2px; }
.poster-cb .lawyer .right .tel p .tel-07 { margin: -9px 8px 0 0; }
.poster-cb .lawyer .right .tel p .din-b { font-size: 22px; color: #ec3b3b; font-weight: 500; }
.poster-cb .btn { position: absolute; width: 160px; height: 36px; line-height: 36px; border-radius: 18px; }
.poster-cb .btn .zx-01 { margin: 0 8px 0 0; }
/*w820x220*/
.poster-cb.w820x220 { width: 820px; height: 220px; background: url('../images/820x220.jpg') no-repeat; }

.poster-cb.w820x220 .lawyer { padding: 65px 250px 0 30px; height: 155px; }
.poster-cb.w820x220 .lawyer .photo { width: 120px; height: 120px; margin-right: 30px; }
.poster-cb.w820x220 .lawyer .lr { padding-top: 2px; }
.poster-cb.w820x220 .lawyer .info { margin-top: 11px; }
.poster-cb.w820x220 .lawyer .intro { margin-top: 10px; }
.poster-cb.w820x220 .lawyer .right { top: 75px; right: 30px; }
.poster-cb.w820x220 .btn { width: 120px; right: 30px; bottom: 70px; }



/* page-info */
.page-info {
    position: relative; padding: 22px 30px 25px;
    background-color: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0, .1);
}
.page-info .bg1 { position: absolute; top: 16px; right: 18px; }
.page-info .bg2 { position: absolute; left: 350px; bottom: 0; }
.page-info .tit { line-height: 30px; height: 30px; }
.page-info .tit span { float: left; font-size: 24px; color: #0057ff; position: relative; }
.page-info .tit span:after {
    position: absolute; left: 0; top: -22px;
    width: 46px; height: 6px; background-color: #0057ff; content: '';
}
.page-info p { color: #999; line-height: 24px; margin-top: 10px; }
/* cx-tw-list */
.cx-tw-list li { padding: 20px 0; overflow: hidden; }
.cx-tw-list li .img-block { float: left; width: 240px; height: 150px; margin-right: 40px; }
.cx-tw-list li h3 { font-size: 18px; line-height: 26px; }
.cx-tw-list li .info { height: 20px; font-size: 12px; color: #bbb; margin-top: 17px; }
.cx-tw-list li .info span { float: left; margin-right: 30px; }
.cx-tw-list li .info span .i-cs8 { margin-right: 10px; }
.cx-tw-list li .info span em { color: #ec3b3b; margin-right: 3px; }
.cx-tw-list li p { color: #999; line-height: 24px; height: 72px; overflow: hidden; margin-top: 15px; }
.li-ptb30 li { padding: 30px 0; }

/* u-page */
.u-page { color: #999; font-size: 12px; }
.u-page a {
    display: inline-block; width: 40px; height: 38px; line-height: 38px; margin-left: -1px;
    border: 1px solid #eee; background-color: #fff;
    text-align: center; color: #999;
}
.u-page .u-p-prev, .u-page .u-p-next { width: auto; padding: 0 20px; white-space: nowrap; }
.u-page  span { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; }
.u-page a:hover, .u-page a.u-p-on { background-color: #0057ff; border-color: #0057ff; color: #fff; }


/* fingerpost-bar */
.fingerpost-bar { position: relative; padding: 28px 36px 18px; border: 1px solid #eee; }
.fingerpost-bar span { position: absolute; left: 20px; top: -10px; padding: 0 15px; background-color: #fff; font-size: 16px; }
.fingerpost-bar p { color: #999; line-height: 24px; }


/* daohang-k */
.daohang-k { position: relative; z-index: 100; }
.daohang-k .nav-blue-line { padding: 0 20px; }
.daohang-k .tag { padding: 12px 13px 23px; }
.daohang-k .tag a { float: left; height: 40px; line-height: 40px; padding: 0 15px; background-color: #fff; margin: 7px; }
    /**/
.daohang-k .popup {
    position: absolute; top: 0; right: 340px; display: none;
    width: 780px; height: 262px; padding: 28px 0;
    background-color: #fff; box-shadow: 0 10px 25px 0 rgba(0,0,0, .25);
}
.daohang-k .popup .title { padding: 0 30px; font-size: 18px; }
.daohang-k .popup .ovh { margin: 16px 10px 16px 0; height: 228px; overflow-y: auto; }
.daohang-k .popup dl { position: relative; padding: 6px 60px 6px 155px; line-height: 30px; }
.daohang-k .popup dl dt { position: absolute; left: 30px; top: 6px; font-weight: 600; }
.daohang-k .popup dl dd {min-height: 30px; overflow: hidden; }
.daohang-k .popup dl dd a { float: left; font-size: 12px; color: #666; margin: 0 10px; }
.daohang-k .popup dl dd a:hover { color: #0057ff; }


/* ranking-list1 */
.ranking-list1 li { padding-left: 28px; margin-bottom: 19px; position: relative; *width: 312px; }
.ranking-list1 li span {
    position: absolute; left: 0; top: 0; float: left;
    width: 18px; height: 18px; background-color: #ccc; border-radius: 2px;
    font-size: 12px; color: #fff; line-height: 18px; text-align: center;
}
.ranking-list1 li .tit { line-height: 18px; height: 18px; }
.ranking-list1 li .nr {
    height: 48px; overflow: hidden; margin-top: 10px;
    color: #999; line-height: 24px; display: none;
}
.ranking-list1 li.red span { background-color: #ec3b3b; }
.ranking-list1 li.cur .tit { font-weight: 600; }
.ranking-list1 li.cur .nr { display: block; }

.lawyerList { width:100%; padding-top: 20px; position:relative;z-index:2; }
.lawyerList .gg-nor {position:relative; width:100%; height:168px; overflow:hidden; margin-bottom:1px }
.lawyerList .gg-nor .link{ display: inline-block; width:100%; }
.lawyerList .gg-nor .link img{ width:100%; }
.lawyerList .gg-nor .txt-link {position:absolute;display:block;left:30px;top:33px;color:#999;line-height:1;transition:.4s}
.lawyerList .gg-nor .txt-link:hover {text-decoration:none}
.lawyerList .gg-nor .txt-link .tl {line-height:1;font-size:14px;color:#bfbfbf;margin-bottom:8px}
.lawyerList .gg-nor .txt-link .name {color:#333;font-size:18px}
.lawyerList .gg-nor .txt-link .mobile {margin-top:24px;font-size:14px;color:#999;transition:.4s}
.lawyerList .gg-nor .btn-link {position:absolute;display:block;left:30px;bottom:-50px;width:72px;height:22px;line-height:22px;text-align:center;font-size:12px;color:#fff;background:#6cac36;border-radius:11px;opacity:0;transition:.4s}
.lawyerList .gg-nor .btn-link:hover {text-decoration:none;background:#629c31}
.lawyerList .gg-nor.gg-right .txt-link { left: initial; right: 30px; }
.lawyerList .gg-nor.gg-right .btn-link {left:110px}
.lawyerList .gg-nor:hover .txt-link {top:20px}
.lawyerList .gg-nor:hover .mobile {margin-top:10px}
.lawyerList .gg-nor:hover .btn-link {bottom:20px;opacity:1}





/* 内页 footer */
.footer { padding-bottom: 40px; background: #151515 url('../images/bg-footer.jpg') no-repeat center bottom; }
.footer .ft-k4 { padding-top: 50px; margin-bottom: 40px; }
.footer .ft-k4 .logo { display: block; margin-right: 80px; padding-top: 42px; width: 161px; }
.footer .ft-k4 .logo a, .footer .ft-k4 .logo img { display: block; width: 161px; height: 109px; }
.footer .ft-k4 .milddle { border-left: 1px solid #242424; padding-left: 80px; width: 340px; }
.footer .ft-k4 .milddle .txt-a { font-size: 14px; color: #999; }
.footer .ft-k4 .milddle .txt-b { font-size: 24px; color: #f8f8f8; line-height: 28px; margin-top: 7px; }
.footer .ft-k4 .milddle .btn { float: left; width: 80px; height: 24px; line-height: 24px; font-size: 12px; margin: 10px 10px 0 0; }
.footer .ft-k4 .milddle .txt-c { margin-top: 25px; font-size: 14px; color: #999; }
.footer .ft-k4 .milddle .txt-d { margin-top: 5px; font-size: 18px; color: #f8f8f8; line-height: 24px; }
.footer .ft-k4 .link { margin-right: 80px; font-size: 14px; }
.footer .ft-k4 .link .dt { color: #fff; font-weight: bold; }
.footer .ft-k4 .link a { display: block; margin-top: 15px; color: #666; }
.footer .ft-k4 .link a:hover { color: #0057ff; }
.footer .ft-k4 .our dt { font-size: 14px; color: #fff; font-weight: bold; margin-left: 5px; }
.footer .ft-k4 .our dd { margin-top: 19px; text-align: center; }
.footer .ft-k4 .our dd .ecod { display: block; margin: auto; width: 90px; height: 90px; }
.footer .ft-k4 .our dd .txt { font-size: 12px; color: #666; margin-top: 15px; }
.footer .ft-k4 .our .mr60 { margin-right: 60px; }
/**/
.copyright { font-size: 12px; color: #444; line-height: 24px; margin-top: 7px; }
.copyright img { display: inline-block; vertical-align: middle; margin-top: -3px; }
.copyright a { position: relative; margin: 0 5px; color: #444; z-index: 950; }
.copyright a .i-top17 { margin-right: 5px; }
.copyright a .pop { position: absolute; left: 50%; bottom: 26px; width: 500px; margin-left: -250px; display: none; box-shadow: 0 10px 15px rgba(0,0,0, .1); }
.copyright a .pop:after {
    position: absolute; left: 50%; bottom: -6px; content: ''; margin-left: -8px;
    border: 8px solid transparent; border-top-color: #fff; border-bottom: none;
}
.copyright a .pop img { display: block; width: 100%; height: 100%; border-radius: 4px; }
.copyright a:hover { color: #0057ff; }
.copyright a:hover .pop { display: block; }


/* 栏目频道 */
.title_h1{
    color: #333333;
    line-height: 28px;
    font-size: 24px;
}

.ico-bk { background: url(../images/ico-bk.png) no-repeat; }
.i-bk1 {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden; width: 26px; height: 24px; background-position: 0 0;
}
/* bk-list */
.bk-list li { float: left; margin-top: 9px; width: 33.33%; text-align: center; height: 36px; }
.bk-list li a { display: inline-block; padding: 0 4px 8px; font-size: 16px; }
.bk-list li a:hover { border-bottom: 6px solid #01af63; color: #01af63; }


.w350 { width: 350px; }
.w750 { width: 750px; }
.w780 { width: 780px; }
.column_content {}
.bgF_boxShadow{ background-color: #fff; box-shadow: 0px 1px 3px 0px  rgba(0, 0, 0, 0.15); }
/* tu-w-a */
.tu-w-a img { display: block; width: 260px; height: 160px; overflow: hidden; }
.tu-w-a h2 { font-size: 24px; height: 38px; line-height: 38px; margin-right:0; overflow: hidden; }
.tu-w-a p { font-size: 14px; max-height:96px; line-height: 24px; margin-right:0; color: #bbb; overflow: hidden; }
/* tu-w-b */
.tu-w-b img { display: block; width: 125px; height: 82px; overflow: hidden; }
.tu-w-b h2 { font-size: 18px; height: 20px; line-height: 20px; margin-right:0; overflow: hidden; }
.tu-w-b p { font-size: 14px; max-height:48px; line-height: 24px; margin-right:0; color: #bbb; overflow: hidden; }


/* title-h84 */
.title-h84 { padding: 25px 30px; border-bottom: 1px solid #eee; height: 34px; line-height: 34px; }
.title-h84 h2 { display: inline-block; font-size: 24px; color: #333; }
.title-h84 .fr a { float: left; font-size: 14px; }
.title-h84 .line { float: left; margin: 11px 18px; width: 2px; height: 12px; line-height: 0; overflow: hidden; background-color: #f3f3f3; }

/* zc-cont */
.zc-cont li { float: left; margin: 20px 40px 20px 0; width: 350px; height: 135px; }
.zc-cont li:nth-child(2n){ margin-right: 0; }
.zc-con-img { float: left; width: 130px; height: 135px; }
.zc-con-img img { display: block; width: 130px; height: 110px; }
.zc-con-img span { display: block; height: 24px; line-height: 24px; text-align: center; background-color: #333; color: #fff; overflow: hidden; font-size: 14px; }
.zc-cont .zc-p { height: 34px; line-height: 34px; overflow: hidden; }
.zc-cont .zc-p .dot { float: left; margin-top: 15px; margin-right: 9px; width: 4px; height: 4px; line-height: 0; background-color: #aaa; overflow: hidden; }
.zc-cont .zc-p a { font-size: 14px; color: #666; }
.zc-cont .zc-p a:hover { color: #f25618; }


.lh28 { line-height: 28px; }
/*  */
.column_newList{ margin-top: 7px; font-size: 16px; }
.column_newList li { height: 36px; line-height: 36px;  position: relative; padding-left: 15px; 
    text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
.column_newList li:before {
    position: absolute; left: 0; top: 16px;
    width: 4px; height: 4px; background-color: #ccc; content: '';
}
.column_newList li .tag { float: left; position: relative; padding-right: 13px; margin-right: 15px; color: #999; }
.column_newList .tag:after {
    position: absolute; right: 0; top: 10px;
    width: 1px; height: 16px; background-color: #e6e6e6; content: '';
}
.column_newList li .time { float: right; font-size: 14px; color: #ccc; margin-left: 15px; }