/* reset */
html { -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,hr,button { margin:0; padding:0; box-sizing: border-box; }
body { font-family: 'Microsoft YaHei'; font-size: 1.5625vw; color: #222; background-color: #f8f8f8; } 
em, var, i { font-style:normal; font-weight:500; }
input, textarea, select,button { outline:none; border:none; background:none; resize: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
table { border-collapse:collapse; border-spacing:0;}
th { text-align:inherit; }
img { border:0;}
iframe { display:block; }
ol,ul,li { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight: 300;}

a { color: #222; text-decoration:none; }
a:active { 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 */}

.fl { float: left; }
.fr { float: right; }
.mt20 { margin-top: 3.125vw; }
.mt30 { margin-top: 4.6875vw; }
.pt30 { padding-top: 4.6875vw !important; }
.pt40 { padding-top: 6.25vw !important; }
.pb110 { padding-bottom: 17.1875vw; }
.pltb20-lr15 { padding: 6.25vw 4.6875vw; }
.plr15 { padding: 0 4.6875vw; }
.borb0 { border-bottom: none !important; }
.bort1 { border-top: 1px solid #f0f0f0; }
.bg-shadow { background-color: #fff; box-shadow: 0 2px 9px rgba(102,102,102, .05); }
#bg-black { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0, .5); z-index: 1000; display: none; }
.none { display: none; }

.bg-gradient {
    position: absolute; left: 0; right: 0; bottom: 0; z-index: 10;
    background: linear-gradient(to bottom, rgba(0,0,0, 0) 0%, rgba(0,0,0, 1) 100%);
}

/* icon-arrows */
.icon-arrow-line {
	display: inline-block;
	width: 3.125vw; height: 3.125vw;
    border-left: 2px solid #ccc;
    border-top: 2px solid #ccc;    
    -webkit-transform: rotate(-45deg);
    		transform: rotate(-45deg);
    vertical-align: middle;
}
.icon-arrow {
	display: inline-block;
	width: 0; height: 0;
	font-size: 0; line-height: 0;
	vertical-align: -2px;
	border: 0 dashed transparent;
	border-width: 5px; border-top-style: solid; border-top-color: #fff;
	vertical-align: middle;
}

/* header */
.header { position: relative; z-index: 990; transition: all .5s linear; box-shadow: 0 0 10px rgba(0,0,0, .1); }
.hd-nav { height: 13.75vw; background-color: #fff; box-shadow: 0 2px 9px rgba(102,102,102, .05); font-size: 4.375vw; }
.hd-nav h1 { line-height: 13.75vw; text-align: center; color: #333; }
.hd-nav .logo { position: absolute; left: 0; top: 0; height: 6.25vw; padding: 3.75vw 4.6875vw; }
.hd-nav .logo img { float: left; height: 6.25vw; vertical-align: middle; }
.hd-nav .back-btn { position: absolute; left: 0; top: 0; height: 13.75vw; line-height: 13.75vw; padding: 0 4.6875vw; color: #999; }
.hd-nav .back-btn .icon-arrow-line { margin-right: 3px; border-left: 2px solid #333; border-top: 2px solid #333; }
.hd-nav .t-menu { position: absolute; right: 0; top: 0; height: 13.75vw; line-height: 13.75vw; padding: 0 4.6875vw; }
.hd-nav .t-menu span { 
	display: inline-block; position: relative;
	width: 15px; height: 2px;
	background-color: #7e6c35; border-radius: 2px; 
	vertical-align: middle; 
	-webkit-transition: .15s linear;
	        transition: .15s linear;
}
.hd-nav .t-menu span:after,
.hd-nav .t-menu span:before {
	position: absolute; right: 0; top: 50%;
	width: 20px; height: 2px; 
	background-color: #7e6c35; border-radius: 2px; 
	content: '';
	-webkit-transition: .15s linear;
	        transition: .15s linear;
}
.hd-nav .t-menu span:after { margin-top: -7px; }
.hd-nav .t-menu span:before { margin-top: 5px; }
.hd-nav .t-menu-ct span { height: 0; }
.hd-nav .t-menu-ct span:after { 
	margin-top: -3px;
	-webkit-transform: rotate(45deg);
        	transform: rotate(45deg);
}
.hd-nav .t-menu-ct span:before {
	margin-top: -3px;
	-webkit-transform: rotate(-45deg);
        	transform: rotate(-45deg);
}
	/* hd-all-bar */
#hd-all-bar { 
	position: absolute; left: 0; top: 13.75vw; right: 0; 
	background-color: #fff; box-shadow: 0 2px 9px rgba(102,102,102, .05); 
	border-top: 1px solid #eee; 
	display: none;
}
#hd-all-bar dl { border-bottom: 1px solid #f1f1f1; font-size: 3.75vw;  }
#hd-all-bar dl dt { 
	position: relative;
	height: 14.0625vw; line-height: 14.0625vw; overflow: hidden; 
	padding: 0 4.6875vw; border-bottom: 1px solid #f1f1f1; background-color: #f9f9f9;
	color: #aaa; font-weight: 600; 
}
#hd-all-bar dl dt.nav-link { padding: 0; }
#hd-all-bar dl dt.nav-link a { display: block; padding: 0 10.9375vw 0 4.6875vw; }
#hd-all-bar dl dt.nav-link:after {
	position: absolute;
	top: 5.3125vw; right: 6.25vw;
	content: '';
	width: 2.5vw; height: 2.5vw;
	border-right: 2px solid #ccc; border-top: 2px solid #ccc;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
#hd-all-bar dl dt a { color: #222; }
#hd-all-bar dl dd { padding: 1.5625vw; overflow: hidden; }
#hd-all-bar dl dd a { float: left; padding: 0 4.375vw; line-height: 11.5625vw }
	/*fixed-header*/
.fixed-header { position: fixed; left: 0; right: 0; }
.fixed-header .hd-nav { background-color: rgba(0,0,0, .5); }

/* footer-bar */
#footer-bar { padding: 11.25vw 0 4.6875vw; background-color: #fff; box-shadow: 0 -2px 9px rgba(102,102,102, .05); }
#footer-bar .ft-logo { display: block; height: 7.8125vw; text-align: center; }
#footer-bar .ft-logo img { height: 5vw; }
#footer-bar .ft-tel { 
	display: block; margin: 4.6875vw 9.375vw; 
	height: 10.9375vw; line-height: 10.9375vw; 
	border: 1px solid #ddd; border-radius: 3px;
	font-size: 3.75vw; color: #7e6c35; text-align: center;
}
#footer-bar p { font-size: 3.125vw; line-height: 5.625vw; color: #bbb; text-align: center; }

/* weizhi */
.weizhi { height: 15.625vw; line-height: 15.625vw; padding: 0 3.125vw; font-size: 3.75vw; color: #6b6b6b; }
.weizhi a { /*float: left;*/ color: #6b6b6b; position: relative; /*padding-right: 4.6875vw;*/ /*margin-right:3.125vw;*/}
/*.weizhi a:after {
	position: absolute; top: 6.875vw; right: 0;
    width: 2.1875vw; height: 2.1875vw; content: '';
    border-left: 1px solid #999; border-top: 1px solid #999;
    -webkit-transform: rotate(135deg); transform: rotate(135deg);
    vertical-align: middle;
}*/

/* page-bar2 */
.page-bar2 { position: relative; padding: 6.25vw 0; text-align: center; }
.page-bar2 .prev-p,
.page-bar2 .next-p { position: absolute; top: 6.25vw; padding: 0 3.125vw; line-height: 6.25vw; }
.page-bar2 .prev-p { left: 4.6875vw; }
.page-bar2 .next-p { right: 4.6875vw; }
.page-bar2 .prev-disabled .icon-arrow-line { transform: rotate(-45deg); }
.page-bar2 .next-p .icon-arrow-line { transform: rotate(135deg); }
.page-bar2 button { height: 6.25vw; line-height: 6.25vw; padding: 0 6.25vw; font-size: 5.625vw; color: #6b6b6b; }
	/**/
.page-bar2 .page-pop { 
	position: absolute; left: 0; top:-15.625vw; right:0; height: 15.625vw; display: none; text-align: center;
	background-color: #fff; border-bottom: 1px solid #eee; box-shadow: 0 -2px 5px rgba(0,0,0,.1); 
}
.page-bar2 .page-pop li { display: inline-block; width: 14%; height: 15.625vw; line-height: 15.625vw; }
.page-bar2 .page-pop li.first-page { width: 15%; position: absolute; left: 0; top: 0; }
.page-bar2 .page-pop li.last-page  { width: 15%; position: absolute; right:0; top: 0; }
.page-bar2 .page-pop li a { display: block; line-height: 15.625vw; font-size: 4.375vw; color: #6b6b6b;  }
.page-bar2 .page-pop li .prev-current { color: #c2ae88; }
.page-bar2 .page-pop li .prev-disabled { color: #ddd; }
.page-bar2 .icon-line { position: absolute; top: 50%; width: 1px; height: 4.0625vw;  background-color: #666; margin-top: -5px; }
.page-bar2 .page-pop li.first-page .icon-line { margin-left: -3px; }
.page-bar2 .page-pop li.last-page .icon-line { margin-left: 2px; }
.page-bar2 .page-pop li.first-page .icon-arrow-line { transform: rotate(-45deg); }
.page-bar2 .page-pop li.last-page .icon-arrow-line { transform: rotate(135deg); }
.page-bar2 .page-pop li .icon-arrow-line { width: 2.1875vw; height: 2.1875vw; border-left: 1px solid #666; border-top: 1px solid #666; }


/* fixed-b-nav */
#fixed-b-nav { 
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 800; 
	height: 17.1875vw; background-color: #fff; 
	box-shadow: 0px 5px 20px 0px rgba(0,0,0, 0.15); 
}
#fixed-b-nav a { position: relative; float: left; width: 50%; line-height: 17.1875vw; font-size: 4.6875vw; color: #333; text-align: center; }
#fixed-b-nav a img { display: inline-block; width: 5vw; height: 5vw; vertical-align: middle; margin: -2px 5px 0 0; }
#fixed-b-nav a:first-child:after { position: absolute; top: 5.9375vw; right: 0; height: 5.3125vw; border-right: 1px solid #eee; content: ''; }

/* more-btn */
.more-btn { display: inline-block; font-size: 3.75vw; color: #b20000; font-weight: 600; padding-right: 2.5vw; position: relative; }
.more-btn:after { 
	position: absolute; top: 50%; right: 0; content: '';
    width: 1.5625vw; height: 1.5625vw;
    border-left: 1px solid #b20000; border-top: 1px solid #b20000;
    -webkit-transform: rotate(135deg) translateX(-70%); 
    		transform: rotate(135deg) translateX(-70%);
}

/* tit-nav */
.tit-nav { font-size: 5vw; line-height: 5.3125vw; color: #aaa; padding: 4.6875vw; }
.tit-nav2 { padding: 0 4.6875vw; height: 17.1875vw; line-height: 17.1875vw; font-size: 5vw; position: relative; }
.jt-btn { float: right; font-size: 3.125vw; }
.jt-btn .icon-arrow { margin: 3px 0 0 5px; }
.tit-nav-borb { border-bottom: 1px solid #eee; }
	/**/
.dy-tit { height: 25vw; line-height: 25vw; font-size: 7.5vw; border-bottom: 1px solid #eee; }
	/**/
.tit-nav2 .r-down { 
	float: right; height: 9.375vw; line-height: 9.375vw; padding: 0 4.0625vw; font-size: 3.75vw; color: #6b6b6b;
	background-color: #f9f9f9; border-radius: 2px; margin-top: 3.75vw; 
}
.tit-nav2 .r-down .icon-arrow { border-top-color: #806c39; margin-left: 5px; }
	/* pop-down-bar */
.pop-down-bar { 
	position: absolute; left: 0; top: 17.1875vw; right: 0;
	background-color: #fff; box-shadow: 0 10px 15px rgba(0,0,0, .5); z-index: -1; opacity: 0; 	
	-webkit-transition: all .1s linear; transition: all .1s linear; 
	-webkit-transform: translateY(1rem); transform: translateY(1rem);
}
.pop-down-bar .ovh { padding: 7.03125vw 0; }
.pop-down-bar ul { max-height: 85.9375vw; background-color: #fff; overflow-x: hidden; overflow-y: scroll; }
.pop-down-bar ul li { float: left; width: 25%; }
.pop-down-bar ul li a { 
	display: block; height: 10.3125vw; line-height: 10.3125vw; 
	padding: 0 3.125vw; overflow: hidden; background-color: #f5f5f5;
	font-size: 3.75vw; color: #6b6b6b; 
}
	/*pop-down-bar-show*/
.pop-down-bar-show { opacity: 1; z-index: 1000; -webkit-transform: translateY(0); transform: translateY(0); }


/* scroll-banner */
.scroll-banner { position: relative; overflow: hidden; }
.scroll-banner, .scroll-banner .ban-img, .scroll-banner .ban-img li { height: 50vw; }
.scroll-banner .ban-img { position: absolute; left: 0;  }
.scroll-banner .ban-img li { float: left; }
.scroll-banner .ban-img li a { display: block; height: 100%; position: relative; }
.scroll-banner img { display: block; width: 100%; height: 100%; }
.scroll-banner .ban-img li .ban-bg {
	position: absolute;
	left: 0; bottom: 0; z-index: 10;
	width: 100%; height: 50%;
	background: linear-gradient(to bottom, rgba(0,0,0, 0) 0%, rgba(0, 0, 0, .5) 100%); 
}
	/**/
.scroll-banner .num-btn {
	position: absolute;
	left: 0; bottom: 9.375vw;
	z-index: 20;
	width: 100%; text-align: center;
}
.scroll-banner .num-btn span { 
	display: inline-block;
	width: 10px; height: 2px; 
	background-color: #f8f8f8; opacity: .3;
	margin: 0 2px;
}
.scroll-banner .num-btn span.current { background-color: #fff; opacity: 1; }
	/* roll-banner */
.roll-banner {    
	position: relative;
    margin: 0 4.6875vw; height: 50vw; padding-bottom: 6.25vw; box-sizing: content-box;
    background: url('/images/template7/banner/yinying.png') no-repeat center bottom;
    background-size: 100% 6.25vw;
}

/* yw-fw */
.yw-fw { padding: 0 3.125vw; overflow: hidden; }
.yw-fw li { float: left; width: 25%; box-sizing: border-box;  }
.yw-fw li a { 
	display: block; height: 10.3125vw; line-height: 10.3125vw;
	background-color: #7e6c35; border-radius: 2px; margin: 0.78125vw;
	font-size: 3.75vw; color: #fff; text-align: center;
}

/* drag-scroll-bar*/
.drag-scroll-bar { overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
.drag-scroll-nr { }

/* expert-show */
.expert-show { margin: 0 4.6875vw; padding-bottom: 7.8125vw; box-sizing: content-box; }
.expert-show, .expert-show ul, .expert-show li { height: 48.75vw; }
.expert-show li { float: left; margin-right: 0.78125vw; }
.expert-show li a {
    position: relative; display: block; overflow: hidden;
    width: 40.625vw; height: 48.75vw; border-radius: 2px;  
}
.expert-show li a img { display: block; width: 100%; }
.expert-show li a .bg-gradient { position: absolute; left: 0; top: 50%; right: 0; bottom: 0; }
.expert-show li a .txt {
    position: absolute; left: 0; right: 0; bottom: 0; z-index: 20;
    padding: 0 3.125vw 3.75vw; color: #dbdbdb; text-align: center;
}
.expert-show li .txt h3 { font-size: 4.6875vw; color: #fff; }

/* case-list */
.case-list { padding: 0 4.6875vw; }
.case-list li { border-bottom: 1px solid #eee; }
.case-list li:last-child { border-bottom: none; } 
.case-list li a { display: block; padding: 6.25vw 0; overflow: hidden; } 
.case-list li a .img { float: left; width: 25vw; height: 18.75vw; overflow: hidden; margin-right: 3.90625vw; background-color: #222; } 
.case-list li a .img img { display: block; width: 100%; height: 100%; } 
.case-list li a h2 { font-size: 4.375vw; line-height: 6.25vw; max-height: 12.5vw; overflow: hidden; } 
.case-list li a .info { height: 4.375vw; line-height: 4.375vw; overflow: hidden; font-size: 3.4375vw; color: #bbb; margin-top: 1.875vw; } 
.case-list li span, .case-list li time { margin-right: 3.125vw; }

/* ny-fwei */
.ny-fwei { padding-top: 6.25vw; }
.ny-fwei .yw-fw li a { background-color: #fff; color: #999; }
.ny-fwei .yw-fw li.currer a { background-color: #596dc6; color: #fff; }

/* case-detail */
.case-detail h1 { font-size: 7.5vw; line-height: 10.625vw; }
.case-detail .info { font-size: 3.4375vw; color: #bbb; overflow: hidden; margin-top: 20px; }
.case-detail .info time, .case-detail .info span { float: left; margin-right: 4.6875vw; }
.case-detail .det-nr p { font-size: 4.6875vw; line-height: 8.4375vw; color: #2b2b2b; margin-top: 5vw; }
.case-detail .det-nr img { display: block; width: 100%; }

/* txt-list */
.txt-list { padding: 0 4.6875vw;  }
.txt-list li { border-bottom: 1px solid #eee; }
.txt-list li:last-child { border-bottom: none; } 
.txt-list a { display: block; height: 17.1875vw; overflow: hidden; line-height: 17.1875vw; font-size: 4.6875vw; color: #666; }

/* dy-nr */
.dy-nr { padding-bottom: 6.25vw; }
.dy-nr h2 { font-size: 5.3125vw; padding-top: 6.25vw; }
.dy-nr p { font-size: 4.6875vw; color: #666; line-height: 8.4375vw; padding-top: 3.125vw; }
.dy-nr img { display: block; max-width: 100%; }

/* from-list */
.from-list li { min-height: 12.5vw; margin-bottom: 6.25vw; position: relative; }
.from-list textarea, .from-list input { 
	display: block; width: 100%; background-color: #f8f8f8; box-sizing: border-box; 
	padding-left: 3.125vw; padding-right: 3.125vw; 
	font-size: 4.375vw;
}
.from-list textarea { height: 34.375vw; line-height: 6.875vw; padding-top: 1.5625vw; padding-bottom: 1.5625vw; }
.from-list input { height: 12.5vw; line-height: 12.5vw; }
.from-list li.yzm { padding-right: 50%; }
.from-list li.yzm .yz-btn { position: absolute; top: 0; right: 0; width: 45%; height: 12.5vw; background-color: #f8f8f8; text-align: center; }
.from-list li.yzm .yz-btn canvas { width: 80%; height: 100%; }
.from-list button { display: block; width: 100%; height: 12.5vw; background-color: #7e6c35; border-radius: 3px; font-size: 5vw; color: #fff; }
.from-list button:active { background-color: #2e3f89; }

/* wenda-list */
.wenda-list { padding: 0 4.6875vw; }
.wenda-list li { border-bottom: 1px solid #eee; }
.wenda-list li:last-child { border-bottom: none; }
.wenda-list li a { display: block; padding: 6.25vw 0; }
.wenda-list .wen, .wenda-list .da { font-size: 4.375vw; line-height: 6.875vw; padding-left: 9.375vw; min-height: 6.875vw; max-height: 13.75vw; overflow: hidden; margin-bottom: 4.6875vw; }
.wenda-list .wen { background: url('/images/template7/icon/icon-wen3.png') no-repeat 0 3px; background-size: 6.25vw 5.46875vw; }
.wenda-list .da { background: url('/images/template7/icon/icon-da2.png') no-repeat 0 3px; background-size: 6.25vw 5.46875vw; color: #999; }
.wenda-list time { display: block; padding-left: 9.375vw; font-size: 3.125vw; color: #bbb; }

/* wd-detail */
.wd-detail li { border-bottom: none; }
.wd-detail .wen, .wd-detail .da{ max-height: 100%; }
.wd-detail .wen-bar { padding: 6.25vw 0; border-bottom: 1px solid #eee; }
.wd-detail .da-bar { padding: 6.25vw 0; }

/* page-turn */
.page-turn {}
.page-turn li { position: relative; }
.page-turn li:first-child:after { position: absolute; left: 4.6875vw; right: 4.6875vw; bottom: 0; border-bottom: 1px solid #eee; content: ''; }
.page-turn li a { display: block; height: 15.625vw; line-height: 15.625vw; padding: 0 4.6875vw; font-size: 3.75vw; overflow: hidden; }
.page-turn li a span { color: #999; }



/* fold-bar */
.fold-bar { padding-bottom: 12.5vw; position: relative; }
.fold-bar .ovh { 
	overflow: hidden;    
	-webkit-transition: all .25s linear;
            transition: all .25s linear; 
}
.fold-bar .all-btn { position: absolute; left: 0; right: 0; bottom: 0; }
	/* all-btn */
.all-btn { height: 10vw; line-height: 10vw; text-align: center; }
.all-btn .icon-arrow-line {
	width: 2.5vw; height: 2.5vw; margin-top: -16px; 
	-webkit-transform: rotate(-135deg);
        	transform: rotate(-135deg); 
    -webkit-transition: all .25s linear;
            transition: all .25s linear;
}
.fold-bar-unfold .all-btn .icon-arrow-line {
	-webkit-transform: rotate(45deg);
        	transform: rotate(45deg);
}

/* yw-fw-list */
.yw-fw-list { padding: 0 3.125vw; overflow: hidden; }
.yw-fw-list li { float: left; width: 33.333%; }
.yw-fw-list li a { 
	display: block; height: 13.75vw; line-height: 13.75vw; 
	background-color: #f8f8f8; border-radius: 2px; 
	font-size: 3.75vw; text-align: center; margin: 1.5625vw;
	position: relative;
}
.yw-fw-list li a::after {
	position: absolute; left: 3.75vw; top: 50%; margin-top: -2px;
	content: ''; width: 4px; height: 4px; 
	background-color: #be9d6d; border-radius: 50%;	
}

/* lr-item */
.lr-item { display: block; line-height: 5.625vw;padding: 6.25vw 4.6875vw 7.8125vw; }
.lr-item img { float: left; width: 25vw; height: 25vw; margin-right: 4.6875vw; }
.lr-item h3 { height: 5.625vw; overflow: hidden; font-size: 5vw; font-weight: 600; }
.lr-item p { font-size: 3.75vw; color: #999; height: 16.875vw; overflow: hidden; margin-top: 2.5vw; }

/* list-all-btn */
.list-all-btn { 
	display: block;
	height: 13.75vw; line-height: 13.75vw; 
	font-size: 3.75vw; color: #999; text-align: center; 
	border-top: 1px solid #eee;
}
/*2017-12-18*/
/* lawyer-list */
.lawyer-list li a .img { width: 18.75vw; height: 22.1875vw; }