/* dincond-boldregular */
@font-face {
    font-family: 'dincond-boldregular';
    src: url('fonts/dincond-bold-webfont.eot');
    src: url('../font/dincond-bold-webfont.eot') format('embedded-opentype'),
         url('../font/dincond-bold-webfont.woff') format('woff'),
         url('../font/dincond-bold-webfont.ttf') format('truetype'),
         url('https://css.66law.cn/css/avert/fonts/dincond-bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ico */
.ico-adt { background: url('../image/ico-avert.png') no-repeat; vertical-align: middle; display: inline-block; }
.i-adt1 { width: 28px; height: 26px; background-position: 0 0; }
.i-adt2 { width: 28px; height: 25px; background-position: 0 -40px; }
.i-adt3 { width: 13px; height: 16px; background-position: -40px 0; }
.i-adt4 { width: 17px; height: 16px; background-position: -60px 0; }
.i-adt5 { width: 13px; height: 16px; background-position: -90px 0; }
.i-adt6 { width: 17px; height: 16px; background-position: -110px 0; }
.i-adt7 { width: 16px; height: 24px; background-position: -40px -40px; }
.i-adt8 { width: 25px; height: 23px; background-position: -70px -40px; }
.i-adt9 { width: 20px; height: 14px; background-position: -110px -40px; }
.i-adt10 { width: 64px; height: 64px; background-position: -140px 0; }

/* avert */ 
.avert { position: relative; display: block; border-radius: 3px; }
    /* avert-one */
.avert-one { width: 1200px; height: 80px; background: url(../image/bg1200x80.jpg) #f8f8f8 no-repeat; cursor: pointer; overflow: hidden; }
.avert-one img { float: left; margin: 10px 40px 0 100px; width: 60px; height: 60px; border-radius: 50%; }
.avert-one .name { float: left; margin-top: 25px; font-size: 24px; font-weight: bold; line-height: 30px; color: #333; max-width: 170px; height: 30px; overflow: hidden; }
.avert-one .post { float: left; margin-top: 36px; margin-left: 15px; font-size: 12px; color: #bbb; }
.avert-one .describe { float: left; margin-top: 25px; margin-left: 70px; line-height: 30px; font-size: 20px; color: #333; }
.avert-one .describe .i-adt1 { float: left; margin-right: 18px; }
.avert-one .adt-pop { position: absolute; top: 80px; right: 0; background-color: #f8f8f8; width: 820px; height: 80px; padding-left: 25px; -webkit-transition: top .4s; transition: top .4s; }
.avert-one .speciality { float: left; margin-top: 25px; line-height: 30px; font-size: 20px; color: #333; }
.avert-one .speciality .i-adt7 { float: left; margin-top: 3px; }
.avert-one .speciality span { margin-left: 20px; font-size: 20px; }
.avert-one .info { float: right; text-align: right; color: #333; background: url(../image/bg-yellow.jpg) left center #ffdf2f no-repeat; padding-top: 15px; padding-right: 20px; width: 180px; height: 65px; }
.avert-one .info .dizhi { font-size: 14px; font-weight: bold; }
.avert-one .info .dizhi .i-adt3 { margin-top: -2px; *margin-top:0; margin-right: 10px; }
.avert-one .info .tel { margin-top: 5px; font-family: 'dincond-boldregular'; font-size: 24px; line-height: 28px; }
.avert-one .info .tel .i-adt4 { margin-top: -3px; *margin-top:0; margin-right: 10px; }
.avert-one:hover .name, .avert-one:hover .describe, .avert-one:hover .speciality, .avert-one:hover .info { color: #333; }
.avert-one:hover .post { color: #bbb; }
    /* avert-two */
.avert-two { width: 1200px; height: 100px; background: url(../image/bg1200x100.jpg) #f8f8f8 no-repeat; cursor: pointer; overflow: hidden; }
.avert-two img { float: left; margin: 10px 30px 0 90px; width: 80px; height: 80px; border-radius: 50%; }
.avert-two .name { float: left; margin-top: 35px; font-size: 24px; font-weight: bold; line-height: 30px; color: #333; max-width: 170px; height: 30px; overflow: hidden; }
.avert-two .post { float: left; margin-top: 46px; margin-left: 15px; font-size: 12px; color: #bbb; }
.avert-two .describe { float: left; margin-top: 35px; margin-left: 70px; line-height: 30px; font-size: 20px; color: #333; }
.avert-two .describe .i-adt1 { float: left; margin-right: 18px; }
.avert-two .adt-pop { position: absolute; top: 100px; right: 0; background-color: #f8f8f8; width: 820px; height: 100px; padding-left: 25px; -webkit-transition: top .4s; transition: top .4s; }
.avert-two .speciality { float: left; margin-top: 35px; line-height: 30px; font-size: 20px; color: #333; }
.avert-two .speciality .i-adt7 { float: left; margin-top: 3px; }
.avert-two .speciality span { margin-left: 20px; font-size: 20px; }
.avert-two .info { float: right; text-align: right; color: #333; background: url(../image/bg-yellow.jpg) left center #ffdf2f no-repeat; padding-top: 25px; padding-right: 20px; width: 180px; height: 75px; }
.avert-two .info .dizhi { font-size: 14px; font-weight: bold; }
.avert-two .info .dizhi .i-adt3 { margin-top: -2px; *margin-top:0; margin-right: 10px; }
.avert-two .info .tel { margin-top: 5px; font-family: 'dincond-boldregular'; font-size: 24px; line-height: 28px; }
.avert-two .info .tel .i-adt4 { margin-top: -3px; *margin-top:0; margin-right: 10px; }
.avert-two:hover .name, .avert-two:hover .describe, .avert-two:hover .speciality, .avert-two:hover .info { color: #333; }
.avert-two:hover .post { color: #bbb; }
    /* avert-three */
.avert-three { width: 830px; height: 100px; background: url(../image/bg830x100.jpg) #f8f8f8 no-repeat; cursor: pointer; overflow: hidden; }
.avert-three img { float: left; margin: 10px 30px 0 45px; width: 80px; height: 80px; border-radius: 50%; }
.avert-three .name { float: left; margin-top: 35px; font-size: 24px; font-weight: bold; line-height: 30px; color: #333; max-width: 170px; height: 30px; overflow: hidden; }
.avert-three .post { float: left; margin-top: 46px; margin-left: 15px; font-size: 12px; color: #bbb; }
.avert-three .describe { float: left; margin-top: 35px; margin-left: 100px; line-height: 30px; font-size: 20px; color: #333; }
.avert-three .describe .i-adt2 { margin-left: 25px; }
.avert-three .adt-pop { position: absolute; top: 100px; right: 0; background-color: #f8f8f8; width: 645px; height: 100px; padding-left: 35px; -webkit-transition: top .4s; transition: top .4s; }
.avert-three .speciality { float: left; margin-top: 35px; line-height: 30px; font-size: 20px; color: #333; }
.avert-three .speciality .i-adt7 { float: left; margin-top: 3px; }
.avert-three .speciality span { margin-left: 20px; font-size: 18px; }
.avert-three .info { float: right; text-align: right; color: #fff; background: url(../image/bg-blue.jpg) left center #4458f1 no-repeat; padding-top: 25px; padding-right: 20px; width: 180px; height: 75px; }
.avert-three .info .dizhi { font-size: 14px; font-weight: bold; }
.avert-three .info .dizhi .i-adt5 { margin-top: -2px; *margin-top:0; margin-right: 10px; }
.avert-three .info .tel { margin-top: 5px; font-family: 'dincond-boldregular'; font-size: 24px; line-height: 28px; }
.avert-three .info .tel .i-adt6 { margin-top: -3px; *margin-top:0; margin-right: 10px; }
.avert-three:hover .name, .avert-three:hover .describe, .avert-three:hover .speciality { color: #333; }
.avert-three:hover .post { color: #bbb; }
.avert-three:hover .info { color: #fff; }
    /* avert-four */
.avert-four { width: 340px; height: 270px; background: url(../image/bg340x300.jpg) #f8f8f8 no-repeat; padding-top: 30px; overflow: hidden; }
.avert-four .avert-info img { display: block; margin: 0 auto; width: 120px; height: 120px; border-radius: 50%; }
.avert-four .avert-info .name { margin: 15px 0 8px; font-size: 24px; line-height: 30px; height: 30px; overflow: hidden; text-align: center; font-weight: bold; color: #333; }
.avert-four .avert-info .descr { font-size: 14px; color: #999; height: 20px; overflow: hidden; text-align: center; }
.avert-four .avert-info .descr span { margin: 0 5px; }
.avert-four .avert-info .tel { margin-top: 10px; font-family: 'dincond-boldregular'; font-size: 30px; line-height: 32px; text-align: center; color: #333; }
.avert-four .avert-info .tel .i-adt8 { margin-top: -5px; *margin-top:0; margin-right: 10px; }
.avert-four .avert-pop { position: absolute; top: 300px; left: 0; right: 0; padding: 25px 30px 0; width: 280px; height: 275px; background-color: #fff; background-color: rgba(255,255,255,.98); *background-color: #fff; -webkit-transition: top .4s; transition: top .4s; }
.avert-four .avert-pop .dizhi { float: right; line-height: 30px; }
.avert-four .avert-pop .dizhi .i-adt3 { float: left; margin-right: 10px; margin-top: 7px; margin-left: 15px; }
.avert-four .avert-pop .name { font-size: 24px; line-height: 30px; height: 30px; overflow: hidden; font-weight: bold; color: #333; }
.avert-four .avert-pop .post { margin-top: 10px; font-size: 14px; height: 20px; overflow: hidden; color: #bbb; font-weight: bold; }
.avert-four .avert-pop .tel { margin-top: 25px; font-size: 24px; font-family: 'dincond-boldregular'; }
.avert-four .avert-pop .tel .i-adt4 { margin-left: 10px; margin-top: -3px; *margin-top: 0; }
.avert-four .avert-pop .descr { margin-top: 18px; height: 72px; line-height: 24px; font-size: 14px; color: #999; overflow: hidden; }
.avert-four .avert-pop .btn-ask { margin-top: 27px; display: block; padding: 15px 0; width: 140px; height: 23px; line-height: 23px; text-align: center; background-color: #ffe033; color: #333; font-size: 14px; font-weight: bold; }
.avert-four .avert-pop .btn-ask .i-adt9 { margin-left: 10px; }
.avert-four .avert-pop .btn-ask:hover { opacity: .8; }
    /* avert-five */
.avert-five {  width: 250px; height: 230px; }
.avert-five .five-hid { position: relative; width: 250px; height: 230px; background-color: #f8f8f8; text-align: center; overflow: hidden; border-radius: 3px; }
.avert-five .avert-info { padding-top: 25px; height: 205px; }
.avert-five .avert-info img { display: block; margin: 0 auto; width: 120px; height: 120px; border-radius: 50%; }
.avert-five .avert-info .name { margin-top: 10px; font-size: 18px; line-height: 30px; height: 30px; overflow: hidden; color: #333; }
.avert-five .avert-info .post { height: 24px; line-height: 24px; font-size: 14px; color: #999; }
.avert-five .avert-pop { position: absolute; top: 230px; left: 0; right: 0; padding-top: 30px; width: 250px; height: 200px; background-color: #000; background-color: rgba(0,0,0,.98); *background-color: #000; -webkit-transition: top .4s; transition: top .4s; }
.avert-five .avert-pop .name { font-size: 24px; line-height: 30px; height: 30px; overflow: hidden; font-weight: bold; color: #fff; }
.avert-five .avert-pop .name a { color: #fff; }
.avert-five .avert-pop .speciality { margin-top: 25px; color: #999; font-size: 14px; }
.avert-five .avert-pop .speciality span { margin: 0 5px; }
.avert-five .avert-pop .tel { margin-top: 15px; font-size: 24px; font-family: 'dincond-boldregular'; line-height: 30px; color: #fff; }
.avert-five .i-adt10 { display: none; position: absolute; bottom: -12px; left: 50%; margin-left: -32px; }
    /* avert-six */
.avert-six { width: 400px; height: 180px; background-color: #f8f8f8; overflow: hidden; }
.avert-six .avert-info { padding: 30px 30px 30px 45px; width: 325px; height: 120px; text-align: center; }
.avert-six .avert-info img { float: left; margin-right: 10px; width: 120px; height: 120px; border-radius: 50%; }
.avert-six .avert-info .name { margin-top: 15px; font-size: 22px; line-height: 30px; height: 30px; font-weight: bold; overflow: hidden; color: #333; }
.avert-six .avert-info .post { margin-top: 5px; height: 24px; line-height: 24px; font-size: 14px; color: #999; }
.avert-six .avert-info .post span { margin: 0 5px; }
.avert-six .avert-info .tel { margin-top: 5px; font-size: 24px; font-family: 'dincond-boldregular'; line-height: 30px; }
.avert-six .avert-info .tel .i-adt4 { margin-right: 10px; margin-top: -3px; *margin-top: 0; }
.avert-six .avert-pop { position: absolute; top: 180px; left: 0; right: 0; padding: 20px 30px 0 30px; width: 340px; height: 160px; background-color: #fff; background-color: rgba(255,255,255,.98); *background-color: #fff; -webkit-transition: top .4s; transition: top .4s; }
.avert-six .avert-pop .btn-ask { position: absolute; top: 20px; right: 0; display: block; padding: 17px 0; width: 136px; height: 23px; line-height: 23px; text-align: center; background-color: #ffe033; color: #333; font-size: 14px; font-weight: bold; }
.avert-six .avert-pop .btn-ask .i-adt9 { margin-left: 10px; }
.avert-six .avert-pop .btn-ask:hover { opacity: .8; }
.avert-six .avert-pop .name { padding-right: 120px; font-size: 24px; line-height: 30px; height: 30px; overflow: hidden; font-weight: bold; color: #333; }
.avert-six .avert-pop .post { margin-top: 15px; padding-right: 120px; font-size: 14px; height: 20px; overflow: hidden; color: #bbb; font-weight: bold; }
.avert-six .avert-pop .descr { margin-top: 20px; height: 48px; line-height: 24px; font-size: 14px; color: #999; overflow: hidden; }

/* avert-current */
.avert-current .adt-pop { top: 0; -webkit-transition: top .4s; transition: top .4s; }
.avert-current.avert-four, .avert-current.avert-five { box-shadow: 0 6px 20px rgba(0,0,0,.1); }
.avert-current .avert-pop { top: 0; -webkit-transition: top .4s; transition: top .4s; }
/*.avert-current .i-adt10 { display: block; }*/


/* 2018-02-09 */
.ovh { overflow: hidden; }
.avert { box-shadow: 0 2px 20px rgba(0, 0, 0, .15); }
.leaflet .ovh:after { *visibility:hidden; *display:block; font-size:0; content:" "; *clear:both; height:0; line-height:0; }
.leaflet .ovh { zoom:1; /* for IE6 IE7 */}

/* AdobeHeitiStd-Regular */
@font-face {
    font-family: 'AdobeHeitiStd-Regular';
    src: url('fonts/AdobeHeitiStd-Regular.eot');
    src: url('../font/AdobeHeitiStd-Regular.eot') format('embedded-opentype'),
         url('../font/AdobeHeitiStd-Regular.woff') format('woff'),
         url('../font/AdobeHeitiStd-Regular.ttf') format('truetype'),
         url('https://css.66law.cn/css/avert/fonts/AdobeHeitiStd-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ico-lef */
.ico-lef { background: url('../image/ico-leaflet1.png') no-repeat; vertical-align: middle; display: inline-block; }
.i-lef1 { width: 19px; height: 18px; background-position: 0 0; }
.i-lef2 { width: 12px; height: 18px; background-position: -30px 0; }
.i-lef3 { width: 12px; height: 18px; background-position: -50px 0; }
.i-lef4 { width: 12px; height: 14px; background-position: -70px 0; }
.i-lef5 { width: 12px; height: 14px; background-position: -90px 0; }
.i-lef6 { width: 28px; height: 26px; background-position: 0 -30px; }
.i-lef7 { width: 19px; height: 17px; background-position: -40px -30px; }
.i-lef8 { width: 20px; height: 14px; background-position: -70px -30px; }
.i-lef9 { width: 64px; height: 64px; background-position: -110px 0; }

/* leaflet */
.leaflet { position: relative; display: block; background-color: #fff; box-shadow: 0 2px 20px rgba(0, 0, 0, .15); border-radius: 2px; }
.leaflet .leaf-info { position: absolute; line-height: 30px; -webkit-transition: top .4s; transition: top .4s; }
.leaflet .leaf-pop { position: absolute; -webkit-transition: top .4s; transition: top .4s; }
.leaflet .speciality span, .leaflet .describe, .leaflet .post { font-family: 'AdobeHeitiStd-Regular'; }
.leaflet .tel { font-family: 'dincond-boldregular'; }
.leaflet .photo { border-radius: 50%; overflow: hidden; }
.leaflet .e-code { float: left; width: 70px; height: 70px; }
/* 个人 */
    /* leaflet-one */
.leaflet-one { overflow: hidden; width: 1200px; height: 100px; background: url(../image/bg01.jpg) top left #fff no-repeat; }
.leaflet-one .leaf-info { top: 0; right: 0; padding-right: 60px; height: 100px; }
.leaflet-one .leaf-pop { top: 100px; right: 0; padding: 10px 30px; height: 80px; }
.leaflet-one .photo { float: left; margin: 10px 35px 10px 60px; width: 80px; height: 80px; }
.leaflet-one .name { float: left; margin-top: 35px; font-size: 24px; font-weight: bold; line-height: 30px; color: #333; max-width: 300px; height: 30px; overflow: hidden; }
.leaflet-one .post { float: left; margin-top: 46px; margin-left: 15px; font-size: 14px; color: #bbb; }
.leaflet-one .tel { padding-top: 35px; margin-right: 50px; font-size: 24px; color: #333; }
.leaflet-one .tel .i-lef1 { margin-right: 20px; margin-top: -3px; }
.leaflet-one .speciality { padding-top: 35px; }
.leaflet-one .speciality .i-lef2 { margin-top: -8px; }
.leaflet-one .speciality span { font-size: 20px; margin-left: 20px; color: #333; }
.leaflet-one .local { text-align: right; color: #333; }
.leaflet-one .local .i-lef4 { margin-right: 10px; margin-top: -2px; }
.leaflet-one .describe { margin-top: 5px; padding-right: 50px; line-height: 30px; font-size: 20px; color: #333; }
.leaflet-one .describe .i-lef6 { margin-right: 20px; margin-top: -5px; }
    /* leaflet-two */
.leaflet-two { overflow: hidden; width: 1200px; height: 100px; background: url(../image/bg02.jpg) top left #fff no-repeat; }
.leaflet-two .leaf-info { top: 0; right: 0; padding-right: 60px; height: 100px; }
.leaflet-two .leaf-pop { top: 100px; right: 0; padding: 10px 30px; height: 80px; }
.leaflet-two .photo { float: left; margin: 10px 35px 10px 60px; width: 80px; height: 80px; }
.leaflet-two .name { float: left; margin-top: 35px; font-size: 24px; font-weight: bold; line-height: 30px; color: #333; max-width: 170px; height: 30px; overflow: hidden; }
.leaflet-two .post { float: left; margin-top: 46px; margin-left: 15px; font-size: 14px; color: #bbb; }
.leaflet-two .tel { padding-top: 35px; margin-right: 50px; font-size: 24px; color: #333; }
.leaflet-two .tel .i-lef1 { margin-right: 20px; margin-top: -3px; }
.leaflet-two .speciality { padding-top: 35px; }
.leaflet-two .speciality .i-lef2 { margin-top: -8px; }
.leaflet-two .speciality span { font-size: 20px; margin-left: 20px; color: #333; }
.leaflet-two .e-code { float: left; margin-left: 60px; margin-top: 15px; display: block; width: 70px; height: 70px; }
.leaflet-two .local { text-align: right; color: #333; }
.leaflet-two .local .i-lef4 { margin-right: 10px; margin-top: -2px; }
.leaflet-two .describe { margin-top: 5px; padding-right: 50px; line-height: 30px; font-size: 20px; color: #333; }
.leaflet-two .describe .i-lef6 { margin-right: 20px; margin-top: -5px; }
    /* leaflet-three */
.leaflet-three { overflow: hidden; width: 800px; height: 100px; background: url(../image/bg03.jpg) top left #fff no-repeat; }
.leaflet-three .leaf-info { top: 0; right: 0; padding-right: 60px; height: 100px; }
.leaflet-three .leaf-pop { top: 100px; right: 0; padding: 10px 30px; height: 80px; }
.leaflet-three .photo { float: left; margin: 10px 35px 10px 60px; width: 80px; height: 80px; }
.leaflet-three .name { float: left; margin-top: 35px; font-size: 24px; font-weight: bold; line-height: 30px; color: #333; max-width: 150px; height: 30px; overflow: hidden; }
.leaflet-three .post { float: left; margin-top: 46px; margin-left: 15px; font-size: 14px; color: #bbb; }
.leaflet-three .leaf-info .tel { padding-top: 35px; font-size: 24px; color: #333; }
.leaflet-three .leaf-info .i-lef1 { margin-right: 20px; margin-top: -3px; }
.leaflet-three .leaf-info .e-code { float: left; margin-left: 60px; margin-top: 15px; display: block; width: 70px; height: 70px; }
.leaflet-three .local { text-align: right; color: #333; }
.leaflet-three .local .i-lef4 { margin-right: 10px; margin-top: -2px; }
.leaflet-three .speciality { margin-top: 5px; padding-right: 50px; line-height: 30px; }
.leaflet-three .speciality .i-lef2 { margin-top: -8px; }
.leaflet-three .speciality span { font-size: 20px; margin-left: 20px; color: #333; }
    /* leaflet-four */
.leaflet-four { overflow: hidden; width: 800px; height: 100px; background: url(../image/bg03.jpg) top left #fff no-repeat; }
.leaflet-four .leaf-info { top: 0; right: 0; padding-right: 60px; height: 100px; }
.leaflet-four .leaf-pop { top: 100px; right: 0; padding: 10px 30px; height: 80px; }
.leaflet-four .photo { float: left; margin: 10px 35px 10px 60px; width: 80px; height: 80px; }
.leaflet-four .name { float: left; margin-top: 35px; font-size: 24px; font-weight: bold; line-height: 30px; color: #333; max-width: 150px; height: 30px; overflow: hidden; }
.leaflet-four .post { float: left; margin-top: 46px; margin-left: 15px; font-size: 14px; color: #bbb; }
.leaflet-four .tel { padding-top: 35px; font-size: 24px; color: #333; }
.leaflet-four .tel .i-lef1 { margin-right: 20px; margin-top: -3px; }
.leaflet-four .e-code { float: left; margin-left: 60px; margin-top: 15px; display: block; width: 70px; height: 70px; }
.leaflet-four .local { text-align: right; color: #333; }
.leaflet-four .local .i-lef4 { margin-right: 10px; margin-top: -2px; }
.leaflet-four .describe { margin-top: 5px; padding-right: 50px; line-height: 30px; font-size: 20px; color: #333; }
.leaflet-four .describe .i-lef6 { margin-right: 20px; margin-top: -5px; }
    /* leaflet-five */
.leaflet-five { overflow: hidden; width: 580px; height: 100px; background: url(../image/bg04.jpg) top right #fff no-repeat; }
.leaflet-five .leaf-info { top: 0; right: 0; left: 0; padding-right: 60px; width: 520px; height: 100px; }
.leaflet-five .leaf-pop { top: 100px; right: 0; left: 0; padding: 10px 20px 10px 35px; height: 80px; }
.leaflet-five .photo { float: left; margin: 10px 20px; width: 80px; height: 80px; }
.leaflet-five .name { float: left; margin-top: 35px; font-size: 24px; font-weight: bold; line-height: 30px; color: #333; max-width: 150px; height: 30px; overflow: hidden; }
.leaflet-five .post { float: left; margin-top: 41px; margin-left: 15px; font-size: 14px; color: #bbb; font-family: 'AdobeHeitiStd-Regular'; }
.leaflet-five .tel { padding-top: 35px; font-size: 24px; color: #333; }
.leaflet-five .tel .i-lef1 { margin-right: 20px; margin-top: -3px; }
.leaflet-five .e-code { float: left; margin-left: 60px; margin-top: 15px; display: block; width: 70px; height: 70px; }
.leaflet-five .speciality { padding-top: 25px; line-height: 30px; }
.leaflet-five .speciality .i-lef2 { margin-top: -8px; }
.leaflet-five .speciality span {  font-size: 20px; margin-left: 20px; color: #333; }
    /* leaflet-six */
.leaflet-six { overflow: hidden; width: 580px; height: 100px; background: url(../image/bg04.jpg) top right #fff no-repeat; }
.leaflet-six .leaf-info { top: 0; right: 0; left: 0; padding-right: 60px; width: 520px; height: 100px; }
.leaflet-six .leaf-pop { top: 100px; right: 0; left: 0; padding: 10px 20px; height: 80px; }
.leaflet-six .photo { float: left; margin: 10px 20px; width: 80px; height: 80px; }
.leaflet-six .name { float: left; margin-top: 35px; font-size: 24px; font-weight: bold; line-height: 30px; color: #333; max-width: 150px; height: 30px; overflow: hidden; }
.leaflet-six .post { float: left; margin-top: 41px; margin-left: 15px; font-size: 14px; color: #bbb; }
.leaflet-six .tel { padding-top: 35px; font-size: 24px; color: #333; }
.leaflet-six .tel .i-lef1 { margin-right: 20px; margin-top: -3px; }
.leaflet-six .e-code { float: left; margin-left: 60px; margin-top: 15px; display: block; width: 70px; height: 70px; }
.leaflet-six .describe { padding-top: 25px; line-height: 30px; font-size: 20px; color: #333; }
.leaflet-six .describe .i-lef6 { margin-right: 20px; margin-top: -5px; }
    /* leaflet-seven */
.leaflet-seven { overflow: hidden; width: 580px; height: 100px; background: url(../image/bg04.jpg) top right #fff no-repeat; }
.leaflet-seven .leaf-info { top: 0; right: 0; left: 0; padding-right: 60px; width: 520px; height: 100px; }
.leaflet-seven .leaf-pop { top: 100px; right: 0; left: 0; padding: 10px 60px 10px 35px; height: 80px; }
.leaflet-seven .photo { float: left; margin: 10px 20px; width: 80px; height: 80px; }
.leaflet-seven .name { float: left; margin-top: 35px; font-size: 24px; font-weight: bold; line-height: 30px; color: #333; max-width: 150px; height: 30px; overflow: hidden; }
.leaflet-seven .post { float: left; margin-top: 41px; margin-left: 15px; font-size: 14px; color: #bbb; }
.leaflet-seven .tel { padding-top: 35px; font-size: 24px; color: #333; }
.leaflet-seven .tel .i-lef1 { margin-right: 20px; margin-top: -3px; }
.leaflet-seven .e-code { float: left; margin-left: 60px; margin-top: 15px; display: block; width: 70px; height: 70px; }
.leaflet-seven .speciality { padding-top: 25px; line-height: 30px; }
.leaflet-seven .speciality .i-lef2 { margin-top: -8px; }
.leaflet-seven .speciality span { font-size: 20px; margin-left: 20px; color: #333; }
.leaflet-seven .e-code { float: right; margin-top: 5px; display: block; width: 70px; height: 70px; }
    /* leaflet-eight */
.leaflet-eight { overflow: hidden; width: 580px; height: 100px; background: url(../image/bg04.jpg) top right #fff no-repeat; }
.leaflet-eight .leaf-info { top: 0; right: 0; left: 0; padding-right: 60px; width: 520px; height: 100px; }
.leaflet-eight .leaf-pop { top: 100px; right: 0; left: 0; padding: 10px 60px 10px 35px; height: 80px; }
.leaflet-eight .photo { float: left; margin: 10px 20px; width: 80px; height: 80px; }
.leaflet-eight .name { float: left; margin-top: 35px; font-size: 24px; font-weight: bold; line-height: 30px; color: #333; max-width: 150px; height: 30px; overflow: hidden; }
.leaflet-eight .post { float: left; margin-top: 41px; margin-left: 15px; font-size: 14px; color: #bbb; }
.leaflet-eight .tel { padding-top: 35px; font-size: 24px; color: #333; }
.leaflet-eight .tel .i-lef1 { margin-right: 20px; margin-top: -3px; }
.leaflet-eight .e-code { float: left; margin-left: 60px; margin-top: 15px; display: block; width: 70px; height: 70px; }
.leaflet-eight .describe { padding-top: 25px; line-height: 30px; font-size: 20px; color: #333; }
.leaflet-eight .describe .i-lef6 { margin-right: 20px; margin-top: -5px; }
.leaflet-eight .e-code { float: right; margin-top: 5px; display: block; width: 70px; height: 70px; }
    /* leaflet-nine */
.leaflet-nine { overflow: hidden; width: 280px; height: 100px; background: url(../image/bg05.jpg) top left #fff no-repeat; }
.leaflet-nine .leaf-info { top: 0; right: 0; left: 0; width: 280px; height: 100px; }
.leaflet-nine .leaf-pop { top: 100px; right: 0; left: 0; padding: 10px; height: 80px; }
.leaflet-nine .photo { float: left; margin: 10px 20px; width: 80px; height: 80px; }
.leaflet-nine .name { float: left; margin-top: 25px; font-size: 18px; font-weight: bold; line-height: 24px; color: #333; height: 30px; overflow: hidden; }
.leaflet-nine .post { float: left; margin-top: 29px; margin-left: 10px; margin-right: 5px; font-size: 14px; color: #bbb; line-height: 24px; }
.leaflet-nine .tel { text-align: right; padding-right: 35px; font-size: 16px; color: #333; }
.leaflet-nine .i-line { display: inline-block; margin-right: 10px; width: 3px; height: 12px; line-height: 0; background-color: #ffcf09; overflow: hidden; }
.leaflet-nine .speciality { padding-top: 12px; line-height: 30px; text-align: center; }
.leaflet-nine .speciality .i-lef2 { display: block; margin: 0 auto 10px; }
.leaflet-nine .speciality span { font-size: 16px; margin: 0 8px; color: #333; }
    /* leaflet-ten */
.leaflet-ten { overflow: hidden; width: 280px; height: 100px; background: url(../image/bg05.jpg) top left #fff no-repeat; }
.leaflet-ten .leaf-info { top: 0; right: 0; left: 0; width: 280px; height: 100px; }
.leaflet-ten .leaf-pop { top: 100px; right: 0; left: 0; padding: 10px; height: 80px; }
.leaflet-ten .photo { float: left; margin: 10px 20px; width: 80px; height: 80px; }
.leaflet-ten .name { float: left; margin-top: 25px; font-size: 18px; font-weight: bold; line-height: 24px; color: #333; height: 30px; overflow: hidden; }
.leaflet-ten .post { float: left; margin-top: 29px; margin-left: 10px; margin-right: 5px; font-size: 14px; color: #bbb; font-family: 'AdobeHeitiStd-Regular'; line-height: 24px; }
.leaflet-ten .tel { text-align: right; padding-right: 35px; font-size: 16px; color: #333; }
.leaflet-ten .tel .i-line { display: inline-block; margin-right: 10px; width: 3px; height: 12px; line-height: 0; background-color: #ffcf09; overflow: hidden; }
.leaflet-ten .describe { text-align: center; padding-top: 12px; line-height: 30px; font-size: 16px; color: #333; }
.leaflet-ten .describe .i-lef7 { display: block; margin: 0 auto 10px; }
    /* leaflet-eleven */
.leaflet-eleven { overflow: hidden; width: 280px; height: 100px; background: url(../image/bg05.jpg) top left #fff no-repeat; }
.leaflet-eleven .leaf-info { top: 0; right: 0; left: 0; width: 280px; height: 100px; }
.leaflet-eleven .leaf-pop { top: 100px; right: 0; left: 0; padding: 10px; height: 80px; }
.leaflet-eleven .photo { float: left; margin: 10px 20px; width: 80px; height: 80px; }
.leaflet-eleven .name { float: left; margin-top: 25px; font-size: 18px; font-weight: bold; line-height: 24px; color: #333; height: 30px; overflow: hidden; }
.leaflet-eleven .post { float: left; margin-top: 29px; margin-left: 10px; margin-right: 5px; font-size: 14px; color: #bbb; line-height: 24px; }
.leaflet-eleven .tel { text-align: center; padding-top: 10px; font-size: 24px; line-height: 30px; color: #333; }
.leaflet-eleven .tel .i-lef1 { display: block; margin: 0 auto 10px; }
.leaflet-eleven .describe { line-height: 30px; font-size: 14px; color: #333; }
    /* leaflet-twelve */
.leaflet-twelve { overflow: hidden; width: 360px; height: 100px; background: url(../image/bg06.jpg) top left #fff no-repeat; }
.leaflet-twelve .leaf-info { top: 0; right: 0; left: 0; width: 360px; height: 100px; }
.leaflet-twelve .leaf-pop { top: 100px; right: 0; left: 0; padding: 10px; height: 80px; }
.leaflet-twelve .photo { float: left; margin: 10px 20px; width: 80px; height: 80px; }
.leaflet-twelve .local { text-align: right; color: #333; padding-right: 12px; line-height: 20px; margin-top: 5px; }
.leaflet-twelve .local .i-lef4 { margin-right: 10px; margin-top: -2px; }
.leaflet-twelve .name { float: left; font-size: 18px; font-weight: bold; line-height: 24px; color: #333; height: 30px; overflow: hidden; }
.leaflet-twelve .post { float: left; margin-top: 4px; margin-left: 10px; margin-right: 5px; font-size: 14px; color: #bbb; font-family: 'AdobeHeitiStd-Regular'; line-height: 24px; }
.leaflet-twelve .tel { font-size: 22px; line-height: 26px; color: #333; }
.leaflet-twelve .i-line { display: inline-block; margin-right: 10px; width: 5px; height: 16px; line-height: 0; background-color: #ffcf09; overflow: hidden; }
.leaflet-twelve .speciality { padding-top: 25px; line-height: 30px; padding-left: 10px; }
.leaflet-twelve .speciality .i-lef2 { margin-top: -8px; }
.leaflet-twelve .speciality span { font-size: 20px; margin-left: 15px; color: #333; }
    /* leaflet-thirteen */
.leaflet-thirteen { overflow: hidden; width: 360px; height: 100px; background: url(../image/bg06.jpg) top left #fff no-repeat; }
.leaflet-thirteen .leaf-info { top: 0; right: 0; left: 0; width: 360px; height: 100px; }
.leaflet-thirteen .leaf-pop { top: 100px; right: 0; left: 0; padding: 10px; height: 80px; }
.leaflet-thirteen .photo { float: left; margin: 10px 20px; width: 80px; height: 80px; }
.leaflet-thirteen .local { text-align: right; color: #333; padding-right: 12px; line-height: 20px; margin-top: 5px; }
.leaflet-thirteen .local .i-lef4 { margin-right: 10px; margin-top: -2px; }
.leaflet-thirteen .name { float: left; font-size: 18px; font-weight: bold; line-height: 24px; color: #333; height: 30px; overflow: hidden; }
.leaflet-thirteen .post { float: left; margin-top: 4px; margin-left: 10px; margin-right: 5px; font-size: 14px; color: #bbb; line-height: 24px; }
.leaflet-thirteen .tel { font-size: 22px; line-height: 26px; color: #333; }
.leaflet-thirteen .i-line { display: inline-block; margin-right: 10px; width: 5px; height: 16px; line-height: 0; background-color: #ffcf09; overflow: hidden; }
.leaflet-thirteen .describe { padding-left: 10px; padding-top: 25px; line-height: 30px; font-size: 20px; color: #333; }
.leaflet-thirteen .describe .i-lef6 { margin-top: -5px; margin-right: 15px; }
    /* leaflet-fourteen */
.leaflet-fourteen { overflow: hidden; width: 340px; height: 300px; }
.leaflet-fourteen .leaf-info { top: 0; right: 0; left: 0; background: url(../image/bg07.jpg) top left #fff no-repeat; width: 340px; height: 300px; line-height: 30px; -webkit-transition: top .8s; transition: top .8s; }
.leaflet-fourteen .leaf-pop { background-color: #fff; top: 300px; right: 0; left: 0; padding: 10px; height: 300px; -webkit-transition: top .8s; transition: top .8s; }
.leaflet-fourteen .photo { float: left; margin: 30px 20px 0; width: 90px; height: 90px; }
.leaflet-fourteen .name { float: left; margin-top: 50px; font-size: 20px; font-weight: bold; line-height: 24px; color: #333; height: 30px; overflow: hidden; }
.leaflet-fourteen .post { float: left; margin-top: 54px; margin-left: 10px; margin-right: 5px; font-size: 14px; color: #bbb; line-height: 24px; }
.leaflet-fourteen .tel { font-size: 18px; line-height: 30px; color: #333; }
.leaflet-fourteen .tel .i-line { display: inline-block; margin-right: 10px; width: 3px; height: 13px; line-height: 0; background-color: #ffcf09; overflow: hidden; }
.leaflet-fourteen .speciality { padding-top: 45px; line-height: 30px; padding-left: 30px; }
.leaflet-fourteen .speciality .i-lef2 { margin-top: -8px; }
.leaflet-fourteen .speciality span { font-size: 18px; margin-left: 15px; color: #333; }
.leaflet-fourteen .describe { text-align: center; padding-left: 10px; padding-right: 10px; padding-top: 20px; line-height: 30px; font-size: 16px; color: #333; }
.leaflet-fourteen .describe .i-lef7 { display: block; margin: 0 auto 10px; }
.leaflet-fourteen .local { text-align: right; color: #bbb; padding-right: 10px; line-height: 20px; margin-top: 5px; }
.leaflet-fourteen .local .i-lef5 { margin-right: 10px; margin-top: -3px; }
.leaflet-fourteen .name2 { padding: 0 20px; font-size: 24px; font-weight: bold; line-height: 28px; height: 28px; overflow: hidden; }
.leaflet-fourteen .post2 { padding: 0 20px; font-size: 12px; color: #bbb; margin-top: 5px; height: 20px; overflow: hidden; }
.leaflet-fourteen .introduce { margin-top: 25px; margin-bottom: 25px; padding: 0 20px; height: 84px; overflow: hidden; font-size: 16px; line-height: 28px; font-family: 'AdobeHeitiStd-Regular'; }
.leaflet-fourteen .btn-ask { margin-left: 20px; display: block; padding: 12px 0; width: 140px; height: 24px; line-height: 24px; text-align: center; background-color: #ffe033; color: #333; font-size: 14px; font-weight: bold; }
.leaflet-fourteen .btn-ask .i-lef8 { margin-left: 10px; }
.leaflet-fourteen .btn-ask:hover { opacity: .8; }
    /* leaflet-fifteen */
.leaflet-fifteen {  overflow: hidden;width: 340px; height: 300px; }
.leaflet-fifteen .leaf-info { top: 0; right: 0; left: 0; background: url(../image/bg08.jpg) bottom left #fff no-repeat; width: 340px; height: 300px; line-height: 30px; -webkit-transition: top .8s; transition: top .8s; }
.leaflet-fifteen .leaf-pop { background-color: #fff; top: 300px; right: 0; left: 0; padding: 10px; height: 300px; -webkit-transition: top .8s; transition: top .8s; }
.leaflet-fifteen .photo { display: block; margin: auto; width: 90px; height: 90px; }
.leaflet-fifteen .name { text-align: center; margin-top: 15px; font-size: 20px; font-weight: bold; line-height: 24px; color: #333; height: 30px; overflow: hidden; }
.leaflet-fifteen .post { display: block; text-align: center; font-size: 14px; color: #bbb; line-height: 24px; }
.leaflet-fifteen .tel { margin-top: 10px; text-align: center; font-size: 18px; line-height: 30px; color: #333; }
.leaflet-fifteen .tel .i-line { display: inline-block; margin-right: 10px; width: 3px; height: 13px; line-height: 0; background-color: #4458f1; overflow: hidden; }
.leaflet-fifteen .speciality { padding-top: 10px; line-height: 30px; padding-left: 30px; }
.leaflet-fifteen .speciality .i-lef2 { margin-top: -8px; }
.leaflet-fifteen .speciality span { font-size: 18px; margin-left: 15px; color: #333; }
.leaflet-fifteen .describe { text-align: center; padding-left: 20px; padding-right: 20px; padding-top: 20px; line-height: 30px; font-size: 16px; color: #333; }
.leaflet-fifteen .describe .i-lef7 { display: block; margin: 0 auto 10px; }
.leaflet-fifteen .local { text-align: right; color: #bbb; padding-right: 20px; line-height: 20px; margin-top: 15px; }
.leaflet-fifteen .local .i-lef5 { margin-right: 10px; margin-top: -3px; }
.leaflet-fifteen .introduce { margin-top: 25px; margin-bottom: 25px; padding: 0 20px; height: 84px; overflow: hidden; font-size: 16px; line-height: 28px; font-family: 'AdobeHeitiStd-Regular'; }
.leaflet-fifteen .btn-ask { margin-left: 20px; display: block; padding: 12px 0; width: 140px; height: 24px; line-height: 24px; text-align: center; background-color: #ffe033; color: #333; font-size: 14px; font-weight: bold; }
.leaflet-fifteen .btn-ask .i-lef8 { margin-left: 10px; }
.leaflet-fifteen .btn-ask:hover { opacity: .8; }
    /* leaflet-sixteen */
.leaflet-sixteen { width: 250px; height: 230px; background: url(../image/bg09.jpg) top left #fff no-repeat; }
.leaflet-sixteen .ovh { position: relative; width: 250px; height: 230px; }
.leaflet-sixteen .leaf-info { top: 0; right: 0; left: 0; width: 250px; height: 230px; line-height: 30px; -webkit-transition: top .6s; transition: top .6s; }
.leaflet-sixteen .leaf-pop { top: 230px; right: 0; left: 0; padding: 10px; height: 210px; -webkit-transition: top .6s; transition: top .6s; }
.leaflet-sixteen .local { text-align: right; color: #bbb; padding-right: 10px; line-height: 20px; margin-top: 10px; }
.leaflet-sixteen .local .i-lef5 { margin-right: 10px; margin-top: -3px; }
.leaflet-sixteen .photo { display: block; margin: auto; width: 80px; height: 80px; }
.leaflet-sixteen .name { text-align: center; margin-top: 15px; font-size: 20px; font-weight: bold; line-height: 24px; color: #333; height: 30px; overflow: hidden; }
.leaflet-sixteen .tel { margin-top: 8px; text-align: center; font-size: 20px; line-height: 30px; color: #333; }
.leaflet-sixteen .tel .i-line { display: block; margin: 0 auto 8px; width: 13px; height: 3px; line-height: 0; background-color: #ffcc00; overflow: hidden; }
.leaflet-sixteen .speciality { padding-top: 20px; line-height: 30px; padding-left: 30px; }
.leaflet-sixteen .speciality .i-lef3 { margin-top: -8px; }
.leaflet-sixteen .speciality span { font-size: 18px; margin-left: 15px; color: #333; }
.leaflet-sixteen .describe { text-align: center; padding-left: 20px; padding-right: 20px; padding-top: 40px; line-height: 30px; font-size: 16px; color: #333; }
.leaflet-sixteen .describe .i-lef7 { display: block; margin: 0 auto 10px; }
.leaflet-sixteen .i-lef9 { display: none; position: absolute; bottom: -12px; left: 50%; margin-left: -32px; }

/* 团队 */
    /* leaflet-te-one */
.leaflet-te-one { overflow: hidden; width: 1200px; height: 100px; background: url(../image/bg01.jpg) top left #fff no-repeat; }
.leaflet-te-one .leaf-info { top: 0; left: 0; right: 0; padding: 0 60px; height: 100px; }
.leaflet-te-one .leaf-pop { top: 100px; left: 0; right: 0; padding: 10px 30px 10px 60px; height: 80px; }
.leaflet-te-one .name { float: left; margin-top: 35px; font-size: 24px; font-weight: bold; line-height: 30px; color: #333; max-width: 440px; height: 30px; overflow: hidden; }
.leaflet-te-one .tel { padding-top: 35px; margin-right: 50px; font-size: 24px; color: #333; }
.leaflet-te-one .tel .i-lef1 { margin-right: 20px; margin-top: -3px; }
.leaflet-te-one .speciality { padding-top: 35px; }
.leaflet-te-one .speciality .i-lef2 { margin-top: -8px; }
.leaflet-te-one .speciality span { font-size: 20px; margin-left: 20px; color: #333; }
.leaflet-te-one .photo { float: left; width: 80px; height: 80px; }
.leaflet-te-one .local { text-align: right; color: #333; }
.leaflet-te-one .local .i-lef5 { margin-right: 10px; margin-top: -2px; }
.leaflet-te-one .describe { margin-top: 5px; padding-right: 50px; line-height: 30px; font-size: 20px; color: #333; }
.leaflet-te-one .describe .i-lef6 { margin-right: 20px; margin-top: -5px; }
    /* leaflet-te-two */
.leaflet-te-two { overflow: hidden; width: 1200px; height: 100px; background: url(../image/bg10.jpg) top right #fff no-repeat; }
.leaflet-te-two .leaf-info { top: 0; left: 0; right: 0; padding: 0 60px; height: 100px; }
.leaflet-te-two .leaf-pop { top: 100px; left: 0; right: 0; padding: 10px 30px 10px 60px; height: 80px; }
.leaflet-te-two .name { float: left; margin-top: 35px; font-size: 24px; font-weight: bold; line-height: 30px; color: #333; max-width: 550px; height: 30px; overflow: hidden; }
.leaflet-te-two .tel { padding-top: 35px; margin-right: 100px; font-size: 24px; color: #333; }
.leaflet-te-two .tel .i-lef1 { margin-right: 20px; margin-top: -3px; }
.leaflet-te-two .speciality { padding-top: 25px; line-height: 30px; }
.leaflet-te-two .speciality .i-lef2 { margin-top: -8px; }
.leaflet-te-two .speciality span { font-size: 20px; margin-left: 20px; color: #333; }
.leaflet-te-two .photo { float: left; margin-top: 10px; margin-right: 35px; width: 80px; height: 80px; }
.leaflet-te-two .local { text-align: right; color: #333; }
.leaflet-te-two .local .i-lef5 { margin-right: 10px; margin-top: -2px; }
.leaflet-te-two .describe { margin-top: 5px; padding-right: 50px; line-height: 30px; font-size: 20px; color: #333; }
.leaflet-te-two .describe .i-lef6 { margin-right: 20px; margin-top: -5px; }
.leaflet-te-two .e-code { margin-top: 15px; }
    /* leaflet-te-three */
.leaflet-te-three { overflow: hidden; width: 800px; height: 100px; background: url(../image/bg03.jpg) top left #fff no-repeat; }
.leaflet-te-three .leaf-info { top: 0; left: 0; right: 0; padding: 0 60px; height: 100px; }
.leaflet-te-three .leaf-pop { top: 100px; left: 0; right: 0; padding: 10px 30px 10px 60px; height: 80px; }
.leaflet-te-three .name { float: left; margin-top: 35px; font-size: 24px; font-weight: bold; line-height: 30px; color: #333; max-width: 360px; height: 30px; overflow: hidden; }
.leaflet-te-three .tel { padding-top: 35px; margin-right: 10px; font-size: 24px; color: #333; line-height: 30px; }
.leaflet-te-three .tel .i-lef1 { margin-right: 20px; margin-top: -3px; }
.leaflet-te-three .speciality { padding-top: 25px; line-height: 30px; }
.leaflet-te-three .speciality .i-lef2 { margin-top: -8px; }
.leaflet-te-three .speciality span { font-size: 20px; margin-left: 15px; color: #333; }
.leaflet-te-three .photo { float: left; margin-top: 10px; margin-right: 35px; width: 80px; height: 80px; }
.leaflet-te-three .local { text-align: right; color: #333; }
.leaflet-te-three .local .i-lef5 { margin-right: 10px; margin-top: -2px; }
.leaflet-te-three .describe { margin-top: 5px; padding-right: 20px; line-height: 30px; font-size: 20px; color: #333; }
.leaflet-te-three .describe .i-lef6 { margin-right: 20px; margin-top: -5px; }
    /* leaflet-te-four */
.leaflet-te-four { overflow: hidden; width: 800px; height: 100px; background: url(../image/bg11.jpg) top right #fff no-repeat; }
.leaflet-te-four .leaf-info { top: 0; left: 0; right: 0; padding: 0 60px; height: 100px; }
.leaflet-te-four .leaf-pop { top: 100px; left: 0; right: 0; padding: 10px 30px 10px 60px; height: 80px; }
.leaflet-te-four .name { float: left; margin-top: 35px; font-size: 24px; font-weight: bold; line-height: 30px; color: #333; max-width: 360px; height: 30px; overflow: hidden; }
.leaflet-te-four .tel { padding-top: 35px; margin-right: 80px; font-size: 24px; color: #333; line-height: 30px; }
.leaflet-te-four .tel .i-lef1 { margin-right: 20px; margin-top: -3px; }
.leaflet-te-four .speciality { padding-top: 25px; line-height: 30px; }
.leaflet-te-four .speciality .i-lef2 { margin-top: -8px; }
.leaflet-te-four .speciality span { font-size: 20px; margin-left: 15px; color: #333; }
.leaflet-te-four .photo { float: left; margin-top: 10px; margin-right: 35px; width: 80px; height: 80px; }
.leaflet-te-four .local { text-align: right; color: #333; }
.leaflet-te-four .local .i-lef5 { margin-right: 10px; margin-top: -2px; }
.leaflet-te-four .describe { margin-top: 25px; line-height: 30px; font-size: 20px; color: #333; }
.leaflet-te-four .describe .i-lef6 { margin-right: 20px; margin-top: -5px; }
.leaflet-te-four .e-code { margin-top: 15px; }
    /* leaflet-te-five */
.leaflet-te-five { overflow: hidden; width: 580px; height: 100px; background: url(../image/bg04.jpg) top right #fff no-repeat; }
.leaflet-te-five .leaf-info { top: 0; left: 0; right: 0; padding: 0 50px; height: 100px; }
.leaflet-te-five .leaf-pop { top: 100px; left: 0; right: 0; padding: 10px 60px 10px 30px; height: 80px; }
.leaflet-te-five .name { float: left; margin-top: 35px; font-size: 24px; font-weight: bold; line-height: 30px; color: #333; max-width: 320px; height: 30px; overflow: hidden; }
.leaflet-te-five .tel { padding-top: 25px; font-size: 24px; color: #333; line-height: 30px; }
.leaflet-te-five .tel .i-lef1 { margin-right: 20px; margin-top: -3px; }
.leaflet-te-five .speciality { padding-top: 25px; line-height: 30px; }
.leaflet-te-five .speciality .i-lef2 { margin-top: -8px; }
.leaflet-te-five .speciality span { font-size: 20px; margin-left: 15px; color: #333; }
.leaflet-te-five .photo { float: left; margin-top: 10px; margin-right: 35px; width: 80px; height: 80px; }
    /* leaflet-te-six */
.leaflet-te-six { overflow: hidden; width: 580px; height: 100px; background: url(../image/bg04.jpg) top right #fff no-repeat; }
.leaflet-te-six .leaf-info { top: 0; left: 0; right: 0; padding: 0 50px; height: 100px; }
.leaflet-te-six .leaf-pop { top: 100px; left: 0; right: 0; padding: 10px 60px 10px 30px; height: 80px; }
.leaflet-te-six .name { float: left; margin-top: 35px; font-size: 24px; font-weight: bold; line-height: 30px; color: #333; max-width: 320px; height: 30px; overflow: hidden; }
.leaflet-te-six .tel { padding-top: 25px; font-size: 24px; color: #333; line-height: 30px; }
.leaflet-te-six .tel .i-lef1 { margin-right: 20px; margin-top: -3px; }
.leaflet-te-six .photo { float: left; margin-top: 10px; margin-right: 35px; width: 80px; height: 80px; }
.leaflet-te-six .describe { padding-top: 25px; padding-right: 20px; line-height: 30px; font-size: 20px; color: #333; }
.leaflet-te-six .describe .i-lef6 { margin-right: 20px; margin-top: -5px; }
    /* leaflet-te-seven */
.leaflet-te-seven { overflow: hidden; width: 580px; height: 100px; background: url(../image/bg04.jpg) top right #fff no-repeat; }
.leaflet-te-seven .leaf-info { top: 0; left: 0; right: 0; padding: 0 50px 0 20px; height: 100px; }
.leaflet-te-seven .leaf-pop { top: 100px; left: 0; right: 0; padding: 10px 60px 10px 30px; height: 80px; }
.leaflet-te-seven .name { float: left; margin-top: 35px; font-size: 24px; font-weight: bold; line-height: 30px; color: #333; max-width: 300px; height: 30px; overflow: hidden; }
.leaflet-te-seven .tel { padding-top: 35px; font-size: 24px; color: #333; line-height: 30px; }
.leaflet-te-seven .tel .i-lef1 { margin-right: 20px; margin-top: -3px; }
.leaflet-te-seven .speciality { padding-top: 25px; line-height: 30px; }
.leaflet-te-seven .speciality .i-lef2 { margin-top: -8px; }
.leaflet-te-seven .speciality span { font-size: 20px; margin-left: 15px; color: #333; }
.leaflet-te-seven .e-code { margin-top: 5px; }
    /* leaflet-te-eight */
.leaflet-te-eight { overflow: hidden; width: 580px; height: 100px; background: url(../image/bg04.jpg) top right #fff no-repeat; }
.leaflet-te-eight .leaf-info { top: 0; left: 0; right: 0; padding: 0 50px 0 20px; height: 100px; }
.leaflet-te-eight .leaf-pop { top: 100px; left: 0; right: 0; padding: 10px 60px 10px 30px; height: 80px; }
.leaflet-te-eight .name { float: left; margin-top: 35px; font-size: 24px; font-weight: bold; line-height: 30px; color: #333; max-width: 320px; height: 30px; overflow: hidden; }
.leaflet-te-eight .tel { padding-top: 35px; font-size: 24px; color: #333; line-height: 30px; }
.leaflet-te-eight .tel .i-lef1 { margin-right: 20px; margin-top: -3px; }
.leaflet-te-eight .describe { padding-top: 25px; padding-right: 20px; line-height: 30px; font-size: 20px; color: #333; }
.leaflet-te-eight .describe .i-lef6 { margin-right: 20px; margin-top: -5px; }
.leaflet-te-eight .e-code { margin-top: 5px; }
    /* leaflet-te-nine */
.leaflet-te-nine { overflow: hidden; width: 280px; height: 100px; background: url(../image/bg05.jpg) top right #fff no-repeat; }
.leaflet-te-nine .leaf-info { top: 0; left: 0; right: 0; padding: 0 25px; height: 100px; }
.leaflet-te-nine .leaf-pop { top: 100px; left: 0; right: 0; padding: 10px; height: 80px; }
.leaflet-te-nine .name { margin-top: 23px; font-size: 18px; font-weight: bold; line-height: 30px; color: #333; height: 30px; overflow: hidden; }
.leaflet-te-nine .tel { font-size: 16px; color: #333; line-height: 30px; }
.leaflet-te-nine .tel .i-line { display: inline-block; margin-right: 10px; width: 3px; height: 12px; line-height: 0; background-color: #ffcf09; overflow: hidden; }
.leaflet-te-nine .speciality { padding-top: 15px; line-height: 30px; text-align: center; }
.leaflet-te-nine .speciality .i-lef2 { display: block; margin: 0 auto 8px; }
.leaflet-te-nine .speciality span { font-size: 16px; margin: 0 8px; color: #333; }
    /* leaflet-te-ten */
.leaflet-te-ten { overflow: hidden; width: 280px; height: 100px; background: url(../image/bg05.jpg) top right #fff no-repeat; }
.leaflet-te-ten .leaf-info { top: 0; left: 0; right: 0; padding: 0 25px; height: 100px; }
.leaflet-te-ten .leaf-pop { top: 100px; left: 0; right: 0; padding: 10px; height: 80px; }
.leaflet-te-ten .name { margin-top: 23px; font-size: 18px; font-weight: bold; line-height: 30px; color: #333; height: 30px; overflow: hidden; }
.leaflet-te-ten .tel { margin-top: 5px; font-size: 16px; color: #333; line-height: 30px; }
.leaflet-te-ten .tel .i-line { display: inline-block; margin-right: 10px; width: 3px; height: 12px; line-height: 0; background-color: #ffcf09; overflow: hidden; }
.leaflet-te-ten .describe { padding-top: 15px; text-align: center; line-height: 30px; font-size: 16px; color: #333; }
.leaflet-te-ten .describe .i-lef7 { display: block; margin: 0 auto 8px; }
   /* leaflet-te-eleven */
.leaflet-te-eleven { overflow: hidden; width: 280px; height: 100px; background: url(../image/bg05.jpg) top right #fff no-repeat; }
.leaflet-te-eleven .leaf-info { top: 0; left: 0; right: 0; padding: 0 20px; height: 100px; }
.leaflet-te-eleven .leaf-pop { top: 100px; left: 0; right: 0; padding: 10px; height: 80px; }
.leaflet-te-eleven .name { margin-top: 23px; font-size: 18px; font-weight: bold; line-height: 30px; color: #333; height: 30px; overflow: hidden; }
.leaflet-te-eleven .tel { margin-top: 20px; font-size: 24px; color: #333; line-height: 30px; }
.leaflet-te-eleven .tel .i-line { display: inline-block; margin-right: 10px; width: 5px; height: 16px; line-height: 0; background-color: #ffcf09; overflow: hidden; }
.leaflet-te-eleven .speciality { padding-top: 15px; line-height: 30px; text-align: center; }
.leaflet-te-eleven .speciality .i-lef2 { display: block; margin: 0 auto 8px; }
.leaflet-te-eleven .speciality span { font-size: 16px; margin: 0 8px; color: #333; }
.leaflet-te-eleven .photo { float: left; margin-top: 10px; margin-right: 20px; width: 80px; height: 80px; }
.leaflet-te-eleven .describe { line-height: 30px; font-size: 14px; color: #333; }
    /* leaflet-te-twelve */
.leaflet-te-twelve { overflow: hidden; width: 360px; height: 100px; background: url(../image/bg06.jpg) top left #fff no-repeat; }
.leaflet-te-twelve .leaf-info { top: 0; left: 0; right: 0; padding: 0 20px; height: 100px; }
.leaflet-te-twelve .leaf-pop { top: 100px; left: 0; right: 0; padding: 10px; height: 80px; }
.leaflet-te-twelve .name { font-size: 18px; font-weight: bold; line-height: 30px; color: #333; height: 30px; overflow: hidden; }
.leaflet-te-twelve .tel { font-size: 24px; color: #333; line-height: 30px; }
.leaflet-te-twelve .tel .i-line { display: inline-block; margin-right: 10px; width: 5px; height: 16px; line-height: 0; background-color: #ffcf09; overflow: hidden; }
.leaflet-te-twelve .speciality { padding-left: 10px; padding-top: 25px; line-height: 30px; }
.leaflet-te-twelve .speciality .i-lef2 { margin-top: -8px; }
.leaflet-te-twelve .speciality span { font-size: 20px; margin-left: 15px; color: #333; }
.leaflet-te-twelve .photo { float: left; margin-top: 10px; margin-right: 20px; width: 80px; height: 80px; }
.leaflet-te-twelve .local { text-align: right; color: #333; line-height: 20px; margin-top: 5px; }
.leaflet-te-twelve .local .i-lef5 { margin-right: 10px; margin-top: -2px; }
    /* leaflet-te-thirteen */
.leaflet-te-thirteen { overflow: hidden; width: 360px; height: 100px; background: url(../image/bg06.jpg) top left #fff no-repeat; }
.leaflet-te-thirteen .leaf-info { top: 0; left: 0; right: 0; padding: 0 20px; height: 100px; }
.leaflet-te-thirteen .leaf-pop { top: 100px; left: 0; right: 0; padding: 10px; height: 80px; }
.leaflet-te-thirteen .name { font-size: 18px; font-weight: bold; line-height: 30px; color: #333; height: 30px; overflow: hidden; }
.leaflet-te-thirteen .tel { font-size: 24px; color: #333; line-height: 30px; }
.leaflet-te-thirteen .tel .i-line { display: inline-block; margin-right: 10px; width: 5px; height: 16px; line-height: 0; background-color: #ffcf09; overflow: hidden; }
.leaflet-te-thirteen .photo { float: left; margin-top: 10px; margin-right: 20px; width: 80px; height: 80px; }
.leaflet-te-thirteen .describe { padding-left: 10px; padding-top: 25px; line-height: 30px; font-size: 20px; color: #333; }
.leaflet-te-thirteen .describe .i-lef6 { margin-top: -8px; margin-right: 20px; }
.leaflet-te-thirteen .local { text-align: right; color: #333; line-height: 20px; margin-top: 5px; }
.leaflet-te-thirteen .local .i-lef5 { margin-right: 10px; margin-top: -2px; }
    /* leaflet-te-fourteen */
.leaflet-te-fourteen { overflow: hidden; width: 340px; height: 300px; }
.leaflet-te-fourteen .leaf-info { top: 0; right: 0; left: 0; background: url(../image/bg07.jpg) top left #fff no-repeat; width: 340px; height: 300px; line-height: 30px; -webkit-transition: top .8s; transition: top .8s; }
.leaflet-te-fourteen .leaf-pop { top: 300px; right: 0; left: 0; background: url(../image/bg12.jpg) top left #fff no-repeat; padding: 10px; height: 300px; -webkit-transition: top .8s; transition: top .8s; }
.leaflet-te-fourteen .photo { display: block; margin: 30px auto 0; width: 80px; height: 80px; }
.leaflet-te-fourteen .name { text-align: center; margin-top: 65px; font-size: 18px; font-weight: bold; line-height: 24px; color: #333; height: 30px; overflow: hidden; }
.leaflet-te-fourteen .tel { text-align: center; font-size: 20px; line-height: 30px; color: #333; }
.leaflet-te-fourteen .tel .i-line { display: block; margin: 15px auto; width: 13px; height: 3px; line-height: 0; background-color: #ffcf09; overflow: hidden; }
.leaflet-te-fourteen .speciality { padding-top: 45px; line-height: 30px; padding-left: 30px; }
.leaflet-te-fourteen .speciality .i-lef2 { margin-top: -8px; }
.leaflet-te-fourteen .speciality span { font-size: 18px; margin-left: 15px; color: #333; }
.leaflet-te-fourteen .describe { text-align: center; padding-left: 10px; padding-right: 10px; padding-top: 40px; line-height: 30px; font-size: 16px; color: #333; }
.leaflet-te-fourteen .describe .i-lef7 { display: block; margin: 0 auto 10px; }
.leaflet-te-fourteen .local { text-align: right; color: #bbb; padding-right: 10px; line-height: 20px; }
.leaflet-te-fourteen .local .i-lef5 { margin-right: 10px; margin-top: -3px; }
.leaflet-te-fourteen .btn-ask { margin: 25px auto 0; display: block; padding: 6px 0; width: 120px; height: 24px; line-height: 24px; text-align: center; background-color: #ffe033; color: #333; font-size: 14px; font-weight: bold; }
.leaflet-te-fourteen .btn-ask:hover { opacity: .8; }
    /* leaflet-te-fifteen */
.leaflet-te-fifteen { overflow: hidden; width: 340px; height: 300px; }
.leaflet-te-fifteen .leaf-info { top: 0; right: 0; left: 0; background: url(../image/bg07.jpg) top left #fff no-repeat; width: 340px; height: 300px; line-height: 30px; -webkit-transition: top .8s; transition: top .8s; }
.leaflet-te-fifteen .leaf-pop { top: 300px; right: 0; left: 0; background: url(../image/bg12.jpg) top left #fff no-repeat; padding: 10px; height: 300px; -webkit-transition: top .8s; transition: top .8s; }
.leaflet-te-fifteen .team-img { display: block; width: 340px; height: 142px; box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15); border-radius: 2px; }
.leaflet-te-fifteen .name { text-align: center; margin-top: 40px; font-size: 18px; font-weight: bold; line-height: 24px; color: #333; height: 30px; overflow: hidden; }
.leaflet-te-fifteen .tel { text-align: center; font-size: 20px; line-height: 30px; color: #333; }
.leaflet-te-fifteen .tel .i-line { display: block; margin: 15px auto; width: 13px; height: 3px; line-height: 0; background-color: #ffcf09; overflow: hidden; }
.leaflet-te-fifteen .speciality { padding-top: 45px; line-height: 30px; padding-left: 30px; }
.leaflet-te-fifteen .speciality .i-lef2 { margin-top: -8px; }
.leaflet-te-fifteen .speciality span { font-size: 18px; margin-left: 15px; color: #333; }
.leaflet-te-fifteen .describe { text-align: center; padding-left: 10px; padding-right: 10px; padding-top: 40px; line-height: 30px; font-size: 16px; color: #333; }
.leaflet-te-fifteen .describe .i-lef7 { display: block; margin: 0 auto 10px; }
.leaflet-te-fifteen .local { text-align: right; color: #bbb; padding-right: 10px; line-height: 20px; }
.leaflet-te-fifteen .local .i-lef5 { margin-right: 10px; margin-top: -3px; }
.leaflet-te-fifteen .btn-ask { margin: 25px auto 0; display: block; padding: 6px 0; width: 120px; height: 24px; line-height: 24px; text-align: center; background-color: #ffe033; color: #333; font-size: 14px; font-weight: bold; }
.leaflet-te-fifteen .btn-ask:hover { opacity: .8; }
    /* leaflet-te-sixteen */
.leaflet-te-sixteen { width: 250px; height: 230px; }
.leaflet-te-sixteen .ovh { position: relative; width: 250px; height: 230px; }
.leaflet-te-sixteen .leaf-info { top: 0; right: 0; left: 0; background: url(../image/bg09.jpg) top left #fff no-repeat; width: 250px; height: 230px; line-height: 30px; -webkit-transition: top .6s; transition: top .6s; }
.leaflet-te-sixteen .leaf-pop { top: 230px; right: 0; left: 0; padding: 10px; height: 210px; -webkit-transition: top .6s; transition: top .6s; }
.leaflet-te-sixteen .local { text-align: right; color: #bbb; padding-right: 10px; line-height: 20px; margin-top: 10px; }
.leaflet-te-sixteen .local .i-lef5 { margin-right: 10px; margin-top: -3px; }
.leaflet-te-sixteen .photo { display: block; margin: auto; width: 80px; height: 80px; }
.leaflet-te-sixteen .name { text-align: center; margin-top: 15px; font-size: 18px; padding: 0 10px; font-weight: bold; line-height: 24px; color: #333; height: 30px; overflow: hidden; }
.leaflet-te-sixteen .tel { margin-top: 8px; text-align: center; font-size: 20px; line-height: 30px; color: #333; }
.leaflet-te-sixteen .tel .i-line { display: block; margin: 0 auto 8px; width: 13px; height: 3px; line-height: 0; background-color: #ffcc00; overflow: hidden; }
.leaflet-te-sixteen .speciality { padding-top: 20px; line-height: 30px; padding-left: 30px; }
.leaflet-te-sixteen .speciality .i-lef3 { margin-top: -8px; }
.leaflet-te-sixteen .speciality span { font-size: 18px; margin-left: 15px; color: #333; }
.leaflet-te-sixteen .describe { text-align: center; padding-left: 20px; padding-right: 20px; padding-top: 35px; line-height: 30px; font-size: 16px; color: #333; }
.leaflet-te-sixteen .describe .i-lef7 { display: block; margin: 0 auto 10px; }
.leaflet-te-sixteen .i-lef9 { display: none; position: absolute; bottom: -12px; left: 50%; margin-left: -32px; }
    /* leaflet-te-seventeen */
.leaflet-te-seventeen { width: 250px; height: 230px; }
.leaflet-te-seventeen .ovh { position: relative; width: 250px; height: 230px; }
.leaflet-te-seventeen .leaf-info { top: 0; right: 0; left: 0; background: url(../image/bg09.jpg) top left #fff no-repeat; width: 250px; height: 230px; line-height: 30px; -webkit-transition: top .6s; transition: top .6s; }
.leaflet-te-seventeen .leaf-pop { top: 230px; right: 0; left: 0; padding: 10px; height: 210px; -webkit-transition: top .6s; transition: top .6s; }
.leaflet-te-seventeen .local { text-align: right; color: #bbb; padding-right: 10px; line-height: 20px; margin-top: 10px; }
.leaflet-te-seventeen .local .i-lef5 { margin-right: 10px; margin-top: -3px; }
.leaflet-te-seventeen .team-img { display: block; width: 250px; height: 104px; box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15); border-radius: 2px; }
.leaflet-te-seventeen .name { text-align: center; margin-top: 25px; font-size: 18px; padding: 0 10px; font-weight: bold; line-height: 24px; color: #333; height: 30px; overflow: hidden; }
.leaflet-te-seventeen .tel { margin-top: 8px; text-align: center; font-size: 20px; line-height: 30px; color: #333; }
.leaflet-te-seventeen .tel .i-line { display: block; margin: 0 auto 8px; width: 13px; height: 3px; line-height: 0; background-color: #ffcc00; overflow: hidden; }
.leaflet-te-seventeen .speciality { padding-top: 20px; line-height: 30px; padding-left: 30px; }
.leaflet-te-seventeen .speciality .i-lef3 { margin-top: -8px; }
.leaflet-te-seventeen .speciality span { font-size: 18px; margin-left: 15px; color: #333; }
.leaflet-te-seventeen .describe { text-align: center; padding-left: 20px; padding-right: 20px; padding-top: 35px; line-height: 30px; font-size: 16px; color: #333; }
.leaflet-te-seventeen .describe .i-lef7 { display: block; margin: 0 auto 10px; }
.leaflet-te-seventeen .i-lef9 { display: none; position: absolute; bottom: -12px; left: 50%; margin-left: -32px; }

/* 2018-03-20 新增个人广告 start */

.i-lef10 { width: 25px; height: 24px; background-position: -180px 0; }
.i-lef11 { width: 19px; height: 18px; background-position: -180px -30px; }
.i-lef12 { width: 15px; height: 14px; background-position: -180px -50px; }
.i-lef13 { width: 19px; height: 18px; background-position: -210px 0; }

    /* leaflet-eighteen */
.leaflet-eighteen { width: 1200px; height: 140px; background: url(../image/bg13.jpg) top right #fff no-repeat; }
.leaflet-eighteen .photo { float: left; margin: 20px 30px 20px 60px; width: 100px; height: 100px; border-radius: 50%; }
.leaflet-eighteen .name { float: left; margin-top: 35px; font-size: 24px; line-height: 30px; color: #333; max-width: 300px; height: 30px; overflow: hidden; }
.leaflet-eighteen .post { float: left; margin-top: 46px; margin-left: 15px; font-size: 14px; color: #bbb; }
.leaflet-eighteen .online-btn { display: inline-block; margin-top: 15px; padding: 0 14px; height: 24px; line-height: 24px; font-size: 12px; background-color: #ec3b3b; color: #fff; border-radius: 12px; }
.leaflet-eighteen .online-btn:hover { opacity: .9; color: #fff; }
.leaflet-eighteen .local { padding-right: 30px; padding-top: 20px; text-align: right; color: #333; }
.leaflet-eighteen .local .i-lef4 { margin-right: 10px; margin-top: -3px; }
.leaflet-eighteen .tel { margin-top: 20px; padding-right: 160px; }
.leaflet-eighteen .tel em { font-size: 20px; margin-left: 20px; margin-right: 15px; }
.leaflet-eighteen .tel span { font-size: 24px; color: #ec3b3b; }
.leaflet-eighteen .tel .i-lef10 { margin-top: -8px; }
    /* leaflet-nineteen */
.leaflet-nineteen { width: 1200px; height: 200px; background-color: #fff; }
.leaflet-nineteen .photo { float: left; margin: 30px 30px 30px 60px; width: 140px; height: 140px; border-radius: 50%; }
.leaflet-nineteen .leaf-w690 { width: 690px; }
.leaflet-nineteen .name { float: left; margin-top: 35px; font-size: 24px; line-height: 30px; color: #333; max-width: 300px; height: 30px; overflow: hidden; }
.leaflet-nineteen .post { float: left; margin-top: 46px; margin-left: 15px; font-size: 14px; color: #bbb; }
.leaflet-nineteen .online-btn { display: inline-block; margin-top: 15px; padding: 0 14px; height: 24px; line-height: 24px; font-size: 12px; background-color: #ec3b3b; color: #fff; border-radius: 12px; }
.leaflet-eighteen .online-btn:hover { opacity: .9; color: #fff; }
.leaflet-nineteen .leaf-infroma { margin-top: 10px; font-family: 'AdobeHeitiStd-Regular'; font-size: 14px; line-height: 24px; color: #aaa; }
.leaflet-nineteen .leaf-infroma em { margin-left: 5px; margin-right: 5px; color: #333; }
.leaflet-nineteen .leaf-infroma i { margin-left: 10px; margin-right: 10px; color: #eee; }
.leaflet-nineteen .det { margin-top: 10px; font-size: 14px; color: #999; line-height: 24px; }
.leaflet-nineteen .local { padding-top: 20px; text-align: right; color: #333; }
.leaflet-nineteen .local .i-lef4 { margin-right: 10px; margin-top: -3px; }
.leaflet-nineteen .tel { margin-top: 47px; text-align: right; }
.leaflet-nineteen .tel span { font-size: 24px; color: #ec3b3b; }
.leaflet-nineteen .tel .i-lef11 { margin-top: -9px; margin-right: 10px; }
    /* leaflet-twenty */
.leaflet-twenty { width: 1200px; height: 220px; background-color: #fff; z-index: 2; }
.leaflet-twenty .leaflet-con { position: absolute; top: 0; right: 0; left: 0; z-index: 2; background-color: #fff; box-shadow: 0 2px 20px rgba(0, 0, 0, .15); border-radius: 2px; }
.leaflet-twenty .local { float: right; padding-right: 30px; color: #333; }
.leaflet-twenty .local .i-lef4 { margin-right: 10px; margin-top: -3px; }
.leaflet-twenty .tit { font-size: 16px; line-height: 20px; }
.leaflet-twenty .tit .line { float: left; margin-right: 10px; margin-top: 1px; width: 4px; height: 18px; line-height: 0; background-color: #3560e6; overflow: hidden; }
.leaflet-twenty .photo { float: left; margin: 30px 50px 30px 60px; width: 120px; height: 120px; border-radius: 50%; }
.leaflet-twenty .leaf-w970 { width: 940px; padding-right: 30px; }
.leaflet-twenty .leaf-a { float: left; width: 690px; }
.leaflet-twenty .name { float: left; margin-top: 35px; font-size: 24px; line-height: 30px; color: #333; max-width: 300px; height: 30px; overflow: hidden; }
.leaflet-twenty .post { float: left; margin-top: 46px; margin-left: 15px; font-size: 14px; color: #bbb; }
.leaflet-twenty .post2 { float: left; margin-top: 46px; margin-left: 40px; font-family: 'AdobeHeitiStd-Regular'; font-size: 14px; color: #bbb; }
.leaflet-twenty .det { margin-top: 15px; font-size: 14px; color: #999; line-height: 24px; }
.leaflet-twenty .leaf-b { display: none; }
.leaflet-twenty .leaf-c { float: left; text-align: right; width: 200px; padding-left: 50px; }
.leaflet-twenty .tel { margin-top: 65px; text-align: right; }
.leaflet-twenty .tel span { font-size: 24px; color: #ec3b3b; }
.leaflet-twenty .tel .i-lef11 { margin-top: -9px; margin-right: 10px; }
.leaflet-twenty .online-btn { display: none; padding: 0 27px; height: 32px; line-height: 32px; font-size: 12px; background-color: #ec3b3b; color: #fff; border-radius: 16px; }
.leaflet-twenty .online-btn:hover { opacity: .9; color: #fff; }
.leaflet-twenty .leaf-infroma { margin-top: 15px; font-size: 14px; color: #666; line-height: 24px; font-family: 'AdobeHeitiStd-Regular'; }
.leaflet-twenty .leaf-infroma span { margin-right: 20px; }
.leaflet-twenty .leaf-infroma em { color: #358bfb; margin: 0 5px; font-weight: 600; }
.leaflet-twenty .leaf-infroma .i-lef12 { margin-left: 10px; margin-top: -4px; }
.leaflet-twenty .det2 { margin-top: 15px; font-size: 14px; color: #999; line-height: 24px; }
.leaflet-twenty.leaflet-current .leaf-a .post2,
.leaflet-twenty.leaflet-current .leaf-a .det { display: none; }
.leaflet-twenty.leaflet-current .leaf-b { display: block; }
.leaflet-twenty.leaflet-current .leaf-a { float: none; width: 920px; }
.leaflet-twenty.leaflet-current .leaf-c { margin-top: 30px; padding-bottom: 30px; overflow: hidden; width: auto; padding-left: 0; }
.leaflet-twenty.leaflet-current .leaf-c .online-btn { float: left; display: inline-block; text-align: center; }
.leaflet-twenty.leaflet-current .leaf-c .tel { margin-top: 0; float: left; line-height: 32px; margin-left: 40px; }
    /* leaflet-twentyone */
.leaflet-twentyone { width: 820px; height: 220px; background-color: #fff; }
.leaflet-twentyone .local { float: right; padding-right: 30px; color: #333; }
.leaflet-twentyone .local .i-lef4 { margin-right: 10px; margin-top: -3px; }
.leaflet-twentyone .tit { font-size: 16px; line-height: 20px; }
.leaflet-twentyone .tit .line { float: left; margin-right: 10px; margin-top: 1px; width: 4px; height: 18px; line-height: 0; background-color: #3560e6; overflow: hidden; }
.leaflet-twentyone .photo { float: left; margin: 30px; width: 120px; height: 120px; border-radius: 50%; }
.leaflet-twentyone .leaf-w420 { width: 420px; }
.leaflet-twentyone .name { float: left; margin-top: 35px; font-size: 24px; line-height: 30px; color: #333; max-width: 300px; height: 30px; overflow: hidden; }
.leaflet-twentyone .post { float: left; margin-top: 46px; margin-left: 15px; font-size: 14px; color: #bbb; }
.leaflet-twentyone .online-btn { display: inline-block; margin-top: 10px; padding: 0 14px; height: 24px; line-height: 24px; font-size: 12px; background-color: #ec3b3b; color: #fff; border-radius: 12px; }
.leaflet-twentyone .online-btn:hover { opacity: .9; color: #fff; }
.leaflet-twentyone .leaf-infroma { margin-top: 10px; font-size: 14px; color: #666; line-height: 24px; font-family: 'AdobeHeitiStd-Regular'; }
.leaflet-twentyone .leaf-infroma span { margin-right: 10px; }
.leaflet-twentyone .leaf-infroma em { color: #358bfb; margin: 0 5px; font-weight: 600; }
.leaflet-twentyone .det { width: 370px; margin-top: 5px; font-size: 14px; color: #999; line-height: 24px; }
.leaflet-twentyone .tel { margin-top: 78px; text-align: right; }
.leaflet-twentyone .tel span { font-size: 24px; color: #333; }
.leaflet-twentyone .tel .i-lef13 { margin-top: -9px; margin-right: 10px; }


/* 2018-03-20 新增个人广告 end */

/* leaflet-current */
.leaflet-current .leaf-info { top: -100px; -webkit-transition: top .4s; transition: top .4s; }
.leaflet-current .leaf-pop { top: 0; -webkit-transition: top .4s; transition: top .4s; }
.leaflet-fourteen.leaflet-current .leaf-info, 
.leaflet-fifteen.leaflet-current .leaf-info, 
.leaflet-te-fourteen.leaflet-current .leaf-info, 
.leaflet-te-fifteen.leaflet-current .leaf-info { top: -300px; -webkit-transition: top .8s; transition: top .8s; }
.leaflet-fourteen.leaflet-current .leaf-pop, 
.leaflet-fifteen.leaflet-current .leaf-pop, 
.leaflet-te-fourteen.leaflet-current .leaf-pop, 
.leaflet-te-fifteen.leaflet-current .leaf-pop { -webkit-transition: top .8s; transition: top .8s; }
.leaflet-sixteen.leaflet-current .leaf-info,
.leaflet-te-sixteen.leaflet-current .leaf-info,
.leaflet-te-seventeen.leaflet-current .leaf-info { top: -230px; -webkit-transition: top .6s; transition: top .6s; }
.leaflet-sixteen.leaflet-current .leaf-pop,
.leaflet-te-sixteen.leaflet-current .leaf-pop,
.leaflet-te-seventeen.leaflet-current .leaf-pop { -webkit-transition: top .6s; transition: top .6s; }
/*.leaflet-current .i-lef9 { display: block; }*/


/* 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: 230px; height: 230px; padding: 10px 10px 110px; }
.chart250x350 .chart-no { float: left; width: 250px; height: 350px; }
.chart190x300 .chart-adv, .chart190x300 .chart-no  { float: left; width: 190px; height: 300px; margin-right: 12px; }


/* chart1 */
.chart1 .bg { top: 180px; }
.chart1 .bg .tit { height: 60px; }
.chart1 .bg .tit .name { padding-top: 5px; }
.chart1 .bg .tit .tip { margin-top: 2px; }
.chart1 .bg .all { height: 240px; padding: 0 20px; background: url('../image/bg-240x240.jpg') no-repeat; text-align: center; }
.chart1 .bg .all h3 { font-size: 24px; font-weight: 600; padding-top: 35px; }
.chart1 .bg .all .tip { font-size: 12px; margin: 3px 0 6px; }
.chart1 .bg .all .tel { font-size: 16px; }
.chart1 .bg .all .i-char9 { display: block; margin: 30px auto 16px; }
.chart1 .bg .all .tag { line-height: 24px; height: 24px; overflow: hidden; }
.chart1 .bg .all .tag span { font-size: 18px; color: #333; margin: 0 5px; }


/* chart2 */
.chart2 img { display: block; width: 190px; height: 190px; }
.chart2 .bg { top: 190px; }
.chart2 .bg .tit { height: 90px; }
.chart2 .bg .tit .name { padding-top: 16px; }
.chart2 .bg .tit .tel { margin-top: 7px; }
.chart2 .bg .tit .tel .line1 { float: left; margin: 4px 10px 0 0; }
.chart2 .bg .all { height: 280px; }
.chart2 .bg .all h3 { padding-top: 25px; }
.chart2 .bg .all .line2 { display: block; margin: 4px auto 6px; }
.chart2 .bg .all .inf { height: 60px; overflow: hidden; margin: 23px 0 16px; }
.chart2 .bg .all .xy { font-size: 12px; color: #bbb; }
.chart2 .bg .all .btn { display: block; width: 100px; height: 28px; line-height: 28px; margin: 6px auto 0; }


/* 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 .bg .all .btn { display: block; width: 100px; margin: auto; }


/* chart4 */
.chart4 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 .bg .all .btn { display: block; width: 90px; height: 28px; line-height: 28px; border-radius: 14px; font-size: 12px; }


/* chart5 */
.chart5 img { display: block; width: 190px; height: 190px; }
.chart5 .bg .tit { height: 110px; padding: 0 10px; }
.chart5 .bg .tit .name { padding-top: 15px; }
.chart5 .bg .tit .tel { margin-top: 7px; }
.chart5 .bg .tit .tel .line1 { float: left; margin: 4px 10px 0 0; }
.chart5 .bg .tit .tag { line-height: 24px; height: 24px; overflow: hidden; margin-top: 6px; }
.chart5 .bg .tit .tag span { margin-right: 10px; }
.chart5 .bg .all { height: 300px; }
.chart5 .bg .all h3 { padding-top: 25px; }
.chart5 .bg .all .line2 { display: block; margin: 4px auto 6px; }
.chart5 .bg .all .inf { height: 80px; overflow: hidden; margin: 23px 0 16px; }
.chart5 .bg .all .xy { font-size: 12px; color: #bbb; }
.chart5 .bg .all .btn { display: block; width: 100px; height: 28px; line-height: 28px; margin: 6px auto 0; }


/* chart-no */
.chart-no { 
	background: url('../image/bg-190x280.jpg') no-repeat; background-size: cover; 
	font-family: 'Microsoft YaHei'; font-family: 'HeitiStd'; text-align: center;
}
.chart-no .center-body { padding-left: 10px; padding-right: 10px; }
.chart-no .center-body .f30 { font-size: 30px; line-height: 40px; }
.chart-no .center-body .f18 { font-size: 18px; line-height: 24px; margin-top: 7px; }


/* 290x72 广告 (根据旧版改变，暂用) */
.char-h72 .leaflet { width: 290px; height: 72px; }
.char-h72 .leaflet .leaf-info { width: 290px; height: 72px; }
.char-h72 .leaflet .leaf-pop { top: 72px; height: 72px; padding: 0; }
.char-h72 .leaflet .photo { width: 60px; height: 60px; border-radius: 50%; margin: 6px 10px; }
.char-h72 .leaflet .ovh { height: 24px; line-height: 24px; color: #bbb; padding: 13px 10px 0 0; }
.char-h72 .leaflet .ovh .f16 { font-weight: 600; color: #333; }
.char-h72 .leaflet .i-line { display: inline-block; margin-right: 10px; width: 3px; height: 12px; line-height: 0; background-color: #ec3b3b; overflow: hidden; } 
	/**/
.char-h72 .h72-bg-a { background: url('../image/bg-290x72a.jpg') no-repeat; background-size: cover; }
.char-h72 .leaflet-nine .ovh .f14 { font-family: 'heiti-std'; }
.char-h72 .leaflet-nine .tel { padding-right: 15px; height: 24px; line-height: 24px; }
.char-h72 .leaflet-nine .speciality { padding-top: 10px; }
.char-h72 .leaflet-current .leaf-pop { top: 0; }
	/**/
.char-h72 .h72-bg-b { background: url('../image/bg-290x72b.jpg') no-repeat; background-size: cover; }
.char-h72 .h72-bg-b .photo { float: right; }
.char-h72 .h72-bg-b .ovh { padding-left: 20px; color: #333; }
.char-h72 .h72-bg-b .describe { padding-left: 20px; font-family: 'heiti-std'; }
.char-h72 .h72-bg-b .tel .i-lef1 { margin-bottom: 8px; }
	/**/
.char-h72 .h72-bg-c{ background: url('../image/bg-290x72c.jpg') no-repeat; background-size: cover; }
.char-h72 .h72-bg-c .tel { padding: 21px 20px 0 10px; }
.char-h72 .h72-bg-c .name { padding-left: 20px; line-height: 30px; margin-top: 19px; }
	/**/
.char-h72-no { display: block; height: 72px; box-shadow: 0 0 20px rgba(0,0,0, .1); font-size: 16px; text-align: center; line-height: 72px; }
.char-h72-no.h72-bg-a { background: url('../image/bg-h72a.jpg') no-repeat; background-size: cover; }
.char-h72-no.h72-bg-b { background: url('../image/bg-h72b.jpg') no-repeat; background-size: cover; }
.char-h72-no.h72-bg-c { background: url('../image/bg-h72c.jpg') no-repeat; background-size: cover; }


/* chart-no */

/* 
 * 广告v3版
 */

/* icon */
.wz-01 { width: 12px; height: 14px; background-position: -12px 0;  }
.zy-01 { width: 12px; height: 16px; background-position: -24px 0;  }
.zx-01 { width: 18px; height: 16px; background-position: -182px 0; }
.zc-01 { width: 12px; height: 18px; background-position: 0 0;      }
.zc-02 { width: 12px; height: 18px; background-position: -60px 0;  }
.zc-03 { width: 12px; height: 18px; background-position: -48px 0;  }
.zc-04 { width: 12px; height: 18px; background-position: -36px 0;  }
.tel-01{ width: 12px; height: 13px; background-position: -72px 0;  }
.tel-02{ width: 15px; height: 14px; background-position: -99px 0;  }
.tel-03{ width: 15px; height: 14px; background-position: -84px 0;  }
.tel-04{ width: 17px; height: 16px; background-position: -114px 0; }
.tel-05{ width: 17px; height: 16px; background-position: -131px 0; }
.tel-06{ width: 17px; height: 16px; background-position: -165px 0; }
.tel-07{ width: 17px; height: 16px; background-position: -148px 0; }
.tel-08{ width: 20px; height: 20px; background-position: -200px 0; }
.tel-09{ width: 20px; height: 20px; background-position: -220px 0; }
.tel-10{ width: 22px; height: 22px; background-position: -240px 0; }


/* vertical-align: middle; */
.center-box { letter-spacing: -5px; }
.well {  }
.center-box .center-hack { display:inline-block; font-size:0; width:0; height:100%; vertical-align:middle; }
.center-box .center-body { 
	display: inline-block; width: 100%; vertical-align: middle;
	letter-spacing:normal; word-spacing: normal; white-space: normal; word-wrap: break-word;
}


/* poster-h80 */
.poster-h80 { height: 80px; position: relative; }
.poster-h80 .part { position: absolute; left: 0; top: 0; right: 0; height: 80px; overflow: hidden; }
.poster-h80 .part .btn { position: absolute; width: 120px; height: 28px; line-height: 28px; display: none; }
.poster-h80 .part .front { height: 60px; padding: 10px 20px 0 100px; position: relative; }
.poster-h80 .part img {  position: absolute; left: 20px; top: 10px; width: 60px; height: 60px; border-radius: 50%; }
.poster-h80 .part .name { color: #404040; font-weight: 600; overflow: hidden; }
.poster-h80 .part .tel span { color: #666; }
.poster-h80 .part .tag { height: 18px; }
.poster-h80 .part .tag span { 
	height: 18px; padding: 0 12px; background-color: #bfbfbf; 
	font-size: 12px; color: #fff; line-height: 18px;
}
.poster-h80.green .name { color: #36b38f; }
.poster-h80.blue .name { color: #4c7ee0; }
	/* poster-w250 */
.poster-w250 { width: 250px; }
.poster-w250 .part { background: url('../image/250x184b.jpg') no-repeat right top; }
.poster-w250 .part .btn { right: 20px; bottom: 20px; }
.poster-w250 .part a.lawyer { display: block; height: 184px; }
.poster-w250 .part .front .name{ font-size: 18px; text-align: right; padding-top: 7px; height: 20px; }
.poster-w250 .part .front .tel { text-align: right; margin-top: 9px; }
.poster-w250 .part .front .tel .tel-03 { margin: -4px 5px 0 0; }
.poster-w250 .part .front .tel .din-m { font-size: 18px; }
.poster-w250 .part .back { height: 114px; display: none; }
.poster-w250 .part .back .tag { margin-top: 5px; }
.poster-w250 .part .back .tag span { float: right; margin-right: 20px; }
.poster-w250 .part .back .zc { color: #666; text-align: right; padding: 11px 20px 0; height: 20px; overflow: hidden; }
		/* */
.poster-w250.green .part { background: url('../image/250x184c.jpg') no-repeat right top; }
.poster-w250.blue .part  { background: url('../image/250x184a.jpg') no-repeat right top; }

	/* poster-w390 */
.poster-w390 { width: 390px; }
.poster-w390 .part { background: url('../image/390x184-gray.jpg') no-repeat right top; }
.poster-w390 .part .btn { right: 15px; bottom: 15px; }
.poster-w390 .part a.lawyer { display: block; height: 184px; }
.poster-w390 .part .front { height: 45px; }
.poster-w390 .part .front .name { float: left; font-size: 20px; line-height: 24px; width: 130px; height: 24px; margin-top: 18px; }
.poster-w390 .part .front .tel { float: right; text-align: right; margin-top: 20px; width: 134px; }
.poster-w390 .part .front .tel .tel-03 { margin: -4px 5px 0 0; }
.poster-w390 .part .front .tel .din-b { font-size:18px; color: #4d4d4d; }
.poster-w390 .part .back { padding-left: 100px; padding-right: 20px; }
.poster-w390 .part .back .tag { margin-top: 5px; }
.poster-w390 .part .back .tag span { float: left; margin-right: 20px; }
.poster-w390 .part .back { height: 114px; display: none; }
.poster-w390 .part .back .intro { line-height: 22px; height: 44px; overflow: hidden; color: #4d4d4d; margin-top: 10px; }
		/* */
.poster-w390.green .part { background: url('../image/390x184-green.jpg') no-repeat right top; }
.poster-w390.blue .part  { background: url('../image/390x184-blue.jpg') no-repeat right top; }

	/* poster-w810 */
.poster-w810 { width: 810px; }
.poster-w810 .part { background: url('../image/810x80-gray.jpg') no-repeat; }
.poster-w810 .part .btn { top: 24px; right: 30px; height: 32px; line-height: 32px; }
.poster-w810 .part .btn .zx-01 { margin: 1px 8px 0 0; }
.poster-w810 .part a.lawyer { display: block; height: 80px; padding-left: 260px; padding-right: 30px; position: relative; }
.poster-w810 .part .lr-info { position: absolute; left: 0; top: 0; width: 110px; height: 80px; padding-left: 110px; padding-right: 40px; }
.poster-w810 .part .lr-info .name { font-size: 22px; line-height: 30px; padding-top: 13px; height: 30px; }
.poster-w810 .part .front { position: absolute; top: 0; padding: 0; height: 80px; }
.poster-w810 .intro { font-size: 16px; color: #666; line-height: 28px; max-height: 56px; overflow: hidden; }
.poster-w810 .part .front .name { float: left; font-size: 20px; line-height: 24px; width: 130px; height: 24px; margin-top: 18px; }
.poster-w810 .part .front .tel { float: right; text-align: right; margin-top: 25px; line-height: 30px; }
.poster-w810 .part .front .tel .tel-04 { margin: -6px 8px 0 0; }
.poster-w810 .part .front .tel .din-b { font-size: 22px; color: #333; }
.poster-w810 .part .back { position: absolute; top: 100%; height: 80px; }
.poster-w810 .part .back .tag { margin-top: 5px; }
.poster-w810 .part .back .tag span { float: left; margin-right: 20px; }
.poster-w810 .center-box { float: left; width: 350px; }
.poster-w810 .well { height: 80px; }
		/* */
.poster-w810.green .part { background: url('../image/810x80-green.jpg') no-repeat; }
.poster-w810.blue .part  { background: url('../image/810x80-blue.jpg') no-repeat; }


/* poster-810x170a */
.poster-810x170a { width: 810px; height: 170px; background: url('../image/810x170-gold.jpg') no-repeat; }
.poster-810x170a .lawyer { display: block; height: 170px; position: relative; padding: 0 260px 0 170px; }
.poster-810x170a .lawyer .photo { position: absolute; left: 30px; top: 30px; width: 110px; height: 110px; }
.poster-810x170a .lawyer .photo img { display: block; width: 100%; height: 100%; border-radius: 50%; }
.poster-810x170a .lawyer .erwei { position: absolute; top: 45px; right: 20px; width: 80px; height: 80px; display: none; }
.poster-810x170a .lawyer .erwei img { display: block; width: 100%; height: 100%; }
.poster-810x170a .lawyer .tel { position: absolute; top: 49px; right: 35px; text-align: right; }
.poster-810x170a .lawyer .tel .label { font-size: 15px; color: #666; font-weight: 600; position: relative; padding: 0 5px 11px 0; }
.poster-810x170a .lawyer .tel .label:after { 
	position: absolute; right: 5px; bottom: 0; 
	width: 24px; height: 4px; background-color: #ec3b3b; content: '';
}
.poster-810x170a .lawyer .tel .label .tel-03 { margin: -4px 5px 0 0; }
.poster-810x170a .lawyer .tel .din-m { font-size: 26px; color: #333; line-height: 30px; margin-top: 11px; }
.poster-810x170a .lawyer .lr { height: 30px; overflow: hidden; padding-top: 43px; }
.poster-810x170a .lawyer .lr .name { 
	float: left; max-width: 280px; margin-right: 20px;
	font-size: 28px; color: #c79e5f; line-height: 30px; font-weight: 600; 
}
.poster-810x170a .lawyer .lr .tag { float: left; color: #ccaf85; margin-top: 12px; }
.poster-810x170a .lawyer .lr .tag .zy-01 { margin: -3px 5px 0 0; }
.poster-810x170a .lawyer .intro { 
	 padding-left: 14px; max-height: 48px; overflow: hidden; margin-top: 12px; 
	font-size: 16px; color: #666; line-height: 24px; position: relative;
}
.poster-810x170a .lawyer .intro:after { position: absolute; left: 0; top: 3px; bottom: 3px; content: ''; border-left: 3px solid #e6e6e6; }
	/**/
.poster-810x170a.erwei-yes .lawyer { padding-right: 310px; }
.poster-810x170a.erwei-yes .tel { right: 115px; }
.poster-810x170a.erwei-yes .erwei { display: block; }
	/**/
.poster-810x170a.blue { background: url('../image/810x170-blue.jpg') no-repeat; }
.poster-810x170a.blue .lawyer .lr .name, 
.poster-810x170a.blue .lawyer .lr .tag { color: #4c7ee0; }
	/**/
.poster-810x170a.green { background: url('../image/810x170-green.jpg') no-repeat; }
.poster-810x170a.green .lawyer .lr .name, 
.poster-810x170a.green .lawyer .lr .tag { color: #26ab86; }


/* poster-810x170b */
.poster-810x170b { width: 810px; height: 170px; }
.poster-810x170b .lawyer { display: block; height: 170px; position: relative; }
.poster-810x170b .lawyer .photo img, 
.poster-810x170b .lawyer .erwei img { display: block; width: 100%; height: 100%; }
.poster-810x170b .lawyer .erwei { position: absolute; top: 35px; right: 20px; width: 80px; height: 80px; display: none; }
.poster-810x170b .lawyer .nr { position: absolute; left: 0; top: 0; right: 0; padding: 30px 100px 0 320px; text-align: center; }
.poster-810x170b .lawyer .nr .name { display: block; font-size: 24px; color: #333; line-height: 30px; height: 30px; overflow: hidden; }
.poster-810x170b .lawyer .nr .tel { 
	display: block; height: 40px; line-height: 40px; margin-top: 12px;
	border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; 
}
.poster-810x170b .lawyer .nr .tel .tel-08 { margin: 0 10px 0 0; }
.poster-810x170b .lawyer .nr .tel .din-m { font-size: 20px; color: #4c7ee0; vertical-align: middle; }
.poster-810x170b .lawyer .nr .din-m {}
.poster-810x170b .lawyer .nr .intro { color: #666; height: 20px; overflow: hidden; margin-top: 11px; }
	/**/
.poster-810x170b.erwei-yes .lawyer .nr { padding-left: 355px; padding-right: 140px; }
.poster-810x170b.erwei-yes .lawyer .erwei { display: block; }


/* poster-810x170c */
.poster-810x170c { width: 810px; height: 170px; }
.poster-810x170c .lawyer { display: block; height: 170px; position: relative; }
.poster-810x170c .lawyer .photo img { display: block; width: 100%; height: 100%; }
.poster-810x170c .lawyer .nr { position: absolute; left: 0; bottom: 0; right: 0; padding: 0 80px; height: 70px; text-align: center; }
.poster-810x170c .lawyer .nr .h24 { line-height: 30px; padding-top: 6px; height: 30px; overflow: hidden; }
.poster-810x170c .lawyer .nr .name { font-size: 18px; line-height: 30px; vertical-align: middle; margin-right: 20px; }
.poster-810x170c .lawyer .nr .tel { }
.poster-810x170c .lawyer .nr .tel .tel-08 { margin: 0 8px 0 0; }
.poster-810x170c .lawyer .nr .tel .din-m { font-size: 18px; vertical-align: middle; }
.poster-810x170c .lawyer .nr .intro { color: #666; height: 20px; overflow: hidden; margin-top: 6px; }
	/**/
.poster-810x170c.white .lawyer .nr { background-color: #fff; background-color: rgba(255,255,255, .8); }
.poster-810x170c.white .lawyer .nr .name { color: #222; }
.poster-810x170c.white .lawyer .nr .tel em { color: #333; }
	/**/
.poster-810x170c.black .lawyer .nr { background-color: #000; background-color: rgba(0,0,0, .75); }
.poster-810x170c.black .lawyer .nr .name { color: #fff; }
.poster-810x170c.black .lawyer .nr .tel .tel-08 { background-position: -220px 0; }
.poster-810x170c.black .lawyer .nr .tel em { color: #fff; }
.poster-810x170c.black .lawyer .nr .intro { color: #ccc; }


/* poster-square */
.w240x240 { width: 240px; height: 240px; }
.w220x220 { width: 220px; height: 220px; }
	/**/
.poster-square .part { height: 100%; overflow: hidden; position: relative; }
.poster-square .part .photo { height: 100%; }
.poster-square .part .photo img { display: block; width: 100%; height: 100%; }
.poster-square .part .lawyer { 
	position: absolute; left: 0; right: 0; 
	background-color: #fff; background-color: rgba(255,255,255, .8); text-align: center; 
}
.poster-square .part .lawyer .front { height: 84px; }
.poster-square .part .lawyer .front .name { font-size: 18px; color: #000; font-weight: 600; padding-top: 10px; height: 20px; overflow: hidden; }
.poster-square .part .lawyer .front .tel { font-size: 16px; color: #333; height: 24px; overflow: hidden; line-height: 24px; margin-top: 5px; }
.poster-square .part .lawyer .front .tel .tel-01 { margin-right: 5px;}
.poster-square .part .lawyer .front .tel .din-m { font-size: 16px; }
.poster-square .part .lawyer .front .hint { height: 20px; overflow: hidden; color: #666; }
.poster-square .part .lawyer .back { height: 100%; padding-left: 20px; padding-right: 20px; }
.poster-square .part .lawyer .back .name { font-size: 22px; color: #000; font-weight: 600; line-height: 30px; height: 30px; overflow: hidden; padding-top: 21px; }
.poster-square .part .lawyer .back .tag { height: 20px; overflow: hidden; margin: 9px 0 11px; }
.poster-square .part .lawyer .back .tag span { color: #ec3b3b; position: relative; }
.poster-square .part .lawyer .back .tag span:before,
.poster-square .part .lawyer .back .tag span:after { position: absolute; top: 9px; width: 16px; height: 1px; background-color: #ccc; content: ''; }
.poster-square .part .lawyer .back .tag span:before { left: -26px; }
.poster-square .part .lawyer .back .tag span:after { right: -26px; }
.poster-square .part .lawyer .back .intro { color: #666; line-height: 22px; height: 66px; overflow: hidden; }
.poster-square .part .btn { position: absolute; display: none; }
.poster-square .part .btn .zx-01 { margin: 0 8px 0 0; }
		/**/
.w240x240 .part .lawyer { top: 156px; }
.w240x240 .part .lawyer .back { height: 240px; }
.w240x240 .part .btn { position: absolute; left: 40px; right: 40px; bottom: 25px; height: 36px; line-height: 36px; border-radius: 18px; }
		/**/
.w220x220 .part .lawyer { top: 136px; }
.w220x220 .part .lawyer .back { height: 220px; }
.w220x220 .part .btn { position: absolute; left: 30px; right: 30px; bottom: 20px; height: 32px; line-height: 32px; border-radius: 16px; }


/* 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: 170px; 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; }
	/*w1200x290*/
.poster-cb.w1200x290 { height: 290px; background: url('../image/1200x290.jpg') no-repeat; }
.poster-cb.w1200x290 .lawyer { padding: 70px 300px 0 60px; height: 220px; }
.poster-cb.w1200x290 .lawyer .photo { width: 180px; height: 180px; margin-right: 40px; }
.poster-cb.w1200x290 .lawyer .lr { padding-top: 12px; }
.poster-cb.w1200x290 .lawyer .info { margin-top: 21px; }
.poster-cb.w1200x290 .lawyer .intro { margin-top: 20px; }
.poster-cb.w1200x290 .lawyer .right { top: 40px; right: 60px;}
.poster-cb.w1200x290 .btn { right: 60px; bottom: 55px; }
	/*w1200x200*/
.poster-cb.w1200x200 { height: 200px; background: url('../image/1200x200-140.jpg') no-repeat; }
.poster-cb.w1200x200 .lawyer { padding: 25px 300px 0 60px; height: 175px; }
.poster-cb.w1200x200 .lawyer .photo { width: 140px; height: 140px; margin: 5px 30px 0 0; }
.poster-cb.w1200x200 .lawyer .lr { padding-top: 2px; }
.poster-cb.w1200x200 .lawyer .info { margin-top: 11px; }
.poster-cb.w1200x200 .lawyer .info span { float: left; padding-right: 15px; margin-right: 15px; position: relative; }
.poster-cb.w1200x200 .lawyer .info span:first-child:after { 
	position: absolute; top: 4px; right: 0; width: 1px; height: 12px; background-color: #d8d8d8; content: '';
}
.poster-cb.w1200x200 .lawyer .intro { margin-top: 10px; }
.poster-cb.w1200x200 .lawyer .right { top: 70px; right: 65px; }
.poster-cb.w1200x200 .btn { right: 60px; bottom: 48px; }
	/*w1200x140*/
.poster-cb.w1200x140 { height: 140px; background: url('../image/1200x200-140.jpg') no-repeat; }
.poster-cb.w1200x140 .lawyer { padding: 20px 300px 0 60px; height: 120px; }
.poster-cb.w1200x140 .lawyer .photo { width: 100px; height: 100px; margin-right: 30px; }
.poster-cb.w1200x140 .lawyer .lr { padding-top: 2px; }
.poster-cb.w1200x140 .lawyer .info { margin-top: 11px; }
.poster-cb.w1200x140 .lawyer .intro { margin-top: 10px; }
.poster-cb.w1200x140 .lawyer .right { top: 30px; right: 65px; }
.poster-cb.w1200x140 .btn { right: 60px; bottom: 30px; }
	/*w820x220*/
.poster-cb.w820x220 { width: 820px; height: 220px; background: url('../image/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; }


/* poster-w340x300 */
.poster-w340x300 { width: 340px; height: 300px; position: relative; }
.poster-w340x300 .lawyer { display: block; height: 300px; overflow: hidden; position: relative; }
.poster-w340x300 .lawyer .front { height: 300px; }
.poster-w340x300 .lawyer .name { font-size: 24px; color: #333; font-weight: 600; line-height: 28px; height: 28px; overflow: hidden; }
.poster-w340x300 .lawyer .intro { color: #666; overflow: hidden; }
.poster-w340x300 .lawyer .tel .din-m {}
.poster-w340x300 .lawyer .tag { height: 22px; }
.poster-w340x300 .lawyer .tag span { padding: 0 15px; background-color: #c8c8c8; font-size: 12px; color: #fff; line-height: 22px; }
.poster-w340x300 .lawyer .back { position: absolute; left: 0; right: 0; top: 100%; height: 273px; padding: 27px 30px 0; }
.poster-w340x300 .lawyer .back .name {}
.poster-w340x300 .btn { position: absolute; left: 30px; height: 36px; line-height: 36px; border-radius: 18px; display: none; }
.poster-w340x300 .btn .zx-01 { margin: 0 8px 0 0; }
	/* poster1*/
.poster-w340x300.poster1 {}
.poster-w340x300.poster1 .lawyer { box-shadow: 0 1px 3px 0 rgba(0,0,0, .1); }
.poster-w340x300.poster1 .front .k1-t { padding: 25px 20px; height: 100px; background: url('../image/340x150.jpg') no-repeat; }
.poster-w340x300.poster1 .front .k1-t .photo { float: left; width: 100px; height: 100px; margin-right: 20px; }
.poster-w340x300.poster1 .front .k1-t .photo img { border-radius: 50%; }
.poster-w340x300.poster1 .front .k1-t .name { padding-top: 3px; }
.poster-w340x300.poster1 .front .k1-t .tel { font-size: 16px; height: 20px; overflow: hidden; margin: 10px 0 13px; }
.poster-w340x300.poster1 .front .k1-t .tel .tel-03 { margin: -4px 8px 0 0; }
.poster-w340x300.poster1 .front .k1-t .tel .din-m { color: #333; }
.poster-w340x300.poster1 .front .k1-t .tag span { float: left; background-color: #c8c8c8; }
.poster-w340x300.poster1 .front .k2-b { height: 130px; padding: 16px 20px 4px; }
.poster-w340x300.poster1 .front .k2-b .zc-label { height: 24px; line-height: 24px; overflow: hidden; font-size: 18px; color: #333; }
.poster-w340x300.poster1 .front .k2-b .zc-label .zc-02 { margin: -3px 10px 0 0; }
.poster-w340x300.poster1 .front .k2-b .intro { line-height: 26px; height: 78px; overflow: hidden; margin-top: 10px; }
.poster-w340x300.poster1 .back { background: url('../image/340x300.jpg') no-repeat; }
.poster-w340x300.poster1 .back .s-c9 { margin: 14px 0 19px; }
.poster-w340x300.poster1 .back .intro { line-height: 28px; height: 84px; overflow: hidden; }
.poster-w340x300.poster1 .btn { bottom: 43px; width: 160px; }
	/* poster2*/
.poster-w340x300.poster2 {}
.poster-w340x300.poster2 .front { 
	padding: 20px; height: 260px; text-align: center; position: relative;
	background: url('../image/340x300-1.jpg') no-repeat; 
}
.poster-w340x300.poster2 .front .photo { width: 130px; height: 130px; margin: auto; position: relative; }
.poster-w340x300.poster2 .front .photo img { border-radius: 50%; }
.poster-w340x300.poster2 .front .tag { position: absolute; left: 0; top: 128px; right: 0; height: 22px; line-height: 22px; text-align: center; }
.poster-w340x300.poster2 .front .tag span {	display: inline-block; padding: 0 15px; background-color: #999; background-color: rgba(153,153,153, .9); }
.poster-w340x300.poster2 .front .name { padding-top: 9px; }
.poster-w340x300.poster2 .front .info { 
	height: 38px; line-height: 38px; overflow: hidden; color: #666; margin-top: 15px;
	border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; 
}
.poster-w340x300.poster2 .front .tel { font-size: 24px; height: 30px; line-height: 30px; overflow: hidden; margin: 10px 0 13px; }
.poster-w340x300.poster2 .front .tel .tel-10 { margin: -4px 8px 0 0; }
.poster-w340x300.poster2 .front .tel .din-m { color: #4c7ee0; }
.poster-w340x300.poster2 .back { background: url('../image/340x300-2.jpg') no-repeat; }
.poster-w340x300.poster2 .back .s-c9 { margin: 10px 0 9px; }
.poster-w340x300.poster2 .back .tel { font-size: 24px; height: 30px; line-height: 30px; overflow: hidden; }
.poster-w340x300.poster2 .back .tel .tel-06 { margin: -4px 8px 0 0; }
.poster-w340x300.poster2 .back .tel .din-m { color: #4c7ee0; }
.poster-w340x300.poster2 .back .intro { line-height: 24px; height: 72px; overflow: hidden; margin-top: 17px; }
.poster-w340x300.poster2 .btn { bottom: 30px; right: 30px; }


/* poster-cb2 */
.poster-cb2 { height: 100px; position: relative; }
.poster-cb2 .lawyer { 
	display: block; height: 100px; overflow: hidden; position: relative; padding-left: 355px;
	background: url('../image/1200x100-gold.jpg') no-repeat;
}
.poster-cb2 .lawyer .lr { position: absolute; top: 10px; width: 220px; }
.poster-cb2 .lawyer .lr .photo { float: left; width: 80px; height: 80px; margin-right: 40px; }
.poster-cb2 .lawyer .lr .photo img { border-radius: 50%; }
.poster-cb2 .lawyer .lr .name { 
	font-size: 28px; color: #c79e5f; font-weight: 600; text-align: center;
	line-height: 34px; height: 34px; overflow: hidden; padding-top: 7px; 
}
.poster-cb2 .lawyer .lr .tag { 
	height: 24px; line-height: 24px; overflow: hidden; color: #999; text-align: center;
	border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; margin-top: 10px; 
}
.poster-cb2 .lawyer .front { height: 80px; position: relative; }
.poster-cb2 .lawyer .front .td { 
	height: 30px; overflow: hidden; background-color: #d3bb97; 
	font-size: 20px; color: #fff; line-height: 30px; text-align: center; 
}
.poster-cb2 .lawyer .front .intro { font-size: 16px; color: #666; height: 20px; overflow: hidden; text-align: center; margin-top: 14px; }
.poster-cb2 .lawyer .front .r-box { position: absolute; top: 35px; right: 10px; height: 30px; overflow: hidden; }
.poster-cb2 .lawyer .front .r-box span { float: left; font-size: 20px; color: #333; line-height: 30px; margin-right: 30px; }
.poster-cb2 .lawyer .front .r-box span .ico-poster { margin: -3px 8px 0 0; }
.poster-cb2 .lawyer .front .r-box span .din-m { font-size: 22px; }
.poster-cb2 .lawyer .back { position: absolute; left: 0; top: 100%; right: 0; height: 100px; }
.poster-cb2 .lawyer .back .well { height: 100px; }
.poster-cb2 .lawyer .back .well .intro { font-size: 22px; color: #333; line-height: 28px; max-height: 56px; overflow: hidden; }
.poster-cb2 .btn { position: absolute; top: 32px; right: 40px; width: 144px; height: 36px; line-height: 36px; border-radius: 18px; display: none; }
.poster-cb2 .btn .zx-01 { margin: 0 8px 0 0; }
	/* w1200x100 (无二维码)*/
.poster-cb2.w1200x100 .lawyer .lr { left: 60px; }
.poster-cb2.w1200x100 .lawyer .front { padding: 20px 390px 0 0; }
.poster-cb2.w1200x100 .lawyer .back { padding: 0 330px 0 355px; }
	/* w1200x100 (有二维码)*/
.poster-cb2.w1200x100.erwei-yes .lawyer { padding-left: 320px; }
.poster-cb2.w1200x100.erwei-yes .lawyer .front { padding: 20px 480px 0 0; }
.poster-cb2.w1200x100.erwei-yes .lawyer .front .r-box { right: 100px; }
.poster-cb2.w1200x100.erwei-yes .lawyer .front .erwei { position: absolute; top: 10px; right: 10px; width: 80px; height: 80px; }
.poster-cb2.w1200x100.erwei-yes .lawyer .back { padding: 0 330px 0 320px; }
	/* w830x100 */
.poster-cb2.w830x100 { width: 830px; }
.poster-cb2.w830x100 .lawyer { padding-left: 280px; background: url('../image/830x100-gold.jpg') no-repeat; }
.poster-cb2.w830x100 .lawyer .lr { left: 40px; width: 200px; }
.poster-cb2.w830x100 .lawyer .lr .photo { margin-right: 25px; }
.poster-cb2.w830x100 .lawyer .front { padding: 20px 230px 0 0; }
.poster-cb2.w830x100 .lawyer .back { padding: 0 230px 0 280px; }
.poster-cb2.w830x100 .lawyer .back .zc { height: 20px; overflow: hidden; padding-top: 40px; font-size: 16px; color: #333; }
.poster-cb2.w830x100 .lawyer .back .zc .zc-04 { margin-right: 5px; }
.poster-cb2.w830x100 .lawyer .back .zc span { font-size: 16px; color: #333; font-weight: 600; margin: 0 5px; }
	/**/
.poster-cb2.w1200x100.blue .lawyer { background: url('../image/1200x100-blue.jpg') no-repeat; }
.poster-cb2.w1200x100.green .lawyer { background: url('../image/1200x100-green.jpg') no-repeat; }
.poster-cb2.w830x100.blue .lawyer { background: url('../image/830x100-blue.jpg') no-repeat; }
.poster-cb2.w830x100.green .lawyer { background: url('../image/830x100-green.jpg') no-repeat; }
.poster-cb2.w1200x100.blue .lawyer .lr .name,
.poster-cb2.w830x100.blue .lawyer .lr .name { color: #4c7ee0; }
.poster-cb2.w1200x100.blue .lawyer .front .td,
.poster-cb2.w830x100.blue .lawyer .front .td { background-color: #9dbaf2; }
.poster-cb2.w1200x100.green .lawyer .lr .name,
.poster-cb2.w830x100.green .lawyer .lr .name { color: #36b28f; }
.poster-cb2.w1200x100.green .lawyer .front .td,
.poster-cb2.w830x100.green .lawyer .front .td { background-color: #85ccb8; }
.poster-cb2.w830x100.blue .lawyer .back .zc .zc-04 { background-position: -60px 0; }
.poster-cb2.w830x100.green .lawyer .back .zc .zc-04 { background-position: -48px 0; }

/* 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; }

/** 2020-02-17  #9787 */
/* w1200x240 */
.poster-cb.w1200x240 .lawyer {
	padding: 0 300px 0 280px; height: 240px; background: url('../image/1200x240.jpg') no-repeat;
}
.poster-cb.w1200x240 .lawyer .t-tag { 
	position: absolute; left: 0; top: 0;
	height: 24px; background: linear-gradient(90deg, #ec3c3b 0%, #ff8967 100%); border-radius: 0px 0px 16px 0px;
	font-size: 12px; color: #fff; line-height: 24px; padding: 0 10px;
}
.poster-cb.w1200x240 .lawyer .photo { position: absolute; left: 60px; top: 30px; width: 180px; height: 180px; }
.poster-cb.w1200x240 .lawyer .lr { padding-top: 45px; }
.poster-cb.w1200x240 .lawyer .info { font-size: 14px; color: #666; margin-top: 21px; }
.poster-cb.w1200x240 .lawyer .info em { color: #0057ff; }
.poster-cb.w1200x240 .lawyer .intro { margin-top: 20px; color: #666; }
.poster-cb.w1200x240 .lawyer .right { top: 35px; right: 60px;}
.poster-cb.w1200x240 .lawyer .right .erwei { padding-left: 15px; margin: 0 auto 14px; }
.poster-cb.w1200x240 .lawyer .right .tel { padding-right: 5px; }
.poster-cb.w1200x240 .btn { right: 60px; bottom: 34px; width: 156px; }

/* w820x140 */
.poster-cb.w820x140 { width: 820px; height: 140px; }
.poster-cb.w820x140 .lawyer {
	padding: 0 235px 0 140px; height: 140px; background: url('../image/820x140.jpg') no-repeat;
}
.poster-cb.w820x140 .lawyer .t-tag { 
	position: absolute; left: 0; top: 0;
	height: 20px; background: linear-gradient(90deg, #ec3c3b 0%, #ff8967 100%); border-radius: 0px 0px 16px 0px;
	font-size: 12px; color: #fff; line-height: 20px; padding: 0 10px;
}
.poster-cb.w820x140 .lawyer .photo { position: absolute; left: 30px; top: 25px; width: 90px; height: 90px; }
.poster-cb.w820x140 .lawyer .lr { padding-top: 20px; }
.poster-cb.w820x140 .lawyer .lr strong { font-size: 20px; }
.poster-cb.w820x140 .lawyer .info { font-size: 14px; color: #666; margin-top: 21px; }
.poster-cb.w820x140 .lawyer .info em { color: #0057ff; }
.poster-cb.w820x140 .lawyer .intro { font-size: 12px; line-height: 20px; height: 40px; margin-top: 0px; }
.poster-cb.w820x140 .lawyer .right { top: 20px; right: 40px;}
.poster-cb.w820x140 .lawyer .right .tel p .tel-04 { display: inline-block; vertical-align: middle; margin: -4px 8px 0 0; }
.poster-cb.w820x140 .lawyer .right .tel p .din-m { font-size: 20px; color: #333; }
.poster-cb.w820x140 .lawyer .right .time { font-size: 12px; color: #bbb; margin-top: 4px; }
.poster-cb.w820x140 .btn { right: 40px; bottom: 25px; width: 104px; height: 32px; line-height: 32px; }