@charset "utf-8";

/* ico */
.ico-adt { background: url('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(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(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-Bold'; 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(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(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-Bold'; 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(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(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-Bold'; 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(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-Bold'; 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-Bold'; }
.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-Bold'; 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-Bold'; 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 */}

/* ico-lef */
.ico-lef { background: url('ico-leaflet.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: 'HeitiStd'; }
.leaflet .tel { font-family: 'DINCond-Bold'; }
.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(leaflet/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: 170px; 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(leaflet/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(leaflet/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(leaflet/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(leaflet/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: 'HeitiStd'; }
.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(leaflet/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(leaflet/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(leaflet/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(leaflet/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(leaflet/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: 'HeitiStd'; 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(leaflet/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(leaflet/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: 'HeitiStd'; 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(leaflet/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(leaflet/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: 'HeitiStd'; }
.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(leaflet/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: 'HeitiStd'; }
.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(leaflet/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(leaflet/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(leaflet/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(leaflet/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(leaflet/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(leaflet/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(leaflet/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(leaflet/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(leaflet/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(leaflet/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(leaflet/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(leaflet/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(leaflet/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(leaflet/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(leaflet/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(leaflet/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(leaflet/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(leaflet/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(leaflet/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(leaflet/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; }




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