首页 > 其他 > 详细

分页的实现

时间:2017-05-24 14:06:34      阅读:366      评论:0      收藏:0      [点我收藏+]

先引入这两个插件
<script type="text/javascript" src="static/js/fenye_query.js"></script>
<script type="text/javascript" src="static/js/fenye_paging.js"></script>
这一段写在HTML里;因为需要先加载它
<script>
/*分页的页数 count 45 :表示 45/10=4.5 取余为5,所以表示5 页 */
$(‘#pageToolbar‘).Paging({pagesize:10,count:45,toolbar:true});
</script>

//
fenye_query.js  :
/*
分页跳转的插件  fenye_query.js
 */
(function(root, factory) {
    //amd
    if (typeof define === ‘function‘ && define.amd) {
        define([‘$‘], factory);
    } else if (typeof exports === ‘object‘) { //umd
        module.exports = factory();
    } else {
        root.Query = factory(window.Zepto || window.jQuery || $);
    }
})(this, function($) {
    var Query = {
        getQuery: function(name, type, win) {
            var reg = new RegExp("(^|&|#)" + name + "=([^&]*)(&|$|#)", "i");
            win = win || window;
            var Url = win.location.href;
            var u, g, StrBack = ‘‘;
            if (type == "#") {
                u = Url.split("#");
            } else {
                u = Url.split("?");
            }
            if (u.length == 1) {
                g = ‘‘;
            } else {
                g = u[1];
            }
            if (g != ‘‘) {
                gg = g.split(/&|#/);
                var MaxI = gg.length;
                str = arguments[0] + "=";
                for (i = 0; i < MaxI; i++) {
                    if (gg[i].indexOf(str) == 0) {
                        StrBack = gg[i].replace(str, "");
                        break;
                    }
                }
            }
            return decodeURI(StrBack);
        },
        getForm: function(form) {
            var result = {},
                tempObj = {};
            $(form).find(‘*[name]‘).each(function(i, v) {
                var nameSpace,
                    name = $(v).attr(‘name‘),
                    val = $.trim($(v).val()),
                    tempArr = [];
                if (name == ‘‘ || $(v).hasClass(‘getvalued‘)) {
                    return;
                }

                if ($(v).data(‘type‘) == "money") {
                    val = val.replace(/\,/gi, ‘‘);
                }

                //处理radio add by yhx  2014-06-18
                if ($(v).attr("type") == "radio") {
                    var tempradioVal = null;
                    $("input[name=‘" + name + "‘]:radio").each(function() {
                        if ($(this).is(":checked"))
                            tempradioVal = $.trim($(this).val());
                    });
                    if (tempradioVal) {
                        val = tempradioVal;
                    } else {
                        val = "";
                    }
                }


                if ($(v).attr("type") == "checkbox") {
                    var tempradioVal = [];
                    $("input[name=‘" + name + "‘]:checkbox").each(function() {
                        if ($(this).is(":checked"))
                            tempradioVal.push($.trim($(this).val()));
                    });
                    if (tempradioVal.length) {
                        val = tempradioVal.join(‘,‘);
                    } else {
                        val = "";
                    }
                }

                if ($(v).attr(‘listvalue‘)) {
                    if (!result[$(v).attr(‘listvalue‘)]) {
                        result[$(v).attr(‘listvalue‘)] = [];
                        $("input[listvalue=‘" + $(v).attr(‘listvalue‘) + "‘]").each(function() {
                            if ($(this).val() != "") {
                                var name = $(this).attr(‘name‘);
                                var obj = {};
                                if ($(this).data(‘type‘) == "json") {
                                    obj[name] = JSON.parse($(this).val());
                                } else {
                                    obj[name] = $.trim($(this).val());
                                }
                                if ($(this).attr("paramquest")) {
                                    var o = JSON.parse($(this).attr("paramquest"));
                                    obj = $.extend(obj, o);
                                }
                                result[$(v).attr(‘listvalue‘)].push(obj);
                                $(this).addClass(‘getvalued‘);
                            }
                        });
                    }
                }

                if ($(v).attr(‘arrayvalue‘)) {
                    if (!result[$(v).attr(‘arrayvalue‘)]) {
                        result[$(v).attr(‘arrayvalue‘)] = [];
                        $("input[arrayvalue=‘" + $(v).attr(‘arrayvalue‘) + "‘]").each(function() {
                            if ($(this).val() != "") {
                                var obj = {};
                                if ($(this).data(‘type‘) == "json") {
                                    obj = JSON.parse($(this).val());
                                } else {
                                    obj = $.trim($(this).val());
                                }
                                if ($(this).attr("paramquest")) {
                                    var o = JSON.parse($(this).attr("paramquest"));
                                    obj = $.extend(obj, o);
                                }
                                result[$(v).attr(‘arrayvalue‘)].push(obj);
                            }
                        });
                    }
                }
                if (name == ‘‘ || $(v).hasClass(‘getvalued‘)) {
                    return;
                }
                //构建参数
                if (name.match(/\./)) {
                    tempArr = name.split(‘.‘);
                    nameSpace = tempArr[0];
                    if (tempArr.length == 3) {
                        tempObj[tempArr[1]] = tempObj[tempArr[1]] || {};
                        tempObj[tempArr[1]][tempArr[2]] = val;
                    } else {
                        if ($(v).data(‘type‘) == "json") {
                            tempObj[tempArr[1]] = JSON.parse(val);
                            if ($(v).attr("paramquest")) {
                                var o = JSON.parse($(v).attr("paramquest"));
                                tempObj[tempArr[1]] = $.extend(tempObj[tempArr[1]], o);
                            }
                        } else {
                            tempObj[tempArr[1]] = val;
                        }
                    }
                    if (!result[nameSpace]) {
                        result[nameSpace] = tempObj;
                    } else {
                        result[nameSpace] = $.extend({}, result[nameSpace], tempObj);
                    }
                } else {
                    result[name] = val;
                }

            });
            var obj = {};
            for (var o in result) {
                var v = result[o];
                if (typeof v == "object") {
                    obj[o] = JSON.stringify(v);
                } else {
                    obj[o] = result[o]
                }
            }
            $(‘.getvalued‘).removeClass(‘getvalued‘);
            return obj;
        },
        setHash: function(obj) {
            var str = ‘‘;
            obj = $.extend(this.getHash(), obj)
            var arr = [];
            for (var v in obj) {
                if(obj[v]!=‘‘){
                    arr.push(v + ‘=‘ + encodeURIComponent(obj[v]));
                }
            }
            str+=arr.join(‘&‘);
            location.hash = str;
            return this;
        },
        getHash: function(name) {
            if (typeof name === "string") {
                return this.getQuery(name, "#");
            } else {
                var obj = {};
                var hash = location.hash;
                if(hash.length>0){
                    hash = hash.substr(1);
                    var hashArr = hash.split(‘&‘);
                    for (var i = 0, l = hashArr.length; i < l; i++) {
                        var a = hashArr[i].split(‘=‘);
                        if (a.length > 0) {
                            obj[a[0]] = decodeURI(a[1]) || ‘‘;
                        }
                    }
                }
                return obj;
            }
        }
    };
    return Query;
});

fenye_paging.js  :

/*
分页的跳转(标签页自己的跳转)
 */
/*$(‘#pageTool‘).Paging({pagesize:10,count:100,callback:function(page,size,count){
    console.log(arguments)
    alert(‘当前第 ‘ +page +‘页,每页 ‘+size+‘条,总页数:‘+count+‘页‘)
}});
$(‘#pageToolbar‘).Paging({pagesize:10,count:45,toolbar:true});  /!*  count 45 :表示 45/10=4.5  取余为5,所以表示5 页 *!/*/

(function(root, factory) {
    //amd
    if (typeof define === ‘function‘ && define.amd) {
        define([‘$‘, ‘query‘], factory);
    } else if (typeof exports === ‘object‘) { //umd
        module.exports = factory();
    } else {
        root.Paging = factory(window.Zepto || window.jQuery || $, Query);
    }
})(this, function($, Query) {
    $.fn.Paging = function(settings) {
        var arr = [];
        $(this).each(function() {
            var options = $.extend({
                target: $(this)
            }, settings);
            var lz = new Paging();
            lz.init(options);
            arr.push(lz);
        });
        return arr;
    };

    function Paging() {
        var rnd = Math.random().toString().replace(‘.‘, ‘‘);
        this.id = ‘Paging_‘ + rnd;
    }
    Paging.prototype = {
        init: function(settings) {
            this.settings = $.extend({
                callback: null,
                pagesize: 10,
                current: 1,
                prevTpl: "",
                nextTpl: "",
                firstTpl: "共5页,每页显示:15条",
                lastTpl: "跳转至:",
                ellipseTpl: "...",
                toolbar: false,
                hash:true,
                pageSizeList: [5, 10, 15, 20]
            }, settings);
            this.target = $(this.settings.target);
            this.container = $(‘<div id="‘ + this.id + ‘" class="ui-paging-container"/>‘);
            this.target.append(this.container);
            this.render(this.settings);
            this.format();
            this.bindEvent();
        },
        render: function(ops) {
            this.count = ops.count || this.settings.count;
            this.pagesize = ops.pagesize || this.settings.pagesize;
            this.current = ops.current || this.settings.current;
            this.pagecount = Math.ceil(this.count / this.pagesize);
            this.format();
        },
        bindEvent: function() {
            var _this = this;
            this.container.on(‘click‘, ‘li.js-page-action,li.ui-pager‘, function(e) {
                if ($(this).hasClass(‘ui-pager-disabled‘) || $(this).hasClass(‘focus‘)) {
                    return false;
                }
                if ($(this).hasClass(‘js-page-action‘)) {
                    if ($(this).hasClass(‘js-page-first‘)) {
                        _this.current = 1;
                    }
                    if ($(this).hasClass(‘js-page-prev‘)) {
                        _this.current = Math.max(1, _this.current - 1);
                    }
                    if ($(this).hasClass(‘js-page-next‘)) {
                        _this.current = Math.min(_this.pagecount, _this.current + 1);
                    }
                    if ($(this).hasClass(‘js-page-last‘)) {
                        _this.current = _this.pagecount;
                    }
                } else if ($(this).data(‘page‘)) {
                    _this.current = parseInt($(this).data(‘page‘));
                }
                _this.go();
            });
            /*
            $(window).on(‘hashchange‘,function(){
                var page=  parseInt(Query.getHash(‘page‘));
                if(_this.current !=page){
                    _this.go(page||1);
                }
            })
             */
        },
        go: function(p) {
            var _this = this;
            this.current = p || this.current;
            this.current = Math.max(1, _this.current);
            this.current = Math.min(this.current, _this.pagecount);
            this.format();
            if(this.settings.hash){
                Query.setHash({
                    page:this.current
                });
            }
            this.settings.callback && this.settings.callback(this.current, this.pagesize, this.pagecount);
        },
        changePagesize: function(ps) {
            this.render({
                pagesize: ps
            });
        },
        format: function() {
            var html = ‘<ul>‘
            html += ‘<li class="js-page-first js-page-action ui-pager ui-pager-disabled" >‘ + this.settings.firstTpl + ‘</li>‘;
            html += ‘<li class="js-page-prev js-page-action ui-pager">‘ + this.settings.prevTpl + ‘</li>‘;
            if (this.pagecount > 6) {
                html += ‘<li data-page="1" class="ui-pager">1</li>‘;
                if (this.current <= 5) {
                    html += ‘<li data-page="2" class="ui-pager">2</li>‘;
                    html += ‘<li data-page="3" class="ui-pager">3</li>‘;
                    html += ‘<li data-page="4" class="ui-pager">4</li>‘;
                    html += ‘<li data-page="5" class="ui-pager">5</li>‘;
                } else
                if (this.current > 2 && this.current <= this.pagecount - 2) {
                    html += ‘<li>‘ + this.settings.ellipseTpl + ‘</li>‘;
                    html += ‘<li data-page="‘ + (this.current - 1) + ‘" class="ui-pager">‘ + (this.current - 1) + ‘</li>‘;
                    html += ‘<li data-page="‘ + this.current + ‘" class="ui-pager">‘ + this.current + ‘</li>‘;
                    html += ‘<li data-page="‘ + (this.current + 1) + ‘" class="ui-pager">‘ + (this.current + 1) + ‘</li>‘;
                    html += ‘<li class="ui-paging-ellipse" class="ui-pager">‘ + this.settings.ellipseTpl + ‘</li>‘;
                } else {
                    html += ‘<li class="ui-paging-ellipse" >‘ + this.settings.ellipseTpl + ‘</li>‘;
                    for (var i = this.pagecount - 2; i < this.pagecount; i++) {
                        html += ‘<li data-page="‘ + i + ‘" class="ui-pager">‘ + i + ‘</li>‘
                    }
                }
                html += ‘<li data-page="‘ + this.pagecount + ‘" class="ui-pager">‘ + this.pagecount + ‘</li>‘;
            } else {
                for (var i = 1; i <= this.pagecount; i++) {
                    html += ‘<li data-page="‘ + i + ‘" class="ui-pager">‘ + i + ‘</li>‘
                }
            }
            html += ‘<li class="js-page-next js-page-action ui-pager">‘ + this.settings.nextTpl + ‘</li>‘;
            html += ‘<li class="js-page-last js-page-action ui-pager">‘ + this.settings.lastTpl + ‘</li>‘;
            html += ‘</ul>‘;
            this.container.html(html);
            if (this.current == 1) {
                $(‘.js-page-prev‘, this.container).addClass(‘ui-pager-disabled‘);
                $(‘.js-page-first‘, this.container).addClass(‘ui-pager-disabled‘);
            }
            if (this.current == this.pagecount) {
                $(‘.js-page-next‘, this.container).addClass(‘ui-pager-disabled‘);
                $(‘.js-page-last‘, this.container).addClass(‘ui-pager-disabled‘);
            }
            this.container.find(‘li[data-page="‘ + this.current + ‘"]‘).addClass(‘focus‘).siblings().removeClass(‘focus‘);
            if (this.settings.toolbar) {
                this.bindToolbar();
            }
        },
        bindToolbar: function() {
            var _this = this;
            var html = $(‘<li class="ui-paging-toolbar"><input type="text" class="ui-paging-count"/><a href="javascript:void(0)">GO</a></li>‘);
            var sel = $(‘.ui-select-pagesize‘, html);
            var str = ‘‘;
            for (var i = 0, l = this.settings.pageSizeList.length; i < l; i++) {
                str += ‘<option value="‘ + this.settings.pageSizeList[i] + ‘">‘ + this.settings.pageSizeList[i] + ‘条/页</option>‘;
            }
            sel.html(str);
            sel.val(this.pagesize);
            $(‘input‘, html).val(this.current);
            $(‘input‘, html).click(function() {
                $(this).select();
            }).keydown(function(e) {
                if (e.keyCode == 13) {
                    var current = parseInt($(this).val()) || 1;
                    _this.go(current);
                }
            });
            $(‘a‘, html).click(function() {
                var current = parseInt($(this).prev().val()) || 1;
                _this.go(current);
            });
            sel.change(function() {
                _this.changePagesize($(this).val());
            });
            this.container.children(‘ul‘).append(html);
        }
    }
    return Paging;
});

/*=============================点击分页跳转到对应的内容页=============================================================*/

$(".overflow").css("display", "none")
$($(".overflow")[0]).css("display", "block")
$($(".overflow")[1]).css("display", "block")
$("#pageToolbar").click(function () {
    var list = $("#pageToolbar").find("li");
    for (var i = 0; i < list.length; i++) {
        $($("#pageToolbar").find("li")[0]).attr("class")
        if ($($("#pageToolbar").find("li")[i]).attr("class") == "ui-pager focus")
        {
            var pages = $($("#pageToolbar").find("li")[i]).attr("data-page")
            if (pages == "1")
            {
                $(".overflow").css("display", "none")
                $($(".overflow")[0]).css("display", "block")
                $($(".overflow")[1]).css("display", "block")
            }
            if (pages == "2") {
                $(".overflow").css("display", "none")
                $($(".overflow")[0]).css("display", "block")
                $($(".overflow")[2]).css("display", "block")
            }
            if (pages == "3") {
                $(".overflow").css("display", "none")
                $($(".overflow")[0]).css("display", "block")
                $($(".overflow")[3]).css("display", "block")
            }
            if (pages == "4") {
                $(".overflow").css("display", "none")
                $($(".overflow")[0]).css("display", "block")
                $($(".overflow")[4]).css("display", "block")
            }
            if (pages == "5") {
                $(".overflow").css("display", "none")
                $($(".overflow")[0]).css("display", "block")
                $($(".overflow")[5]).css("display", "block")
            }
        }
    }
})
//刷新的时候不要让他回到首页
$(function () {
    var url = window.location;
    var urlArr = url.toString().split(‘/‘);
    for (var i = 0; i < urlArr.length; i++) {

        if (urlArr[i] == "zjtd_lby.html#page=1") {
            $(".overflow").css("display", "none")
            $($(".overflow")[0]).css("display", "block")
            $($(".overflow")[1]).css("display", "block")
            $($("#pageToolbar").find("li")).removeClass("focus")
            $($("#pageToolbar").find("li")[2]).addClass("focus")


        }
        if (urlArr[i] == "zjtd_lby.html#page=2") {
            $(".overflow").css("display", "none")
            $($(".overflow")[0]).css("display", "block")
            $($(".overflow")[2]).css("display", "block")
            $($("#pageToolbar").find("li")).removeClass("focus")
            $($("#pageToolbar").find("li")[3]).addClass("focus")
        }
        if (urlArr[i] == "zjtd_lby.html#page=3") {
            $(".overflow").css("display", "none")
            $($(".overflow")[0]).css("display", "block")
            $($(".overflow")[3]).css("display", "block")
            $($("#pageToolbar").find("li")).removeClass("focus")
            $($("#pageToolbar").find("li")[4]).addClass("focus")
        }
        if (urlArr[i] == "zjtd_lby.html#page=4") {
            $(".overflow").css("display", "none")
            $($(".overflow")[0]).css("display", "block")
            $($(".overflow")[4]).css("display", "block")
            $($("#pageToolbar").find("li")).removeClass("focus")
            $($("#pageToolbar").find("li")[5]).addClass("focus")
        }
        if (urlArr[i] == "zjtd_lby.html#page=5") {
            $(".overflow").css("display", "none")
            $($(".overflow")[0]).css("display", "block")
            $($(".overflow")[5]).css("display", "block")
            $($("#pageToolbar").find("li")).removeClass("focus")
            $($("#pageToolbar").find("li")[6]).addClass("focus")
        }
    }

})
$(document).keydown(function (event) {  //回车事件  keydown()
    if (event.keyCode == 13) {
        $("#pageToolbar").click();
    }
});

 

html:

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- The above 2 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Note there is no responsive meta tag here -->
    <title>专家团队列表页</title>
    <!-- Bootstrap core CSS -->
    <link href="static/css/bootstrap.min.css" rel="stylesheet">
    <link href="static/css/base.css" rel="stylesheet">
    <link href="static/css/x_base.css" rel="stylesheet">
    <link href="static/css/z_zjlby.css" rel="stylesheet">
    <link href="static/css/animate.css" rel="stylesheet">
    <link href="./static/css/w-zjlby.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="static/css/paging.css">
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <link href="static/css/ie10-viewport-bug-workaround.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="static/css/non-responsive.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don‘t actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">

      .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
      .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
    </style>

    <!--引用百度地图API-->
    <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
  </head>

  <body>
  <!--header-->
  <object type="text/x-scriptlet" data="head.html" width="100%" height="726px"></object>
<!-- banner -->
  <!--<div class="banner">
    <img src="static/images/zjlb_banner.png" width="100%" height="560">
  </div>-->
  <!-- ==========================================面包屑导航======================================== -->
  <style>
     .bread_nav{background: #fff;padding:2px 0;}
     .bread_nav .container .breadcrumb li:before{display: none;}
     .bread_nav .container .breadcrumb li a{font-size: 12px; color: #1e88e5;}
  </style>
  <div class="bread_nav">
    <div class="container">
      <ol class="breadcrumb nomargin" style="background:#fff;">
        <li class="active"><i class="iconfont zhuse">&#xe8f2;</i> 您当前的位置:</li>
        <li><a href="#">首页</a> > </li>
        <li><a href="#">专家团队</a> > </li>
      </ol>
    </div>
  </div>
  <!-- =============================================主体=========================================== -->
  <!--专家团队  banner图下面-->
  <div class="z_zjtd">
    <div class="container">
      <div class="pull-left z_zjtd_l">
        <p>两岸三地 <span style="color:#1565c0;">近100名</span> 来自北师大、人大、清华、北大等各大高校、科研院所资深 <span style="color:#1565c0;">行业权威</span>专家,均有着多年的专业实战研发、咨询、培训、督导经验,累计服务用户 <span style="color:#1565c0;">1000000+</span>,保证产品和服务的专业性与高品质,深受客户好评。强大的专家阵容,为您倾力打造 <span style="color:#1565c0;">心理设备、心理软件、心理应用技术、心理咨询师认证培训、心理咨询、心理学考研</span> <span style="color:#1565c0;font-size:24px;font-weight:bold;">一站式</span>专业、实用、可信赖的心理产品和服务。引导心理行业蓬勃健康发展,践行博施济众全民幸福的愿景!</p>
      </div>
      <div class="pull-right z_zjtd_r">
          <p style="font-size: 32px;font-weight:bold;color:#fff;margin-top: -155px;
  margin-left: 124px;">专家团队</p>
      </div>
    </div>
  </div>
  <!--专家团队 70个老师 -->
  <div class="x_zjlb">
    <div class="container">
      <ul class="overflow">
        <!-- 第一页 -->
        <li class="overflow">
          <ul class="x_pager">
            <li>
              <img src="static/images/1.程爱礼.jpg" alt="">
              <div class="text_nr mt20">
                <h4>程爱礼</h4>
                <p class="pl30 c999">京师博仁教育科技中心专家主任</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">任京师博仁教育科技中心专家主任、北京师范大学教授,一直在教育战线从事教学、科研和管理工作;被国务院授予“全国改革之星” 荣誉称号,是我国著名教育专家、学界泰斗。</p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong><a target="_blank" href="#">中心主任</a> </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/2.张日昇.jpg" alt="">
              <div class="text_nr mt20">
                <h4>张日昇</h4>
                <p class="pl30 c999">中国心理箱庭第一人</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">箱庭疗法是由张日昇教授于1998年正式介绍到中国,积累了丰富的经验并形成系统的理论和应用体系,提出了箱庭疗法“人文关怀、明心见性、以心传心、无为而化”的精髓。被誉为:中国心理箱庭第一人。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>心理沙盘 &nbsp; 心理箱庭 &nbsp;  心理咨询 </p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong><a target="_blank" href="#">箱庭疗法培训</a><a target="_blank" href="#">心理沙盘设备</a><a target="_blank" href="#">儿童心理咨询</a><a target="_blank" href="#">婚姻家庭心理咨询</a><a target="_blank" href="#">青少年心理咨询</a><a target="_blank" href="#">成长心理咨询</a> </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/3.吴秀碧.jpg" alt="">
              <div class="text_nr mt20">
                <h4>吴秀碧</h4>
                <p class="pl30 c999">国际团体治疗领军人物</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">擅长团体辅导咨询理论与实务,台湾最著名的心理学专家!国际团体心理治疗领军人物!对团体动力的研究超越美国最高水平!</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>团体心理培训     &nbsp; 团体辅导产品 &nbsp;  心理咨询 </p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">团体心理培训</a>
                    <a target="_blank" href="#">团体辅导产品</a>
                    <a target="_blank" href="#">团体心理咨询</a>
                    <a target="_blank" href="#">职场心理咨询</a>
                    <a target="_blank" href="#">婚姻家庭心理咨询</a>
                  </p>
                </div>
              </div>
            </li>
            <li>
              <img src="static/images/4.张学民.jpg" alt="">
              <div class="text_nr mt20">
                <h4>张学民</h4>
                <p class="pl30 c999">北京师范大学心理实验中心主任</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">北京市重点实验室副主任,北京师范大学心理学院教授,对实验心理学的心理学核心学科的推广做出了巨大的推动作用。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>认知训练系统 &nbsp; 心理学综合实验设计系统</p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">认知训练系统</a>
                    <a target="_blank" href="#">心理学综合实验设计系统</a>
                  </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/5.白玉萍.jpg" alt="">
              <div class="text_nr mt20">
                <h4>白玉萍</h4>
                <p class="pl30 c999">北京教育科学研究院德育与心理研究中心教授</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">劳动部心理咨询师培训专家暨评审委员会委员,国家二级心理咨询师,为北京市各区县、多所学校进行课例点评、科研辅导与咨询案例督导,主持和参加了多项教育与心理方面的研究课题,有多项论文著作。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>心理咨询师认证培训 &nbsp; 心理咨询</p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong><a target="_blank" href="#">心理咨询师认证培训 </a><a target="_blank" href="#">青少年心理咨询 </a> </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/6.孟沛欣.jpg" alt="">
              <div class="text_nr mt20">
                <h4>孟沛欣</h4>
                <p class="pl30 c999">艺术治疗之母</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">中央美术学院艺术心理学教授,我国第一位从事艺术心理治疗研究的博士,业内人称"艺术治疗之母",著有绘画艺术疗法的专著《艺术疗法—超越言语的交流》。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>艺术治疗 </p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">绘画艺术整合</a>
                    <a target="_blank" href="#">艺术治疗工具箱 </a>
                  </p>
                </div>
              </div>
            </li>
            <li>
              <img src="static/images/7.高天.jpg" alt="">
              <div class="text_nr mt20">
                <h4>高天</h4>
                <p class="pl30 c999">中央音乐学院音乐治疗学教授</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">我国第一个赴海外学习音乐治疗的留学生,师从前美国音乐治疗协会主席、世界音乐治疗联合会主席Maranto博士。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>音乐治疗</p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">音乐治疗培训</a>
                    <a target="_blank" href="#">音乐放松椅</a>
                  </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/8.聂振伟.jpg" alt="">
              <div class="text_nr mt20">
                <h4>聂振伟</h4>
                <p class="pl30 c999">北师大心理咨询中心主任</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">北京高校心理素质教育与危机事件处理专家咨询委员会委员,北京雪绒花学生心理帮助热线主任、总督导。从业年限:28   个案时数:15000    个案续约率:99%   已在博仁咨询时数:320</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>心理健康教育 &nbsp; 心理咨询</p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">在线心理(第二季) </a>
                    <a target="_blank" href="#">儿童心理咨询 </a>
                    <a target="_blank" href="#">青少年心理咨询 </a>
                    <a target="_blank" href="#">婚姻心理咨询 </a>
                    <a target="_blank" href="#">成长心理咨询 </a>
                  </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/9.岳晓东.jpg" alt="">
              <div class="text_nr mt20">
                <h4>岳晓东</h4>
                <p class="pl30 c999">美国哈佛大学心理学博士</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">自1991年以来,岳晓东博士就在国内讲授心理咨询的理论与操作技巧,足迹遍布全国各地,广受学员欢迎。  从业年限:31  个案时数:16000 个案续约率:99%   已在博仁咨询时数:18</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>心理咨询技术 &nbsp; 心理咨询 </p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">心理咨询师基本功</a>
                    <a target="_blank" href="#">儿童心理咨询 </a>
                    <a target="_blank" href="#">青少年心理咨询 </a>
                    <a target="_blank" href="#">婚姻心理咨询 </a>
                    <a target="_blank" href="#">成长心理咨询 </a>
                  </p>
                </div>
              </div>
            </li>
            <li>
              <img src="static/images/10.廖阅鹏.jpg" alt="">
              <div class="text_nr mt20">
                <h4>廖阅鹏</h4>
                <p class="pl30 c999">华人著名催眠大师</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">建立了具备中国文化特色的超个人心理学催眠理论,培养了为数不少的精英催眠师及催眠治疗师,从业率达到了70%以上,以丰富的经验、娴熟精湛的技艺,帮助不少人摆脱身心疾患。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>催眠疗法 &nbsp; 音乐治疗</p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">催眠疗法</a>
                    <a target="_blank" href="#">音乐放松椅</a>
                  </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/11.李明.jpg" alt="">
              <div class="text_nr mt20">
                <h4>李明</h4>
                <p class="pl30 c999">中国叙事疗法奠基人</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">北京林业大学心理系咨询中心主任,出版国内第一部叙事疗法专著《叙事心理治疗导论》,中国叙事疗法奠基人。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>叙事疗法 &nbsp; 心理咨询</p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">叙事疗法培训 </a>
                    <a target="_blank" href="#">婚姻家庭心理咨询  </a>
                    <a target="_blank" href="#">职场心理咨询 </a>
                  </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/12.李世庆.jpg" alt="">
              <div class="text_nr mt20">
                <h4>李世庆</h4>
                <p class="pl30 c999">为数不多华语讲授萨提亚名师</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">自1977年始从事助人工作,国立彰化师范大学辅导研究所硕士,长期担任学校教务主任,具有丰富的教学经验。凡聆听过李老师演讲的人,无不被她那由衷散发出来的殷切诚恳之心,及入情入理的经验谈所深深感动。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>萨提亚 </p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">萨提亚模式家庭治疗系统培训</a>
                  </p>
                </div>
              </div>
            </li>
            <li>
              <img src="static/images/13.童玉娟.jpg" alt="">
              <div class="text_nr mt20">
                <h4>童玉娟</h4>
                <p class="pl30 c999">被学员誉为绘画心理分析之母</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">现任职于台湾中国文化大学讲师,在台湾从事教育工作三十多年,专长于心理辅导、心理咨询、绘画治疗、游戏治疗、故事治疗及团体辅导及亲子教育工作。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>绘画治疗 &nbsp; 游戏治疗 &nbsp; 心理咨询</p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">绘画心理分析</a>
                    <a target="_blank" href="#">艺术治疗工具箱</a>
                  </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/14.蔡仲淮.jpg" alt="">
              <div class="text_nr mt20">
                <h4>蔡仲淮</h4>
                <p class="pl30 c999">国际权威催眠大师</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">独创与企业相结合之“催眠式营销”、“企业体问题诊断与修复”,更是国内完形治疗的第一把交椅,发扬并广传其治疗技术,将丰富的临床实践治疗经验在其培训课程中完整呈现,已成功帮助上千家企业完成减压培训。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>催眠疗法 &nbsp; 音乐治疗</p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">催眠疗法  </a>
                    <a target="_blank" href="#">音乐放松椅  </a>
                    <a target="_blank" href="#">完形疗法 </a>
                  </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/15.谢政廷.jpg" alt="">
              <div class="text_nr mt20">
                <h4>谢政廷</h4>
                <p class="pl30 c999">最受欢迎最可爱的导师</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">台湾彰化师范大学辅导与谘商学系博士,团体咨询治疗专家,擅长游戏治疗,儿童与青少年心理咨询,讲课风格:激情洋溢、娓娓道来、融会贯通、耐心细致、天然和蔼,被学员称为:最受欢迎最可爱的导师。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>游戏治疗 &nbsp;  团体辅导 &nbsp;  心理咨询 </p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">游戏治疗培训</a>
                    <a target="_blank" href="#">团体辅导产品</a>
                    <a target="_blank" href="#">婚姻家庭心理咨询</a>
                    <a target="_blank" href="#">职场心理咨询</a>
                  </p>
                </div>
              </div>
            </li>
          </ul>
        </li>
        <!--================================2页=============================================-->
        <li class="overflow">
          <ul class="x_pager">
            <li>
              <img src="static/images/16.罗小年.jpg" alt="">
              <div class="text_nr mt20">
                <h4>罗小年</h4>
                <p class="pl30 c999">北京安定医院主任医师、教授</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">学术型—教授、研究生导师,从业年限:37年 个案时数:600  个案续约率:93% 擅长技术:心理诊断  擅长领域: 心理成长咨询 擅长人群:青少年  中年     已在博仁咨询时数:50 </p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>研究方向:临床精神医学司法精神病学、成瘾精神病学、心理危机干预  </p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">成长心理咨询  </a>
                  </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/17.程小苹.jpg" alt="">
              <div class="text_nr mt20">
                <h4>程小苹</h4>
                <p class="pl30 c999">国立彰化师范大学谘商学教授 </p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">国立彰化师范大学谘商学教授,台湾资深心理学家,与吴老师一起引领台湾团体辅导与咨询的发展,研究方向:团体辅导与咨商、辅导咨商理论与实务、婚姻与家庭、学校辅导、儿童发展与辅导等。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>团体心理辅导与咨询 &nbsp; 心理咨询</p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">团体心理培训  </a>
                    <a target="_blank" href="#">团体辅导产品 </a>
                  </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/18.夏东豪.jpg" alt="">
              <div class="text_nr mt20">
                <h4>夏东豪</h4>
                <p class="pl30 c999">被誉为催眠王子</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">著名心理咨询师,CCTV、湖南卫视、东方卫视等各大省级电视台常邀心理专家。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>催眠疗法 &nbsp; 心理咨询 </p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">催眠疗法</a>
                  </p>
                </div>
              </div>
            </li>
            <!--第二行-->
            <li>
              <img src="static/images/19.张雯.jpg" alt="">
              <div class="text_nr mt20">
                <h4>张雯</h4>
                <p class="pl30 c999">中华女子学院应用心理学副教授</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666"> 北京师范大学心理咨询中心心理咨询师,中华女子学院应用心理学专业副教授,师从箱庭疗法第一人——张日昇老师,擅长心理咨询和心理学辅导。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>心理沙盘 &nbsp; 箱庭疗法 &nbsp; 心理咨询 &nbsp; 心理学考研 </p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">心理沙盘</a>
                    <a target="_blank" href="#">箱庭疗法</a>
                    <a target="_blank" href="#">婚姻家庭心理咨询</a>
                    <a target="_blank" href="#">职场心理咨询</a>
                    <a target="_blank" href="#">心理学考研</a>
                  </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/20.吴明富.jpg" alt="">
              <div class="text_nr mt20">
                <h4>吴明富</h4>
                <p class="pl30 c999">台北教育大学艺术治疗博士 </p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">国立台北教育大学艺术与设计学系兼任副教授,儿童表达性艺术治疗名师,丰富的国内外艺术治疗经验,在个案咨询、个体咨询治疗、艺术治疗师培养方案成果丰硕。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>艺术治疗 &nbsp; 心理咨询</p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">表达性艺术治疗 </a>
                    <a target="_blank" href="#"> 艺术治疗工具箱 </a>
                    <a target="_blank" href="#"> 儿童心理咨询 </a>
                  </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/21.陈伯炜.jpg" alt="">
              <div class="text_nr mt20">
                <h4>陈伯炜</h4>
                <p class="pl30 c999">EFT情绪释放技术和OH卡牌训练师</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">WMECC 世界医学最高认证中心:行政执行委员会会长,课程以幽默、风趣的方式,协助学员在潜移默化中学习并成长。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>EFT情绪释放  &nbsp; OH卡牌  </p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">OH卡牌</a>
                    <a target="_blank" href="#">EFT情绪释放 </a>
                    <a target="_blank" href="#"> 情绪宣泄产品</a>
                  </p>
                </div>
              </div>
            </li>
            <!--第三行-->
            <li>
              <img src="static/images/22.金灿灿.jpg" alt="">
              <div class="text_nr mt20">
                <h4>金灿灿</h4>
                <p class="pl30 c999">北京林业大学心理咨询师</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">多年的发展心理学领域的研究, 授课风格独特,循环授课法,既通俗易懂,又容易记忆,能够使学生在短期内轻松掌握。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>心理学考研 &nbsp; 心理咨询师认证培训  </p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">心理学考研</a>
                    <a target="_blank" href="#">心理咨询师认证培训</a>
                  </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/23.王建平.jpg" alt="">
              <div class="text_nr mt20">
                <h4>王建平</h4>
                <p class="pl30 c999">北京师范大学心理咨询主任 </p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">北京师范大学“心理咨询与研究中心”创始人和第一主任,在美国学习和从事认知行为治疗(CBT)三年,主编和翻译《变态心理学》、《认知行为治疗》以及相关著作多部,发表中外文学术论文80余篇。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>心理咨询师《论文写作与指导》&nbsp;《论文点评与模拟答辩》 &nbsp;认知行为 </p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">心理咨询师认证培训   </a>
                  </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/24.张东.jpg" alt="">
              <div class="text_nr mt20">
                <h4>张东</h4>
                <p class="pl30 c999">北京回龙观医院心理测查室主任</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">北京回龙观医院心理测查室主任高级心理治疗技师,从事心理卫生工作30年,专职从事心理测量、心理咨询与治疗。个案时数:2200   个案续约率:93%  已在博仁咨询时数:13</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>心理测量 &nbsp; 心理测评 &nbsp; 心理咨询</p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">心理测量培训</a>
                    <a target="_blank" href="#">心理测评档案管理系统</a>
                    <a target="_blank" href="#">青少年心理咨询</a>
                    <a target="_blank" href="#">心理成长咨询</a>
                  </p>
                </div>
              </div>
            </li>
            <!--第四行-->
            <li>
              <img src="static/images/25.许育光.jpg" alt="">
              <div class="text_nr mt20">
                <h4>许育光</h4>
                <p class="pl30 c999">新竹教育大学谘商学教授</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">台湾团体谘商专家,博士。兼具谘商与临床心理师的理论与丰富实务经验,吴秀碧老师得意大弟子,长期与吴老师合作讲授团体咨询课程,老师对团体咨询的“专、精、深”都在其专业的团体课堂上精彩呈现。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>团体心理辅导与咨询 </p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">团体心理培训 </a>
                    <a target="_blank" href="#">团体辅导产品 </a>
                  </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/26.陈雷.jpg" alt="">
              <div class="text_nr mt20">
                <h4>陈蕾</h4>
                <p class="pl30 c999">国家心理咨询师教材编委 </p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">北京信息科技大学心理咨询中心负责人,国家级心理咨询师讲师。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>心理咨询师培训</p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">心理咨询师认证培训 </a>
                    <a target="_blank" href="#">婚姻家庭心理咨询、职场心理咨询 </a>
                  </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/27.刘伟.jpg" alt="">
              <div class="text_nr mt20">
                <h4>刘伟</h4>
                <p class="pl30 c999">国内绘画投射第一人</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">江苏大学医学院心理学系主任,主要从事团体咨询及绘画投射测验研究,在绘画投射理论研究上,构建了新的分析与解释理论,为绘画投射测验的分析提供了科学依据。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>绘画分析  &nbsp;  心理咨询 </p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">绘画投射测验分析师认证</a>
                    <a target="_blank" href="#">团体心理咨询 </a>
                  </p>
                </div>
              </div>
            </li>
            <!--第五行-->
            <li>
              <img src="static/images/28.郭勇.jpg" alt="">
              <div class="text_nr mt20">
                <h4>郭勇</h4>
                <p class="pl30 c999">国家心理咨询师考试命题组成员</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">海军医学心理学专业委员会主任委员,国家心理咨询师教材编委、考试命题组成员,国家心理咨询师职业资格鉴定综合评审专家。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>心理咨询师培训 </p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">心理咨询师认证培训</a>
                  </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/29.姜长青.jpg" alt="">
              <div class="text_nr mt20">
                <h4>姜长青</h4>
                <p class="pl30 c999">国家心理咨询师教材编委擅长 </p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">安定医院心理中心主任,心理咨询师资深培训专家,任职期间主编专业书三部,参与撰写专业书籍30余部,共计发表科研论文40余篇。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>心理咨询师培训</p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">心理咨询师认证培训  </a>
                  </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/30.刘彩谊.jpg" alt="">
              <div class="text_nr mt20">
                <h4>刘彩谊</h4>
                <p class="pl30 c999">国家心理咨询师评审委员会委员</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">中国科学院心理所博士,北京市总工会心理服务工作组专家,擅长:基础心理学  发展心理学。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>心理咨询师培训 </p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">心理咨询师认证培训</a>
                  </p>
                </div>
              </div>
            </li>
          </ul>
        </li>
        <!-- 第三页 -->
        <li class="overflow">
          <ul class="x_pager">
            <li>
              <img src="static/images/31.王广新.jpg" alt="">
              <div class="text_nr mt20">
                <h4>王广新</h4>
                <p class="pl30 c999">北京林业大学心理咨询师</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">犯罪心理学、变态心理学、临床与咨询,具有多年心理学考研辅导经验,在“结构式会心团体”团体辅导上有独特的见解。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>心理咨询师培训   &nbsp; 心理咨询 &nbsp;  心理学考研 </p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong><a target="_blank" href="#">中心主任</a> </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/32.郭三奇.jpg" alt="">
              <div class="text_nr mt20">
                <h4>韩三奇</h4>
                <p class="pl30 c999">心理咨询师评审鉴定委员会委员</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">擅长社会心理学、发展心理学,具有丰富的心理咨询师培训经验,中国第一批获得国家职业资格认证的心理咨询师,清华大学心理咨询中心认证心理咨询师。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>心理咨询师培训 </p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">心理咨询师认证培训</a>
                    <a target="_blank" href="#">职场提升应用(第二季)</a>
                  </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/33.史杰.jpg" alt="">
              <div class="text_nr mt20">
                <h4>史杰</h4>
                <p class="pl30 c999">国家心理咨询师教材编委</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">解放军第二炮兵总医院心理科主任 、教授,全军医学心理学专业委员会委员。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>心理咨询师培训 </p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">心理咨询师认证培训</a>
                  </p>
                </div>
              </div>
            </li>
            <li>
              <img src="static/images/34.温红博.jpg" alt="">
              <div class="text_nr mt20">
                <h4>温红博</h4>
                <p class="pl30 c999">国家教育部质量监测中心研究员</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">北京师范大学教育学部教育统计与测量研究所心理学博士,曾先后参与国家科技部重大基础性研究项目、教育部哲学社会科学研究重大课题攻关项目。</p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">心理测评培训</a>
                    <a target="_blank" href="#">心理测评档案管理系统</a>
                  </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/35.张禹.jpg" alt="">
              <div class="text_nr mt20">
                <h4>张禹</h4>
                <p class="pl30 c999">被学员誉为:心理实验大王</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">师从于张学民老师,从事考研辅导多年,对实验心理学的命题方向、考试重难点进行了深入研究,被学员誉为“实验大王”。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>心理学考研 &nbsp; 认知训练系统</p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong><a target="_blank" href="#">认知训练系统 </a><a target="_blank" href="#">实验心理学 </a> </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/36.陶塑.jpg" alt="">
              <div class="text_nr mt20">
                <h4>陶塑</h4>
                <p class="pl30 c999">中国地质大学(北京)副教授</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">曾参与编写北京师范大学出版社出版心理学基础教材与阅卷工作,她授课严谨,课堂内容富有深度,帮助考生轻松高效斩获高分,深受同学们的喜爱。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>心理学考研 </p>
                </div>
              </div>
            </li>
            <li>
              <img src="static/images/37.刘晓霞.jpg" alt="">
              <div class="text_nr mt20">
                <h4>林晓霞</h4>
                <p class="pl30 c999">北京印刷学院心理咨询中心任咨询师</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">从业经验13年,个案总时长:7000小时,个人成长时长:3000小时擅长咨询方向:婚姻情感、亲子关系、亲子教育、人际关系、压力管理</p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/38.王嘉悦.jpg" alt="">
              <div class="text_nr mt20">
                <h4>王嘉悦</h4>
                <p class="pl30 c999">美国国家注册心理咨询师 </p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">从业时间:4年  咨询时间:1200小时  满意度:91%</br>擅长咨询方向:厌食、精神疾病康复、青少年儿童学校咨询</p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/39.莫红波.jpg" alt="">
              <div class="text_nr mt20">
                <h4>莫红波</h4>
                <p class="pl30 c999">香港催眠学院院长</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">从业时间:10年  满意度:95% </br>擅长咨询方向:催眠</p>
                </div>
              </div>
            </li>
            <li>
              <img src="static/images/40.张仲卿.jpg" alt="">
              <div class="text_nr mt20">
                <h4>张仲卿</h4>
                <p class="pl30 c999">北京信息科技大学讲师</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">从业时间:12年  咨询时间:1200小时  满意度:93% </br>擅长咨询方向:婚姻情感 青少年心理咨询 儿童心理咨询</p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/41.林雅芳.jpg" alt="">
              <div class="text_nr mt20">
                <h4>林雅芳</h4>
                <p class="pl30 c999">北京教育学院校长研修学院讲师</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">从业时间:9年  咨询时间:700小时  满意度:92% </br>擅长咨询方向:亲子关系,人际关系,职业生涯</p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/42.郭瑛.jpg" alt="">
              <div class="text_nr mt20">
                <h4>郭瑛</h4>
                <p class="pl30 c999">国家二级心理咨询师</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">从业时间:10年  咨询时间:800小时  满意度:95%</br>擅长咨询方向:青少年心理咨询  职业规划 中小学心理健康辅导</p>
                </div>
              </div>
            </li>
            <li>
              <img src="static/images/43.张雅轩.jpg" alt="">
              <div class="text_nr mt20">
                <h4>张雅萱</h4>
                <p class="pl30 c999">中国农业大学心理咨询中心咨询师</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">从业时间:20年  咨询时间:5000小时  满意度:90%</br>擅长咨询方向:家庭心理咨询 心理矫治 青少年心理咨询</p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/44.武自存.jpg" alt="">
              <div class="text_nr mt20">
                <h4>武自存</h4>
                <p class="pl30 c999">北大医学部国家心理督导师</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">从业时间:11年  咨询时间:2000小时  满意度:96%</br>擅长咨询方向:儿童心理问题、少年青春期逆反、婚姻家庭、抑郁焦虑、人际交往、职场压力 </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/45.苏飞.jpg" alt="">
              <div class="text_nr mt20">
                <h4>苏飞</h4>
                <p class="pl30 c999">北京和散那事奉中心课程研发组长</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">从业时间:8年  咨询时间:1500小时  满意度:90%</br>擅长咨询方向:婚姻情感、亲子关系、人际关系、自我成长、焦虑、抑郁、压力。 </p>
                </div>
              </div>
            </li>
          </ul>
        </li>
        <!-- 第四页 -->
        <li class="overflow">
          <ul class="x_pager">
            <li>
              <img src="static/images/46.丁新华.jpg" alt="">
              <div class="text_nr mt20">
                <h4>丁新华</h4>
                <p class="pl30 c999">北京林业大学人文学院心理学系副主任</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">从业时间:20年  咨询时间:8000小时  满意度:96%</br>擅长咨询方向:婚姻情感、亲子关系、亲子教育、人际关系、压力管理</p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/47.杨文博.jpg" alt="">
              <div class="text_nr mt20">
                <h4>杨文博 </h4>
                <p class="pl30 c999">国家二级心理咨询师</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">从业时间:4年  咨询时间:200小时  满意度:93%</br>擅长咨询方向:婚姻情感 人际与亲子关系 强迫症及焦虑障碍 创伤相关障碍 哀伤辅导</p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/48.龚珍奇.jpg" alt="">
              <div class="text_nr mt20">
                <h4>龚珍奇 </h4>
                <p class="pl30 c999">北京邮电大学心理咨询师</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">从业时间:20年  咨询时间:1000小时  满意度:98%</br>擅长咨询方向:婚姻情感 亲子关系 青少年儿童心理问题 等</p>
                </div>
              </div>
            </li>
            <li>
              <img src="static/images/49.王庆.jpg" alt="">
              <div class="text_nr mt20">
                <h4>王庆</h4>
                <p class="pl30 c999">中国农业大学心理咨询师</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">从业时间:9年  咨询时间:3000小时  满意度:95%</br>擅长咨询方向:青少年厌学 婚姻情感 亲子关系 人际关系等</p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/50.贺子.jpg" alt="">
              <div class="text_nr mt20">
                <h4>贺子</h4>
                <p class="pl30 c999">北师大培训中心讲师</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">从业时间:14年  咨询时间:1000小时  满意度:95% </br>  擅长咨询领域:亲子关系 亲子教育</p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/51.郭芳芳.jpg" alt="">
              <div class="text_nr mt20">
                <h4>郭芳芳</h4>
                <p class="pl30 c999">北京信息科技大学讲师(北京)副教授</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">从业时间:7年  咨询时间:800小时  满意度:90% </br>   擅长咨询领域:婚姻情感 亲子关系 亲子教育 人际关系</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>心理学考研 </p>
                </div>
              </div>
            </li>
            <li>
              <img src="static/images/52.蔡荣.jpg" alt="">
              <div class="text_nr mt20">
                <h4>蔡蓉</h4>
                <p class="pl30 c999">北京信息科技大学讲师</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">从业时间:8年  咨询时间:700小时  满意度:90%  </br>  擅长咨询领域:婚姻情感 亲子关系 亲子教育 人际关系</p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/53.唐婧.jpg" alt="">
              <div class="text_nr mt20">
                <h4>唐婧</h4>
                <p class="pl30 c999">国家二级心理咨询师 </p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">从业时间:8年  咨询时间:1000小时  满意度:94% </br>  擅长咨询领域:催眠 婚姻情感  亲子教育 人际关系 压力管理</p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/54.伊丽.jpg" alt="">
              <div class="text_nr mt20">
                <h4>伊丽</h4>
                <p class="pl30 c999">中国心理学会理事</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">从业时间:20年  咨询时间:5200小时   满意度:98%</br>擅长咨询领域:婚姻情感  亲子关系  特殊人群心理健康</p>
                </div>
              </div>
            </li>
            <li>
              <img src="static/images/55.陈克.jpg" alt="">
              <div class="text_nr mt20">
                <h4>陈克</h4>
                <p class="pl30 c999">浙江大学客座专家</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">从业时间:16年   咨询时间:3200小时    满意度:94%  </br>擅长咨询领域:婚姻情感咨询 夫妻咨询 团体咨询</p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/56.徐凯文.jpg" alt="">
              <div class="text_nr mt20">
                <h4>徐凯文</h4>
                <p class="pl30 c999">北京和睦家医院精神科主治医师</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">中国心理学会临床与咨询心理学注册系统督导师、秘书长,在服刑人员的心理治疗、心理健康和危机干预方面具有丰富的经验,举办过多次讲座。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>擅长领域:危机干预 &nbsp; 精神治疗</p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">精神分析培训</a>
                  </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/57.张刃.jpg" alt="">
              <div class="text_nr mt20">
                <h4>张刃</h4>
                <p class="pl30 c999">中国音乐治疗学会培训讲师</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">音乐心理治疗专家,中国音乐治疗学会会员大型多媒体音乐心理剧《瘾型人》作曲家,长期从事音乐治疗相关研究。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>擅长领域:音乐治疗</p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">音乐治疗</a>
                    <a target="_blank" href="#">音乐放松椅</a>
                  </p>
                </div>
              </div>
            </li>
            <li>
              <img src="static/images/58.卜名臣.jpg" alt="">
              <div class="text_nr mt20">
                <h4>卜明臣</h4>
                <p class="pl30 c999">中国精神分析资深者</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">中国心理卫生协会成员,精神分析师连续培训项目讲师。2002年开始从事网络心理咨询,在心理咨询与治疗有众多成果展示。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>擅长领域:心理咨询</p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">精神分析(第二季)</a>
                  </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/59.魏广东.jpg" alt="">
              <div class="text_nr mt20">
                <h4>魏广东</h4>
                <p class="pl30 c999">全新一代沙盘(箱庭)名师</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">中国石油大学(北京)心理咨询中心讲师,沙盘游戏疗法新一代传承者与推广者,强调沙盘游戏在儿童教育、个人心理成长等领域应用的创新。 </p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>擅长领域:心理沙盘</p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">箱庭疗法</a>
                    <a target="_blank" href="#">心理沙盘</a>
                  </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/60.何丽.jpg" alt="">
              <div class="text_nr mt20">
                <h4>何丽</h4>
                <p class="pl30 c999">北京联合大学心理系讲师</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">北京联合大学心理系讲师,何老师师从认知行为大师王建平,受过系统的心理辅导专业训练,擅长心理咨询与治疗 临床与健康心理学。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>擅长领域:心理咨询 &nbsp; 认知行为</p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">认知行为(第二季)</a>
                    <a target="_blank" href="#">婚姻家庭心理咨询</a>
                    <a target="_blank" href="#">职场心理咨询</a>
                  </p>
                </div>
              </div>
            </li>
          </ul>
        </li>
        <!-- 第五页 -->
        <li class="overflow">
          <ul class="x_pager">
            <li>
              <img src="static/images/61.林其堂.jpg" alt="">
              <div class="text_nr mt20">
                <h4>林祺堂</h4>
                <p class="pl30 c999">台湾后现代技术名师</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">台湾彰化师范大学辅导与谘商学系博士,台湾新竹教育大学 教育心理与谘商学系,精通焦点短期技术、叙事疗法等技术技术。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong>焦点短期技术 &nbsp; 叙事疗法</p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">焦点短期心理治疗</a>
                    <a target="_blank" href="#">后现代技术(第二季)</a>
                  </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/62.彭路.jpg" alt="">
              <div class="text_nr mt20">
                <h4>彭路 </h4>
                <p class="pl30 c999">人本实战派专家</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">人本—存在取向结合循证心理治疗取向实战派专家,高校心理健康教育中心专职心理咨询师、特聘督导师,擅长心理咨询与治疗。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong> 心理咨询与治疗</p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/63.刘峰.jpg" alt="">
              <div class="text_nr mt20">
                <h4>刘锋 </h4>
                <p class="pl30 c999">中国犯罪画像第一人</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">中国“全息心理学派”创始人,犯罪心理学专家,武汉市公安局政治部宣传处影视中心负责人,擅长心理画像技术。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong> 心理画像</p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">心理画像</a>
                  </p>
                </div>
              </div>
            </li>
            <li>
              <img src="static/images/64.张漪.jpg" alt="">
              <div class="text_nr mt20">
                <h4>张婍 </h4>
                <p class="pl30 c999">北京联合大学应用心理学教研室主任</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">北京联合大学师范学院心理学系讲师,美国语境行为科学协会会员,主要从事后现代取向的认知行为治疗、叙事心理治疗。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong> 叙事疗法 &nbsp;  认知行为 &nbsp; 心理咨询</p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">叙事疗法(心众筹)</a>
                    <a target="_blank" href="#">婚姻家庭心理咨询</a>
                  </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/65.徐青林.jpg" alt="">
              <div class="text_nr mt20">
                <h4>徐青林</h4>
                <p class="pl30 c999">舞动治疗师</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">北京师范大学心理学院硕士,舞动治疗师,北京物资学院心理老师,擅长舞动治疗、团体咨询与治疗等。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong> 舞动治疗 &nbsp;  团体辅导与咨询</p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/66.李星.jpg" alt="">
              <div class="text_nr mt20">
                <h4>李星</h4>
                <p class="pl30 c999">九型人格导师(北京)副教授</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">北京九型人格研修院副院长,“我爱九型”俱乐部创始人,国家级九型人格专业教练,中国通过沙盘模拟(simulation)方式讲授九型人格的开创者。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong> 九型人格 </p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">九型人格</a>
                  </p>

                </div>
              </div>
            </li>
            <li>
              <img src="static/images/67.车宏生.jpg" alt="">
              <div class="text_nr mt20">
                <h4>车宏生</h4>
                <p class="pl30 c999">心理测量专家</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">现任北京师范大学心理学院心理测量与人力资源所所长,擅长心理测量,为多家大型企业集团做人才测量选拔工作,出版心理测量与人才选拔等多本图书。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong> 心理测评 </p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">心理测量</a>
                  </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/68.张俊.jpg" alt="">
              <div class="text_nr mt20">
                <h4>张俊</h4>
                <p class="pl30 c999">首都师范大学讲师 </p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">研究领域:心理咨询理论,行为主义疗法,参与编写心理学书籍,张老师悉心总结历年考研命题点,轻松引导学生入门到进阶的突破,被学员誉为“心灵导师”。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong> 考研 </p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">教育心理学考研</a>
                  </p>
                </div>
              </div>
            </li>
            <li class="ml60">
              <img src="static/images/69.刘华清.jpg" alt="">
              <div class="text_nr mt20">
                <h4>刘华清</h4>
                <p class="pl30 c999">心理测量专家</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">北京大学回龙观临床医学院临床心理科主任,擅长儿童青少年心理咨询和治疗, 强迫症与抑郁症的评估和治疗。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong> 心理测量 &nbsp; 青少年心理咨询 </p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">心理测量</a>
                  </p>
                </div>
              </div>
            </li>
            <li>
              <img src="static/images/70.张果.jpg" alt="">
              <div class="text_nr mt20">
                <h4>张果</h4>
                <p class="pl30 c999">被学员评价为“新生代催眠整合技术疗愈师”</p>
                <div class="pl20 pr20 pt15">
                  <p class="c666">北京师范大学心理学部应用中心研究人员,国际催眠大师蔡仲淮研修生,近些年通过催眠、绘画、音乐、舞动、正念能量提升等技术对企业员工及学校教师开展各种工作坊、成长团体、拓展培训,在活动过程中让参与者获得个人体验。为学校、社会教育培训机构开展家庭教育、学校教育相关培训,为社会机构、企事业单位开展心理团体活动、企业内训课程。</p>
                  <p class="zhuse1 pt20"><strong>擅长领域:</strong> 催眠疗法 &nbsp; 拓展培训 &nbsp; 家庭教育 </p>
                  <p class="zhuse1 pt20"><strong>业务推荐:</strong>
                    <a target="_blank" href="#">催眠疗法</a>
                  </p>
                </div>
              </div>
            </li>
          </ul>
        </li>
      </ul>
      <!--分页-->
      <div id="pageToolbar"></div>
    </div>
  </div>
  <!-- 为您倾力打造专业品质服务 -->
  <div class="w-serve">
    <div class="container">
      <div class="w-img1">
        <img src="./static/images/image1.png" alt="">
      </div>
      <div class="w-img2">
        <img src="./static/images/image2.png" alt="">
      </div>
      <div class="w-img3">
        <img src="./static/images/w-arrow.png" alt="">
      </div>
      <div class="w-show">
        <ul>
          <li>
            <div class="w-part1">
              <img src="./static/images/part1.png" alt="">
            </div>
            <p>专业实用可信赖</p>
            <p><span>近100位</span>来自北大、北师大、人大两岸三地各大高校行业权威专家组成,<span>11年</span>专业品质,累计服务客户1000000+</p>
          </li>
          <li>
            <div class="w-part1">
              <img src="./static/images/part2.png" alt="">
            </div>
            <p>产品专业指导研发</p>
            <p>业内权威专家带队产品<span>研发指导,咨询室解决方案</span>制定,引领行业领先水平,为您提供<span>最专业</span>的、<span>最实用</span>的心理设备与服务</p>
          </li>
          <li>
            <div class="w-part1">
              <img src="./static/images/part3.png" alt="">
            </div>
            <p>培训督导一站式服务</p>
            <p>优质师资团队,完善的服务培训体系,高质量的课程质量,考研、心理技术培训、设备使用、督导、咨询等<span>一站式服务</span></p>
          </li>
          <li>
            <div class="w-part1">
              <img src="./static/images/part4.png" alt="">
            </div>
            <p>心理咨询</p>
            <p><span>95%以上</span>的咨询满意率,汇集由北师大心理咨询专家带队的<span>百余位心理咨询师</span>,为客户提供高品质的心理健康服务</p>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!-- 浏览本页客户还浏览了 -->
  <div class=" container w-see">
    <div class="w-img1">
      <img src="./static/images/liulan.png" alt="">
    </div>
    <div class="w-img3">
      <img src="./static/images/w-arrow.png" alt="">
    </div>
    <div class="w-seemore">
      <ul>
        <li>
          <p>心理技术培训</p>
          <p>两岸三地近100名权威专家汇集</p>
          <p>个人成长,技术学习,案例及成长督<br>导一体化的心理专业人才培养体系</p>
        </li>
        <li>
          <p>心理设备</p>
          <p class="tl">致力于为客户提供专业、实用、可信赖的心<br>理应用设备!</p>
          <p>心理硬件、心理软件、咨询室建设指导、心理服务培训...</p>
        </li>
        <li>
          <p>心理学考研</p>
          <p>学业—专业—职业<br>一站式服务体系</p>
          <p>名师授课,只为你来!</p>
        </li>
        <li style="margin-left:0px; margin-top:25px;">
          <p>心理咨询服务</p>
          <p style="margin-top:45px;">倾力打造全国最值得信赖的心理咨询中心!</p>
          <p>儿童、青少年、婚恋情感、成长、团体、职场...</p>
        </li>
        <li style="margin-top:25px;">
          <p>心理咨询师二、三资格认证</p>
          <p style="margin-top:45px;">取证、传授技能并重迈出心理职业生涯第一步!</p>
          <p>心理咨询师<strong>体系化培养</strong></p>
        </li>
        <li style="margin-top:25px;" class="w-last">

          <p>中国心理行业发展促进大会(2017)</p>
          <span>国内唯一跨专业、跨领域的行业综合峰会</span>
          <p>助成长 &nbsp  促合作 &nbsp   给方案 &nbsp   搭平台</p>
          <p>2017年10月21-23日于<strong>人民大会堂</strong></p>
        </li>
      </ul>
    </div>
    <a href="">查看更多</a>
  </div>
  <!-- 相关推荐 -->
  <div class="w-reco">
    <div class="container">
      <div class="w-img2">
        <img src="./static/images/remo.png" alt="">
      </div>
      <div class="w-img3">
        <img src="./static/images/w-arrow.png" alt="">
      </div>
      <div class="w-recoin">
        <div style="margin-left:40px;margin-top:13px; float:left">
          <img src="./static/images/mei.png" alt="">
        </div>
        <div class="w-dian" style="margin-top:55px;">
          <a href="">最新心理技术课程表</a>
          <span>,制定自己的心理专业成长学习计划</span>
        </div>
        <div class="w-dian">
          <a href="">最全的心理产品中心</a>
          <span>,规划完善的心理咨询室建设方案</span>
        </div>
        <div class="w-dian">
          <a href="">心理咨询中心</a>
          <span>,制定我的心理咨询计划</span>
        </div>
        <div class="w-dian">
          <a href="">考研全部课程概览</a>
          <span>,制定我的考研计划</span>
        </div>
        <div class="w-look">
          <a href="">点击查看</a>
          <a href="">点击查看</a>
          <a href="">点击查看</a>
          <a href="">点击查看</a>
        </div>
      </div>
    </div>
  </div>
  <!-- 联系我们 -->
  <div class="w-contact">

    <div class="container w-conin">
      <div class="w-img2">
        <img src="./static/images/contact.png" alt="">
      </div>
      <div class="w-img3">
        <img src="./static/images/w-arrow.png" alt="">
      </div>
      <div class="w-addr">
        <!-- 引入地图 -->
        <div  class="w-map"  id="dituContent"></div>
        <div class="w-way">
          <p>咨询电话:010-5920-1666(总机);400-6262-918</p>
          <p>咨询QQ: 4006262918</p>
          <p>办公地址:北京师范大学南院博仁教育楼 <a href=""><img style="margin-top:-12px;" src="./static/images/地图图标.png">查看详细乘车路线)</a></p>
          <p>通讯地址:北京师范大学868信箱   邮编:100875</p>
          <p>官方网址:www.jsbr.org.cn</p>
          <p>投诉电话:010-5920-1696</p>
          <p>招聘电话:010-5920-1706</p>
          <p>品牌合作:010-5920-1666</p>
          <a href="">立即咨询</a>
        </div>
      </div>
    </div>
  </div>
  <object type="text/x-scriptlet" data="footer2.html" width="100%" height="794px"></object>
      <script src="static/js/jquery.min.js"></script>
      <script src="static/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="static/js/fenye_query.js"></script>
  <script type="text/javascript" src="static/js/fenye_paging.js"></script>
  <script type="text/javascript" src="static/js/map_zjtdlby.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->

  <script>
    /*分页的页数 count 45 :表示 45/10=4.5  取余为5,所以表示5 页 */
    $(#pageToolbar).Paging({pagesize:10,count:45,toolbar:true});
  </script>
  </body>
</html>

 


 

分页的实现

原文:http://www.cnblogs.com/wolflower/p/6898479.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!